@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, th {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

	
body, html {font-family: Verdana; font-size: 12px}
	
.spacer{clear: both; }
.list li{list-style-type: none; display: inline;  margin: 0 10px 0 0; line-height: 25px}

.rouge{color:#8f000f;}
.gris{color:#676767;}
.gris2{color:#747474;}
.gras{ font-weight: bold;}
.vert{color: #517e00}

.bleu{color: #0072a2;}
.bgBleu{ background-color:#0072a2; }
.fondBleu{background-color: #e0edf3;}
.orange{color: #ff9e13;}
.bgOrange{ background-color: #ff9e13}
.fondOrange{ background-color: #fff2e0;}


h1{
   /* style optionnel, vous pouvez utiliser tout ce que vous voulez  */
    font-size:30px; 
	background-color: transparent;
	margin: 0;
	font-weight: bolder;   
	letter-spacing:-.05em;  
	  
	margin:0 0 .6em 0;
    /* ceci est important */
    position:relative;	}

h2{
   /* style optionnel, vous pouvez utiliser tout ce que vous voulez  */
    font-size:20px; 
	background-color: transparent;
	margin: 0;
	font-weight: normal;
	   
	letter-spacing:-.05em;    
	margin:0 0 .6em 0;
    /* ceci est important */
    position:relative;	}
    

span.effet{
    position:absolute;    
	display:block;    
	top:0;    
	left:0;    
	height:100%;    
	width:100%;    
	background:url(/images/gradient_1.png) repeat-x;}
	
	

	   

* html  span.effet{
    background-color:#fff;
	background-color:transparent;   
	background-image: url(/images/none.gif); 
	  
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/gradient_1.png", sizingMethod="scale");}
	

label{ color:#a5a5a5; font-size: 12px; margin-bottom: 3px; display: block }
.url{ width: 275px; height: 25px; border: 1px solid #cacaca; padding: 3px; font-size: 15px; margin-bottom: 14px}



/*CORPS*/
a.linkMenu{font-size: 18px;} a.linkMenu:link {color: #0072a2;text-decoration: none} a.linkMenu:visited {color: #0072a2;}a.linkMenu:hover,a.linkMenu:focus {color: #0072a2;text-decoration: underline;}a.linkMenu:active {}
a.actif{font-size: 18px;} a.actif:link {color: #ff9e13;text-decoration: none} a.actif:visited {color: #ff9e13;}a.actif:hover,a.actif:focus {color: #ff9e13;text-decoration: underline;}a.actif:active {}

.footerTabCateg a{font-size: 12px;} 
.footerTabCateg a:link {color: #ffffff;text-decoration: none} 
.footerTabCateg a:visited {color: #ffffff;}
.footerTabCateg a:hover{color: #ffffff;text-decoration: underline;}
.footerTabCateg a:focus {color: #ffffff;text-decoration: underline;}
.footerTabCateg a:active {}

#header a{} 
#header a:link {color: #0072a2;text-decoration: none} 
#header a:visited {color: #0072a2;}
#header a:hover{color: #0072a2;text-decoration: underline;}
#header a:focus {color: #0072a2;text-decoration: underline;}
#header a:active {}



a.linkOrange{} a.linkOrange:link {color: #ff9e13;text-decoration: none} a.linkOrange:visited {color: #ff9e13;}a.linkOrange:hover,a.linkOrange:focus {color: #ff9e13;text-decoration: underline;}a.linkOrange:active {}


.descript{ padding: 0px 0 5px 8px; font-size: 12px}



#header{ border-bottom:1px solid #ebebeb; width:100%; height: 134px; margin-bottom: 5px; background-image: url(/images/bg_header.jpg); }
#header a{color: #1F1F1F;text-shadow: 0px 1px 0px #fdffe9;}
		
#wrap{
width: 1200px;
margin:auto;
}


#content{ }

#homepage{
min-height: 470px;

margin: auto;}
	
	.TabCateg{ margin-top: 50px; width: 100%; min-width: 1130px}
	.topTabCateg{
		color: white;
		font-size: 14px;
		height: 25px;
		line-height: 20px;
		padding: 0 8px 0 8px;
	}
	.bottomTabCateg{
		color: white;
		font-size: 11px;
		height: 15px;
		line-height: 10px;
		padding: 0 8px 0 8px;
	
	}
	.footerTabCateg{
		color: white;
		font-size: 14px;
		height: 24px;
		line-height: 20px;
		text-align: center;
		margin-left: 80px;
	}
	
	
	#menuChronos{margin-bottom: 50px}
	
		#homepageleft {
		float: left;
		width: 650px;
		height: 560px;
		
		}
		#homepageleft p{margin:17px 0 17px 0; text-align: justify;line-height: 14px }
		
		#homepageleft ul { margin: 30px 0 30px 0}
		#homepageleft ul li{margin:17px 0 17px 0 }
		
		
		
		
		#formSearch{ width: 320px; height: auto; margin: auto}
		#formSearch input[type=text]{ border: 1px solid #c8c8c8; width: 315px; height: 25px; padding: 4px; font-size: 17px; text-align: center}
		#formSearch input[type=submit]{ border: 1px solid #c8c8c8; width: 95px; height: 20px; font-size: 12px; background-color: #adadad; color: white; float: right; margin:-2px -5px 0 0 }
		
		#homepageright {
		float: right;
		width: 330px;
		height: 560px;
		margin: auto;
		}
		
		#homepageright p{margin:0 0 17px 0; text-align: justify;line-height: 14px ; width: 100%; text-align: center;}
		
		#formSearchLittle{ width: 250px; height: auto; margin: auto}
		#formSearchLittle input[type=text]{ border: 1px solid #c8c8c8; width: 158px; height: 19px; padding: 2px 2px 2px 25px;  font-size: 14px; background-image: url(/images/fond_form.jpg); background-repeat: no-repeat}
		#formSearchLittle input[type=submit]{ border: 1px solid #c8c8c8; width: 40px; height: 23px; font-size: 12px; background-image: url(/images/fond_form_btn.jpg); background-repeat: no-repeat; }
		
		
		
			
					
#footer{
width: 100%;
margin-top: 50px;
padding-top: 50px;

}

#footer a{color: #1f1f1f;text-shadow: 0px 1px 0px #b9b6b1;}

#footer p{margin:0 0 17px 0; text-align: justify;line-height: 14px ;}

/*FIN CORPS*/

/*CONTACT ZONE*/
#contact{width:480px; margin:auto}
	.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
	}
	
	.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	
	.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
	}
	
	.cssform textarea{
	width: 250px;
	height: 150px;
}