@charset "utf-8";
a img{border:0;}
/* CSS Document */
a.spip_in{text-decoration:none;}
body{
margin:0;
padding:0;
background:url(../images/fond.gif) repeat-x #0063AA  left 10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#h1Header
{
margin:0 0 10px 0;
padding:0;
}

#main{
width:700px;
margin:0 auto;
/*border:1px solid red;*/
text-align:center;
}

hr{width:640px;
color:#FFFFFF;
background-color:#FFFFFF;
border: 0; /* enleve toute bordure */
border-bottom: 1px solid #FFFFFF; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
margin: 5px auto 0 auto;
height: 1px; }
/*=====================================================================

ooo    H E A D E R 

=====================================================================*/
#menu
{
margin:0;
padding:0 0 5px 0;
text-align:center;
list-style-type:none;
position:relative;
z-index:10;
}

#menu li{
display:inline;
color:#FFFFFF;

margin:0 3px;
}

#menu li h1 {font:bold 11px Arial, Helvetica, sans-serif;display:inline;}

#menu li a{
padding:3px 7px;
color:#FFFFFF;
text-decoration:none;
border:1px solid #FFFFFF;
background-color:#3896D9;
}

#menu li a:hover{
color:#3896D9;
padding:7px 7px;
text-decoration:none;
border:1px solid #0099FF;
background-color:#FFFFFF;
}
/*=====================================================================

ooo    C O N T E N U 

=====================================================================*/
#contenu{
width:400px;
margin:20px auto;
background-color:#3896D9;
border:1px solid #FFFFFF;
padding:5px 10px;
position:relative;
z-index:10;
}
#contenu p, 
#contenu-galerie p{
color:#FFFFFF;
text-align:left;
font-size:14px;/*12*/
}

#contenu p a,
#contenu-galerie p a{
font-weight:bold;
color:#FFFFFF;
}
/*=====================================================================

ooo   V I S I T E    360

=====================================================================*/
#visite360
{
position:absolute;
z-index:0;
top:120px;
left:0;
color:#FFFFFF;
font-weight:bold;
text-align:left;
}

#visite360 a {
text-decoration:none;
color:#FFFFFF;}
/*=====================================================================

ooo   A R T I C L E      G A L E R I E      P H O T O 

=====================================================================*/
#contenu-galerie
{
width:550px;
margin:20px auto;
background-color:#3896D9;
border:1px solid #FFFFFF;
padding:5px 10px;
position:relative;
z-index:10;
}
#galerie
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

#galerie li{margin-bottom:25px;}

#galerie li a img,
.image{
border:1px solid white;
}

.spip_logos{margin:0;padding:0;}

#galerie a
{
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
#galerie p{margin-top:0;padding-top:0;}
#galerie .lien-texte{display:block;}
/*=====================================================================

ooo   G A L E R I E     S U R     L E S      C Ô T É S

=====================================================================*/
#galerieDroite
{
position:absolute;
top:125px;
right:1%;/*50*/
color:#FFFFFF;
z-index:20
}
#galerieDroite ul
{
list-style-type:none;
margin:0;
padding:0;
}

#galerieDroite ul li
{margin-bottom:10px;width:200px;/*200*/}

#galerieDroite ul a img{
border:1px solid #00FFFF;
}
.spip_logos{margin:0;padding:0;}
#galerieDroite ul a
{
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
#galerieDroite ul .lien-texte{display:block;}

/*=====================================================================

ooo   F O R M U L A I R E      D E      R E S E R V A T I O N

=====================================================================*/
#contenu h1{color:#FFFFFF;font-size:16px;}
#contenu h2{color:#FFFFFF;font-size:13px;}
.label {
width: 140px;
text-align:right;
margin:0px 5px 0 0;/*5px 5px 0 0;*/
color:#FFFFFF;
padding:0;
font-size:12px;
}
label{margin:0;padding:0;}
#contactClap{text-align:center;margin-top:10px;}
.contenu{margin-bottom:10px;}
.red{color:#FF0000}
.texteRouge{color:white;margin-top:20px;
font-weight:normal;}
#valider{margin:15px 0}
#texte{color:#10C7D1;
font-weight:normal;
font-size:11px;
text-align:left;
margin-bottom:10px;}
/*=====================================================================

ooo   T A B L E A U X 

=====================================================================*/
/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse;
	font-size:12px;
	}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
/*=====================================================================

ooo    P L A N       D U      S I T E

=====================================================================*/
#plan
{
margin :0;
padding:0;
list-style-type:none;
text-align:left;
}
#plan h1 a {color:#FFFFFF;text-decoration:none;
font-size:12px;}

#plan h1 a:hover{text-decoration:underline;}

#plan ul li ul {
list-style-type:square;}

#plan h2 a {color:#FFFFFF;text-decoration:none;
font-size:10px;}
/*=====================================================================

ooo    F O O T E R 

=====================================================================*/
.clearboth{clear:both;}
#footer p{
margin:0;
padding:0;
color:#97E2EC;
font-size:12px;
}
#footer p a{
font-weight:bold;
color:#97E2EC;
font-size:12px;
text-decoration:none;
}