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

/* Polices */
@font-face{
	font-family:"neo bold italic";
	src:url("/fonts/NeoSansStdBlackItalic.ttf") format("truetype");
}

/* Généralités */
body{
	margin:0;
	padding:0;
	font-family:"lucida sans","lucida sans ms",sans-serif,sans;
	font-size:14px;
}
h1{
	font-family:"neo bold italic";
	font-size:26px;
	padding:20px 0;
	margin:0;
}
h2{
	font-family:"neo bold italic";
	font-size:16px;
	margin:15px 0;
	padding:0;
}
a img{
	border:none;
}
hr{
	background:#333;
	border:none;
	height:1px;
}

/* Page */
#page{
}

/* Menus */
ul.menu{
	list-style:none;
	padding:0;
	margin:0 auto;
	display:table;
	text-align:center;
}
ul.menu li{
	display:table-cell;
}
ul.menu li a{
	display:block;
	color:#d0e6b9;
	text-decoration:none;
}
ul.menu li a:hover{
	color:#fff;
}

/* Entête de page */
#header{
	background:#dddcdc url(/images/header.png) repeat-x;
}
#header div.logo h1 a{
	display:block;
	width:377px;
	height:68px;
	background:url(/images/logo.png) no-repeat;
}
#header div.logo h1 a span{
	display:none;
}
#header div.logo div{
	width:365px;
	height:30px;
	margin:40px 0;
	background:url(/images/tout-un-monde-de-loisirs.png) no-repeat;
}
#header div.logo div span{
	display:none;
}
#header div.menu{
	background:url(/images/header-menu.png) repeat-x;
	font-family:"neo bold italic";
	font-size:16px;
	line-height:43px;
	height:43px;
}
#header div.menu ul.menu{
}

/* Contenu */
#content{
	float:left;
	width:100%;
	background:#333;
	color:#fff;
}
#content a{
	color:#fff;
}
#content div.content{
	background:#fff;
	color:#333;
	padding:10px;
	width:940px;
}
#content div.content a{
	color:#333;
}
#content h1.container_12{
	background:#fff;
	color:#333;
	padding-left:10px;
	padding-right:10px;
	width:940px;
}

/* Actualités */
#content div.actualites h2 a{
	text-decoration:none;
}
#content div.actualites div{
	background:#7bb417;
	color:#fff;
	line-height:30px;
	height:30px;
	padding:0 5px;
	position:relative;
	overflow:hidden;
}
#content div.actualites div ul{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
}
#content div.actualites div ul li{
}
#content div.actualites div ul li a{
	text-decoration:none;
}

/* Boutons */
.button{
	background:url(/images/header-menu.png) repeat-x;
	border:2px solid #fff;
	text-align:center;
	text-decoration:none;
	color:#d0e6b9!important;
	font-family:"neo bold italic";
	font-size:14px;
	padding:6px 20px;
	line-height:24px;
	cursor:pointer;
	/* CSS 3 : Coins arrondis, ombres */
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
}
.button:hover{
	color:#fff!important;
}

/* Gallery */
#content .gallery{
	margin:10px 0;
}
#content .gallery ul{
	margin:0;
}
#content .gallery ul li dd{
	margin:0;
	text-align:center;
}

/* Gallery slide */
#content .gallery.slide{
	float:left;
	width:100%;
	position:relative;
	padding:0 0 15px 0;
}
#content .gallery.slide div.images{
	float:left;
	width:100%;
	position:relative; /* Corrige le bogue d'overflow sur IE6/7 */
	overflow:hidden;
}
#content .gallery.slide div.images ul{
	float:left;
	position:relative;
	padding:0;
	list-style:none;
}
#content .gallery.slide div.images ul li{
	float:left;
	text-align:center;
	height:100%;
}
#content .gallery.slide div.images ul li a{
	display:block;
}

/* Galerie medium (460x242) */
#content .gallery.medium{
}
#content .gallery.medium div.images ul{
	height:240px;
}
#content .gallery.medium div.images ul li{
	width:460px;
}
#content .gallery.medium img{
	max-width:460px;
	height:240px;
}

/* Gallery thumbnail */
/*
#content .gallery.thumbnail ul{
	list-style:none;
	padding:0;
}
#content .gallery.thumbnail ul li{
	float:left;
	margin:0 10px 10px 0;
	width:218px;
}
#content .gallery.thumbnail ul li.clear{
	float:none;
	clear:left;
	width:100%;
	margin:0;
}
*/

/* Gallery buttons prev/next */
#content .gallery .buttons{
	position:absolute;
	z-index: 10;
	bottom:0;
	left:45%;
}
#content .gallery a.button{
	padding:6px;
	line-height:auto;
}
#content .gallery a.button span{
	display: block;
	width:12px;
	height:17px;
	opacity:0.5;
}
#content .gallery a.button:hover span{
	opacity:1;
}
#content .gallery a.button span span{
	display: none;
}
#content .gallery a.button.prev{
	float:left;
	margin:0 15px 0 0;
}
#content .gallery a.button.prev span{
	background:url(/images/prev.png) no-repeat;
}
#content .gallery a.button.next{
	float:right;
}
#content .gallery a.button.next span{
	background:url(/images/next.png) no-repeat;
}

/* Adresse */
#content .address{
	font-size:11.6px;
	margin:0 auto;
	background:#fff;
	color:#333;
	padding:10px;
	width:940px;
}
#content .address a{
	color:#333;
}
#content .address img{
	float:left;
	margin:0 20px 0 0;
}
#content .address address{
	font-style:normal;
	padding:20px 0 0;
}

/* Pied de page */
#footer{
	clear:left;
	font-size:12px;
}
#footer div.menu{
	background:url(/images/footer-menu.png) repeat-x;
	line-height:32px;
	height:32px;
}

/* Accueil */
#accueil #content{
	background:#333 url(/images/content.jpg) no-repeat center center;
}
#accueil #content div.content{
	background:transparent;
	padding:0;
	width:960px;
}
#accueil #bienvenue{
	background:#fff;
	float:left;
}
#accueil #catalogue-distributeurs{
	position:relative;
	width:240px;
	height:275px;
	margin-left:0;
}
#accueil #catalogue{
	float:left;
	width:100%;
	background:#fff url(/images/shadow-left.png) repeat-y;
}
#accueil #catalogue h2{
	padding-left:20px;
}
#accueil #catalogue img{
	float:left;
	margin:0 -25px -45px 0;
	position:relative;
	z-index:2;
}
#accueil #catalogue .button{
	margin-top:20px;
	position:relative;
	top:50px;
	z-index:1;
}
#accueil #distributeurs{
	background:url(/images/distributeurs.gif) no-repeat;
	color:#fff;
	width:220px;
	padding:10px;
	float:left;
	position:absolute;
	bottom:-35px;
}
#accueil #distributeurs h2{
	font-size:14px;
	margin:0;
}
#accueil #distributeurs p{
	margin:5px 0 10px;
	font-size:12px;
}
#accueil #distributeurs img{
	float:left;
	margin:0 10px 10px 0;
}
#accueil #visite-360{
	float:left;
	width:100%;
}
#accueil #visite-360 .flash{
	background:#fff url(/images/shadow-top.png) repeat-x;
	height:110px;
}
#accueil #visite-360 .flash h2{
	background:url(/images/faites-le-tour-du-proprietaire.png) no-repeat;
	width:499px;
	height:49px;
	margin-bottom:5px;
}
#accueil #visite-360 .flash h2 span{
	display:none;
}
#accueil #visite-360 .flash p{
	margin-top:5px;
}
#accueil #visite-360 .flash div{
	height:100%;
}
#accueil #visite-360 .flash div img{
  position:relative;
  top:35%;
}
#accueil #visite-360 .button{
	position:relative;
	z-index:2;
	top:-15px;
	margin-left:10px;
}
#accueil #content .address{
	background:transparent;
	color:#fff;
	width:960px;
	padding-left:0;
	padding-right:0;
}
#accueil #content .address a{
	color:#fff;
}

/* 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 0 -500px;
	padding:0;
	text-align:center;
	background:#fff;
	width:800px;
	height:500px;
}
#article p#image img,
#article p#image embed{
	max-width:800px;
	max-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:hidden;/*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;
	font-size:10px;
}
#article div#outils ul{
	list-style:none;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0 20px;
	border-right:1px solid #000;
	font-size:12px;
}
#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;
}
#article div#outils ul.pdf li a{
	display:inline-block;
	background:url(/images/pdf.png) no-repeat 0 center;
	height:50px;
	width:30px;
	opacity:0.5;
}
#article div#outils ul.pdf li a:hover{
	opacity:1;
}
#article div#outils ul li a:hover span{
	display:block;
	position:absolute;
	padding:10px;
	background:#333;
	bottom:0;
	margin-bottom:57px;
}

/* 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;
}

/* 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);
}
ul#distributeurs{
	list-style:none;
	margin:0;
	padding:0;
}
ul#distributeurs li{
	float:left;
	display:none;
	width:270px;
}
ul#distributeurs li.selected{
	display:block;
}

/* 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;
}