/**************************
GENERAL
**************************/
* {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	/*border: 0;*/
	}

img, td.img {
	border:0px solid white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a{
    color: #FDBE00;
    text-decoration: none;
}
a:Hover{
    color: #FDBE00;
    text-decoration: underline;
}

body, html 	{
    margin: 10px 0px 20px 0px;
	padding:0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #E3DEDD;
    background-position: top;
    background-repeat: repeat-y;
    background-image: url(css/bgbody.gif);
}

div,td{
	text-align: justify;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #929292;
}
.spacer {
  clear: both;
}

/*************************/


.conteneur{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding:0px;
    text-align: center;
}

#banner{
    width:800px;
    height:203px;
    background:  url(css/compuman.gif) no-repeat right top;    
}
#logo{    
    padding-top:9px !important;  
    margin-top:2px;
}

#header{
    width:600px ;
    height:137px !important;
    background: #9F9894 url(css/topbanner4.gif) no-repeat left top;
}
#header_img{
    padding-top:16px !important;
    margin-left:2px;
    float:left;
}

#header_wording{
   float:left;
   width:433px !important;
   width:453px;
   padding:20px 10px 0px 10px;
}
#header_wording h2{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: bold;
    color: #FFFFFF;
    text-align: justify;
}

#banner_texte{
    width:100%;
    background:  url(css/logo-sentence.gif) no-repeat left top;
    text-align: center;    
    height:30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-variant: normal;
    letter-spacing: 5px;
    color:#A1BCCB;    
}


#main{
    width:800px;
    background:  url(css/bgmain.gif) repeat-y center top; 
    margin:0px;
    padding:0px 0px 0px 0px;
    float: left;
}

#subbanner{
    width: 100%;
    background: url(css/main_menu.png) no-repeat right bottom; 
    height:25px !important;
    height:35px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 5px 0px;    
}

#menu_lang{
    text-align: left;
    height:25px !important;
    height:35px;  
    padding:5px 0px 0px 15px;
    margin:0px;
    color:#FFFFFF;
    font-size: 12px;
    float:left;
}

#menu_lang A{
    color:#FFFFFF;
    text-decoration: none;
}

#menu_lang A:hover{
    color:#FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}


#main_menu{
    float:right;
    text-align: right;


}
#main_menu UL{
    margin:0px 5px 0px 0px;
    padding:0px;
    list-style: none;
}
#main_menu UL LI{
    display: inline;
}

#colleft{
    width:270px !important;    
    width:290px;
    float: left;
    padding:0px 0px 15px 0px;      
}


#secondary_menu{
    width: 260px;
    margin:20px 0px 15px 10px;
}
#secondary_menu UL{
    margin:0px 5px 0px 0px;
    padding:0px;
    list-style: none;
}
#secondary_menu UL LI{
    padding:4px 0px 0px 30px ;
    margin:5px 0px 0px 0px ;
    height:25px;
    background: url(css/pucelogo.png) no-repeat left top;
    text-align: left;
}

#secondary_menu UL LI A{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: bold;
    color: #605F5A;
    white-space: nowrap;
    text-decoration:none;
}

#secondary_menu UL LI A:hover , #secondary_menu UL LI A.actif{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: bold;
    color: #FDBE00;
    white-space: nowrap;
    text-decoration:none;
}
                                                                        
#left_text {
    width:260px;    
    float: left;
    margin:0px 0px 0px 10px;
    padding:0px; 
}

#left_text H2{
    background:  url(css/enteteleft.gif) no-repeat center center;   
    color: #605F5A;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: bold;
    vertical-align: middle;
    height:20px; 
    padding:3px 0px 0px 25px;
    margin:0px 0px 0px 0px;  
}
#left_text P , #left_text .mainDIV{
    background:  #FFFFFF url(css/bgcolleftbox.png) no-repeat center bottom; 
    padding: 10px; 
    margin:0px 0px 0px 0px;
}
           
#breadcrumb{
	width: 500px !important;
	width: 510px;
	text-align: left;	
	height:25px !important;
	height:40px;
	margin:0px;
	padding:15px 0px 0px 0px;
	color: #B7B7B7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
}

#breadcrumb A{
	color: #B7B7B7;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;	
}


#main_content{
	width: 500px !important;
    width: 510px ;
	padding:0px;
	margin: 0px 10px 0px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: justify;
    float:right;    
}

#main_content H1{
    font-family:  Helvetica, sans-serif;
    font-size: 15px;
    font-variant: normal;
    color: #0522F3;
    height: 20px !important;
    height: 27px;
    padding: 8px 0px 0px 28px;
    background:  url(css/entetepara.gif) no-repeat center center;
    font-weight: bold;       
}



#content{
    width: 470px !important;
    width: 500px;
    background:  #EEF0F9 url(css/bgmaintbox.gif) no-repeat center bottom;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: justify; 
    padding:15px;    
    margin-bottom:15px;    
    
}
#content UL{
    list-style-image: url(css/puce_content.gif);
    margin:15px 0px 0px 25px;
}
#content LI{
    padding-bottom: 12px;
}



#main_bot{
    width: 526px !important;  
	width: 580px;	
	height: 17px;
    padding:0px 32px 0px 32px;
    margin:0px;    
	float: left;
	background:url(css/bottomcontent2.gif) no-repeat center bottom;
}
#left_advertasing		{
	width: 100%;
	background-color: #E6E6FA;
	float: left;
	clear: left;
}
#colright{
	width: 175px;
	background: url(css/colright.gif) no-repeat right top;	;
	float: left;
}
   

#footer{
	width: 100%;
	background: url(css/bottomlink.gif) no-repeat center top;		
	clear: both;
	padding:11px 0px 0px 0px;
    margin:0px 0px 0px 0px ;
    font-size: 11px;
    color: #000000;    
}

#foot_link{
    text-align: center;
    font-size: 11px;
    color: #000000;        
}

#footer a, foot_link a{
    color: #000000; 
}

#social{
	clear: both;
	text-align: center;	
	height: 32px;
	margin-left:250px;
	float: left;
	width:300px;
}
#social #eleme{
	display: inline;
	padding:5px 0px 0px 0px ;
	margin:0px 0px 0px 0px ;
	background:  url(css/social.gif) repeat-x left bottom;
	text-align: center;
	height: 27px !important;
	height: 32px;
	float:left;
	width: 250px;
}
#social #eleme img{
	margin:0px 2px 0px 2px ;
}

#social #first {
	background: url(css/firstsocial.gif) no-repeat left bottom;
	width:25px;
	height: 32px;
	float:left;
}
#social #last {
	background: url(css/lastsocial.gif) no-repeat right bottom;
	height: 32px;
	width:25px;
	float:left;
}


#pattent{
	width: 100%;
    font-family: "Courier New", Courier, monospace;
    font-size: 11px;
    letter-spacing: 5px;
    color: #FDBE00;
    font-weight: bold;
    padding-top: 10px;
	clear: both;
	text-align: center;	
}


#home_content{
    width:800px;
    clear:both;
    float:left;
    margin:0px;
    background: url(css/homeborderright.gif ) repeat-y right top;
}

.home_box{
    background: url(css/homebox.gif) no-repeat center bottom; 
    width:370px;
    float:left;
    margin:30px 30px 0px 0px;
}     

.home_box h2{
    background: url(css/h1home.gif) no-repeat left top;  
    color: #FDBE00;
    font-size: 14px;
    font-weight: bold;    
    height:35px;      
    padding: 8px 0px 0px 25px ;                
} 

.home_box P{
    padding:0px 15px 15px 15px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;    
} 

.home_box UL{
    padding:0px 15px 15px 25px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;        
}                      

#footer_home{
    width: 100%;        
    clear: both;
    padding:30px 0px 0px 0px;
    margin:0px 0px 0px 0px ;
    font-size: 11px;
    color: #000000;    
}

#foot_link_home{
    text-align: center;
    font-size: 11px;
    color: #000000;        
}

#footer_home a, foot_link_home a{
    color: #000000; 
}

#bot_bottom{
    
    background: url(css/bannerlink.gif) no-repeat left top;
    height:  7px;
}

#subbannerhome{
    width: 100%;
    background: url(css/main_menuhome.png) no-repeat right bottom; 
    height:25px !important;
    height:35px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 5px 0px;    
}

#w3cvalid{
    width:370px;
    float:left;
    margin:30px 30px 0px 0px;
    text-align: center;
}

#w3cvalid img{
    margin:30px;

}