@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:Tahoma; font-size: 12px}
	
.spacer{clear: both; }
.list li{list-style-type: none; display: inline;  margin: 0 10px 0 0; line-height: 25px}
.bleu{color: #004554;}
.rouge{color:#8f000f;}
.gris{color:#676767;}
.gris2{color:#747474;}
.gras{ font-weight: bold;}
.vert{color: #517e00}


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");}
	





/*CORPS*/
	
a:link {color: black;text-decoration: none} a:visited {color: black;}a:hover,a:focus {color: black;text-decoration: underline;}a:active {}
a.link:link {color: #517e00;text-decoration: none} a.link:visited {color: #517e00;}a.link:hover,a.link:focus {color: #517e00;text-decoration: underline;}a.link:active {}
a.linkGris{font-size: 10px;} a.linkGris:link {color: #c8c8c8;text-decoration: none} a.linkGris:visited {color: #c8c8c8;}a.linkGris:hover,a.linkGris:focus {color: #c8c8c8;text-decoration: underline;}a.linkGris:active {}

#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: 1024px;
margin:auto;
}


#content{ }

#homepage{
min-height: 470px;

margin: auto;}
	
	
		#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: auto;
/*margin-top: 100px;*/
text-align: center;
width:100%;}

#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;
}