/* CSS Document */

/* Global Styles */
body {
margin: 0px;
background-color: #A33040;
	}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px; color: #000000;
font-weight: bold;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; color: #000066;
font-weight: bold;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; color:#000066;
font-weight: bold;
}
td {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}
	
/* links */
a {
color: #3366CC;
	}
a:hover {
color: #FF6600;
}
/* ID Styles */

#body {
width: 701px;
margin: auto;
background-color: #d3d0ba;
padding-right: 10px;
border-top: 5px solid #fffbf9;
border-left: 7px solid #fffbf9;
border-right: 7px solid #fffbf9;
border-bottom:none; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px; color: #000000;
font-weight: normal;
}
#bottommenu {
width: 157px;
}
#bottomfooter {
width: 725px;
margin:auto;
}
#footer {
background-color: #e8e4d8;
width: 700px;
height: 13px;
margin: auto;
padding-left: 11px;
padding-top: 2px;
border: 7px solid #fffbf9;
border-bottom: none;
font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}
#header {
background: url(photos/entete_gav_hiver.jpg);
background-color: #A33040;
width: 725px;
height: 179px;
margin: auto;
}
#header_flag {
float:right;
width: 27px;
height: 19px;
margin-top: 160px;
margin-right: 70px;
}
#main {
float: right;
width: 520px;
padding: 5px 5px 0 0;
background-color: #d3d0ba;
}
#mention {
float: right;
text-align: left;
width: 150px;
}

/* Class Styles */
	
.clear {
clear: both;
}
.clearl {
clear: left;
}
.float {
margin: 0 10px 0 0;
float: left;
}
.floatr {
margin: 0 0 0 10px;
float: right;
}
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height: 16px;
	letter-spacing: .1em;
	text-decoration: none;
	}
	.news {
	width : 510px;
	background-color: #45d92c;
	padding-left: 5px;
	float: left;
	font-weight: 600;
}	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
div.containerleft {
float:left;
width: 335px;
padding: 2px;
}
div.containercent {
margin:auto
width: 510px;
}
div.containerright {
float:right;
width: 165px;
padding: 2px;
}

/* *********************menu ********************* */
#navigation { 
width: 158px; 
float: left;
} 
#navigation ul { 
list-style: none; 
margin: 0; 
padding: 0; 
} 
#navigation li { 
border-bottom: 1px solid #C0DFFD;
border-right: 7px solid #ffffff; 
} 
#navigation li a {
height:auto;
}
#navigation li a:link, #navigation li a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
letter-spacing: .1em; 
display: block; 
padding: 0.8em 0 0.8em 1.0em; 
background-color: #e8e4d8; 
color: #003366; 
text-decoration: none; 
}
#navigation li a:hover {
background-color: #ffffff;
color: #FF6600;
}
/* ************************fin menu ************************* */

/* **********************formatage du formulaire***************/

#coordon {
padding: 5px;
border : medium double #666;
width : 510px;
}

#reserv {
padding: 5px;
border : medium double #666;
width : 510px;
}
label {
width: 8em;
float:left;
text-align:right;
margin:.3em ;
clear:both;
}
input.coordo {
	float:left;
	margin-top: 0.2em;
	padding: 0.1em;
	height:1.2em;
}
#subbouton {
float:none;
width: auto;
padding-left: .5em;
padding-right: .5em;
margin-bottom: 1em;
margin-left: 9em;
clear: both;
}

/* ***************formulaire paiement ******************* */
#btn {
width: auto;
padding-left: .5em;
padding-right: .5em;
margin-bottom: 1em;
margin-top: 1em;
margin-left: 13em;
clear: both;
}
#centrage { 
width:530px;
margin:auto;
}
input.paiement {
	float:right	;
	text-align:right;
	margin-top: 0.2em;
	padding: 0.1em;
	height:1.2em;
}
div.containerlogoca {
float:left;
width: 160px;
margin-left: 10px;
}
/*************************fin formattage formulaire********************** */