/* CSS Document */

body {
	font: 11px Verdana, Arial, Helvetica, Sans-Sérif;
	margin-top: 30px;
}
a { color: #000; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }


#navi, #header, #content, #bottom, #ombre, #group {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: #B62270;
}
#date { background: none; color: #A9B780; font-size: 10px; padding-left: 10px; padding-top: 5px; float: left; }
#navi { background: none; height: 20px; text-align: right; }
#header { height: 132px; background: url(../images/fond.jpg) repeat-y; }
#content { background: url(../images/fond2.jpg) repeat-y; }
#bottom { height: 95px; background: url(../images/fond.jpg) repeat-y; }
#bottom.nb2 { height: 58px; }
#group { text-align: right; background: none; }
#ombre { height: 6px; background: url(../images/ombre_b.jpg) no-repeat; }


/* ########################################## MENU ########################################## */
#menu {
	position: absolute;
	left: 200px;
	top: 0;
	height: 23px;
	width: 740px;
}


#m0 a, #m1 a, #m2 a, #m3 a, #m4 a, #m5 a {
	display: block;
	height: 23px;
	float: left;
}


#m0 a {
	width: 63px;
	background: url(../images/m0.gif) no-repeat;
}
#m1 a {
	width: 98px;
	background: url(../images/m1.gif) no-repeat;
}
#m2 a {
	width: 188px;
	background: url(../images/m2.gif) no-repeat;
}
#m3 a {
	width: 170px;
	background: url(../images/m3.gif) no-repeat;
}
#m4 a {
	width: 81px;
	background: url(../images/m4.gif) no-repeat;
}
#m5 a {
	width: 139px;
	background: url(../images/m5.gif) no-repeat;
}


#menu div a:hover, #menu div a.select { background-position: 0 -23px; }


/* ICONE GALERIE PHOTO BANNIERE */
#galerie {
	position: absolute;
	right: 5px;
	top: 90px;

}
/* ########################################## MENU ########################################## */






/* ########################################## FOND DE PAGE ########################################## */
#fond {
	position: relative;
	background: url(../images/fond.gif) repeat-y;
	height: auto !important;
	height: 448px;
	min-height:448px;
}
/* ########################################## FOND DE PAGE ########################################## */






/* ########################################## COLONE DE GAUCHE (MENU) ########################################## */
#left {
	position: relative;
	left: 2px;
	width: 225px;
	float: left;
	margin-bottom: 448px;
}
#left ul{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 15px;
}
#left li {
	position: relative;
	padding-left: 20px;
	width: 200px;
	text-indent: -12px;
	margin-bottom: 15px;
}
#left li a { color: #000; text-decoration: none; }
#left li a:hover { text-decoration: underline; }
#left li.select { font-weight: bold; }
#left li.select a { font-weight: bold; text-decoration: underline; }
/* ########################################## COLONE DE GAUCHE (MENU) ########################################## */






/* ########################################## COLONE DE DROITE (CONTENU) ########################################## */
#right {
	position: relative;
	float: left;
	left: 10px;
	width: 708px;
	color: #fff;
}
#right p.limit {
	position: relative;
	left: 5px;
	margin: 0 0 15px 0;
	padding: 0;
	width: 490px;
}
#right a { color: #fff; text-decoration: underline; }
#right a:hover { text-decoration: none; }


/* mode ou les images sont alignée en bas, les paragraphes prennent toute la largeur */
#right.imgBottom p {
	width: auto;	
}
#imgBottom { position: relative; left: 5px; }
#imgBottom img { margin-right: 15px; }
/* fin mode image en bas */


/* deuxieme largeur de paragraphe, pour la carte google */
#right p.nb2 {
	width: 280px;
}
.legend { color: #fff; font-size: 11px; font-style: italic; }
/* ########################################## COLONE DE DROITE (CONTENU) ########################################## */




/* #################### VISUEL GAUCHE ###################### */
#visuelLeft {
	position: absolute;
	bottom: -1px;
	left: 2px;
	height: 448px;
	width: 220px;
}
/* ##################### VISUEL GAUCHE ##################### */








/* ########################################## PAGE D'ACCUEIL ########################################## */
/* visuel flash */
#visuel {
	position: relative;
	width: 795px;
	height: 316px;
	left: 3px;
}
/* espace actualité */
#actu {
	float: right;
	position: relative;
	width: 150px;
	height: 280px;
	right: 8px;
	top: 0px;
	text-align: left;
	background: url(../images/actu.gif) no-repeat top;
	color: #fff;
	overflow: hidden;
}
#actu p {
	position: relative; 
	top: 60px;
	margin: 0; 
	padding: 4px;
}
/* dépliant en telechargement, en bas de la colone actu (dans tpl/bottom.php) */
#depliantdl{
	position: absolute;
	height: 235px;
	right: 6px;
	top: -212px;
	text-align: center;
	width: 150px;
	z-index: 100;
}
#depliantdl a { color: #C2E32F;  }
#depliantdl a:hover { text-decoration: none; }


/* edito */
#edito {
	position: relative;
	float: left;
	width: 446px;
	left: 4px;
	top: 3px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}
#edito p {
	margin: 10px 0 10px 15px !important;
	margin: 12px 0;
	width: 405px;
	margin-left: 15px;
}
/* lien du site en bas de l'édito */
#adresse {
	position: relative;
	height: 25px;
	text-align: center;
	background: #E13D99;
}
#adresse img { position: relative; top: 5px; }




/* reservation */
.bouton { border: 2px outset grey; width: 135px; background: #D4D0C8; margin-left: 20px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px; }
.bouton2 { border: 2px outset #FFB7DE; width: 120px; background: #FFB7DE; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px; }
#reserve {
	position: relative;
	float: left;
	background: #D3348C;
	width: 346px;
	left: 6px;
	top: 3px;
	font-weight: bold;
	color: #fff;
	text-align:center;
}
#reserve option { margin: 0; padding: 0; padding-right: 2px; }
/* #reserve img {
	margin-bottom: 25px;
}
*/
#reserve p {
	margin: 0;
	margin-bottom: 11px;
}


/* contact en bas du site - #contact pour accueil - #contact2 pour les autres pages */
#contact, #contact2 {
	position: relative;
	background: #B1D349;
	height: 65px;
	top: 25px;
	text-align: center;
	color: #5D7710;
	font-size: 11px;
	margin: 0 5px 0 0;
}
#contact2 { height: 50px; }
#contact a, #contact2 a { font-size: 10px; font-weight: bold; color: #76990C; }
#contact a:hover, #contact2 a:hover { text-decoration: none; }
#contact p, #contact2 p { position: relative; margin: 0; padding: 0; top: 4px; }
#contact2 { top: 4px; }



/* titre pour les pages interieurs - en majuscule et/ou vert */
strong.titre { text-transform: uppercase; text-decoration: underline; }
strong.titre2 { text-decoration: underline; color: #D1F326; }
strong.titre3 { text-transform: uppercase; text-decoration: underline; color: #D1F326; font-size: 13px; }


/* page de réservation sol-5000, image "paiement securisé" dans la colone de gauche */
img#secure { position: relative; left: 60px; top: 20px; }




/*page demande infos sol-9000*/
#etapes { position:relative; width: 670px; margin:0 auto; }
#etape1 { width:330px; position: relative; float: left; margin: 25px 0; }
#etape1 label { display: block; float: left; width: 90px; line-height:16px; margin-left: 20px; }
#etape1 input, #etape1 select {
	position: relative;
	display: block;
	float: left;
	width: 175px;
	
	font-size:11px;
}
#etape1 input {	padding: 0;	margin: 0;height: 15px; line-height:15px; }
#etape1 .etoile { color: #C2E32E; position: relative;left:2px; }
#etape1 select.civil { width: auto; }
#etape1 br { margin-bottom: 2px; display:block; position:relative; height: 5px; line-height:5px; }
#etape2 { width:330px; margin-left: 10px;position: relative; float: left; margin: 25px 0; }
#etape2 p { padding: 0 20px; }
#etape2 .loi { text-align:center; color: #F8B3E3; font-size:9px; font-style: italic;}
#etape2 textarea { width: 270px; height: 165px; }
#etape2 .etoile {color: #C2E32E; position: relative; float:right; left: -5px; }
#validetape { width: 670px; background:#940F47; margin: 0 auto; text-align: center; padding: 5px 0; }




/* quelques classe utile et de parametrage */
a img { border: 0; }
.hide { display: none; }
.clear { clear: both; }
.right { float: right; }








/* ######################### GALERIE PHOTOS ######################### */


/* ======= Présentation HAUT ======= */
.gal_name{color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight:bold; text-decoration:underline; }/*font-variant:small-caps;*/
.gal_categ{color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica; text-decoration:underline; font-weight:bold;}
.galdescrub{color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica;  text-decoration:none} 
/* ======= Présentation HAUT ======= */




/* ======= NAVIGATION HAUT ======= */
#gal_navht{ float:left; display:block; position:relative; width:707px; height:16px; background-color:#940F47; text-align:center; vertical-align:middle; margin-right: 0px; margin-left: 0px; border: 0px; margin-bottom: 20px;}
#gal_flhtg{display:block; position:absolute; top:1px; left:4px; width:100px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px; font-weight:bold;}
#gal_flhtd{display:block; position:absolute; top:1px; right:4px; width:100px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px; font-weight:bold;}
.galnav{color: #FAA9D8; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold; position: relative; top: 1px;}
#gal_flhtg a,#gal_flhtd a { color: #F54AAD; text-decoration: none; }
/* ======= NAVIGATION HAUT ======= */




/* ======= CENTRE GALERIE ======= */
.cont_galerie{ float:left; display:block; position:relative; width:707px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px;  padding:0px;}
.desc_galerie{ float:left; display:block; position:relative; width:707px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px;  padding:0px;}
.galttvign { text-decoration: none; font-weight: bold; color: #fff; }


.gal_cont{ float:left; display:block; position:relative; width:707px; text-align:left; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px;  padding:0px; }
.gal_cont1{float:left; display:block; position:relative; left:-1px; width:230px; text-align:left; vertical-align:middle; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px; background:#940F47;}
.gal_cont2{float:left; display:block; position:relative; left:0px; width:230px; text-align:left; vertical-align:middle; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px; background:#940F47;}
.gal_cont3{float:right; display:block; position:relative; right:1px; width:230px; text-align:left; vertical-align:middle; margin-right: 0px; margin-left: 0px; border: 0px; background:#940F47;}




.gal_cont1b{float:left; display:block; position:relative; width:229px; text-align:left; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;}
.gal_cont2b{float:left; display:block; position:relative; width:229px; text-align:left; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;}
.gal_cont3b{float:right; display:block; position:relative; width:229px; text-align:left; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px;}


.separ_miniature1{float:left; display:block; position:relative; width:8px; height:10px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;}
.separ_miniature2{float:left; display:block; position:relative; width:8px; height:10px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;}


.separ_miniature1b{float:left; display:block; position:relative; width:9px; height:10px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;}
.separ_miniature2b{float:left; display:block; position:relative; width:9px; height:10px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; border: 0px; padding:0px;}


.miniature1{display:block; position:relative; width:229px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;}
.miniature2{display:block; position:relative; width:229px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;}
.miniature3{display:block; position:relative; width:229px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;}


.miniature1b{display:block; position:relative; width:229px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;}
.miniature2b{display:block; position:relative; width:229px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;}
.miniature3b{display:block; position:relative; width:229px; text-align:center; vertical-align:top; margin-right: 0px; margin-left: 0px; margin-bottom:5px; margin-top:5px; border: 0px; padding:0px;}
/* ======= CENTRE GALERIE ======= */




/* ======= NAVIGATION BAS ======= */
#gal_navbs{display:block; position:relative; width:707px; height:16px; background-color:#940F47; text-align:center; vertical-align:middle; margin-right: 0px; margin-left: 0px; border: 0px;}	
#gal_flbsg{display:block; position:absolute; top:1px; left:4px; width:100px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px; font-weight:bold; }
#gal_flbsd{display:block; position:absolute; top:1px; right:4px; width:100px; height:8px; margin-right: 0px; margin-left: 0px; border: 0px; font-weight:bold; }
#gal_flbsg a, #gal_flbsd a { color: #F54AAD; text-decoration: none; }
/* ======= NAVIGATION BAS ======= */

		
/* ######################### GALERIE PHOTOS ######################### */ 	
	
	
	
/* ######################### Navigation OUTILS ######################### */
ul.level1 { text-transform: uppercase; font-weight: bold; }
ul.level1 li { height: 18px !important; line-height: 18px !important; }
ul#level2 { margin-bottom: 20px; }
ul#level2 li { left: 25px !important; height: 18px !important; line-height: 18px !important; }




.gallegende{color: #FAA9D8; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration:none; font-weight:bold;}
.galphotodesc{color: #988760; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:underline;}
.galphotott{color: #988760; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-weight:bold;}
/* ######################### Navigation OUTILS ######################### */










/* ######################## FLASH MAIL ######################### */
#haut7000, #content7000, #bas7000 {
	position: relative;
	margin: 0 auto;
	width: 592px;
}
#content7000 { background: url(../images/fond7000.gif) repeat-y; text-align: center; color: #325300; padding-bottom: 50px; }
#date7000 {
	position: relative;
	font-size: 10px;
	text-align: left;
	color: #7B952F;
	top: 5px;
	left: 15px;
}
#content7000 h2 { margin-top: 25px; font-size: 14px; color: #000; }
#content7000 a { color: #325300; text-decoration: underline; font-weight: bold; }
#content7000 a:hover { text-decoration: none; }
#bas7000 { font-size: 10px; text-align: center; }
#bas7000 { color: #999; }
#bas7000 a { font-weight: bold; color: #999; }
#bas7000 a:hover { text-decoration: none; }
.taille0 { font-size: 9px; }
.taille2 { font-size: 12px; }
.taille3 { font-size: 14px; }
/* ######################## FLASH MAIL ######################### */


/* ################# CONSEIL AMI #################### */
#header8000,#middle8000,#bottom8000{
	position: relative;
	margin: 0;
	width: 300px;
}
#middle8000,#bottom8000{background: #B1D349;}
#middle8000{text-align:center; }
#middle8000 img { margin-top: 10px; }
#middle8000 input { width:180px; height: 16px; margin-bottom:3px; }
#middle8000 textarea { width:180px; height: 65px; margin-bottom:3px; }
#middle8000 .btn { width: 125px; height:22px; line-height:20px; font-size: 11px; background: #C7E95F; }
#bottom8000{ font-weight: bold; text-align: right; font-size: 9px; }
#bottom8000 a{display:block;margin-right: 5px;margin-bottom:2px; }
/* ################# CONSEIL AMI #################### */


/* ################# PLUS #################### */
#titreic, .titreic {
	display:block;
	width:702px;
	background-color:#C1E32D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top: 10px;
}


/* ********************** */
/* Galerie photos */
.galcateg-on{color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold; text-transform: uppercase; }
.galcateg-off {color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration :none;  text-transform: uppercase;}
A:hover.galcateg-off {000: #FFAD08; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight: bold; text-transform: uppercase;}
.galpage-on {color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold; text-decoration:underline;}
.galpage-off {color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : none;}
A:hover.galpage-off {color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : underline;}
.galvaleurnav {color: #867846; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}

/* */
.galdescrub {color: #000; font-size: 12px; font-family: Verdana,Arial, Helvetica;}
.gallegende {color: #FAA9D8; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
.gallegrub{color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica;}
.galspace {margin-bottom : 3px; margin-left : 5px; margin-right : 5px; margin-top : 3px;}
.galttrubrique {color: #000; font-size: 12px; font-family: Verdana,Arial, Helvetica; font-weight: bold; text-transform: uppercase;}
A.galttvign, .galttvign {color: #D5BA84; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration : none; font-weight: bold;}
A:hover.galttvign {color: #D5BA84; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight: bold;}
.galnav {color: #FAA9AE; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
.galphotott{color: #fff; font-size: 15px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
.galphotodesc {color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration: none}
/* Galerie photos */
/* ********************** */




/* **************************** */
/* tarification */
#tarification {
	margin-top: 30px;
	margin-bottom: 20px;
}
#tarification .col1 {
	background: #B1D449;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 25px;
}
#tarification th.col1 { background: none; }

#tarification .col2 {
	background: #EACED8;
	color: #B62266;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 25px;
}
#tarification th.col2 { background: #FFDFEA; text-transform: uppercase; }

#tarification .col3 {
	background: #B1D449;
	color: #B62266; 
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 25px;
}
#tarification th.col3 { background: #C2E32E; text-transform: uppercase; }

#disponibilites { 
	background: #D3348C; 
	width: 555px; 
	padding: 20px; 
	margin: 10px auto; 
	font-weight: bold;
}
#disponibilites form { margin: 0; padding: 0; }
#disponibilites .type {
	width: 150px;
	margin-left: 10px;
}
#disponibilites input {
	margin-left: 7px;
	background: #FFB7DE;
}
#disponibilites label {
	padding: 0 2px 0 5px;
}
/* **************************** */

/* *************** */
/* reservations */
.medium { font-size: 12px; }
#etapesresa {
	position: relative;
	margin-top: 15px;
	margin-bottom: 1px;
	padding: 0;
	width: 707px;
}
#etapesresa .etape {
	background: #D3348C;
	color: #710308;
	text-transform: uppercase;
	font-weight: bold;
	width: 14%;
	margin-right: 2px;
	float: left;
	padding: 1px 5px;
}

#etapesresa .etape.select {
	color: #000;
	background: #C2E32E;
}
#etapesresa form { 
	position: relative; 
	margin: 0; 
	padding: 0; 
	width: 707px; 
}
.blockresa { 
	position: relative;
	background: #7a797b; 
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 8px;
}
.clear2 { clear: right; }
html, body { overflow-x: hidden; }
form { width: auto; margin: 0; padding: 0; }
.blockresa #disponibilites { background: none; }
.blockresa #disponibilites input { background: #fff; width: 70px; }
.blockresa #disponibilites input.bouton { background: #D0CFC1; width: 190px; }
.vert { color: #D1F326 !important; }
.center { text-align: center; }
.grand { font-size: 14px; }
.blockresa label.choix {
	display: block;
	width: 200px; 
	text-align: left;
	margin: 0 auto;
}
.blockresa label.choix span { font-weight: bold; text-decoration: underline; }

.blockresa2 { 
	text-align:center;
	background: #F24FBF;
	padding: 2px; 
}
.blockresa2 input {
	background: #FFB5E8;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	margin: 0;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	border-width: 1px;
}

.blockrappel {
	background: #BaB9BB;
	margin-top: 10px;
	padding: 4px 10px;
	font-weight: bold;
	color: #000;
}

.blockrappel span { text-decoration: underline; }
.right { text-align: right; }
.petit { font-size: 10px; }
a.edit { color: #C2E32E !important; font-style: italic; font-size: 10px; }

.colum1, .colum2, .spaceColum50 {
	float: right;
	position: relative;
	width: 340px;
	margin: 15px 0 0 0;
	padding: 0;
}
.colum2 { width: 335px !important; }
.spaceColum50 {  width:8px !important; }
.colum1 label {
	display: block;
	line-height:20px;
	margin-top: 3px;
}
.colum2 textarea {
	position: relative;
	margin-top: 5px;
	height: 110px;
	width: 330px;
}
.blocktotal {
	background: #fff;
	color: #000;
	margin: 0 auto;
	width: 450px;
}
.blocktotal span { display: block; padding: 10px; }

#identForm {
	padding: 0;
	width: 680px !important;
	margin: 10px auto;
	text-align: center;
}
#identForm input { 
	width: 170px;
	font-weight: bold;
	border: 1px solid #000;
	padding: 1px 5px;
}

#inscription br { clear: both; }
#inscription label { width: 290px; }
#inscription label span {
	display: block;
	float: left;
	width: 100px;
}
#inscription label span.etoile { 
	display: inline; 
	float:right; 
	width: auto; 
	line-height: 10px; 
}
#inscription input, #inscription select, #inscription textarea {
	display: block;
	float: left;
	width: 180px;
	border: 1px solid #000;
	padding: 0;
	margin: 0 0 4px 0;
}
#inscription textarea { height: 50px; }
#CodeAccess {
	background: #979698;
	padding: 8px;
	margin-top: 25px;
}
#CodeAccess input {
	width: 180px;
	padding: 0;
	margin: 0 0 0 10px;
	border: 1px solid #000;
}
#CodeAccess label span.etoile { margin-left: 2px; }
.loi { 
	font-style: italic; 
	font-size: 10px;
	color: #D0CFD1;
}

.detailsresa {
	background: #D1CCD1;
	font-weight: bold;
	padding: 5px 25px;
	line-height: 25px;
	font-size: 12px;
	width: 280px;
	margin: 0 auto;
	color: #000;
}
.detailsresa strong {
	float: left;
}
.detailsresa span {
	float: right;
}
.detailsresa br { clear: both; }

.totalresa {
	background: #FFF9FF;
	width: 280px;
	padding: 5px 25px;
	font-size: 12px;
	color: #000;
	margin: 2px auto;
}

.detailscoord {
	font-weight: bold;
	color: #000;
	background: #ACABAD;
	padding: 1px 25px;
	width: 280px;
	margin: 10px auto;
	text-align: center;
}
.detailscoord p {
	margin: 12px 0;
	padding: 0;
}
.underline { text-decoration: underline; }
.remerciement {
	background: #CD3690;
	padding: 6px;
	text-align: center;
}
/* *************** */

/* ################# PLUS #################### */