/*copyright by kitgraphiquegratuit.org*/
Body                {text-align:center;background:url(images/fond.jpg);margin:0;padding:0;font:bold 12px "trebuchet ms"}			  
#conteneur        	{width:1000px;text-align:left;background: url(images/conteneur.jpg) repeat-y;margin:0 auto 0 auto}	
#header	            {background: url(images/header.jpg) no-repeat;height:204px ;width:1000px;}	
#left               {float:left;width: 194px;text-align:center;padding:0 0 0 75px;}
#right              {width:660px;margin:0 0 0 280px;color:#3b3b3b;}  
#pied               {background: url(images/pied.jpg) repeat-x;clear: both;height:44px}	
#bouton1            {float: left ;background:url(images/bouton1.jpg);width:46px;height:46px;margin:100px 0 0 90px;padding:0} 
#bouton1:hover      {background:url(images/bouton1_hover.jpg);width:46px;height:46px;}  
#bouton2            {float: left ;background:url(images/bouton2.jpg);width:46px;height:46px;margin:100px 0 0 12px;padding:0} 
#bouton2:hover      {background:url(images/bouton2_hover.jpg);width:46px;height:46px;}  
#bouton3            {float: left ;background:url(images/bouton3.jpg);width:46px;height:46px;margin:100px 0 0 11px;padding:0} 
#bouton3:hover      {background:url(images/bouton3_hover.jpg);width:46px;height:46px;}
#texte 				{float:right;padding:0;margin :35px 178px 0 0;color:#fff;font:bold 16px "trebuchet ms";width:550px}

.copyright          {color:#fff;text-align:center;padding:14px 0 0 0}   
.copyright a        {color:#fff;font:bold 12px "trebuchet ms";text-decoration: none;outline:none}
.copyright a:hover  {color:#3b3b3b} 
.contenu_haut       {width:654px;height:28px;background: url(images/contenu_haut.jpg) no-repeat bottom;color:#fff;padding:15px 0 0 15px}		  
.contenu_fond       {width:624px;background: url(images/contenu_fond.jpg) top;padding:0 20px 0 25px;}
.contenu_bas        {width:669px;height:30px;background: url(images/contenu_bas.jpg) no-repeat top;}		
.menu_haut			{width:194px;height:23px;background: url(images/menu_haut.jpg) no-repeat top;color:#fff;padding:15px 0 0 0;}
.menu_fond			{width:194px;background: url(images/menu_fond.jpg);}
.menu_bas			{width:194px;height:25px;background: url(images/menu_bas.jpg) no-repeat top;}	 

ul span, ol span {
	color: #3097bc;
text-decoration: none;
list-style: none;
margin:25;padding:0;
text-align:left
}

ul                  {width:194px;text-decoration: none;list-style: none;margin:0;padding:0;text-align:left}
ul li a             {display: block;color: #3b3b3b;text-decoration: none;outline:none;height:15px;line-height:15px;background: url(images/menu.jpg);width:154px;padding:0 0 0 40px} 
ul li a:hover       {text-decoration:none;background: url(images/menu_hover.jpg);}		 

a                   {color:#525252;text-decoration:underline;outline:none;font:bold 12px "trebuchet ms"}	 
a:hover             {color:#3097bc}
Span				{color:#3097bc;text-decoration:none;outline:none;}	
img, p, h1, h2, h3, h4, h5, h6, Span {border:0;margin:0;padding:0} 

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

textarea[class=input_contact] {
	width: 350px;
	height: 200px;
	margin: 0 0 0 0;
}
label[class=newslettre1] {
	display: block;
	width: 50px;
	float: left;
	margin: 0 0 0 0;
}
label[class=newslettre2] {
	display: block;
	width: 130px;
	float: left;
	margin: 0 0 0 0;
}
label[class=newslettre3] {
	display: block;
	width: 300px;
	float: left;
	margin: 0 0 0 0;
}
input[class=newslettre] {
	width: 15px;
	margin: 0 0 20px 0;
}
textarea[class=edition_page] {
	width: 600px;
	height: 350px;
	margin: 0 0 0 0;
}

#surf {
	float: left;
	width: 1100px;
	height: 85px;
}
#header_surf {
	float: left;
	width: 610px;
	position: relative;
	height: 85px;
	background: url(header_surf.jpg) no-repeat left top;
/*	padding: 0;*/
	color: #FFF;
	padding: 55px 0 0 10px;
}
#header_surf div {
	float: left;
	display: block;
	text-align: center;
	font-weight:bold;
	margin: 0 0 0 0;
}
#header_surf div.lien {
	width: 60px;
	color: #a6003b;
}
#header_surf div.separation {
	width: 10px;
	color: black;
}
#header_surf div.input {
	width: 100px;
	color: #a6003b;
}
#header_surf div.input input.surf1 {
	width: 25px;
	margin: 0 0 0 0;
}
#header_surf div.input input.surf2 {
	width: 40px;
	margin: 0 0 0 0;
}
#header_surf form {
	background-color: none;
	border: 0; 
	background: none;
	padding: 0;
	margin: 0;
}
#pub_surf {
	float: right;
	width: 468px;
	position: relative;
	height: 85px;
/*	padding: 0;*/
	padding: 12px 0 0 0;
}

label[class=boutique1] {
	display: block;
	width: 300px;
	float: left;
	margin: 8px 0 0 10px;
}
label[class=boutique2] {
	text-align: center;
	display: block;
	width: 100px;
	float: left;
	margin: 8px 0 0 0;
}
img[class=boutique3] {
	text-align: right;
	display: block;
	width: 96px;
	height: 26px;
	float: left;
	margin: 0 0 0 0;
}