/*------- "styles generique"*/

body {
	margin: 0; padding: 0em;
	background: #d7d4c4; color: #666;
	font: small Verdana, Arial, sans-serif;
}

a {
	text-decoration: none;
	color: #666;
}

a img {
	border: none;
}

p {
	margin: 0 0 1em;
}

fieldset {
	font-size: .89em;
	float: left;
	width: 50%;
	text-align: center;
	margin: 0.7em 1em 0em 0em;
	padding: 0em 1em 0em 1em;
	}

input,select,label {
	margin: 13px 4px 3px 0;
	line-height: 1.6em;
	}
/*-------------------------------------- styles banniere-------------------------------------*/

#banniere {
	margin: 0; padding: 0;
	width: 950px; height: 140px;
	background-image: url(../images/banniere.jpg); background-repeat: no-repeat;
	background-position: center top;
}

#accueil {
	margin-left: 0em; padding: 0em 13em 9em 9em;
	background: url(../images/artvea.gif) 100% 100% no-repeat;
}

h1 {
	color: white;
	font-size: 1.7em;
	text-align: right;
	margin: 0 1.8em 0.9em 0;
}

#fond h1.rouge {
	font-size: 1em;
	color:#bb0c02;
	margin: 0em; padding: 0em;
	}

h4 {
	color: #666;
	font: small Verdana;
	font-size: 1.2em;
	text-align: right;
	margin: 0.9em 1.8em 0.9em 0;
	line-height: 1.6em;
}

#listehautdroit {
	list-style: none;
	margin: 0 12em 0 58em; padding: 0;
	color: white;
	text-align: right;
	font-size: 0.87em;
	line-height: 1.6em;
}

legend {color: #666;} /* pour IE 6 pour contraindre les légendes a rester grise */

#listehautdroit a {
	color: white;
}

#listehautdroit a:hover{
	color: #c7d969;
}
/* --------------------------------------------------------------------------------------------MENU ----------------------------------------------------------------*/
#menu, #menu ul /* Liste */
 { 
	padding: 0; /* pas de marge intérieure */
	margin: 0; /* ni extérieure */
	list-style: none; /* on supprime le style par défaut de la liste */
	line-height: 27px; /* on définit une hauteur pour chaque élément */
	text-align: center; /* on centre le texte qui se trouve dans la liste */
}

#menu { /* -------------------------------Ensemble du menu */
	font-weight: normal; /* texte en gras */
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px; /* hauteur du texte */
	margin: 0 auto 0em; padding: 0em;
	background: #adcb50;
	background: url(../images/menu.jpg) 100% 0% repeat-x;
	width: 936px; height: 27px;
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #d7d4c4; /* couleur de fond gris arriere plan*/ 
        color : #666; /* couleur du texte gris*/
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 155px;/*  largeur */
}

#menu a.general /* Aspect des menus généraux */
 { 
	color: #666; /* couleur du texte */
	background: url(../images/menu.jpg) 100% 0% repeat-x;
	border-right: 1px solid #adcb50;
}

#menu a.general:hover /* Aspect des menus généraux  au passage de la souris*/
 { 
	color: #FFF; /* on passe le texte en blanc */
	border-right: 1px solid #adcb50;
}

#menu a:hover /* Lorsque la souris passe sur des liens*/
 { 
	color: #FFF; /* on passe le texte en blanc*/
	background : #9fc141; /* couleur de fond */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste*/
 { 
	left: -999em; /* on expédie les sous-sous-listes hors du champ de vision*/
	border-right: none;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-listes lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

#menu li /* Elements des listes */      
{ 
        float: left; /* pour IE qui ne reconnaît pas "transparent" */
        border-right : none; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 0px solid transparent; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
		z-index: 10;
        width: 150px; /*  largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		list-style-type: none; /* rajout pour supprimer les cercles devant les sous-listes */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin: -27px 0 0 148px; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */   
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left: 1px solid transparent; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a.reserve/* Lien du dernier lien camoufflé*/
 { 
	color: #adcb50; /* texte vert */
	background: #adcb50; /* fond de la même couleur */
	background: url(../images/menu.jpg) 100% 0% repeat-x;
	border-right: none;
}

#menu a.reserve:hover/* lien camoufflé au passage également*/
 { 
	color: #c7d969; /* texte vert */
	background: url(../images/menu.jpg) 100% 0% repeat-x;
}


/*------------------------------------------------------------------- styles contenu ---------------------------------------------------------------------*/

#contenant {
	margin: 3em auto; padding: 0;
	width: 950px;
	min-width: 950px;
	background: url(../images/fond.jpg) 50% 0% repeat-y;
}

#contenu1 {
	float: left;
	width: 27em;
	margin: 0 auto; padding: 0 0 0em 5em;
}

#contenu {
	float: left;
	width: 25em;
	margin: 0 auto; padding: 0 0 0em 5em;
}

/*--------------------- Conditions et l'équivalent de Contenu  avec une largeur différentes-------------------------*/
#conditions{
	float: left;
	vertical-align: bottom;
	width: 410px;
	min-width: 410px;
	max-width: 420px;
	margin: 0 auto; padding: 0 0em 1em 5em;
	background: 0;

}

/*--------------------- Conditions2 et l'équivalent de Image (partie droite)  avec une largeur différentes-------------------------*/
#conditions2{
	float: left;
	width: 390px;
	min-width: 390px;
	max-width: 400px;
	margin: 0 auto; padding: 0 4em 1em 1em;
	background: 0;

}

/*---------------------  Contenu  de toute la  largeur de la page -------------------------*/
#formulaire{
	float: left;
	width: 830px;
	margin: 0 auto; padding: 0 0em 1em 8.5em;
}

#contenant h2 {
	background: #9c7ae9; color: #FFF;
	margin: 15px 0em 0 0; padding: 0.5em 1em;
	font-size: 16px;
	border-right: 5px solid #adcb50;
}

table {
	margin: 0 auto; padding: 0;
	width: 100%;
	line-height: 26px;
	margin-bottom: 1em;

}

.titre {width: 165px; margin: -0.09em; padding: 0 0 0.15em; font-weight: bold; font-size: 1.2em; color: #bb0c02;}
.tiret1 {border-bottom: 2px solid #bb0c02;}
.tiret2 {border-bottom: 1px solid #eeede7;}
.tiret3 {border-bottom: 1px solid #d7d4c4;}
.p {font-size: 0.85em; color: #666;}
.d {text-align: right;}
.g {text-align: left;}
.c {text-align: center;}
.n {font-weight: normal;}
.b {font-weight: bold; font-size: 1em; color: #666;}
.l {width: 705px; margin-bottom: 1em;}
.m {width: 340px; margin-bottom: 1em;}

table.fixe {/*--------- TABLEAU PRIX UNITAIRE - CODE ----------->*/
table-layout: fixed;
margin: 1.5em 0 2em;
}

td.pastille {width: 23px;}/*--------- DIMENSIONS des CELLULES COUVERTS ----------->*/
td.icone {width: 66px;}
td.titre {width: 100%;}
td.texte {width: 100%;}
td.dim {width: 130px;}
td.ls {letter-spacing: -1px; word-spacing: 0.3em;}
.violet {color:#9c7ae9;}
.vert {color:#adcb50;}
.rouge {color:#bb0c02;}
.mot {font-size: 1.6em;}
.souligne {text-decoration: underline;}
.border	{border-bottom: 1px solid #9fc141;}/*--------- FILET VERT ----------->*/
.grostitre {/*--------- POUR H1 VERT ----------->*/
	color: #9fc141;
	margin: 1em 2.8em 0.5em; padding: 0.3em 2em 0.3em 0em;
	font-size: 1.8em;}

.separateur-essai {/*--------- Style des TABLEAUX PRODUITS COUVERTS ----------->*/
	background: #eeebda;
	font-size: 10px; font-weight: normal;
	font-weight: bold;
	line-height: 26px;
}

/*----------------------------------------------------------------------- IMAGES DE DROITE -------------------------------------------------------------------------------*/

#image {
	float: left;
	width: 465px;
	margin: 0; padding: 0 0 0 3em;
	font-size: 10px;
	line-height: 26px;
	background: #fbfaf4;
}

/*----------------------------------------------------------------------- MENU 2 EN BAS -------------------------------------------------------------------------------*/

ul#menu2 {
	margin: 0 0 0 3.4em;
	padding: 0;
	font-size: 0.7em;
	list-style-type: none;
}

#menu2 li {
	display: inline;
}

#menu2 a{
	color: #666;
	text-decoration: none;
}

#menu2 {
	font-weight: normal;
	font-size: 0.66em;
	line-height: 14px;
	text-align: center;
	width: 878px; height: 37px;
}

#menu2 a:hover {
	color: #666;
}

#pied a.souligne {text-decoration: underline;}

/*---------------------  Contenu  de l'accueil -------------------------*/
#fond{
	float: right;
	width: 838px;
	height: 330px;
	margin: 0 7px 5px 0; padding: 0 3em 0 0em;
	background-image: url(../images/accueil.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*--------------------------------------------------------------------------------- PIED DE PAGE--------------------------------------------------------------------------------*/

#pied {
	clear: both;
	padding: 0 3em 1.5em 0em;
	background: #d7d4c4;
	background: url(../images/pieddepage.jpg) 50% 100% no-repeat;
}

#pied p {
	margin: 0 4em; padding: 0.7em 0 0 0;
	text-align: center;
	border-top: 1px solid #adcb50;
	vertical-align: text-bottom;
	font-size: .75em;
}

#pied a {
	color: #666;
	text-decoration: none;
}

#pied a:hover {
	text-decoration: underline;
}