/* prinicpaux styles */
html {
	margin:0; padding:0;
	height:100%;
}

body {
	background:#213504 url("images/vapodil-respecte-environnement.jpg") top center no-repeat; background-attachment:fixed;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;
}

*:focus { outline:0; }
h1.utilisation { font-size:20px; margin:-1px 0 0 267px; font-weight:normal; color:#000; position:absolute; line-height:24px; text-align:right; }
h1.temoignages { font-size:18px; margin:0 0 0 20px; color:#FFF; }
h1.likeh2,
h2 { font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:normal; margin:0 0 0 20px; padding:0 0 0 30px; background:url("images/bg_h2.png") top left no-repeat; _background:url("images/bg_h2_ie6.png") top left no-repeat; line-height:93px; color:#406E37; }
h1.likeh2de { font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:normal; margin:0 0 0 20px; padding:0 0 0 30px; background:url("images/bg_h2.png") top left no-repeat; _background:url("images/bg_h2_ie6.png") top left no-repeat; line-height:93px; color:#406E37; }
/*.right h1 { font-family:Arial, Helvetica, sans-serif; font-size: 30px; float:right; text-align:right; margin:10px; }*/

img { border:0; }

img.animaweb { margin:auto auto; border:0px; }

a { color:#FF3636; font-size:12px; text-decoration:underline; }
a.site { color:#E5AC36; }
a:hover { color:#FFFFFF; }
a.link_b { color:#444444; text-decoration:none; }
a.link_b:hover { color:#000000; text-decoration:underline; }

h2.utilisation, h4 { font-size:16px; margin:0 0 15px 2px; padding:0; background:none; line-height:20px; color:#000; border-bottom:1px #000000 solid; font-weight:bold; }

/* principaux blocks */
.container {
	width:882px;
	margin:auto;
}

.header
{
	border:0;
	height:136px;
	width:882px;
	background:url("images/vapodil-nettoyeur-vapeur-seche.png") top left no-repeat;
	/*position:absolute;*/
}

.header-content
{
	border:0;
	width:882px;
}

.logo
{
	width:350px;
	height:101px;
}

.lien-home {
	display:block;
	width:275px;
	height:90px;
	margin:13px 0 0 7px;
	position:absolute;
}

.content { background:url("images/bg_content.png") left top repeat-y; height:100%; }

.left {
	float:left;
	width:222px;
	/*background:url("images/colonne_g.png") left top repeat-y;*/
}
.left ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.left ul li {
	margin:0;
	padding:0 0 0 12px;
}
.right {
	float:left;
	width:660px;
	color:#000000;
	/*font-weight:bold;*/
	/*background:url("images/milieu.png") left top repeat-y;*/
}

.leftde {
	float:left;
	width:222px;
	height:607px;
	display:block;
	/*background:url("images/colonne_g.png") left top repeat-y;*/
}

a.francais { width:28px; height:29px; display:block; position:absolute; margin:109px 0 0 843px; background:url("images/fr.png") top left no-repeat; }
a.deutsch { width:28px; height:29px; display:block; position:absolute; margin:109px 0 0 843px; background:url("images/de.png") top left no-repeat; }

.right ul { margin:20px 10px 10px 0px; padding:0 0 0 50px; font-size:15px; }

ul.ulacc			{ margin:5px 0 0 0; padding:0 0 0 20px; }
ul.ulacc li 		{ font-size:12px; }
ul.ulacc li ul		{ margin:5px 0 0 0; padding:0 0 0 20px; }
ul.ulacc li ul li	{ font-size:12px; }

div.ecologique_efficace { width:630px; height:93px; /*background:url("images/ecologique_efficace.png") right top no-repeat;*/ margin:8px 0 0 0; }
div.ecologique_efficace span { display:none; }

div.formations { float:left; width:194px; margin:0 0 0 53px; }
div.formations img { border:2px #5A974D solid; }
div.big { float:left; width:373px; margin:0 0 0 0; padding:45px 0 0 0; text-align:center; }
.big p.norm { font-size:24px; color:#FF3636; font-weight:bold; line-height:28px; margin:0; padding:0; }
.big p.small { font-size:16px; color:#FFFFFF; margin:0; padding:0; }

div.bdo-vert { width:100%; height:28px; background-color:#2B5C00; display:block; margin:12px 0 14px 0; padding:5px 0 0 0; }

.menu { padding:0 1px; }

a.menu_accueil { height:25px; width:220px; margin:0 0 10px 0; padding:0; display:block; background:url('images/menu/menu_accueil.png') top left no-repeat; }
a.menu_accueil:hover { background-position:-230px 0; }
a.menu_accueil_current { height:25px; width:220px; margin:0 0 10px 0; padding:0; display:block; background:url('images/menu/menu_accueil.png') -230px 0 no-repeat; }

a.menu_produit { height:25px; width:220px; margin:0; padding:0; display:block; background:url('images/menu/menu_produit.png') top left no-repeat; cursor:default; }
a.menu_produit:hover { }

a.menu_presentation { height:31px; width:220px; margin:0; padding:0; display:block; background:url('images/menu/menu_presentation.png') top left no-repeat; }
a.menu_presentation:hover { background-position:-230px 0; }
a.menu_presentation_current { height:31px; width:220px; margin:0; padding:0; display:block; background:url('images/menu/menu_presentation.png') -230px 0 no-repeat; }

a.menu_temoignages { height:31px; width:220px; margin:0; padding:0; display:block; background:url('images/menu/menu_temoignages.png') top left no-repeat; }
a.menu_temoignages:hover { background-position:-230px 0; }
a.menu_temoignages_current { height:31px; width:220px; margin:0; padding:0; display:block; background:url('images/menu/menu_temoignages.png') -230px 0 no-repeat; }

a.menu_presse { height:31px; width:220px; margin:0; padding:0; display:block; background:url('images/menu/menu_presse.png') top left no-repeat; }
a.menu_presse:hover { background-position:-230px 0; }
a.menu_presse_current { height:31px; width:220px; margin:0; padding:0; display:block; background:url('images/menu/menu_presse.png') -230px 0 no-repeat; }

a.menu_utilisation { height:53px; width:220px; margin:0; padding:0; display:block; background:url('images/menu/menu_utilisation.png') top left no-repeat; }
a.menu_utilisation:hover { background-position:-230px 0; }
a.menu_utilisation_current { height:53px; width:220px; margin:0; padding:0; display:block; background:url('images/menu/menu_utilisation.png') -230px 0 no-repeat; }

a.menu_contact { height:25px; width:220px; margin:10px 0 0 0; padding:0; display:block; background:url('images/menu/menu_contact.png') top left no-repeat; }
a.menu_contact:hover { background-position:-230px 0; }
a.menu_contact_current { height:25px; width:220px; margin:10px 0 0 0; padding:0; display:block; background:url('images/menu/menu_contact.png') -230px 0 no-repeat; }

a.menu_by_adaxo { height:53px; width:220px; margin:35px 0 0 0; padding:0; display:block; background:url('images/menu/menu_by_adaxo.png') top left no-repeat; }
a.menu_by_adaxo:hover { background-position:-230px 0; }

a.menu_adresse { height:25px; width:220px; margin:40px 0 0 0; padding:0; display:block; background:url('images/menu/menu_adresse.png') top left no-repeat; cursor:default; }
a.menu_adresse:hover { }

a.menu_prochains_salons { height:25px; width:220px; margin:40px 0 0 0; padding:0; display:block; background:url('images/menu/menu_prochains_salons.png') top left no-repeat; cursor:default; }
a.menu_prochains_salons:hover { }

.menu2 							{ padding:0 1px; }
.menu2 ul 						{ margin:10px 0 0 0; padding:0; }
.menu2 ul li 					{ margin:0; padding:7px 0; list-style:none; text-align:center; font-size:16px; }
.menu2 ul li:hover,
.menu2 ul li.current			{ background-color:#2B5C00; }
.menu2 ul li a 					{ color:#FFFFFF; font-size:16px; font-weight:normal; text-decoration:none; display:block; /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ /*text-shadow:0px 0px 8px #FF0000;*/ }
.menu2 ul li a:hover 			{ }
.menu2 ul li ul					{ margin:4px 0 0 0; padding:0; border-right:2px #67A741 solid; border-left:2px #67A741 solid; }
.menu2 ul li ul li				{ margin:0; padding:0; background:none; text-align:center; background-color:#75B645; }
.menu2 ul li ul li:hover,
.menu2 ul li ul li.current		{ background-color:#479700; color:#FFFFFF; }
.menu2 ul li ul li a 			{ padding:3px 0; color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none; display:block; width:216px; /*text-shadow:0px 0px 8px #FF0000;*/ }
.menu2 ul li ul li a:hover,
.menu2 ul li ul li.current a	{ color:#FFFFFF; }

div.pictou { margin:10px 0 0 56px; }

a.rencontre-salons,
a.demo-domicile,
a.contact-siege,
a.acheter-chiffons 	{ display:block; width:250px; height:20px; margin:12px; padding:168px 0 0 0; text-align:center; color:#FFF; text-decoration:none; float:left; font-size:12px; }

a.rencontre-salons 	{ background:url("images/rencontre-vapodil-salon.jpg") top left no-repeat; }
a.demo-domicile 	{ background:url("images/demandez-une-demonstration-gratuite-a-domicile.jpg") top left no-repeat; }
a.contact-siege 	{ background:url("images/contact-siege-vapodil.jpg") top left no-repeat; }
a.acheter-chiffons 	{ background:url("images/acheter-chiffons-mesdi.jpg") top left no-repeat; }

/* liste */
blockquote { background:url('images/bg_blockquote.png') top left no-repeat; margin:5px 0px 0px 10px; padding:5px 5px 0px 30px; font-style:italic; }

ol, ul { /*list-style-type:none; list-style-position:outside; list-style-image: url('images/puce_li.gif');*/ }

li { margin:0px 0px 5px 10px; padding:0px; text-indent:0px; line-height:1.4em; }

li.grand { font-size:1.5em; line-height:1.5em; }

div.right ul li { list-style-type:none; list-style-position:outside; }

div.press ul li,
div.scroll ul li,
div.salons ul li,
div ul.plann li { list-style-type:none; list-style-position:outside; list-style-image: url('images/puce_li.gif'); }

div.mentions ul { margin:0 0 0 20px; padding:0; }
div.mentions ul li { list-style-type:none; list-style-position:outside; list-style-image: url('images/puce_li.gif'); font-size:13px; margin:0; padding:0; }

.footer  {
	height:131px;
	width:882px;
	padding:12px 0 0 0;
	color:#FFFFFF;
	/*text-align:center;*/
	background:url('images/footer.png') bottom left no-repeat;
	/*border:1px #ff0000 solid;*/
}

.footer_content { width:222px; float:left; font-size:11px; }
.footer_content a { color:#FFF; font-size:11px; text-decoration:none; }
.footer_content a:hover { text-decoration:underline; }

/* index.php 
************************************** */
.top { padding:25px 60px 0 40px; }

/*.right {
	width:416px;
	float:left;
	text-align:justify;
	padding:16px 34px 0 0;
}*/
a.back {
	color:#618038;
	font-size:12px;
	text-decoration:underline;
}

a.back:hover {
	color:#63A904;
	text-decoration:none;
}



ul.plan { margin:0; padding:0; }

ul.plan li { list-style:none; background:url("images/puce.jpg") top left no-repeat; line-height:26px; padding:0 0 3px 25px; }

ul.plan li ul { margin:0; padding:0; }

ul.plan li ul li { background:url("images/puce_2.jpg") top left no-repeat; line-height:21px; margin:2px 0; padding:0 0 0 19px; }

ul.plan li ul li a { color:#616264; }

ul.plan li ul li a:hover { color:#000000; }

/* ************************************** */
.fond_menu
{
	border:0px solid blue;
	background:url("images/img_fond_menu.jpg");
	position:relative;
	width:100%;
	height:59px;
	padding:0px 0px 0px 0px;
}

.contenu
{
	border-left:1px solid #CAD6E2;
	border-right:1px solid #CAD6E2;
	/*
	position:relative;
	float:left;
	height:100%;
	min-height:400px;*/
	padding :10px 20px 10px 20px;
	height:400px;
	width:938px;
	background:url("images/degrade_contenu.jpg") repeat-x white;
}

.div_gauche
{
	border:0px solid black;
	position:relative;
	margin:40px 0px 0px 50px;
	padding:18px 0px 0px 0px;
	width:384px;
	height:248px;
	background:url("images/fond_img_gauche.gif") no-repeat;
	/*float:left;*/
}

.div_droite
{
	border:0px solid black;
	position:relative;
	margin:0px 0px 0px 50px;
	padding:58px 0px 0px 0px;
	width:357px;
	height:276px;
	background:url("images/fond_img_droite.gif") no-repeat;
	/*float:left;*/
}

.div_gauche .categorie
{	
	position:relative;
	width:250px;
	border:0px solid red;
	font-size:22px;
	color:#990000;
	margin:0px 0px 0px 10px;
	text-align:center;
}

.div_droite .categorie
{
	position:relative;
	width:250px;
	border:0px solid red;
	font-size:22px;
	color:#990000;
	margin:0px 0px 0px 10px;
	text-align:center;
}

.div_gauche .image_categorie
{
	border:0px solid red;
	position:relative;
	margin:7px 0px 0px 0px;
	padding-left:28px;
}

.div_droite .image_categorie
{
	border:0px solid red;
	position:relative;
	margin:	32px 0px 0px 0px;
	padding: 0px 0px 0px 28px;
}

/* Elements de formulaire ---------------------- */

/*input, select, span.input  { color:#666666; border:1px #CCCCCC solid; padding:2px; margin:0px;border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC; }
textarea, div.textarea  { font-size:12px; color:#666666; border:1px #CCCCCC solid; padding:2px; margin:0px;border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC; line-height:1.4em; width:95%; }
input[type='radio'] 	{ border:0px; vertical-align:middle; margin-right:2px; }
select { width:auto; white-space:normal; }
select option { width:auto; white-space:normal; }
.input_search { background:url("../images/icon_loupe.gif") 2px center no-repeat; background-color:#FFFFFF; border:1px #cccccc solid; font-size:10px;padding-left:20px; width:170px; }*/


/* formulaire */
.form {
	margin:0px;  
	padding:0px;
	/*width:350px;*/
	border:0;
}
.form fieldset {
	border:0;
}
.form legend {  
	margin-left:1em;  
	color:#000000;  
	font-weight: bold;
}
.form ul {  
	padding:0px;
	margin:0px; 
	list-style: none;
}
.form ul li {  
	padding:0;
	margin:0 0 3px 0;
	/*background-color:#EEEEEE;*/
	text-align:left;
	font-size:12px;
	list-style-image: url('images/xxx.gif');
}
.form label {
	display:block;
	width:80px;
	float:left;
	margin:4px 0 0 18px;
	padding:0;
}

.form label.inline {
	float:none; display:inline;
}

.form input { }

input.submit { margin:12px auto 0 auto; width:90px; height:32px; display:block; background:url('images/btn_envoyer.png') 0px 0px no-repeat; border:0; cursor:pointer; }
input.submit:hover { background-position:-106px 0; }

div.send { color:#ffffff; font-size:16px; width:655px; margin:0 0 0 222px; text-align:center; background:url("images/bg_salons.png") top left repeat; border:2px #5A974D solid; }


.mentions { padding:5px; margin:0 20px; width:600px;}

hr
{
	color:#FFCC00;
	height:1px;
	margin:0px;
	padding:0px;
}


/* formulaire */
.clear { clear:both; }

p.nettoyage-ecologique { position:absolute; margin:8px 0 0 514px; padding:0; font-size:20px; }

div.teaser { margin:15px 53px 15px 53px; border:2px #5A974D solid; }

ul#portfolio { margin:0; padding:0; }
ul#portfolio li { margin:0; padding:0; list-style:none; background:url(""); }

div.temoignages { background-color:#FFFFFF; margin:0 20px; color:#000; }

div.utilisation { margin:0 20px; border:1px #ff0000 solid; }

div.confiance, div.mise_en_situation { width:533px; height:53px; background:url("images/on-fait-confiance-a-vapodil.jpg") top left no-repeat; /*margin:10px 0 0 0;*/ padding:48px 0 0 67px; line-height:20px; text-align:left; display:block; }
div.confiance a, div.mise_en_situation a { color:#2B5C00; }
div.confiance a:hover, div.mise_en_situation a:hover { color:#479700; }
div.mise_en_situation { background:url("images/vapodil-nettoyeur-vapeur-ecologique-a-la-maison.jpg") top left no-repeat; }

div.panel img { float:left; margin:0 0 20px 0; }

div.panel ul { float:left; width:315px; margin:0 0 10px 23px; padding:0 0 0 5px; }
div.panel ul.pro { width:560px; }

div.illus { float:left; width:217px; }

div.vapo { position:absolute; margin:7px 0 0 554px; font-size:20px; width:300px; text-align:center; color:#FFAC00; font-weight:bold; line-height:22px; }
div.vapo span { color:#5FA408; }

div.press a:hover { color:#213504; }

div.prochains_salons { background:url("images/bg_prochains_salons.png") top left repeat-y; padding:0 0 2px 0; margin:0 1px; color:#000; }
div.prochains_salons p,
div.prochains_salons ul { padding:0 8px; }
div.prochains_salons ul li { margin:0 0 0 0; list-style:none; background:url('images/puce_li_nopad.gif') top left no-repeat; }
div.prochains_salons a { color:#016401; }
div.prochains_salons a:hover { color:#5A974D; }
div.prochains_salons span { color:#4F7D35; }
div.prochains_salons_bottom { height:7px; width:220px; background:url("images/prochains_salons_bottom.png") bottom left no-repeat; margin:0 1px 11px 1px; }


div.adresse { background:url("images/bg_adresse.png") top left repeat-y; padding:2px 8px 0 8px; margin:0; }
div.adresse ul { }
div.adresse ul li { }
div.adresse a { }
div.adresse a:hover { color:#FFFFFF; }
div.adresse_bottom { height:7px; width:220px; background:url("images/adresse_bottom.png") bottom left no-repeat; margin:0 0 11px 0; }

div.formulaire { float:left; width:440px; /*background-color:#FFFFFF; */color:#000; padding:95px 0 0 0; }
div.succes { float:left; width:140px; text-align:center; padding:0 10px; margin:0; font-size:12px; color:#FFFFFF; }

div.salons { background:url("images/bg_salons.png") top left repeat; margin:10px 20px 0 20px; padding:10px 15px; color:#ffffff; border:2px #5A974D solid; }
div.salons ul { margin:0 0 0 15px; padding:0; }
div.salons ul li { margin:0 0 8px 0; padding:0; /*list-style-position:inside;*/ }
div.salons a { font-size:15px; }
div.salons a:hover { color:#FFF; }

div.contact_us { background:url("images/vapodil-nettoie-partout-en-france.png") top left no-repeat; width:600px; margin:10px 30px 0 30px; padding:170px 0 0 0; }

div#banniere_flash { padding:10px 0 0 55px; }

div.clear-me { width:600px; height:1px; display:block; clear:both; }

div#vertical_container { margin:0 30px; background-color:#FFF; color:#000; width:600px; }
div#vertical_container h3 { background-color: #2B5C00; border-bottom: 2px solid #cccccc; color:#FFFFFF; line-height:30px; font-size:16px; padding:0 7px; }

div.accordion_content { padding:0 10px; }

ul.test { margin:0 0 0 30px; padding:0; }
ul.test li { margin:0; padding:0; }

a.animaweb { background:url("/images/logo-animaweb.png") top left no-repeat; _background:url("/images/logo-animaweb_ie6.png") top left no-repeat; width:69px; height:19px; display:block; margin:0 0 0 76px; }

.dev { padding:5px 15px 15px 15px; }

form#form_contact ul li { }

a.vap-left { background:url("/images/vapodil-a-la-maison.jpg") top left no-repeat; width:268px; height:25px; display:block; margin:15px 0 0 54px; padding:305px 2px 0 5px; float:left; font-size:16px; color:#FFF; text-decoration:none; text-align:left; }
a.vap-right { background:url("/images/vapodil-chez-les-professionnels.jpg") top left no-repeat; width:268px; height:25px; display:block; margin:15px 54px 0 0; padding:305px 5px 0 2px; float:left; font-size:16px; color:#FFF; text-decoration:none; text-align:right; }
a.vap-left:hover, a.vap-right:hover { color:#C9E0C5; }


div.liens-externes{height:36px;margin:0 auto; background:url("images/liens-externes.png") top center no-repeat;}
div.liens-externes table tr td{background-color:transparent;padding:0;border:0;}
div.liens-externes table tr td a{color:#FFFFFF;font-size:16px;text-decoration:none;text-align:center;line-height:35px;background:url("images/feuille.png") top left no-repeat;padding:0 10px 0 20px;float:left;font-family:Tahoma;}
div.liens-externes table tr td a.first{background:none;padding:0 10px 0 0;}
div.liens-externes table tr td a:hover{text-decoration:underline;}