@charset "utf-8";
/* Document CSS */
/* Nom du client */
/* Feuille de style pour définir la taille du texte comme standard */



#conteneur {
	font-size:1.4em;		
}

/* Document CSS */
/* Félisol */
/* Feuille de style personnalisable */


/* --- Éléments globaux - On --- */
body {
	font-family: Tahoma, Arial, sans-serif;
	text-align:center;
	background:#b1a692 url(/wp-content/themes/verre-select/img/new-bg.jpg) top left repeat-x;
}
.alignright {float:right; margin-left:10px;}
.alignleft {float:left; margin-right:10px;}
/* --- Éléments globaux - Off --- */
/* --- Bloc de disposition - On --- */

.clear{clear: both;}

#conteneur {
	width:990px;
	margin:0 auto 9px auto;
	text-align:left;
}
#contenu {
	width:100%;
	padding:0 0 1px 0;
	background-color:#eef4f7;
}
/* --- Bloc de disposition - Off --- */
/* --- Entête - On --- */
#entete {
	position:relative;
	height:73px;
}
a#logo {
	position:absolute;
	top:13px;
	left:11px;
	display:block;
	float:left;
	width:193px;
	height:47px;
	margin-right:35px;
}
a#slogan {
	position:absolute;
	top:13px;
	left:215px;
	display:block;
	float:left;
	width:121px;
	height:47px;
}
ul#menu-court {
	position:absolute;
	display:block;
	bottom:1px;
	right:6px;
	width:633px;
	height:20px;
	overflow:auto;
}
ul#menu-court li {
	margin:0 0.55em 0 0;
	line-height:17px;
	color:#c7c7c7;
	float:right;
}
ul#menu-court li.imp .separateur {
	float:left;
}
ul#menu-court li.imp img {
	float:left;
	margin:0 6px;
}
ul#menu-court li .separateur {
	margin:0 0.3em 0 0;
}
ul#menu-court li.dernier {
	margin:0;
}
ul#menu-court li.dernier span .separateur {
	margin:0 0 0 0.3em;
}
ul#menu-court li a {
}
ul#menu-court li a:hover {
	text-decoration:underline;
}

ul#menu-court-top {
	position:absolute;
	display:block;
	bottom:21px;
	right:6px;
	width:633px;
	height:20px;
	overflow:auto;
}
ul#menu-court-top li {
	margin:0;
	line-height:17px;
	color:#c7c7c7;
	float:right;
}

ul#menu-court-top li .separateur {
	margin:0;
}
ul#menu-court-top li.dernier {
	margin:0;
}

ul#menu-court-top li.dernier img {
	float:left;
	margin:0 6px;
}
ul#menu-court-top li.dernier span .separateur {
	margin:0 ;
	float:left;
}
ul#menu-court-top li a {
}
ul#menu-court-top li a:hover {
	text-decoration:underline;
}
/* --- Entête - Off --- */
/* --- Menu principal - On --- */
ul#menu-principal {
	margin:0 10px;
}
ul#menu-principal li a {

}
/* --- Menu principal - Off --- */
/* --- Bannière (Flash ?) - On --- */
#banniere {
	margin:10px;
}
#banniere2 {
	width:968px;
	text-align:center;
	background-color:#fff;
	border:1px solid #D4D4D4;
}
#banniere p {
	display:block;
	width:34em;
	max-width:900px;
	margin:0 auto;
	padding:20px;
	color:#000;
}
#panneaux a {
	display:block;
	float:left;
	width:480px;
	height:120px;
}
#panneaux a.gauche {
	margin:0px 10px 10px 10px;
}
#panneaux a.droite {
	margin:0px 10px 10px 0px;
}
/* --- Bannière (Flash ?) - Off --- */
/* Fil d'ariane - On */
#fil-ariane {
	width:968px;
	min-height:22px;
	margin:2px 10px 0 10px;
	border:1px solid #d4d4d4;
	background:#fbfbfb url(/wp-content/themes/verre-select/img/fil-ariane-fond.png) bottom left repeat-x;
}
#fil-ariane p {
	color:#4e4e4e;
	padding:0px 8px;
	line-height:20px;
}
#fil-ariane p a {
	color:#4e4e4e;	
	text-decoration:none;
}
#fil-ariane p a:hover {
	text-decoration:underline;
}
/* Fil d'ariane - Off */
/* --- Gauche - On --- */
.gauche {
	float:left;
	width:187px;
	margin:10px 0 10px 10px;
}
.gauche h6, .gauche h5 {
	display:block;
	padding:10px 10px 5px 10px;
	border-bottom:1px solid #d4d4d4;
	background:#fefefe url(/wp-content/themes/verre-select/img/titre-fond.png) bottom left repeat-x;
}
#categories, #recherche {
	border:1px solid #d4d4d4;
	background:#fff;
}
#categories ul {
	padding:10px 15px;	
}
#categories ul li {
}
#categories ul li a {
	color:#474747;
	font-weight:bold;
	text-decoration:none;
}
#categories ul li a:hover {
	text-decoration:underline;
}
#categories ul li ul {
	padding:0 0 0 10px;
}
#categories ul li ul li a {
	color:#4f7e98;
	font-weight:normal;
}
#categories ul li ul li a:hover {

}
#recherche {
	margin:10px 0 0 0;
	background:#f9f9f9 url(/wp-content/themes/verre-select/img/fond-panneau-gauche.png) bottom left repeat-x;
}
#recherche form {
	padding:5px 10px;
	width:167px;
}
#recherche p {
	margin:5px 0 0 0;
	color:#474747;
}
#recherche p.au-milieu {
	margin:0;
}
#recherche p small {
	font-size:0.9em;
}
#recherche input.champ {
	display:block;
	width:150px;
	margin:5px 0 0 0;
	border:1px solid #d4d4d4;
	background:#fbfbfb url(/wp-content/themes/verre-select/img/titre-fond.png) bottom left repeat-x;
}
#recherche input.bouton {
	display:block;
	margin:10px auto 0 auto;
	border:1px solid #d4d4d4;
	font-weight:bold;
	color:#4e4e4e;
	background:#fbfbfb url(/wp-content/themes/verre-select/img/fond-bouton.png) bottom left repeat-x;
}
#recherche a {
	color:#4f7e98;
}

/* --- Gauche - Off --- */
/* --- Contenu texte - On - */		
.texte {
	width:770px;
	float:right;
	margin:10px 12px 3px 0;
}
	.texte #titre {
		width:770px;
		margin:0 0 10px 0;
		border:1px solid #d4d4d4;
		background:#fefefe url(/wp-content/themes/verre-select/img/titre-fond.png) bottom left repeat-x;
	}
	.texte #titre h1 {
		width:740px;
		/*min-height:32px;*/
		padding:10px 0 8px 30px;
		background:transparent url(/wp-content/themes/verre-select/img/titre-fleche.png) bottom left no-repeat;
	}
	/* Contenu du CMS - On */
	.texte #contenu-cms {
		width:750px;
		padding:10px;
		border:1px solid #d4d4d4;
		background:#fff;
	}
	#boite-contenu-swf {
		display:block;
		border:1px solid #d4d4d4;
	}
	#contenu-swf {
		
	}
	.texte #contenu-cms p {
		font-size:1.2em;
		color:#474747;
	}
	.texte #contenu-cms p#haut-page {
		font-size:0.9em;
		text-transform:uppercase;
		text-align:right;
		color:#474747;
		margin:10px 0 0 0;
	}
	.texte #contenu-cms p#haut-page a {
		text-decoration:none;
		padding:0 0 0 13px;
		color:#474747;
		background:transparent url(/wp-content/themes/verre-select/img/fleche-haut.png) center left no-repeat;
	}
	.texte #contenu-cms p#haut-page a:hover {
		text-decoration:underline;
	}
	.texte #contenu-cms .liste-fond-portes {
		background:#fff url(/wp-content/themes/verre-select/img/portes-liste-fond.jpg) bottom right no-repeat;
	}
	.texte #contenu-cms a {
		color:#003D7C;
	} 
	.texte #contenu-cms a:hover {
		color:#b11116;
	}
/* --- Contenu texte - Off - */	
/* --- Pied - On --- */
#pied {
	width:970px;
	border-top:1px solid #dedede;
	margin:0px 10px 10px 10px;
}	
	#menu-pied {
		width:968px;
		min-height:22px;
		margin:3px 0 0 0;
		padding:4px 0 2px 0;
		text-align:center;
		border:1px solid #d4d4d4;
		background:#fbfbfb url(/wp-content/themes/verre-select/img/fil-ariane-fond.png) bottom left repeat-x;
	}
	#menu-pied ul {
		width:60em;
		max-width:900px;
		color:#4e4e4e;
		line-height:20px;
		margin:0 auto;
		text-align:center;
	}
	#menu-pied ul li {
		color:#687b8e;
	}
	#menu-pied ul li .separateur {
		padding:0 0 0 0.3em;
	}
	#menu-pied ul li a {
		color:#003e7e;	
		text-decoration:none;
	}
	#menu-pied ul li a:hover {
		text-decoration:underline;
	}
	#infos-pied {
		width:968px;
		min-height:22px;
		margin:3px 0 0 0;
		padding:4px 0 2px 0;
		text-align:center;
		border:1px solid #d4d4d4;
		background:#fbfbfb url(/wp-content/themes/verre-select/img/fil-ariane-fond.png) bottom left repeat-x;
	}
	#infos-pied p {
		color:#737373;
		margin:0 auto;
		text-align:center;
	}
	#infos-pied p a {
		color:#737373;	
		text-decoration:underline;
	}
	#infos-pied p a:hover {
		color:#003e7e;	
	}
/* --- Pied - Off --- */
/* --- Pied Extra - On --- */
p#activis a {
	float:right;
	margin:0 10px;
}
/* --- Pied Extra - Off --- */
/* --- Contenu visible seulement à l'impression - On --- */
.impression, #impression {
	display:none;
}
/* --- Contenu visible seulement à l'impression - Off --- */


/* Page Contact */
#contactForm {float:left; width:710px; margin:0 0 20px 20px;}
#contactForm input {border: 1px solid #78BBFF;}

#contactForm .row1 {float:left; width:465px; margin-bottom:10px;}
#contactForm .row1 .col1 {float:left; width:249px;}
#contactForm .row1 .col2 {float:left; width:215px;}

#contactForm .row2 {float:left; width:465px; margin-bottom:10px;}
#contactForm .row2 .col1 {float:left; width:249px;}
#contactForm .row2 .col2 {float:left; width:215px;}

#contactForm .row3 {float:left; width:702px; margin-bottom:10px;}
#contactForm .row3 textarea {float:left; width:690px; height:113px; border: 1px solid #78BBFF; margin-top:5px;}
#contactForm .row4 {float:left; text-align:right; width:702px;}

#contactForm .input {margin-top:5px;}
.submitBtn {background-color:#fff; color:#005092; border:1px solid #78BBFF; cursor:pointer; width:155px; height:22px;}

#contactForm input {float:left; width:203px; height:22px;}

#coords {float:right; padding-left: 40px; font: 12px tahoma;}

/*
------------------
| FORM Validation
| Markup reference: <div.validation><span.ico></span><h3>Sorry</h3><p>Fix these</p><ul><?php loop ?></ul></div>
| Default alert colors = Black typo + bg Yellow #fbf7e7
| Default error colors = Red #cc0000 typo + bg #faf4f4
| Default success colors = Green #006600 typo + bg #f4faf4
------------------
*/
.error select, select.error,
.error input, input.error,
.error textarea, textarea.error, { border-color: red!important; }

/* Validation message container */
div.validation { position: relative; margin-top: 1em; margin-bottom: 1em; padding: 1em 1em 1em 60px; }

.validation h3, .validation p { margin: 0!important; }

.validation ul { margin-top: .6em; }

.validation span.ico { position: absolute; left: 1em; top: 0.75em; display: block; width: 32px; height: 32px; background: transparent url(/wp-content/themes/verre-select/img/ui/ico-validation-sprite-32x32.png) no-repeat; }

/* Validation error message = Rouge */
#submitError.validation				{ float:left; border:1px solid red; background-color:#faf4f4; } 
#submitError.validation	ul			{ width:500px; } 
#submitError.validation	ul li		{ width:480px; } 
#submitError.validation span.ico	{ background-position:-32px top; } 
#submitError.validation h3,
#submitError.validation li strong	{ color:#cc0000; }

/* Validation alert message = Bleu, pour une mise en garde */
#submitAlert.validation				{ border:1px solid #0071c7; background-color:#f2f8fd; } 
#submitAlert.validation span.ico	{ background-position:-96px top; } 
#submitAlert.validation h3			{ color:black; }

/* Validation success message = Vert */
#submitSuccess.validation			{ border:1px solid green; background-color:#f4faf4; } 
#submitSuccess.validation span.ico	{ background-position:-128px top; } 
#submitSuccess.validation h3		{ color:#006600; }

/* Asterisques (*) des champs obligatiore */
form p.mandatory { /* Conteneur du texte explicatif 'Champs obligatoires/Mandatory fields' */
	clear: both; margin: 0 0 .3em 1.3em; color: gray; }

form .mandatory abbr, form abbr.mandatory, 
form acronym.mandatory,
form p.mandatory abbr { font-weight: bold; padding-right: 0.2em; padding-left: 0.2em; vertical-align: text-bottom; border-bottom: none; }

form .error .mandatory { color: #cc0000; }
.contactText {float:left; padding:20px;}

/* Contact page google map */
#googleMaps {
	float:left;
	width: 700px;
	padding: 10px 10px 10px 20px;
}
#gmap {
	width: 100%;
	margin: 0 -1px; /*fix the 1px border width*/
	height: 250px;
	border: 1px solid #319CCE;
	/*css3*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#googleMaps form {
	margin-top: 5px;
	background-color:#51839E;
	border:1px solid #51839E;
	float:left;
	padding:5px;
	width:690px;
	color:#fff;
}
#googleMaps form div {
	text-align: right;
}
#googleMaps form div label {
	width: 70%; /*pour simuler un alignement a droite*/
	padding-top: 0.1em;
	line-height:26px;
}
#infoBulle {color:#000; font: 12px tahoma;}
/* Controler la quantite de caracteres par ligne*/
.en #googleMaps form div label { text-indent: 70px; }
.fr #googleMaps form div label { text-indent: 70px; }
#googleMaps form div input {
	width: 120px;
	margin: 0 2% 0 1%;
	text-align: center;
}
.inputWrapper{height:26px; float:right; margin:0 3px;}
#googleMaps button {
	float: right;
	margin: -1px 0 0 0;
	height:26px;
}
#googleMaps .link {
	display: block;
	position: absolute;
	left: -9999px;
}