@charset "utf-8";

/* ----------------
    LES CONTENEURS 
   ---------------- */
body {	background: #EEE url(../images/commun/fond_sans_bandeau.png) center top repeat;
	font-family: Arial;
	font-size:12px;
	color:#585858;
}   
img, div { behavior: url(include/scripts/iepngfix/iepngfix.htc); } 

.couleur { border:#FF0000 1px solid; } 

#site{width:995px; margin:2px auto; position:relative;}

#accespro_conteneur{width:995px; top:0px; margin: 0; text-align:right; }
#bandeau_conteneur{height:132px; text-align:center;}

/* menuh voir style menuh.css*/

#zonemh {}
#drapeaux_conteneur{float:left; width:160px;}
#menuh_conteneur{margin-left:0px; width:995px;}

#super_conteneur {float:left; overflow:hidden;} 
#menuv_conteneur{		float:left; width:207px;}
#menuv_conteneur_main{	float:left; width:207px;margin-top:15px;}
#contenu_conteneur{		float:left; width:780px; margin-top:1px;}
#contenu_conteneur_main{float:left; width:780px; margin-top:25px; }
#contenu_ariane{   		float:left; width:780px; height:15px; margin-top:9px;}
#contenu_contenu{		float:left; width:780px; min-height:552px; margin-top:1px;}
#pied_conteneur{		float:left; width:995px; } 

/*#accespro_conteneur{ position:relative; left:595px; top:0px; text-align:right; width: 400px; margin: 0; }*/
#actu_bloc_conteneur{ width: 207px; min-height:183px; margin-top: 0px;}
#actu_bloc_conteneur2{ float:left;width: 995px;}

/* les styles du fond des contenus */
#div_contenu_haut{   				height:38px; width:780px;	background:  url(../images/commun/bandeau_titre_page_normal.png) left bottom no-repeat;
										padding-left:40px; padding-top:23px; font-family: Arial;	font-size:21px;	color:#585858;	font-weight: bold;}
#div_contenu_haut_produit{   		height:22px; width:780px;	background:  url(../images/commun/bandeau_titre_produit.png) left top no-repeat;}
#div_contenu_milieu{	 			float:left;	width:682px; min-height:402px; padding-top:30px; padding-left:30px; padding-right:30px;	background:  url(../images/commun/fond_blanc_milieu.png) left center repeat-y;}
#div_contenu_milieu_main{	 		float:left;	width:697px; min-height:102px; padding-top:7px; padding-left:15px; padding-right:30px;	background:  url(../images/commun/fond_blanc_milieu.png) left center repeat-y;}
#div_contenu_milieu_distrib{		float:left;	width:742px; min-height:402px; padding-top:50px; padding-left:30px;	background:  url(../images/commun/fond_blanc_distributeurs.png) left top repeat-y;}
#div_contenu_milieu_offres_spe2{	float:left;	width:682px; min-height:402px; padding-top:30px; padding-left:30px; padding-right:30px;	background:  url(../images/commun/fond_blanc_offres_speciales.png) left top repeat-y;}
#div_contenu_milieu_offres_spe{		float:left;	width:682px; min-height:402px; padding-top:0px; padding-left:30px; padding-right:30px;	background:  url(../images/commun/fond_blanc_milieu.png) left center repeat-y;}
#div_contenu_milieu_incontournables{float:left;	width:695px; min-height:402px; padding-top:0px; padding-left:17px; padding-right:30px;	background:  url(../images/commun/fond_blanc_milieu.png) center center no-repeat;}
#div_contenu_bas{	 				float:left;height:29px; width:742px; background:  url(../images/commun/fond_blanc_bas.png) left bottom no-repeat;}

#div_contenu_haut_emploi{	 position:relative; left:-30px;	width:742px; height:38px; 	background:  url(../images/commun/bandeau_titre_page_emploi.png) left center repeat-y;
							padding-left:40px; padding-top:23px; font-family: Arial;	font-size:21px;	color:#585858;	font-weight: bold;}

td { text-align:left; vertical-align:top;}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#AAA;
	text-decoration:underline;
}

/* ----------------	
    FILS D'ARIANE 
   ---------------- */
#contenu_ariane .texte{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;}
#contenu_ariane .bout{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;}
#contenu_ariane a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	text-decoration:none;
}
#contenu_ariane a:hover {
	color:#FF3300;
	text-decoration:underline;
}
/* ----------------
    LES FORMULAIRES 
   ---------------- */
.formulaire {
	text-align:center;
}
.formulaire .label {
	text-align:right;
	vertical-align:top;
	padding-right:15px;
	height:25px;
}
.formulaire .champ {
	text-align:left;
	vertical-align:top;
}
.formulaire .erreur { background-color:#FF9900; color:#FFF;}
.formulaire_occasion {
	text-align:center;
}
.formulaire_occasion .label {
	text-align:right;
	vertical-align:top;
	padding-right:15px;
	padding-top:6px;
	height:25px;
	font-weight:bold;
}
.formulaire_occasion .champ {
	text-align:left;
	vertical-align:top;
	padding-top:5px;
}
.formulaire_occasion .erreur { background-color:#FF9900; color:#FFF;}
/*.formulaire input, .formulaire textarea {
	color:#666666;
}*/
input, textarea{
	border:1px outset #CCCCCC;
	background-color:#FFF;
	padding:2px;
	margin:2px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FF9900;
}
 input:hover, input:focus,
 textarea:hover, textarea:focus {
	border:1px inset #99CCFF;
	color:#FF9900;
	background-color:#EEE;

}

input[type="radio"] {
	border:0px;
	background-color:#FFF;
	padding:2px;
	margin:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF9900;
}
input[type="checkbox"] {
	border:0px;
	padding:0px;
	margin:0px;
}
/* ----------------
    LES ambassadeur_visionaute 
   ---------------- */
   #ambassadeur { padding:0px; margin:0px;}
#ambassadeur .ambt{
		float:left;
		margin:0px;
		width:675px;
		position:relative;
		text-align:left;
	}
#ambassadeur .ambt img{
	cursor:pointer;
	margin-bottom:10px;
	}
#ambassadeur .amhaut{
		float:left;
		margin:0px;
		width:675px;
		position:relative;
	}
#ambassadeur .amgauche{
		float:left;
		margin:0px;
		width:334px;
		position:relative;
	}
#ambassadeur .amdroite{
		float:left;
		margin:0px;
		width:341px;
		height:371px;
		position:relative;
		background:url(../../include/images/ambassadeur_visionaute/ambassadeur_visionaute_05.jpg) no-repeat left top;
	}
#ambassadeur .ambas{
		float:left;
		margin:0px;
		width:675px;
		height:88px;
		position:relative;
		background:url(../../include/images/ambassadeur_visionaute/ambassadeur_visionaute_06.png) no-repeat left top;
	}
#ambassadeur .amdroite .titre{
	padding-top:10px;
	padding-right:20px;
	margin-bottom:115px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#000;
	}
#ambassadeur .amdroite .texte{
	padding-top:25px;
	padding-right:20px;
	padding-left:65px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	color:#000;
	}

#ambassadeur .ambas .titre{
	padding-top:25px;
	padding-right:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#000;
	}
/* ----------------
    LES Distributeurs 
   ---------------- */
#liste_distri { width:660px;	color:#585858;}
#liste_distri .intro { 
	color:#585858;
	width:640px;
	padding-top:25px;
	padding-left:20px;
	text-align:justify;
	}
#liste_distri .recherche { 
	margin: 0 auto;
	width:420px;
	height:102px;
	padding-top:25px;
	padding-left:20px;
	background:  url(../images/distributeur/forme_jaune_distributeurs.png) left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}
#liste_distri .bloc_distri{
	float:left; width:300px;height:110px; margin:10px; padding:5px;background-image:url(../images/distributeur/petitcarre.png);}

#liste_distri .image_gauche { 
	float: left; 
	margin: 3px; 
	padding: 3px; 
	line-height: 1em; 
}

#liste_distri img {float:left;width:100px;height:100px;}
#liste_distri input {
	border:1px outset #585858;
	background-color:#FFF;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF9900;
}
#liste_distri input:hover, #liste_distri input:focus {
	border:1px inset #585858;
	color:#FF9900;
	background-color:#EEE;

}


/* ----------------
    LES TEXTES 
   ---------------- */
#contenu_conteneur{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.texte_gras{
font-weight:bold;
}

.gras{ /* pour les pages de la gestion*/
font-weight:bold;
}
.texte_petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

.texte_titre {
	font-family: Arial;
	font-size:14px;
	color:#585858;
	font-weight: bold;
	
}


.lien_mapsite {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
}
.lien_mapsite:hover {
	color:#333311;
	text-decoration:underline;
}

.lien_petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-decoration:none;
}
.lien_petit:hover {
	color:#333311;
	text-decoration:underline;
}
.plus_bloc {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-decoration:none;
	text-align:right;
	vertical-align:bottom;
}
.plus_bloc:hover {
	color:#AAAAAA;
	text-decoration:underline;
}
.lien_bas_de_page {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none}
/* Texte bloc actu */
.bloc_actu {
	background:  url(../images/actu/carre-actu.png) left top no-repeat;
	min-height:183px;
	min-width:207px;
	display:block;

	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
/* gamme */
#gamme_detail #bt_id_avantage {
	float:left;
	width:72px;
	height:14px; /* 23 */
	padding-top:9px;
	cursor:pointer;
}
#gamme_detail #bt_id_option {
	float:left;
	width:72px;
	height:14px; /* 23 */
	padding-top:9px;
	cursor:pointer;
}
#gamme_detail #id_avantage {
display:none;
}
#gamme_detail #id_option {
display:none;
}
#gamme_detail .actif{
	background:  url(../images/produit/avantages_options_ongletjaune.png) left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
#gamme_detail .non_actif{
	/*background:  url(../images/produit/avantages_options_ongletgris.png) left top no-repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}
#gamme_detail .texte_option {
	color: #58585A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	margin: 0 10px;
}

/* Texte Produit */
#produit_detail #bt_id_avantage {
	float:right;
	width:72px;
	height:14px; /* 23 */
	padding-top:9px;
	cursor:pointer;
}
#produit_detail #bt_id_option {
	float:right;
	width:72px;
	height:14px; /* 23 */
	padding-top:9px;
	cursor:pointer;
}
#produit_detail #id_avantage {
	display:none;
	float:left;
	text-align:left;
}
#produit_detail #id_option {
	display:none;
	float:left;
	text-align:left;
}

#produit_detail #avantages_options_bandeau{
	background:  url(../images/produit/avantages_options_bandeaugris.png) left top no-repeat;
	width:305px;
	height:31px;
	float:right;
}
#produit_detail .actif{
	background:  url(../images/produit/avantages_options_ongletgris.png) left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;

	font-size:10px;
	font-weight:bold;
	text-align:center;
}
#produit_detail .non_actif{
	/*background:  url(../images/produit/avantages_options_ongletgris.png) left top no-repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}
#produit_detail .texte_option {
	color: #58585A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	margin: 0 10px;
}

.puce_verte{
	padding-left: 16px;
	background:  url(../images/commun/puce_verte.png) left top no-repeat;
}
.puce_bleu{
	padding-left: 16px;
	background:  url(../images/commun/puce_bleu.png) left top no-repeat;
}
.texte_produit {
	color: #58585A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:justify;
}
.titre_produit {
	color: #58585A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.apartirde_produit {
	color: #7D7D7D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.prix_produit {
	color: #7D7D7D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
}
.ref_produit {
	color: #7D7D7D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*
.bt_quelle_liaison {
	background:  url(../include/images/produit/quelle_liaison.png) left top no-repeat;
}
.bt_quelle_liaison : hover {
	background:  url(../include/images/produit/quelle_liaison_survol.png) left top no-repeat;
}*/
/* vos experiences */
.div_experience {
	background: url(../player/temoignages_cadre.png) left top no-repeat; 
	width:617px; 
	height:204px; 
	padding-left:17px; 
	padding-top:6px;
	margin:30px 0;
}
.div_experience .video {
text-align:left;
vertical-align:top;
width:280px;
}
.div_experience .texte {
text-align:left;
vertical-align:top;
padding-top:50px;
width:350px;
}
/* SAVOIR FAIRE */

#commande_detail .actif { background:rgb(255, 255, 153);}

/* OFFRES SEPCIALES */
#offres_speciales .bandeau {background:url(../images/offre_speciale/bandeau_offre_speciale.jpg) no-repeat; width:380px; height:111px; padding-left:270px; padding-top:10px; }
#offres_speciales .bandeau_texte { color:#FFFFFF; font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#offres_speciales .bandeau_ref { color:#FFFFFF; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
#offres_speciales .titre { font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
/* OFFRE SPECIALLE */
#menuwrapper{ position:relative; height:180px; width:800px; }
/* Bloque le menu sur le bas du conteneur */
#menuwrapper #menu{position:absolute; top:0; height:150px;}
 
/* inline-block pour l'effet d'elasticité */
#menuwrapper .menuitem{ position:fixed relative; bottom:0px; display:inline-block; vertical-align:top; text-decoration:none;}
#menuwrapper .menuitem:hover{ text-decoration:none;}
#menuwrapper .menuitem img { border:0px}
#menuwrapper .menu_span { display:block; text-align:center; width:180px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

.class_offre .prix_blanc {
	font-size: 36px;
	color: #FFFFFF;
}
.class_offre .col_titre{
	padding-left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
.class_offre .col_val{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}
.class_offre .notice_facile{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-bottom:3px;}
.class_offre .voir_notice{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-bottom:3px;  font-stretch:expanded;}
.class_offre .ideal_pour{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:60px 10px 30px 10px;}
.class_offre .ideal_pour2{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:20px 10px 0px 10px;}
.class_offre .vision_de_nuit{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}


/* RECRUTEMENT */

.titre_chapitre {
float:left;
font:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
}
.ul_recrutement {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-indent: 0px;
list-style-position: outside;
list-style-image: url(../images/commun/puce_verte.png);
list-style-type: square;
padding: 6px;
margin: 2px;
}
.soustitre_recrutement {color:#6565CF;}
#form_recrute input, 
#form_recrute textarea{
	border:1px outset #CCCCCC;
	background-color:#FFF;
	color:#6565CF;
}
#form_recrute input:hover, #form_recrute input:focus,
#form_recrute textarea:hover, #form_recrute textarea:focus {
	border:1px inset #99CCFF;
	background-color:#EEE;
	color:#6565CF;
}
#form_recrute input[type="radio"] {
	border:0px;
}
/* PLAN DU SITE*/
#sitemap ul {
    list-style-position: outside;
    padding-left:15px;
    }

/* NUAGE * /
.nuage { width:175px; margin:15px; padding:0px; text-align:justify; text-transform:capitalize;} */
.nuage { width:700px; margin:15px; padding:0px; text-align:center; text-transform:capitalize;}
.nuage  LI { display: inline;}
.nuage a.cloud1 		{ font-family:Verdana; font-size:12px;text-decoration: none;}
.nuage a.cloud1:hover 	{ font-family:Verdana; font-size:12px;text-decoration:underline;}
.nuage a.cloud2 		{ font-family:Verdana; font-size:10px;text-decoration: none; }
.nuage a.cloud2:hover 	{ font-family:Verdana; font-size:10px;text-decoration:underline;  }
.nuage a.cloud3 		{ font-family:Verdana; font-size:10px;text-decoration: none; color:#666;}
.nuage a.cloud3:hover 	{ font-family:Verdana; font-size:10px;text-decoration:underline; color:#666; }

/* DEVIS */
.conteneur_aide{
	background:url(../images/devis/fond_info.jpg) left top no-repeat;
	width:270px;
	height:260px;
	/*margin:15px; 
	padding:5px;*/
}
.bloc_aide{
		position: relative;
		width: 240px;
		display: none;
		padding:15px;
	}
.info_sup{
	width:300px; 
	background:#FFFFBB; 
	margin-left:20px; padding:5px;  
	display: none;}	
.ligne1 {background:#FFF3D7; padding:5px 0;}
.ligne2 {background:#FFFFFF; padding:5px 0;}
.lignett {background:#EEEEEE; padding:5px 8px; text-align:right}
.centrer{ text-align:center;}
.droite{ text-align:right;}
.decimals{ font-weight:normal; font-size:10px;}
.texte_griser{ color:#CCCCCC;}
a.texte_bt_devis{
font-weight:normal; font-size:11px;color:#333;
}
a.texte_bt_devis:hover{
font-weight:normal; font-size:11px;color:#006666; text-decoration:none;
}
/* VISIOPAD ET VISIO */

#ipad .zone1 {
	background:url(../images/ipad/plaquette_01.jpg) no-repeat; 
	width:401px; 
	height:148px;
}
#ipad .zone1 div{
	padding-top:70px;
	padding-left:40px;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-style:italic;
}
#ipad .zone2 {
	background:url(../images/ipad/plaquette_02.jpg) no-repeat; 
	width:249px; 
	height:919px;
}
#ipad .zone2 div{
	padding-top:520px;
	padding-left:10px;
	padding-right:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	text-align:center;
}
#ipad .zone3 {
	background:url(../images/ipad/plaquette_03.jpg) no-repeat; 
	width:401px; 
	height:354px;
}
#ipad .zone3 div{
	padding-top:200px;
	padding-left:10px;
	padding-right:200px;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	line-height:30px;
}
#ipad .zone4 {
	background:url(../images/ipad/plaquette_04.jpg) no-repeat; 
	width:401px; 
	height:66px;
}
#ipad .zone4 div{
	padding-top:5px;
	padding-left:10px;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-style:italic;
	color:#FFF;
	text-align:center;
}
#ipad .zone5 {
	background:url(../images/ipad/plaquette_05.jpg) no-repeat; 
	width:401px; 
	height:351px;
}
#ipad .zone5 div{
	padding-top:20px;
	padding-left:34px;
	padding-right:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}
#visiopad .zone1 {
	background:url(../images/visiopad/plaquette_01.jpg) no-repeat; 
	width:401px; 
	height:148px;
}
#visiopad .zone1 div{
	padding-top:70px;
	padding-left:40px;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-style:italic;
}
#visiopad .zone2 {
	background:url(../images/visiopad/plaquette_02.jpg) no-repeat; 
	width:249px; 
	height:919px;
}
#visiopad .zone2 div{
	padding-top:540px;
	padding-left:10px;
	padding-right:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
}
#visiopad .zone3 {
	background:url(../images/visiopad/plaquette_03.jpg) no-repeat; 
	width:401px; 
	height:354px;
}
#visiopad .zone4 {
	background:url(../images/visiopad/plaquette_04.jpg) no-repeat; 
	width:401px; 
	height:66px;
}
#visiopad .zone4 div{
	padding-top:12px;
	padding-left:25px;	
	padding-right:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-style:italic;
	color:#FFF;
	text-align:center;
}
#visiopad .zone5 {
	background:url(../images/visiopad/plaquette_05.jpg) no-repeat; 
	width:401px; 
	height:351px;
}
#visiopad .zone5 div{
	padding-top:20px;
	padding-left:34px;
	padding-right:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}