/********************************************************************* Balise ****************************************************************/

form {
	padding: 0px;
	margin: 0px;
}

textarea {font-family: Arial, Helvetica, sans-serif; font-size:12px;}

html, body, table , .intern {height:100%;margin:0;padding:0;}

td {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

a {color:#cab79e;}

a, a:hover {text-decoration:none;}
a:hover {color:#ffe8c9;}

body {
	background:url(../images/maquette2_01.jpg) repeat-x #ffe8c9;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffe8c9;
	font-size:14px;
	line-height:20px;
}

p {
	margin: 0px;
	padding: 0px;
}

h1 {
	color:#ffe8c9;
	font-size:16px;
	margin: 0px;
	padding:  0px 0 30px 0;
	text-transform:uppercase;
	line-height:25px;
	}
h1 span {
	font-size:30px;
}
h2 {
	font-size:14px;
	color:#ffe8c9;
	margin: 0px;
	padding: 0px 0 5px 0;
	text-transform:uppercase;
	line-height:20px;
}

h3 {
	font-size:14px;
	color:#ffe8c9;
	margin: 0px;
	padding: 20px 0 5px 0;
	text-transform:uppercase;
}

/********************************************** MODELE ************************************************************/
#container {
	width:960px;
	position:relative;
	margin: 0 auto;
	padding: 0;
}
#header {
	height:135px;
	width:960px;
	margin: 0;
}
#logo {
	width:440px;
	height:35px;
	display:block;
	margin:0 auto;
	background:url(../images/maquette2_03.jpg) no-repeat;
	font-size:18px;
	color:#452a22;
	text-align:center;
	padding-top:100px;
	line-height:30px;
}
.photo1 {background:url(../images/diapo1_08.jpg) no-repeat; height:554px !important;}
.photo2 {background:url(../images/CIMG0687.jpg) no-repeat; height:554px !important;}
.photo3 {background:url(../images/CIMG0740.jpg) no-repeat; height:554px !important;}
.photo4 {background:url(../images/CIMG0689.jpg) no-repeat; height:554px !important;}
.photo5 {background:url(../images/CIMG0741.jpg) no-repeat; height:554px !important;}
.photo6 {height:554px !important;}
#photo {
	width:auto;
	height:auto;
	padding:20px;
	overflow:hidden;
}
#content {
	padding:15px;
	width:930px;
	height:auto;
	overflow:hidden;
	background:url(../images/maquette2_08.jpg) repeat;
	position:relative;
}
.transparent {
	padding:20px;
	background:url(../images/transparent_11.png) repeat;
	float:right;
}
.carte {
	background:url(../images/blanc.png) repeat;
	padding:20px;
	float:left;
	width:600px;
}

.carte p {
	color:#2c1813;
	text-align:center;
}
.carte h1 {
	color:#2c1813;
	text-align:center;
}
.carte h2 {
	color:#2c1813;
	text-align:center;
}
#footer {
	width:960px;
	clear:both;
	margin:0;
	padding:10px 0px 70px 0px;
}
#footer p {
	text-align:center;
	font-size:10px;
	color:#452a22;
	text-transform:uppercase;
}
#footer a { color:#452a22;}
#footer a:hover { color:#2c1813;}

/************************************************** MISE EN PAGE ********************************************************/
.link {
	margin:  5px  0 5px 0 !important;
	height:auto;
	display: block;
    color:#ffe8c9;    
    font-weight:bold;
    line-height:20px!important;
    text-align:center;
	padding:0 0px 0 0px;
	width:100px;
	font-size:10px;
	text-transform:uppercase;
	background:#452a22;
}

.link:hover{
	background:#2c1813;
}

.liste {
	list-style:square;
	margin:0 0 0 20px;
	padding:10px 0 0 0;
	font-size:1em;
	list-style-position:outside
}
.liste li {
	line-height:14px;
	padding:0 0 10px 0;
}
.clic {cursor:pointer;}
a img {border:none;}
.img.left {margin:0 10px 5px 0;}
.img.right {margin:0 0px 5px 10px;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.jus {text-align:justify;}
.small {font-size:12px; line-height:18px!important;}
.mentions {font-size:10px;color:#999; line-height:14px;}

#container .annotation {
	font-size:14px;
	color:#2d2c29;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px;
	text-align:center !important;
	
}
.resume {
	margin:10px;
	border:1px solid #E1AF64;
	background:#000000;
	padding:10px;
}

/******************************************* INDEX ******************************************************************/
.demi {
	width:405px;
	height:auto;
}

.encart h2 {
	text-align:center;
	padding:10px 0 0 0!important;

}
.encart p {
	text-align:center;
}

/******************************************* CARTE ******************************************************************/
.quart {
	width:200px;
	height:auto;
}
/******************************************* CONTACT PLAN D'ACCES  **************************************************/
#map_canvas {
	position:absolute;
	z-index:0;
	top:15px;
	left:15px;
	width:930px;
	height:594px;
}
.absolu {
	position:absolute;
	z-index:0;
	top:15px;
	right:15px;
}
#formulaire {
	width:495px;
	margin: 0 auto;
	padding: 0;
}
#formulaire input {
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #E9E9E9), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #E9E9E9 1px, #FFFFFF 15px);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #E5E5E5;
	color: #777;
	font-size: 12px;
	height: 20px;
	padding: 2px 5px;
	width: 215px;
}
#formulaire .captcha input {
	width: 152px;
	float:left;
}
#formulaire .captcha img {
	margin:4px 10px 0 0;
	float:left;
}
#formulaire textarea {
	background: -webkit-gradient(linear, left top, left 55, from(#FFFFFF), color-stop(4%, #E9E9E9), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #E9E9E9 1px, #FFFFFF 25px);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #E5E5E5;
	color: #777;
	font-size: 12px;
	height: 150px;
	padding: 2px 5px;
	width: 482px;
}

#formulaire label {
	display: block;
	font-size: 14px;
	padding: 0 0 3px;
	width: 225px;
	color: #787878;
}
#formulaire p {	padding: 0 0 10px 0 !important;}
#formulaire input.btn {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#000000;
	color:#ffffff;
	height:35px;
	line-height:25px;
	padding:5px 15px;
	border:none;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	display:block;
	margin:0 auto;
}
a.btn {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#000000;
	color:#ffffff;
	height:25px;
	line-height:25px;
	padding:0 5px;
	border:none;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	display:block;
	margin:0 auto;
	width:200px;
}

.btn:hover {background-color:#1B4876;}
/************************************************** MENU ********************************************************/
#menu {
	width:100%;
	position:fixed;
	bottom:0;
	z-index:10;
	background:#452a22;
	height:30px;
}
.MenuHorizontal {
	width:930px;
	padding:0 15px 0 15px;
	height:30px;
	margin:0 auto;
	list-style:none;
	position:relative;
}
.MenuHorizontal li {
	margin: 0 10px 0 0;
	padding:0 0px;
	display:block;
	float:left;
	height:20px;
	text-align:center;
}
.MenuHorizontal a {
	color:#ffe8c9;
	font-size:14px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding: 0px;
	margin:0;
	display:block;
	text-transform: uppercase;
	
}
.m1 {width:110px;}
.m2 {width:155px;}
.m3 {width:120px;}
.m4 {width:140px;}
.m5 {width:160px;}

.m6 a span {
	font-size:21px;
	}

.m6 a {
	font-size:19px;
	color:#452a22;
	line-height:25px;
	padding-top:7px!important;
	height:53px;
}

.m6 {
	background:url(../images/maquette2_08.jpg) repeat;
	height:60px!important;
	width:195px;
	margin-right:0!important;
	position:absolute;
	top:-40px;
	right:15px;
}
.selected, .MenuHorizontal a:hover {
	background-color: #2c1813;
}
.m6 .selected, .MenuHorizontal .m6 a:hover {
	background-color: #fff;
	background-image:none!important;
}
