@charset "utf-8";
/* Document CSS */
/* Félisol */
/* Feuille de style de base qui définit les principales balises et les classes */

/* --- Balises globales - On --- */
body {
	font-size:62.5%; /* Ainsi 10px vaut exactement 1em, 11px = 1.1em, etc */		
}
strong {
	font-weight:bold;
}
em {
}
h1, h2, h3, h4, h5, h6, p {
	line-height:1.4em;
	font-weight:normal;
	padding-top:4px;
	padding-bottom:4px;
}
h2, h3 {
	text-transform:uppercase;
	font-weight:bold;
}
h1 {
	font-size:1.2em;
	line-height:1.1em;
	font-weight:bold;
	color:#4f7e98;	
}
h2 {
	font-size:1.1em;
}
h3 {
	font-size:1.1em;
}
h4 {
	font-size:1.1em;
	color:#b11116;
	text-transform:uppercase;
}
h5 {
	font-size:1.1em;
	color:#4f7e98;
	font-weight:bold;
}
h6 {
	font-size:1.1em;
	color:#474747;
	font-weight:bold;
}
p, ul, ol {
	font-size:1.1em;
	line-height:1.4em;
	color:#000;
}
ul li, ul ul, ul ol, ol li, ol ol, ol ul {
	font-size:1em;
}
a {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color:#b11116;
}
hr {
	border:0;
	clear:both;
	width:100%;
	color:#b11116;
	background-color:#b11116;
	height:1px;
	margin:6px 0 18px 0;
}
/* --- Balises globales - Off --- */


/* --- Classes globales - On --- */
.retour {
	clear:both;
}
.retour2 {
	clear:both;
	height:10px;
}
.est {
	float:right;
}
.ouest {
	float:left;
}
.marge-haut {
	margin-top:10px;
}
.marge-droite {
	margin-right:10px;
}
.marge-bas {
	margin-bottom:10px;
}
.marge-gauche {
	margin-left:10px;
}
.champ {
	
}
.au-milieu {
	text-align:center;
}

/* --- Classes globales - On --- */


/* --- Formulaires - On --- */
form, fieldset, caption, input, textarea, select {
	font-size:1em;
	font-family:inherit;
}
/*caption, input, textarea, select {
	font-size:1em;
}*/
form {	
float:left; width:100%; clear:both;
}
fieldset {
}
legend {
}
input, textarea, select {
	color:#303030;
	border-top:1px solid #adadad;
	background-color:#fefefe;
}
input, textarea {
	padding:5px;
}
input:hover, select:hover, textarea:hover {

}
input:active, select:active, textarea:active {
	
}
input:focus, select:focus, textarea:focus{

}
/* --- Classes pour les boutons submit - On --- */
input.bouton {
	display:block;
	width:auto;
	padding:3px 8px;
}
input.bouton:link {
	
}
input.bouton:visited {
	
}
input.bouton:hover {
	cursor:pointer;
}
input.bouton:active {
	
}
input.bouton:focus {
	
}
/* --- Classes pour les boutons submit - Off --- */
/* --- Classes pour les input checkbox et radio - On --- */
/* Pour les cases à cocher et les boutons radio des formulaires */
/* Pour écraser le style input définit plus haut */
input.case {
	width:auto;
	border:0;
	margin:0;
}
/* --- Classes pour les input checkbox et radio - Off --- */

/* --- Formulaires - Off --- */


/* --- Tableaux - On --- */
table {
	font-size:1.2em;
}
table table {
	font-size:1em;
}
table p {
	font-size:1em;
}
table caption {	
}
table thead {
}
table tbody {
}
table tfoot {
}
table tr {
}
table tr th, table tr td {
}
table tr th {
	font-weight:normal;
	text-align:left;
}
table tr td {
}
/* --- Tableaux - Off --- */


/* --- Tableaux dans les formulaires - On --- */
form table {
}
form table caption {
}
form table thead {	
}
form table tbody {	
}
form table tfoot {	
}
form table tr {	
}
form table tr th {	
}
form table tr td {	
}
/* --- Tableaux dans les formulaires - Off --- */


/* --- Listes - On --- */
ul, ol {
	
}
ul ul, ol ol, ul ol, ol ul{
	
}
ul {
}
ol {
}
ul li, ol li {
}
ul li a, ol li a {
}
ul li a:hover, ol li a:hover {
}
/* --- Listes sans bulles - On --- */
	ul.sansbulle, ol.sansbulle {
		list-style-type:none;
	}
/* --- Listes sans bulles - Off --- */
/* --- Listes sans bulles - On --- */
	ul.sansbulle, ol.sansbulle {
		list-style-type:none;
	}
/* --- Listes sans bulles - Off --- */
/* --- Premiers éléments des listes  - On --- */
	.premier {	
	}
/* --- Premiers éléments des listes - Off --- */
/* --- Derniers éléments des listes  - On --- */
	.dernier {	
	}
/* --- Derniers éléments des listes - Off --- */
/* --- Listes avec affichage horizontal - On --- */
ul.horizontal li {
	float:left;
}
/* --- Listes avec affichage horizontal - Off --- */
/* --- Listes avec affichage vertical - On --- */ 
ul.vertical li {
}
ul.vertical li a {
}
ul.vertical li a:link {	
}
ul.vertical li a:visited {	
}
ul.vertical li a:hover {	
}
ul.vertical li a:active {	
}
ul.vertical li a:focus {		
}
ul.vertical li .separateur {
	display:none;
}
/* --- Listes avec affichage vertical - Off --- */
/* --- Liste de type menu - On --- */
ul.menu {
}
ul.menu li {	
}
.menu a {
	text-decoration:none;
}
.menu a:hover {
	text-decoration:underline;
}
ul.menu li ul {
}
ul.menu li ul li {
}
ul.menu li ul li a {
}
/* --- Liste de type menu - Off --- */
/* --- Liste de plusieurs niveaux - On --- */
.deux-niveaux ul li {
	text-transform:uppercase;
	font-weight:bold;
}
.deux-niveaux ul li ul li {
	text-transform:none;
	font-weight:normal;
	font-size:1em;
	padding:0 0 0 10px;
	margin:0 0 0 6px;
	background:transparent url(/wp-content/themes/verre-select/img/boulet.gif) 0px 7px no-repeat; 
}
.bleue {
	padding:10px;
	background:transparent url(/wp-content/themes/verre-select/img/liste-bleue-fond.png) bottom left repeat-x;
}
.bleue .fond-blanc {
	padding:10px;
	background-color:#fff;
}
.bleue .retour {
	height:10px;
}
.bleue ul li {
	color:#78BBFF;
}
.bleue ul li ul {
	padding:5px 0 0 0;
}
.bleue ul li ul li {
	color:#474747;
}
.deux-colonnes ul li ul {
	width:400px;
}
.deux-colonnes ul li ul li {
	width:180px;/* largeur totale = 200px */
	float:left;	
}
/* --- Liste de plusieurs niveaux - Off --- */
/* --- Listes - Off --- */
/* --- Liens à afficher/masquer au survol - On --- */
ul.survol a {	
}
ul.survol a img {
	display:block;
}
ul.survol a span img {
	display:none;
}
ul.survol a:hover img {
	display:none;
}
ul.survol a:hover span img {
	display:block;
}
a.survol {	
}
a.survol img {
	display:block;
}
a.survol span img {
	display:none;
}
a.survol:hover img {
	display:none;
}
a.survol:hover span img {
	display:block;
}
/* --- Liens à afficher/masquer au survol - Off --- */

/*

------------------
| 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 {float:left; width:635px; clear:both;margin: 0 0 20px 20px;}
#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;
}