/* ==============================================
   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 */
body {
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: 12px;
	font-weight: normal;
	color: #003300;
	background-color: #000000;
}
a {color: #003300;}
a:hover, a:focus {color: #FF4C00;}
a.meteo {font-size:9px;text-decoration: blink;}
a.meteo:hover {font-size:9px;text-decoration: none;}
select {cursor:pointer;}

/* Arrondi */
.arr4 {
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */} 
.arr2h {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */}
.arr2b {
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */}
	
/* Global */

#global {
	min-height: 100%;
	width: 750px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}
/* Titres */
#entete {
	background-image: url(../img_bt/FONDMENU_P.jpg);
	height: 150px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: left;
	right: 25px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#navigation{
	margin: 0;
	list-style: none;
	text-align: center;
	background-color: #006600;
	color: #CBD888;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	clear:both;
}

#contenu {
	background-color: #cbd888;
	/*background-color: #cbd888;*/
	clear:both;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	/*border:solid 1px #000000;*/
}

#contenu p{
	line-height: 1.7;
}

/* Pied de page */
#pied {
	color: #CBD888;
	font-size:12px;
	background-color: #006600;
	padding: 3px;
	text-align:center;
	font-weight: bold;
	clear:both;
}
/* Album photo */
#albumphoto {}

h1 {
	font-style: italic;
	font-size: 20px;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: bold;
}

h2 {
	font-size: 40px; /* -> 8 */
	font-style: italic;
	font-weight: bold;
	color: #cbd888;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
h3 {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #006600;
	padding-bottom: 10px;
	text-align: center;
}
h4 {
	font-size: 14px;
	color: #003300;
}

/* perso */
.liste_menu
{
font: normal 8pt Arial, Helvetica, sans-serif;
color: #FFFF00; 
background-color: #004200; 
border: 0px;
padding-left: 5px;
}

.tit_bas_center
{
Color:#004200; 
font: bold 10pt Arial, Helvetica, sans-serif;
text-align: center;
}

.tit_bas_center_noir{
Color: #00FF00; 
font: bold 10pt Arial, Helvetica, sans-serif;
text-align: center;
background-color: #004200;
}

A.B{
Color: #00FF00;
}

A.B:hover{
Color: #FFFFFF; 

}

.cadre_prix /* Les cellules prix*/
{
   border: 1px solid #FFFF00; /* Bordure du tableau avec effet 3D (outset) */
   border-color:  #FFFF00 #000000 #000000 #FFFF00;  
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 10px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   border-collapse: collapse;
}
/* ---------- FORMULAIRE ------------ */
.fondform input, textarea, select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFCC;
	border: 0px solid #000000;
	margin-top: 2px;
	margin-bottom: 2px;
}
.fondform fieldset{
	border: 1px solid #006600;
	padding-left: 10px;
	width: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.fondform legend{
	font-weight: bold;
	background-color: #cbd888;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #006600;
}
.fondform label{
	width: 130px;
	float: left;
}

input[type=submit], input[type=reset], input[type=button]{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFF00;
	background-color:#004200;
	width: auto;
	height: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #383800;
	border-bottom-color: #383800;
	border-left-color: #FFFFFF;
 }
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
cursor:pointer;
color: #FFFFFF;
border-color: #383800 #FFFFFF #FFFFFF #383800;
 } 
/* ----------------------------------*/

.alert {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
color: #FFFF00; 
background-image: url(../img_bt/bois_fonce.jpg);
}

.cadreimage{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #000000;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
}

/*LightBox*/
#lightbox{
	background-color: #cbd888;
	padding: 10px;
	border:2px solid #000000;
	}
#lightboxDetails{
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	color: #000000;
	padding-top: 5px;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; clear: both;}