/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}
body,td,th {
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #1F2C43;
}
body {
	background-color: #1F2C43;
	text-align: center;
}

}


/* Liens */
a {
	color: #000066;
}
a:hover  {
	color: #C00;
	text-decoration:underline;
}
a img {
	border: none; 
}



#bandeau {
	position: absolute;
	width: 966px;
	height: 370px;
	left: 1px;
	top: 3px;
}
#separateur {
	height: 531px;
	width: 10px;
	position: absolute;
	left: 4px;
	text-align: left;
	top: 365px;
}

#menu {
	height: 21px;
	width: 651px;
	position: absolute;
	left: 67px;
	top: 163px;
	text-align: justify;
	padding: 5px;
	color: #000066;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}

#corps {
	position: absolute;
	height: 566px;
	width: 921px;
	left: 23px;
	top: 235px;
	color: 000066;
	text-align: justify;
	vertical-align: top;
}

#global {
	background-color: #F2F9FF;
	width: 970px;
	height: 910px;
	position: relative;
	padding: 0px;
}
#global_resa {
	background-color: #F2F9FF;
	width: 940px;
	height: 650px;
	position: relative;
	padding: 0px;
}
#drapeaux {
	height: 21px;
	width: 82px;
	position: absolute;
	left: 855px;
	top: 163px;
	text-align: center;
	padding: 5px;
	color: #000066;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#global #pied #liens {
	font-size: 10px;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}
#global #pied table tr td {
	font-size: 21px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #000066;
	text-align: center;
}
#titre {
	position: absolute;
	top: 201px;
	width: 921px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 22px;
	color: #000066;
	font-weight: bold;
	left: 23px;
}

#pied {
	height: 62px;
	width: 926px;
	position: absolute;
	top: 820px;
	left: 6px;
	background-image: url(../images/pied_de_page.gif);
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	font-size: 21px;
	color: #000066;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.texte_corps {
	color: #000066;
	font-size: 14px;
	text-align: justify;
}
#condition_resa {
	font-size: 12px;
	color: #FFC;
	text-align: center;
	background-color: #09f;
}

.texte_pied_tarif {
	font-size: 12px;
	color: #FFC;
	text-align: left;
	background-color: #09F;
	font-weight: normal;
}
#box-tariffe {
	background-color: transparent;
	width:761px;
	height:542px;
	position:absolute;
	left: 84px;
	top: 1px;
	margin: 0px;
	
}
.colonna1 {
	background-color: #8AFEFF;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	
}
.colonna2 {
	background-color: #009FA2;
	color: #000;
	font-size: 12px;
}
.colonna3 {
	background-color: #ECAE80;
	font-size: 12px;
	color: #000;
	
}
.colonna4 {
	background-color: #E48A48;
	font-size: 12px;
	color: #000;
	
}
.colonna5 {
	background-color: #EC8189;
	color: #F0FFFF;
	font-size: 12px;
}
.colonna6 {
	background-color: #DF2836;
	color: #F0FFFF;
	font-size: 12px;
}
.colonna7 {
	background-color: #B91B27;
	color: #F0FFFF;
	font-size: 12px;
}
.colonna8 {
	background-color: #F8E2D1;
	color: #000;
	font-size: 12px;
}
.colonna9 {
	background-color: #F6D7C0;
	color: #000;
	font-size: 12px;
}
.colonna10 {
	background-color: #CFF;
	color: #000;
	font-size: 12px;
}
.tariffe {
	font-size:10px;
	background-color: #1F2C43;
}
.tableau_tarifs {
	color: #FFC;
	background-color: #09F;
	font-size: 12px;
	width: 80px;
	font-weight: bold;
}
.titre_tarifs {
	font-size: 19px;
	font-weight: bold;
	font-style: italic;
}
.image_centrée {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #000066;
}
#conditions_resa {
	font-size: 12px;
}
.texte_resa {
	font-size: 12px;
	text-align: center;
}
.texte_resa2 {
	font-size: 14px;
	text-align: left;
}
.titre_resa {
	color: #F00;
	text-align: center;
	font-size: 16px;
}