/* Mise en forme du site font-vendome.fr */

/* Balises standard */
body{
	text-align:center;
	background:#063210;
	font-family:"lucida sans",lucida,sans;
	font-size:12px;
	color:#333;
	margin:0;
	padding:0;
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#32ae4c;
}
a img{
	border:none;
}
h1{
	font-size:18px;
}
h2{
	font-size:14px;
}
h1,h2,p{
	margin:10px 0 10px 0;
	padding:0;
}
ul{
	list-style-image:url(/images/fleche.gif);
}
hr{
	background:#fff;
	color:#fff;
	height:1px;
	font-size:0px;
	border:none;
	border-bottom:1px dotted #999;
}

/* Mise en forme des éléments de formulaires */
form{
	text-align:center;
}
fieldset{
	border:none;
	width:800px;
	margin:10px auto;
	text-align:left;
}
fieldset p{
	margin:0 0 5px 0;
}
fieldset label{
	display:block;
	float:left;
	width:150px;
}
fieldset label span.required{
	color:red;
	margin:0 0 0 5px;
}
fieldset ul{
	margin:0;
	padding:0;
	list-style:none;
}
fieldset ul li label{
	float:none;
	width:auto;
}
.bouton{
	background:#279b40 url(/images/fond_bouton.gif);
	color:#abe2b7;
	text-decoration:none;
	padding:4px;
	border:none;
	cursor:pointer;
}
.bouton:hover,
.bouton.selected{
	background:#000;
	color:#fff;
}
a.bouton{
	margin-right:10px;
}

/* Conteneur de la page */
#page{
	width:980px;
	border:10px solid #fff;
	margin:0 auto;
	text-align:left;
	background:#fff;
}

/* Menus (haut et bas de page) */
ul.menu{
	width:100%;
	float:left;
	background:url(/images/fond_bouton.gif) repeat-x;
	list-style:none;
	margin:0;
	padding:0;
}
ul.menu li{
	float:left;
	background:url(/images/separateur.gif) no-repeat;
	padding-left:1px;
}
ul.menu li.first{
	background:none!important;
	padding-left:0!important;
}
ul.menu li a{
	display:block;
	height:43px;
	padding:0 28px;
	line-height:43px;
	color:#fff;
}
ul.menu li a:hover,
ul.menu li a.selected{
	text-decoration:none;
}
ul.menu li ul{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	height:0;
	background:#2a2f2b;
}
ul.menu li ul li{
	float:none;
	background:none;
	padding:0;
}
ul.menu li ul li a{
	height:30px;
	line-height:30px;
}

/* Haut de page */
#haut{
	float:left;
	width:100%;
	background:url(/images/fond_entete.jpg);
}
#haut h1{
	float:left;
	margin:0;
	padding:0;
}
#haut h1 a{
	display:block;
	width:384px;
	height:80px;
	margin:5px 10px;
	background:url(/images/logo_font_vendome.png) no-repeat;
}
#haut h1 a span{
	display:none;
}
#haut div{
	float:right;
}
#haut div a{
	background:url(/images/contactez_nous.png);
	display:block;
	width:175px;
	height:20px;
	margin:40px 10px;
}
#haut div a span{
	display:none;
}
#haut ul.menu li a:hover,
#haut ul.menu li a.selected{
	background:url(/images/fond_bouton_roll.gif);
}

/* Contenu */
#contenu{
	width:920px;
	padding:0 30px;
	clear:both;
	float:left;
}
#contenu h1{
	background:url(/images/fond_rubriques.png) repeat-x;
	margin:0;
	padding:20px 30px;
	margin:0 -30px;
}
.colonne{
	float:left;
	margin-left:20px;
}
.colonne.premiere{
	margin-left:0;
}
.colonne.un_demi{
	width:480px;
}
.separateur{
	clear:both;
}

/* Bas de page */
#bas{
	text-align:center;
}
#bas ul.menu{
	background:url(/images/fond_menu_bas.gif);
	margin:0 0 10px 0;
}
#bas ul.menu li{
	float:none;
	display:inline;
	background:url(/images/separateur_rond.png) no-repeat left center;
}
#bas ul.menu li a{
	display:inline;
	height:30px;
	line-height:30px;
	padding:0 10px;
	color:#abe2b7;
}
#bas ul.menu li a:hover{
	color:#fff;
}
#bas ul.menu li ul{
	display:none;
}
#bas div#qualipem{
	clear:left;
	float:left;
	background:url(/images/logo_qualipem.gif);
	width:55px;
	height:43px;
}
#bas div#qualipem span{
	display:none;
}
#bas address{
	font-style:normal;
}
#bas p{
	padding:10px 0 0 0;
	margin:0;
}

/* Mise en forme de la carte des concessionnaires */
#carte{
	float:left;
	background-image:url(/images/carte_france.gif);
	width:500px;
	height:500px;
	margin:0;
	padding:0;
	list-style:none;
}
#carte li{
	position:absolute;
}
#carte li a{
	display:block;
	background-image:url(/images/point_gris.gif);
	width:14px;
	height:13px;
}
#carte li a span{
	display:none;
}
#carte li.selected a{
	background-image:url(/images/point_rouge.gif);
}
#carte li.etoile a{
	background-image:url(/images/etoile_grise.gif);
	width:20px;
	height:20px;
}
#carte li.selected.etoile a{
	background-image:url(/images/etoile_rouge.gif);
}
#distributeurs{
	list-style:none;
	margin:0;
	padding:0;
}
#distributeurs li{
	float:left;
	display:none;
	width:270px;
}
#distributeurs li.selected{
	display:block;
}

/*Page d'accueil */
#accueil #contenu{
	width:980px;
	padding:0;
}
#accueil #contenu h1{
	background:none;
	padding:0;
	margin:10px 0;
}
#accueil #visuel{
	background:url(/images/visuel_accueil.jpg);
	height:379px;
}
#accueil #visuel span{
	display:none;
}
#accueil #visuel div#bienvenue{
	width:260px;
	float:right;
}
#accueil #visuel ul{
	font-size:20px;
	margin:10px 0 0 50px;
	padding:0;
}
#accueil #visuel div#bienvenue ul li:hover{
	list-style-image:url(/images/fleche_roll.gif);
}
#accueil #visuel div#bienvenue div a{
	display:block;
	background:url(/images/fleche_nouveautes.gif) no-repeat right;
	padding-right:30px;
	margin-top:80px;
	height:39px;
	width:200px;
	color:#fff;
	font-size:18px;
	line-height:39px;
}
#accueil #visuel div#bienvenue div a:hover{
	text-decoration:underline;
}
#accueil .colonne{
	cursor:pointer;
}
#accueil .colonne:hover,
#accueil .colonne:hover a{
	color:#32ae4c;
}
#accueil .colonne img{
	float:left;
	margin:10px 10px 10px 0;
}
#accueil #catalogue{
	background:url(/images/catalogue.gif);
	height:73px;
}
#accueil #actualites{
	background:url(/images/derniere_minute.gif);
	height:73px;
}
#accueil #catalogue div,
#accueil #actualites div{
	background:url(/images/fleche.gif) no-repeat 20px center;
	padding-left:40px;
}
#accueil #catalogue div:hover,
#accueil #actualites div:hover{
	background:url(/images/fleche_roll.gif) no-repeat 20px center;
}

/* Liste des articles */
ul.articles{
	list-style:none;
	width:829px;
	margin:0 auto;
	padding:0;
	font-size:10px;
}
ul.articles li{
	margin-left:88px;
	float:left;
}
ul.articles li.separateur{
	margin-left:0;
}
ul.articles li p{
	background:url(/images/fond_vignettes.png) no-repeat;
	margin:0;
	padding:4px 0 0 4px;
	width:210px;
	height:140px;
}
ul.articles li p img{
	border:none;
	width:200px;
	height:128px;
}

/* Fiche article */
#article{
	background:url(/images/cadre.png) no-repeat;
	width:800px;
	height:564px;
	margin:0 auto;
	padding:7px 22px 0 7px;
	color:#fff;
}
#article #loader{
	display:none;
	position:absolute;
	z-index:5;
	background:#fff url(/images/loading.gif) no-repeat center center;
	width:800px;
	height:564px;
	margin:0 auto;
	opacity:0.8;
}
#article h1{
	position:relative;
	z-index:2;
	margin:0;
	padding:0 20px;
	background:url(/images/fond_titre_modele.png);
	width:760px;
	height:42px;
	line-height:42px;
}
#article p#image{
	position:absolute;
	z-index:1;
	margin:0;
	padding:0;
}
#article p#image img,
#article p#image embed{
	width:800px;
	height:500px;
}
#article div#description{
	position:relative;
	z-index:3;
	background:url(/images/fond_titre_modele.png);
	float:right;
	padding:20px;
	margin-top:112px;
	width:245px;
	height:305px;
	overflow:auto;
	visibility:hidden;
}
#article div#outils{
	clear:right;
	position:relative;
	z-index:4;
	background:url(/images/fond_outils.png) no-repeat;
	margin:0 -6px;
	width:818px;
	height:57px;
	line-height:50px;
}
#article div#outils a{
	color:#fff;
}
#article div#outils h2{
	float:left;
	margin:0;
	padding:0 20px;
	border-right:1px solid #000;
}
#article div#outils ul{
	list-style:none;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0 20px;
	border-right:1px solid #000;
}
#article div#outils ul li{
	display:inline;
}
#article div#outils ul li a{
	padding:0 5px;
}
#article div#outils ul li a span{
	display:none;
}
#article div#outils p#panorama{
	float:left;
	margin:0;
	padding:0 20px;
	border-right:1px solid #000;
}
#article div#outils p#panorama a{
	display:block;
	background:url(/images/360.png) no-repeat center center;
	width:69px;
	height:50px;
}
#article div#outils p#panorama a:hover{
	background-image:url(/images/360_roll.png);
}
#article div#outils p#panorama a span{
	display:none;
}
#article div#outils p#en_savoir_plus{
	float:left;
	margin:0;
	padding:0 20px;
}
#article div#outils p#en_savoir_plus a{
	display:block;
	background:url(/images/savoir_plus.png) no-repeat center center;
	width:97px;
	height:50px;
}
#article div#outils p#en_savoir_plus a:hover{
	background-image:url(/images/savoir_plus_roll.png);
}
#article div#outils p#en_savoir_plus a span{
	display:none;
}


/* Formulaire de recherche */
#rechercher{
	clear:left;
	padding-top:10px;
}
#rechercher input{
	margin-left:10px;
}
#rechercher button{
	font-size:10px;
}

/* Sélecteur de pages */
#pages{
	clear:left;
	list-style:none;
	margin:0;
	padding:20px 0 20px 0;
	border-top:1px solid #65ae29;
}
#pages li{
	display:inline;
}

/* Actualités sur la page d'accueil */
div.actualites{
	position:absolute;
	width:600px;
	height:160px;
	border:2px solid #32ae4c;
	margin:200px 0 0 20px;
	/*overflow:auto;*/
}
div.actualites div{
	position:absolute;
	background:#fff;
	width:600px;
	height:160px;
	opacity:0.7;
	z-index:1;
}
div.actualites ul{
	position:relative;
	z-index:2;
	padding:0 0 0 30px!important;
	margin:0!important;
	height:160px;
	overflow:auto;
}
div.actualites ul li{
	border-bottom:1px dotted #999;
}
div.actualites ul li h2{
	font-size:20px;
}
div.actualites ul li p{
	font-size:14px;
}

/* Page Actualités (la presse en parle) */