/*copyright by kitgraphiquegratuit.org*/
body, html   {background:#000 url(images/fond.jpg) no-repeat top center;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;background-attachment: fixed;font-size:12px}   
#conteneur {margin: 0 auto 0;position:relative;width:1024px;background: url(images/contenu.png) top center;text-align:left}	
#header    {margin: 0 auto 0;width:1024px;height:172px;background: url(images/header.png) no-repeat top;} 	
#pied      {width:1024px;background: url(images/pied.png) no-repeat ;height:29px ;position:relative;margin: 0 auto 0;clear: both;}	
#left   {float:left;width: 130px;margin:0;text-align:center;padding:0 0 0 40px}  
#right  {width:740px;margin:0 0 0 243px;color:#fff;font:12px "trebuchet ms";} 
#contenu{float:right;width:78%;margin:0;padding: 0;margin:0;}  		
.news {width:700px; background:#1c1c1c;text-align:left;padding:10px;outline:none;margin:0 auto 0 auto;color:#FFF;}

ul            {margin:0 auto 0 0;padding:0;width:173px;text-decoration: none;list-style: none;text-align:center}
ul li a       {text-align:left;background: url(images/bouton.jpg) ;width:164px;height:30px;display: block;line-height:30px;color: #fff;text-decoration: none;padding:0 5px 0 14px;outline:none;font-size:11px;font-weight:bold} 
ul li a:hover {background: url(images/bouton_hover.jpg);color:#fff}   
ul li.premierbouton a    {background: url(images/bouton1.jpg);width:164px;height:30px;padding:0 5px 0 14px} 	  
ul li.dernierbouton a    {background: url(images/bouton2.jpg);width:164px;height:30px;padding:0 5px 0 14px}	  
ul li.premierbouton a:hover	 {background: url(images/bouton1_hover.jpg);color:#fff}
ul li.dernierbouton a:hover  {background: url(images/bouton2_hover.jpg);color:#fff}  

.copyright          {padding:0;margin :5px auto 0 auto;color:#fff;font-weight:normal;font-size:10px} 
.copyright a        {color:#FFF;font-weight:normal;text-decoration: none;outline:none;font-size:10px} 
.copyright a:hover  {color:#FFF;} /*couleur des liens*/ 	
  
Span		   {color:#239dde;font-size:14px;font-weight:bold}	
h1{
		font: 1.3em Verdana,Arial;
		border:0px solid #3c3c3c;		
		border-bottom: 1px;
		color: #898989;
		margin:0px 0px 10px 0px;
		padding-top:5px;
		font-weight: bold;
		letter-spacing:-1px;

}

h2 {
		color:#8f9d4c;
		display:inline;
		font-weight:bold;
		font-size: 1.1em;
		padding-top: 3px;
		padding-bottom: 3px;
}

img,p, h3, h4, h5, h6, Span, object, table, td, tr{border:0;margin:0;padding:0}  
.justify {
	text-align: justify;
}
a        {color:#239dde;font-weight:bold;text-decoration:underline;outline:none} 
a:hover  {color:#FFF;} /*couleur des liens*/ 	 
#line {
background:#FFFFFF none repeat scroll 0%;
width:1024px;
font-size:0px;
height:1px;
margin-bottom:10px;
margin-top:10px;
clear:both;
}

#line2 {
background:#FFFFFF none repeat scroll 0%;
width:auto;
font-size:0px;
height:1px;
margin-bottom:10px;
margin-top:10px;
clear:both;
}
form {
border : 5px;
padding:5px;
margin:5px;
}


legend {
color:#F47B33;
}

form label.text {
	display:block;
	float: left;
	width: 40%;
	text-align: right; 
	margin: 5px 0 0 0;
	padding: 0.1em;
}

input.text, textarea.text,input.warning, textarea.warning  { 
  border-color:#dadada; 
  border-style:solid; 
  border-width:1px; 
  margin:5px;
	width:200px;
}


 textarea.text  {
 width:200px;
 height:80px;
 }

.button {
	margin-top:5px;

	border: 0px solid #ffffff;
	padding: 0px 10px 0px 10px;	
	color:  #ffffff;
	background-color: #F47B33;	
			
}
.center {
	text-align:center;
}

