/* ----- ELEMENTS DE DEPARD ----- */

body {
	margin: 0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#conteneur {
	width: 980px;
	padding: 0;
	margin:0 auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background:url('../../images/background.jpg')
}

img {
	border: 0
}

form {
	margin:0;
	padding:0;
}

h1.titre {
	margin: 5px;
	font-size: 16px;
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 1px solid #ccc; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

/* ----- VOS CLASSES ET ELEMENTS ----- */

*{
	margin:0;
	padding:0
}

html{
	background: #ddd url('../../images/pix_body.jpg') repeat-x;

}

a{
	color:#428fc3;
	text-decoration:none
}

a:hover{
	text-decoration:underline
}

img{
	border: 0
}

table{
	border-collapse:collapse
}

tr,td{
	vertical-align:top
}

#menu_haut{
	height:39px;
	background:url('../../images/ligne_haut.jpg') no-repeat right;
	width: 980px;
}

#menu_haut1 li{
	float:left;
	list-style-type:none;
}

#menu_haut1{
	list-style:none;
	float:left;
	display:block;
	width: 273px;
}

#pmh1{
	background:url('../../images/puce_menu_haut11.jpg') no-repeat;
	width: 67px;
	height:39px;
	display:block;
	cursor:pointer;
}

#pmh1:hover{
	background:url('../../images/puce_menu_haut12.jpg') no-repeat;
	width: 67px;
	height:39px;
	display:block;
	cursor:pointer;
}

#pmh2{
	background:url('../../images/puce_menu_haut21.jpg') no-repeat;
	width: 67px;
	height:39px;
	display:block;
	cursor:pointer;
}

#pmh2:hover{
	background:url('../../images/puce_menu_haut22.jpg') no-repeat;
	width: 67px;
	height:39px;
	display:block;
	cursor:pointer;
}

#pmh3{
	background:url('../../images/puce_menu_haut31.jpg') no-repeat;
	width: 67px;
	height:39px;
	display:block;
	cursor:pointer;
}

#pmh3:hover{
	background:url('../../images/puce_menu_haut32.jpg') no-repeat;
	width: 67px;
	height:39px;
	display:block;
	cursor:pointer;
}

#pmh4{
	background:url('../../images/puce_menu_haut41.jpg') no-repeat;
	width: 67px;
	height:39px;
	display:block;
	cursor:pointer;
}

#pmh4:hover{
	background:url('../../images/puce_menu_haut42.jpg') no-repeat;
	width: 67px;
	height:39px;
	display:block;
	cursor:pointer;
}



#menu_haut2{
	float:left;
	width:440px;
}

#menu_haut2 a{
	display:block;
	float:left;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	margin:12px 26px 0 4px;
	vertical-align:middle;
	
}

#menu_haut2 a:hover{
	text-decoration:none;
	color:#07C7C7;
	cursor:pointer;
}

#menu_haut3{
width:250px;
margin-top:10px;
float:left;
}

td#nom_newsletter{
	color:#00FFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
}


input#input_news{
	margin-left:10px;
	border:none;
	font-size:11px;
	background:url('../../images/btn_input.jpg') no-repeat;
	width:120px;
	height:15px;
}

input#newsletter_ok{
	margin:0 0 0 5px
}

div#top{
	width:980px;
	height:244px;
}

div#logo{
	background:url('../../images/fond_logo.jpg') no-repeat;
	width:272px;
	height:244px;
	float:left;
}

#menu1{
	margin-left: 10px;
	width: 250px;
	height:80px;
	float:left;
}

#menu1 ul{
	padding:0 0 0 40px;
	list-style:none;
	float:left;
}

#menu1 ul li{
	padding:2px 0px 5px 25px;
	background:url(../../images/puceslogomenu.png) no-repeat
}

#menu1 a{
	font-size:13px;
	color:#B0B0B0;
	cursor:pointer;
	font-weight:lighter;
}

div#banniere{
	width:703px;
	height:241px;
	float:left;
	margin-left:5px;
}

#principal{
	margin:0 0 0 11px;
	clear:both;
	width:969px;
}

#gauche{
	width:253px;
	background:url('../../images/back_logo.jpg') repeat-y;
}


#page{

	background: #ddd url('../../images/background.jpg')
}
	

#page h1.titre, #page h2.titre{
margin-left:16px;
	width:636px;
	height: 21px;
	padding-left: 60px;
	padding-top: 3px;
	font-size: 12px;
	font-family: Verdana;
	background: #ddd url('../../images/contenu_titre_bar.jpg');
}

.contenu{
margin-left:16px;
	width:696px;
	background: #fff;
	margin-bottom: 10px;
}	
	
.contenu p{
	background-color: #fff;
	padding: 5px 20px 0px 20px;
}	

.contenu ul{
	background-color: #fff;
}	

.contenu li{
	background-color: #fff;
	margin-left: 30px;
}	

.contenu div{

	background-color: #fff;
	padding: 5px 20px 0px 20px;
}	

#lien_image{
margin-left:16px;
	width:696px;
	height:21px;
	font-size: 12px;

	font-family: Verdana;
	
}

#lien_image tr{
	width:696px;
	height:21px;
	background: #ddd url('../../images/arbo_bar.jpg') repeat-x;
}

#lien_image td{
	padding-left: 40px;
	padding-top: 3px;
	padding-bottom: 5px;
}

#lien_image td a{
	color: #000;
	cursor:pointer;
}

#page form{
	display: block;
	width: 600px;
	background-color: #fff;
	padding: 5px 20px 5px 40px;
}

#page form td{
	padding-left: 10px;
	padding-top: 3px;
	text-align: left;
}

input.valider{
	background: #ddd url('../../images/valider.jpg');
	width: 150px;
	height: 22px;
}



#contenu_sitemap {
	background: #ddd url('../../images/background.jpg');
}

#contenu_sitemap h2.rub{
	margin-top: 10px;
	padding-top: 2px;
	padding-left: 70px;
	color:#000;
	font-size: 14px;
	font-family: Verdana;
	height: 21px;
	background: #ddd url('../../images/arbo_bar.jpg');
}

#contenu_sitemap a{
	color:#000;
	cursor:pointer;
}

#contenu_sitemap ul.map{
	color:#000;
	background: #fff;
	margin-top: 5px;
	list-style: none;
	padding: 5px 0 5px 90px;
	font-size: 12px;
	font-family: Verdana;
}

#direaunamiform{
	margin-left: 5px;
}

#direaunami-btn{
	margin-right: 150px;
}

#direaunami p{
	background-color: #fff;
	margin-bottom: 10px;

}	

#direaunami input.envoyer{
	display: block;
	margin-top: 10px;
	/*
	width: 150px;
	height: 21px;
	background: none;
	background:url('../../images/valider.jpg') 
	*/
}	


#article, div.article{
	margin-left:16px;
	width:696px;
	background: #fff;
	padding-bottom: 10px;
}

#article li, div.article li{
	margin-left:10px;
}

#article form, div.article form {
	padding: 10px 0 0 50px;
}

#article form td, div.article td{
	padding-top: 5px;
}




#menu{
	width:253px;
}

#menu h2{
	font-size:12px;
	color:#000;
	margin:0px 0px 0px 0px;
}

h2.menutitre{
	width:231px;
	padding-top: 4px;
	padding-left:22px;
	text-align:justify;
	height: 20px;
	font-weight:bold;
	background:url('../../images/menu-bar.gif') no-repeat 0 2px;
	cursor:pointer;
}

h2.menutitre:hover{
	width:231px;
	text-decoration:underline;
	background:url('../../images/menu-bar1.gif') no-repeat 0 2px;
	cursor:pointer;
}

#menu h2 a{
	display: block;
	padding-top: 4px;
	padding-left:22px;
	text-align:justify;
	height: 20px;
	color:#000;
	font-weight:bold;
	cursor:pointer;
	background:url('../../images/menu-bar.gif') no-repeat 0 2px
	
}

#menu h2 a:hover{
	text-decoration:underline;
	background:url('../../images/menu-bar1.gif') no-repeat 0 2px;
	cursor:pointer
}

#menu ul{
	padding-top: 4px;
	padding-left: 10px;
	font-size:12px;
	color:#000;
	font-weight:lighter;
	margin:0px 0px 0px 0px;
	width: 240px;
	list-style:none
}

#menu ul li a{
	display: block;
	padding-top: 2px;
	padding-left:22px;
	background:url('../../images/menu-sous-bar.png') repeat-y;
	font-weight: lighter;
	color:#fff;
	width: 210px;
	cursor:pointer;
}

#menu ul li a:hover{
	width: 222px;
	display: block;
	text-decoration:underline;
	cursor:pointer;
	background:url('../../images/menu-sous-bar1.jpg') no-repeat 0 2px
}


#flash-tete{
	width:233px;
	margin-left:10px;
	margin-top:20px;
	display:block;
}

#flash_infos{
	width:233px;
	height:235px;
	margin-left:10px;
}

#flash_infos marquee{
	height:200px;
	width:185px;
	margin-left:20px;
	margin-top:0px;
	padding-left: 10px;
	float:left;
	font-size:11px;
	border: 1px solid #77C19C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCC;
}

#flash_infos a{
	color:#fff;
	cursor:pointer;
}

#flash_infos h2{
	font-size:12px
}

#horaires{
	background:url('../../images/horraires.png') no-repeat;
	width:112px;
	margin-left:10px;
	padding: 50px 60px 0px 60px;
	height:72px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCC;
}

#ekinoxe{
	margin:31px 0 0 10px;
	display:block;
	width:233px;
	height:105px;
}

#tab_bas{
	width:969px;
	margin-left:11px;
}

td#bas_gauche{
	width:264px;
	background:url('../../images/back_logo.jpg') repeat-y;
}

td#bas_droite{
	width:710px;
	padding-left: 16px;
	padding-top: 13px;
	background:url('../../images/background.jpg');
	padding-bottom:40px;
}

#bas_gauche_back{
	margin-left: 11px;
	width:243px;
	height:114px;
	background:url('../../images/back_logo.jpg');
}

#adresse{
	color:#7D7D7D;
	font-family: Verdana;
	font-size: 12px;
}

#adresse span{

	color:#000;
	text-transform:uppercase
}

#rappel_menu{
	margin-top:20px;
	color:#7D7D7D;
	font-size:11px;
}

#rappel_menu ul{
	list-style: none;
}

#rappel_menu li{
	display: inline;
}


#rappel_menu a{
	color:#7D7D7D;
	cursor:pointer;
}

#rappel_menu a:hover{
	color:#07C7C7
	cursor:pointer;
}

#devis{
	margin-left: 15px;

}


#besoinsConnus{
	width: 343px;
	background: #fff url('../../images/besoins-connus-back.jpg') no-repeat bottom left;
	}

#bctop{
	background:url('../../images/besoins-connus-topbar.jpg') no-repeat;
	height: 21px;
	padding-left: 70px;
	padding-top: 3px;
	font-family:Verdana;
	font-size:12px;
	color:#000;	
	display:block;
}

#bcmiddle{
	background: #fff;
	padding-top: 10px;
	width:343px;
}

#bimiddle{
	background-color: #fff;	
	width: 343px;
	padding-top: 10px;
}

#bcmiddle form{
	padding-top: 10px;
	width: 343px;
	padding-left: 0px;
	padding-right: 0px;

}

#bcmiddle form td{

}


#bimiddle form{
	background-color: #fff;	
	padding-top: 10px;
	width:343px;
	padding-left: 0px;
	padding-right: 0px;
}

#bimiddle form tr{
	margin-bottom: 5px;
	display: block;
}

#bimiddle form td{
padding-left: 30px;
}

#bimiddle table.biform{
	width: 343px;
	background-color: #fff;	
}

#bimiddle table.biform tr{
	background-color: #fff;	
}
#besoinsInconnus{
	width: 333px;
	padding-left: 10px;
}

#bitop{
	background:url('../../images/besoins-inconnus-topbar.jpg') no-repeat;
	height: 21px;
	padding-left: 70px;
	padding-top: 3px;
	font-family:Verdana;
	font-size:12px;
	color:#000;
	display: block;
}
	
#succesEnregistrement{
	margin-left: 15px;
	padding-bottom: 20px;
	font-family:Verdana;
	font-size:12px;
	background-color: #fff;	
	width: 698px;
}


table.devisformsaisie tr{
	width: 340px;
}

table.devisformsaisie td.dfs{
	width: 80px;
}

#prixfinal, #prixfinal2{
	font-size: 14px;
	font-weight: bold;
}

img.imgdevis{
	margin-left: 15px;
}

#bcformulaire table.devisformsaisie{
	width: 343px;	
}

#bcformulaire table.devisformsaisie td.dfs{
	width: 80px;
}