/* Styles généraux */
body { background-color: #264B16; margin-top: 4px;	margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0; text-align: center; }
body, table { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; }
#page { background-color: #FFFFFF; width: 960px; border: 1px solid #333333; margin-right: auto; margin-left: auto; position: relative; text-align: left; }
#ref { display: none; }
#contenu { padding: 12px; margin: 0px; text-align: left; }
#contenu a, #content a:link { color: #666666; text-decoration: underline; font-weight: bold; }
#contenu a:hover { color: #990000; text-decoration: none;}
#bas { padding: 6px 10px;  position: relative; }
#bas div { margin: 0px 10px 0px 4px; padding: 2px; float: left; }
#bas, #bas a, #bas a:link { font: 11px Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; text-decoration: none; color: #708491; }
#bas a:hover { color: #990000; }
img {border: 0 ; }
.clear {clear: both; }

/* Style d'écriture */
.titre, .titreCentre { font-size: 18px; font-weight: bold; color: #708491; }
.titreCentre { text-align: center; }
h1 { font-size: 2em; margin-top:0; margin-bottom:0; font-weight: bold; }
.gras { font-weight: bold; }
.cadre { border: 1px solid #666666; }

/* Images non inité*/
#contenu #attente a img, #contenu #attente a img:link  { padding: 5px; background-color: #CCCCCC; border: 1px solid #466DBA; }
#contenu #attente a img:hover { border-color: #466DBA; background: #999999; }
#contenu #attente a img.gauche { margin-top: 10px; margin-right: 12px; margin-bottom: 10px; margin-left: 0px; float: left; }
#contenu #attente a img.droite { margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 12px; float: right; }

/* Tableaux */
#contenu .data table { margin-top: 12px; margin-bottom: 12px; border: 1px solid #666666;}
#contenu .data th { padding-top: 6px; padding-bottom: 6px; background-color: #708491; color: #FFFFFF; text-align: center; border: 1px solid #FFFFFF; }
#contenu .data th a, #contenu .data th a:link {text-decoration : underline; color : #FFFFFF; font-weight:bold}
#contenu .data th a:hover { color: #990000; }
#contenu .data td { font-size: 12px; text-align: center; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 4px; border: 1px solid #CCCCCC; }
#contenu .data td a, #contenu .data td a:link {text-decoration : underline; color : #713029; font-weight:bold}
#contenu .data td a:hover { color: #009999; }
#contenu .data tbody tr:hover { background-color:#CCFFCC; color: #666; }
#contenu .data tbody tr:hover td { border-color: #CCC; }
#contenu #pagination a img, #contenu #recherche a img { padding: 0px; border: 0; background-color: inherit}

/* Tableaux avec photos */
#contenu .photos  { margin-top: 4px; margin-bottom: 6px; }
#contenu .photos td { font-size: 13px; text-align: center; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; border: 0; font-weight: bold; color: #006666; }

/* Liste a puces */
#contenu ul { margin: 0px 0px 0px 16px; padding: 0px; list-style-image: url(images/puce_09.gif); }
#contenu li { list-style-type: none; }
#contenu ul ul { list-style-image: url(images/puce.png); }

/* cadre arrondi */
.round {width: 800px; background: url(images/bas-gauche.png) no-repeat left bottom; margin-right: auto; margin-left: auto; }
.round-outer {background: url(images/bas-droite.png) no-repeat right bottom; padding-bottom: 12px;}
.round-inner {background: url(images/haut-gauche.png) no-repeat left top; color: #003366;}
.round h2 { background: url(images/haut-droite.png) no-repeat right top; padding: 10px; font-size: 15px; text-align: center; margin: 0px; }

/* formulaire */
#formulaire {margin: 0px; padding: 0px; }
#formulaire fieldset {margin: 1px 0 1px; padding: 8px; border : 1px solid #666666 }
#formulaire legend { font-weight: bold; color: #708491; font-size: 16px; margin-left: 10px; padding-right: 12px; padding-left: 12px; }
#formulaire div { position: relative; width: 100%; padding: 3px; clear: both; }
#formulaire label { float: left; width: 195px; cursor: pointer; color: #003366; text-align: right; padding-right: 5px; }
#formulaire label.actif { width: auto; padding-right: 10px; }
#formulaire input[type="text"], #formulaire input[type="password"], #formulaire textarea { width: 200px; font-size: 12px; height: 20px; border-top: 2px solid #999; border-left: 2px solid #999; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
#formulaire textarea { width: 400px; height: 100%; }
#formulaire input[type="text"]:focus, #formulaire input[type="password"]:focus, #formulaire textarea:focus {background: #ffc;}
#formulaire input.radio, #formulaire input.checkbox, #formulaire input.submit { width: auto; padding: 0px; border: 0 }
#formulaire input[type="submit"]{ font-size: 15px; font-weight: bold; color: #708491; }
#formulaire .obligatoire { font-size: 11px; color:#666666; font-style: italic; text-align: center; }
#formulaire #erreur { font-size: 14px; padding: 6px 6px 6px 15px; font-weight: bold; color: #990000; }
#formulaire #commentaire { font-size: 11px; font-style: italic ; padding: 6px;}



.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.menu:link {
	color: #FFFFFF;;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}
.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.menu2:link {
	color: #FFFFFF;;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.menu2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
}

.bas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.bas:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.bas:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
}
.lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #713029;
	text-decoration: underline;
	font-weight: bold;
}
.lien:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #713029;
	text-decoration: underline;
	font-weight: bold;
}
.lien:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.bandeau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.pchampajout {font-size: 9pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #713029; letter-spacing: 1pt; text-align:right;}
.pchampobligatoire {font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.titrePage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.vert {
	color: #006633;
}
.accueil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}
.textegris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}
.textemauve {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
.tarifs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}
.message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	letter-spacing: normal;
	font-style: italic;
}
.tarifTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #996600;
	border: thin solid;
}
.titreHotel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #FFFFFF;
}
.tarifsTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006633;
}
.cadre {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #FFFFFF;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #FFFFFF;
}

.p120 { line-height:60%;}
.texteblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.textejaune {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFF66;
}
.textevert {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #008040;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 120%;
	font-weight: normal;
	color: #333333;
	margin-top:0;
	margin-bottom:0;
}
.formtitre {text-align:center; color: #FFFFFF; font-size: 14px;	font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/fond_rouge2.jpg); letter-spacing: 3pt;}
.liste {
	list-style-position: outside;
	list-style-image: url(../images/puce_08.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.liste2 {
	list-style-image: url(Aucune);
	list-style-type: disc;
	text-indent: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.legende {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	letter-spacing: normal;
}
.titreTableau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F7B030;
}
#resa {
	width: 750px;
}

.champInput {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFCC;
}
.diaCadre {
	border: 2px groove #AD6B1D;
}#animation { float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 12px; }
.tarifsHaut {
	background-color: #669966;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.tarifsBas {
	background-color: #669966;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}