*{
margin:0;
padding:0;
}

body{
background: #ffffff url(../../skin/img/bg.png) repeat-x top center;
text-align:center;
font-family: trebuchet ms, arial, sans-serif;
color:#6c6c6c;
font-size:12px;
}

a{
color:#575757;
text-decoration:none;
}

a img{
border:0;
}

a:hover{
color:#b38ade;
}

#site{
margin:auto;
width:1024px;
margin-top:0px;
text-align:left;
}


hr
{
        border:0px;
		height : 30px;
        width: 450px;
        margin:  10px 0px 0px 0px ;
		background: transparent url(../../skin/img/fl_blanche.gif) repeat-x;

}

	  
.imp {
    
	font-size : 13px;
    color : #ff0000;
    
	font-weight : bold; 

    padding : 15px 30px 15px 30px;
    margin : 15px 30px 15px 30px;
		background-color: #e5e5e5   
      }
	  
	  
.info {

margin-top : 10px;
margin-left : 20px;
padding:0 5px 5px 50px;
text-align : justify;
float : auto;
color : #4e4e4e;
margin-bottom : 15px;
background: transparent url(../../skin/img/fl_log_fwd.gif) no-repeat ;
background-position : 0px 50%;


}	

	  
#error {

background: #ffffff url(../../skin/img/bckg_error.gif) repeat-x top center;
margin-top : 10px;
padding:0 5px 5px 5px;
border : 1px solid #cccccc;
text-align : justify;
float : auto;
color : #be0000;
margin-bottom : 30px;

}	


 #error h1   {
 color : #000000;
         margin :0px;
         padding-top : 5px;
		 padding-left : 30px;
         font-size : 20px;
         font-weight : bold;
         line-height : 100%;
		 width : 100%;
		 margin-bottom : 15px;
		  font-weight : bold;
		   background: transparent url(../../skin/img/stop.gif) no-repeat ;
 background-position : 0px 50%;
      } 


	  
	  .erreur {

margin-top : 10px;
margin-left : 40px;
padding:0 5px 5px 30px;
text-align : justify;
float : auto;
color : #be0000;
margin-bottom : 15px;
background: transparent url(../../skin/img/fleche_select.gif) no-repeat ;
background-position : 0px 50%;

}	



/*----------------------------------------------------HEADER --------------------------------------------------------------------------*/

#top{
background:url(../../skin/img/header.jpg) no-repeat;
z-index:10;
height : 109px;
}

#logoPrint{
display:none;
}

#logo{
width:455px;
height:109px;
float:left;
position: absolute;

}

#logo a{
position: absolute;
width:410px;
height:109px;
float:left;
}
#SousTitre{
color: #cecece;
padding-top : 68px;
padding-left : 117px;
height:109px;

}

#topBandeauPub{
width:463px;
padding-right : 80px;
padding-top : 20px;
height:90px;
float:right;
margin-top:1px;
margin-right:1px;
}


div.newsletter{

float:right;
height:25px;
margin-right:3px;

}




div.newsletter img, .formIl img{
float:left;
}

div.newsletter form, div.newsletter p, div.formIl, .formIl p{
margin:0px;
padding : 0px;
float:left;

}



div.newsletter input.field, .formIl input.field {
height:18px;
width:100px;
border:0;
border-top:1px solid #c9b7e2;
border-bottom:1px solid #c9b7e2;
float:left;
margin:0;
color:#ae86ff;
padding-top:1px;
}
	
 
 

#topMenu{

background-color : #52007f;
position : relative;
height : 25px;
border-top : 1px solid #9300e4;
padding-top: 4px;
color :#ffffff;

}

#topMenu li  {
display: inline; 
list-style-type: none;
position : relative;
float : left;
margin : 0px;
 padding-top : 0px;
 padding-bottom : 7px;
		 
}



#topMenu  a:link, #topMenu  a:visited   {
         color : #ffffff;
         text-decoration : none;
         background-color : none;
		 padding-top : 0.3em;
         padding-bottom : 6px;
         padding-left : 0.9em;
         padding-right : 0.9em;
		
		 
      }
  #topMenu a:hover{
         color : #ffffff;
         background-color : #6a2491;
         border-bottom : 1px solid #d6c2e0;
         text-decoration : none;
         padding-top : 0.3em;
         padding-bottom : 6px;
         padding-left : 0.9em;
         padding-right : 0.9em;
	
		 
      }
	  
	 .TopClick{
     text-transform:uppercase;
	 font-weight : bold;
	 background-color : #9d0005;
		 
      }  
	  
	  

/*-------------------------------------------------------------FORMUAIRES----------------------------------------------------------------------------------------------*/


input.field{
height:18px;
width:100px;
border:0;
border-top:1px solid #c9b7e2;
border-bottom:1px solid #c9b7e2;
float:left;
margin:0;
color:#ae86ff;
padding-top:1px;

width : 50%;
}



    textarea.field  {
		width : 450px;
		height : 198px;
       border:0;
		border-top:1px solid #c9b7e2;
		border-bottom:1px solid #c9b7e2;
		font-family: trebuchet ms, arial, sans-serif;
		font-size:12px;
      color:#ae86ff;
		padding-top:1px;
		float:left;
      }
	  
	 form{
	 float :auto;
	 }
	 
/*----------------------------------------------------------------TEAM-------------------------------------------------------------------------------------------*/

#team  div {
background: #fafafa url(../../skin/img/box_article.png) repeat-x top center;
color : #ffffff;
width:200px;
margin-top : 10px;
margin : 10px;
padding-top : 6px  !important;  
padding-top : 4px;
padding-bottom : 10px;
padding-left : 20px;
border : 1px solid #cccccc;
float:left;
text-align: justify;
color: #4e4e4e;
}
#team div h2{

margin-bottom: 15px;
color : #ffffff;
font-size : 18px;

}

  #team a:link, #team a:visited, #team a:hover{
         color : #ffffff;
        
         font-weight : bold;
      }
  
#team div .Img {
width:150px;
height:150px;
text-align:center;
border:1px solid #d8d8d8;
margin:5px;
}
/*----------------------------------------------------------------CONTACT & NEWSLETTER-------------------------------------------------------------------------------------------*/

div#contact img, div#nl img{
float:left;
}
div#contact p, div#nl p{
padding-top : 10px;
clear: both;
}
#contact, #nl{

width : 100%;
border : 0;
float : left;

}

.cadre-colore{

float:left;
border:1px solid #c9b7e2;
padding: 10px;
width:704px  !important;  
width:724px;
margin : 5px;
background-color:#ececec;

}


.cadre{

border:1px solid #c9b7e2;
text-align : justify;
padding : 0px 10px 10px 10px;

}



.cadre-colore strong{
font-variant :small-caps;
font-size : 14px;
font-weight : bold;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#content{
width:1024px;
float:left;
line-height:12pt;
z-index:1;
background-color:white;
}

em {
    color : #4d0078;
    background-color : transparent;
}



/*---------------------------------------------------------------------NAVIG------------------------------------------------------------------------*/
#nav li  {
display: inline; 
list-style-type: none;
position : relative;
float:left;
margin : 1%;
padding : 0px;

width : 31%;
border : 1px solid #bababa;
text-align : center;


}

#order{
font-variant :small-caps;
font-size : 15px;
height:29px;
width:726px;
margin-top:5px;
line-height : 29px;
border : 1px solid #bababa;
background: #ffffff url(../../skin/img/bckg_nav_bar.gif) repeat-x top center;
color : #d90000;
text-align:center;


}

#order .select{
color : #c30006;
font-weight : bold;

}



#nav li a:link  , #nav li a:visited  {

width : 100%;
 display : block;
 height : 40px;
 padding-top : 20px;
font-variant :small-caps;
font-size : 14px;
background: #ffffff url(../../skin/img/fond_nav.gif) repeat-x top center;


}

#nav li a:hover    {

width : 100%;
 display : block;
 height : 40px;
 padding-top : 20px;
background: #9d0005 url(../../skin/img/fond_nav_h.gif) repeat-x top center;

   color : #ffffff;
   font-variant :small-caps;
     font-weight : bold;
}


#nav-actu li  {
display: inline; 
list-style-type: none;
position : relative;
float:left;
margin : 1%;
padding : 0px;
width : 46%;
border : 1px solid #bababa;
text-align : center;


}


#nav-actu li a:hover    {

width : 100%;
 display : block;
 

 background-color : #9d0005;
   color : #ffffff;
   font-variant :small-caps;
     font-weight : bold;
}
#nav-actu li a:link  , #nav-actu li a:visited  {
width : 100%;
 display : block;
}


.next {
		font-size : 14px;
		 font-variant :small-caps;
         width : 33%;
         float : right;
         text-align : right;
         margin : 30px 0 0;
		 padding-right:15px;
      }
     .prev {
		font-size : 14px;
		font-variant :small-caps;
         width : 33%;
         float : left;
         text-align : left;
         margin : 30px 0 0;
		 clear:both;
      }
     .pages { 
		font-size : 14px;
		font-variant :small-caps;
         width : 30%;
         float : left;
         text-align : center;
         margin : 30px auto 0;
         font-weight : bold;
      }
	  
/*---------------------------------------------------------------------LEFT------------------------------------------------------------------------*/

#leftColumn{
background: #eaeaea url(../../skin/img/bckg_left.gif) repeat-x top center;
height: 100%;
width:250px;
float:left;
min-height : 100%;

}
.end{
background: #ffffff url(../../skin/img/bottom_lefty.gif) repeat-x top;

width:250px;
float:left;
height : 100px;


}

#leftColumn .titre{
font-size : 18px;
text-transform:uppercase;
border-bottom : 1px solid #bababa;
padding-left : 20px;
color : #000000;
font-weight : bold;
padding-top : 25px;
margin-bottom : 15px;

}
#leftColumn p{
padding : 0 15px 0px 15px;

}

#leftColumn .SousTitre img{
 vertical-align : bottom  ;
}

#leftColumn .SousTitre{
font-size : 15px;
padding-top : 15px;
padding-left : 30px;
color : #000000;
  font-weight : bold;
}

#leftColumn .SousTitre a{
color : #000000;

}
#leftColumn li  {

list-style-type: none;
position : relative;
margin : 0px;
padding-left : 80px;
height : 17px;
}
#leftColumn li  a.Selected{

color:#753030;
font-weight:bold;
text-decoration:underline;
}

#leftColumn  .ListSpaced  li  {

height:22px;

}
#leftColumn .ListSpaced img{
 vertical-align : middle  ;
}
#leftColumn p{
text-align:center;
margin : 15px;
}
/*------------------------------------------------------------------------CENTER-----------------------------------------------------------------------------*/

#centerColumn{
background: #ffffff url(../../skin/img/bckg_right.gif) repeat-x top center;
width:744px  !important;  
width:774px;

padding-left : 30px ;

padding-top : 30px;

float:right;

}


#centerColumn .Column{
		width:370px;
		float:left;
		
}

/*------------------------------------------------------------------------HOME-----------------------------------------------------------------------------*/
.BoxArticle{
background: #fafafa url(../../skin/img/box_article.png) repeat-x top center;
width:97%;
margin-top : 10px;
 
padding-top : 5px  !important;  
padding-top : 3px;
border : 1px solid #cccccc;
float:left;
padding-bottom : 10px;

text-align: justify;
color: #4e4e4e;

}

.BoxMaj{
background: #fafafa url(../../skin/img/box_maj.png) repeat-x top center;
width:97%;
margin-top : 10px;
 
padding-top : 5px  !important;  
padding-top : 3px;
padding-bottom : 10px;

border : 1px solid #cccccc;
float:left;

text-align: justify;
color: #4e4e4e;

}


.BoxCdc{
background: #fafafa url(../../skin/img/box_cdc.gif) repeat-x top center;
width:97%;
margin-top : 10px;
padding-top : 5px  !important;  
padding-top : 3px;
padding-bottom : 10px;
border : 1px solid #cccccc;
float:left;
text-align: justify;
color: #4e4e4e;

}

.BoxArticle h1, .BoxMaj h1, .BoxCdc h1{
color : #ffffff;
font-size : 17px;
  font-weight : bold;
  margin-bottom : 15px;
  text-align:left;
}
.BoxArticle h1 img, .BoxMaj h1 img, .BoxCdc h1 img{

  margin-left : 5px;
}

.BoxArticle .Img, .BoxMaj .Img,  .BoxCdc .Img{
width:82px;
height:82px;
text-align:center;
float:left;
border:1px solid #d8d8d8;
margin:5px;
}

.GigiAward{

padding : 5px;

}

.BoxArticle .ArticleChapo, .BoxMaj .ArticleChapo,  .BoxCdc .ArticleChapo{
width:235px;
float:left;
text-align:justify;
margin:5px;
margin-top:10px;
line-height:10.5pt;
height : 100%;

}


.ArticleChapo img{
vertical-align:bottom;

}

.BoxActu, .BoxTuto{
background-color: #ffffff;
width:98%;
margin-top : 5px;
float:left;
text-align: justify;
color: #4e4e4e;

}

.BoxActu h1{
background: #ffdea5 url(../../skin/img/box_actu.png) no-repeat top left;
height : 20px;
font-size : 17px;
  font-weight : bold;
  margin-bottom : 5px;
  text-align:left;
  padding-top : 5px;
  padding-left : 20px;
}


.BoxActu .Img   {
width:42px;
height:42px;
text-align:center;
float:left;
border:1px solid #ffdea5;
margin-right:5px;
}

 .BoxTuto .Img {
width:42px;
height:42px;
text-align:center;
float:left;
border:1px solid #aaaaaa;
margin-right:5px;
}

.BoxTuto h1{
background:  url(../../skin/img/box_tuto.png) repeat-x top left;
height : 20px;
font-size : 17px;
  font-weight : bold;
  margin-bottom : 5px;
  text-align:left;
  padding-top : 5px;
  padding-left : 10px;
}



.suite, a.suite  {
float:right;
font-size:10px;
margin-right:5px;
color:#e01938;
margin-top:2px;
margin-bottom:5px;
font-weight:normal;
vertical-align:bottom;
text-decoration:underline;

}

/*---------------------------------------------------------------------ARTICLES------------------------------------------------------------------------*/

    #navbar {
         color : #470274;
         background-color : white;
         padding-bottom : 25px;
         font-size : 13px;
	
      }
     #navbar a:link, #navbar a:visited {
         color : #470274;
         background-color : white;
         font-weight : bold;
      }
     #navbar a:hover{
         color : #6a00af;
         border-bottom : 1px dotted #c7b6fe;
         font-weight : bold;
      }
	  
	  #articledwl a:hover {
         color : #6a00af;
         font-weight : bold;
      }
	  
	  #navbar img {
	  	 vertical-align:bottom;
		 margin :  0 5px 0 5px ;
		
		}
		
		.working {
	height: 30px;
	background: url('../../skin/img/ajax-loader.gif') 50% 50% no-repeat;
	}
	
	#article blockquote
{
padding : 10px;
padding-top : 0;

}	
		 
	#article .chapo
{
font-size:14px;
padding : 10px;
padding-top : 0;
font-weight:bold;

}			 
#article , #pop{
background: #ffffff url(../../skin/img/article.gif) repeat-x top center;
margin-top : 10px;
padding:0 5px 5px 5px;
border : 1px solid #cccccc;
text-align : justify;
float : left;

}



#BoxColArticle{

width:244px;
float:right;

}

#article #BoxInfo, #article #articledwl, #article #ArticlePlusMoins, #article #ArticleServices{

		border : 1px solid #cccccc;
		padding : 10px;
		margin-left : 10px;
		background-color : #e9e9e9;
		color : #610003;
		text-align:left;
		margin-bottom : 20px;
		

}

	  
     div .imgarticle {
	 
	 border : 1px solid #cccccc;
	padding : 10px;
	margin-left : 10px;
	background-color : #ffffff;
	text-align:center;
	margin-bottom : 20px;
	 
      }	  
	  
	  
#article strong {
color : #333333;
 font-weight : bold;
}


#BoxInfo strong, #articledwl strong, #ArticleServices strong{


 font-weight : bold;
 color : #C30006;


}

#articledwl strong{

 text-transform:uppercase;
 
}

#article #bookmark {
		  border : 1px solid #cccccc;
          background-color : #e9e9e9;
          font-size : 11px;
		  color : #610003;
          text-align : left;
          padding-top:15px;
		  padding:5px;
		  margin : 15px 90px 5px 90px;
		  
      }

.DescLink{
display: block; 
font-size : 10px;
color : #000000;
padding-left : 5px;

}
#article #articledwl .DescLink img,  #article #ArticlePlusMoins li  img {
         margin : 1px 2px;
          vertical-align:bottom;
      }

#article #articledwl#dlList li ,  #article #ArticlePlusMoins li {

list-style-type: none;
position : relative;
margin : 0px;
padding-left : 15px;
font-size : 11px;

}

#dlList li  {
		
		 	
         background-image : url(../../skin/img/icon_dwl.gif);
         background-repeat : no-repeat;
         background-position : 0px center;
         padding : 3px 0 2px 23px;
         margin : 12px 0 0 0px;


}

#article #articledwl li ,  #article #ArticlePlusMoins li {

list-style-type: none;

}


    #article #test img , #article #bookmark img, #article #articledwl img {
         margin : 3px 3px;
         border : none;
		
      }
	  

	  
 #article h1 , #pop h1  {
 color : #ffffff;
         margin :0px;
         padding : 0;
         font-size : 25px;
         font-weight : bold;
         line-height : 120%;
		 padding-bottom : 20px;
		 font-weight : bold;

      }
	  

 #article h2 {

         padding :  0  0 0 15px ;
        
      }	  
	  
 #article h3 {
 background: #ffffff url(../../skin/img/fl_log_fwd.gif) no-repeat top left;
 
         margin : 10px 0 0 0;
         padding :  0  0 0 55px ;
         font-size : 15px;
         font-weight : bold;
        color : #cd1b21;
         line-height : 100%;
      }
	  
#changelog{
	

 font-size : 10px;
color : #610003;
height:100%;
padding-bottom : 20px;
}
.p1{

margin : 15px 0 15px 0;
}


.quote {
         font-size : 11px;
         margin-left : 20px;
         margin-right : 20px;
         padding : 10px;
         color : #4a4a4a;
         
         border : 2px solid #e1cbee;
         background-color : #ececec;
         clear : both;
      }

	  #article li.Alert  {
			display: inline; 
			list-style-type: none;
			height : 20px;	
         background-image : url(../../skin/img/fl_nav.gif);
         background-repeat : no-repeat;
          background-position : 0% 40%;
         padding : 0px 0 0 15px;
         margin : 10px 0 0 10px;


}	 	  #article ul.Alert  {
		
         margin : 20px 20px 20px 10px;
        


}

#article #test li {
        
		  padding : 0px 0 0 35px;
		 list-style-type: none;
		  margin : 12px 0 0 20px;	
         background-image : url(../../skin/img/fl_blanche.gif);
         background-repeat : no-repeat;
		 
		 
      }
	  
	  
#article #test a.link {
        text-decoration:underline;
         cursor : hand;
      }
	  
	  
     acronym {
         border-bottom : 1px dotted #333;
         cursor : help;
      }

	  
	   #comments blockquote {
           border-width : 1px 1px 1px 0px;
         border-style : solid;
         border-color : #c5c5c5;
		 height: 100%;
          background-image : url(../../skin/img/comm-border.gif);
         background-repeat : repeat-y;
         margin : 1em 1em 0;
         padding : 0 1.5em 1em;
         background-color : #f8f8f8;
         color : #6f6f6f;
		 text-align : justify;
      }
	  
	    #comments {
			
			margin-bottom :20px;	
			
		}
		
		
	    #comments img {
		
		vertical-align:middle;
		margin : 3px;
		
		}  
		
		#comments strong {
		
		font-variant :small-caps;
		
		}
		  #comments .position {
		
			font-size : 17px;
			color : black;
			cursor : help;
		}
		
	  
	 		  #comments .score {
		
			float : right;
			position : relative;
		}
		 	 		

			#comments .CommHead {
				font-size : 13px;
				float : left;
				position : relative;
				margin : 10px;
				color : #890000;
		}
		 	#comments p {
				clear : both;
		}
		
		#FormComm input.field{
height:18px;
border:1px solid #c9b7e2;
margin:0;
color:#6c6c6c;
padding-top:1px;
font-size : 11px;
width : 200px;
}

#FormComm textarea{
height:70px;
width : 200px;
border:1px solid #c9b7e2;
margin:0;
color:#c9b7e2;
padding-top:1px;
font-size : 11px;
font-family: trebuchet ms, arial, sans-serif;
color:#6c6c6c;

}

/*---------------------------------------------------------------------POPUP------------------------------------------------------------------------*/	  
#popup h1  {
padding-top:5px;
font-size : 18px;
}
#popup  {

margin : 10px;
}
form.form{

width:100%;

}

input.classic{
height:18px;
border:1px solid #c9b7e2;
margin:0;
color:#c9b7e2;
padding-top:1px;
}

textarea.classic{
height:70px;
width : 350px;
border:1px solid #c9b7e2;
margin:0;
color:#c9b7e2;
padding-top:1px;
}
/*---------------------------------------------------------------------PIED DE PAGE------------------------------------------------------------------------*/	  
     #footer {
         text-align : center;
         position : relative;
         clear : both;
         padding-top : 50px;
       
      }
	  
	    #valid {
         text-align : center;
      }
     #valid img {
         text-align : center;
         border : none;
      }