@charset "utf-8";

body {
	background: #FFFFFF url(../images/fond-body.png) 0 0 repeat-x;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif;
	line-height:20px;
	color: #6d6d6d;
}
a:link, a:visited {
	color: #df7a00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

h1 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	line-height:28px;
	margin-bottom:15px;
}

p { 
	line-height:20px;
}

ul {
	list-style:circle; 
	padding:10px 0px 0px 30px;
}

li {}

div#container {
	width: 878px;
	margin: 0 auto;
	text-align: left;
}
div#mainA {
	min-height:583px;
	height:583px;
	width:878px;
	background: url(../images/fond-A.png) 0 0 repeat-y;
}
div#mainB {
	position:relative;
	width:860px;
	min-height:583px;
	height:583px;
	margin:0px 9px 0px 9px;
	background:url(../images/fond-B.png) 0 0 repeat-x;
}

div#logo {
	position:absolute;
	top:19px;
	left:51px;
}
div#logo a {
	display:block;
	width:225px;
	height:84px;
	text-indent:-3000px;
	background:url(../images/logo-sophie-germain.png) 0 0 no-repeat;
}


div#reservation {
	position:absolute;
	top:19px;
	right:29px;
	width:280px;
	height:79px;
	background:url(../images/fond-resa.png) 0 0 repeat-x;
	border:#868686 solid 1px;
	padding:0px 0px 0px 20px;
	color:#121212;
	font-size:11px;
}

div#reservation p {
	margin:13px 0px 10px 0px;
}

div#reservation input {
	font-size:11px;
}
div#reservation select {
	font-size:11px;
	padding:1px;
}

div#menu {
	position:absolute;
	top:125px;
	left:31px;
	height:30px;
	width:770px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding:0px 10px 0px 20px;
	background:url(../images/fond-menu.png) 0 0 repeat-x;
}
div#menu ul {
	list-style:none;
	padding-top:7px;	

}
div#menu ul li, div#menu ul li.first {
	float:left;
	display:inline-block;
	height:30px;
	background:url(../images/fond-menu-sep.png) 0 -9px repeat-x;
	padding:0px 1px 0px 0px;
}
div#menu ul li.first {
	padding:0px 1px 0px 1px;
}
div#menu ul li span {
	display:inline-block;
	height:22px;
	padding:0px 13px 0px 13px;
	background-color:#FFFFFF;
	color:#46c0eb;
	font-weight:bold;
}
div#menu ul li a {
	display:inline-block;
	height:17px;
	padding:0px 13px 0px 13px;
	background:#FFFFFF url(../images/fond-menu-a.png) 0 0 repeat-x;
	text-decoration:none;
	color:#827251;
}
div#menu ul li a:hover {
	color:#38311c;
}
div#menu div#lang {
	height:12px;
	position:absolute;
	right:5px;
}



div#diapos {
	position:absolute;
	top:175px;
	left:47px;
}

div#diapos div#grande {
	margin-bottom:10px;
}

div#diapos div.vignette {
	display:inline;
	padding-right:10px;
}

div#diapos img.cache {
	display:none;
}


div#map {
	position:absolute;
	top:175px;
	left:47px;
	width:430px;
	height:380px;
}

div#formulaire {
	position:absolute;
	top:175px;
	left:47px;
	width:430px;
	height:380px;
}

div#texte {
	position:absolute;
	top:215px;
	left:515px;
	width:280px;
}

div#texte-small {
	position:absolute;
	top:180px;
	left:505px;
	width:290px;
}

div#texte-small li {
	padding-top:5px;
	font-size:12px;
	line-height:18px;
}

div#texte-small p {
	padding-top:5px;
	font-size:12px;
	line-height:18px;
}

.enavant {
	color:#46c0eb;
	font:16px bold "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}	
div#bulle {
	position:absolute;
	top:420px;
	left:505px;
	width:300px;
	height:150px;
	background:url(../images/fond-bulle.jpg) 0 0 no-repeat;
}

div#bulle h2 {
	color:#46c0eb;
	font:18px bold "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	padding:25px 15px 5px 25px;
}

div#bulle p {
	color:#827251;
	font:12px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	line-height:14px;
	padding:0px 20px 5px 25px;
}

div#footer {
	width: 878px;
	margin: 0 auto;
	font-size:12px;
	color:#5a513d;
	background: url(../images/fond-footer.png) 0 0 no-repeat;
	text-align:center;
	padding-top:7px;
	line-height:14px;
}





form {
	font-family:Arial, Helvetica, sans-serif;
}
form a:link, form a:visited {
	color: #e21747;
	text-decoration: none;
}
form a:hover, form a:active {
	color:#656565;
	text-decoration: none;
}
textarea, input[type='text'], input[type='password'], select {
	border: 1px solid #ccc;
	background: #fff;
}
input[type='text'], input[type='password'] {
	width:150px;
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
	border-color: #CCCCCC;
	background-color:#F6F9FB;
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
	border-color: #CCCCCC;
	background-color:#F6F9FB;
}

input[type='submit'], input[type='button'] {
	cursor: pointer;
	padding:3px;
}
input[type='submit'], input[type='button'] {
	color: #000000;
	border: 1px solid #ccc;
	background: #efefef;
}
input[type='submit']:hover, input[type='button']:hover {
	border: 1px outset #FFFFFF;
}
/* IE6 */
.submit  {
	color: #000000;
	border: 1px solid #ccc;
	background: #cecece;
	width:120px;
}







.clearfix {
	content: "."; 
	display: block; 
	height: 0;  
	clear: both; 
	visibility: hidden;
}