/* CSS Document */

body {
	background-color: #1B0601;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
}

h1 {
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
color:#FFFFFF;}

h1 a {
text-decoration:none;
color:#FFFFFF;
cursor:text;}

h1 a:hover {
text-decoration:none;
color:#FFFFFF;
cursor:text;}

#wrapper {
width:950px;
height:auto;
margin:auto;
}

#header {
width:950px;
height:270px;
text-align:right;
}

#headerLogo {
width:265px;
height:265px;
margin-top:5px;
margin-left:10px;
position:relative;
float:left;
}

#headerDroit {
position:relative;
float:left;
width:395px;
margin-left:280px;}

#headerAdresse {
width:250px;
margin-left:145px;
text-align:left;
margin-top:20px;
}

#headerCreperie {
position:relative;
float:left;
width:395px;
height:auto;
margin-top:120px;}

#headerCreperie2 {
position:relative;
float:left;
width:395px;
height:auto;
margin-top:120px;
margin-left:-150px;}

#milieu {
position:relative;
float:left;
width:950px;
height:auto;
margin-top:10px;
}

#colonne1 {
width:305px;
height:auto;
position:relative;
float:left;}

#colonne2 {
width:590px;
height:auto;
position:relative;
float:left;
text-align:justify;
margin-left:55px;}

#colonne2 a {
color:#FFFFFF;
text-decoration:underline;}

#colonne2 a {
color:#FFFFFF;
text-decoration:none;}

#menu {
width:275px;
height:auto;
margin-left:10px;
}

#menu ul {
margin:0;
padding:0;}

#menu li {
margin:0;
padding:0;
list-style:none;
background:url(../images/fond-menu.gif) no-repeat;
width:275px;
height:47px;
color : #1B0601;
font-weight:bold;
font-size:18px;
text-transform:uppercase;
margin-bottom:5px;
display:block;
line-height:47px;
}

#menu li a{
text-decoration:none;
color : #1B0601;
background:url(../images/fond-menu.gif) no-repeat 0 -47px;
display:block;
}

#menu li a:hover {
text-decoration:none;
color : #1B0601;
background:url(../images/fond-menu.gif) no-repeat;
display:block;
}

.padLeft {
margin-left:10px;}

#pied {
width:950px;
height:auto;
position:relative;
float:left;
color:#FFFFFF;
font-size:11px;
text-align:center;
margin-top:100px;
}

#pied a{
text-decoration:none;
color:#FFFFFF;}

#pied a:hover{
text-decoration:underline;
color:#FFFFFF;}

#blocVideo {
width:400px;
height:300px;
border: solid 4px #83CEE2;
}

#contenuMap {
width:560px;
height:300px;
border: solid 4px #83CEE2;
}

/************************ DIAPORAMA ************************************/


#galerie {
position:relative;
float:left;
width:560px;
height: auto;
}

#gdePhoto {
width:560px;
height:280px;
position:relative;
float:left;
overflow:hidden;
border: solid 4px #83CEE2;
}

.pics { 
	padding:0; 
	margin:0; 
}
#nav { 
	width: 560px; 
	padding:0;
	height:auto;
	margin:0;
	margin-top:10px;
}


#nav li { 
	width: 52px; 
	height: 52px;
	margin: 2px; 
	list-style: none; 
	padding: 2px; 
	display: block;
	float:left
}
#nav a { 
	width: 50px;
	height:50px; 
	padding: 0px; 
	display: block; 
	border: 1px solid #83CEE2; 
}
#nav li.activeLI { 
	background: #83CEE2; 
}
#nav a:focus { 
	outline: none; 
}
#nav img { 
	border: none; 
	display: block; 
}

/************************ DIAPORAMA ************************************/