/* CSS Document */

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: rgb(146,193,237);
	margin:0px;
	padding:0px;
	top:0px;	
	background: rgb(0,64,121);
	}
	
a {
	color:white;
	font-weight:bold;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}

	
/* -------------------- ImageCache -------------------- */
.ImagesCache
	{
	position: absolute;
	display: none;
	left: 0px;
	top: -5000px;
	visibility:hidden;
	}
	
/* -------------------- ClearFloat -------------------- */
#ClearFloat
	{
	clear:both;
	}
	
	
	
#conteneur1 {
	position: absolute;
	top: 0px;
	margin-left: -400px;
	left: 50%;
	width: 800px;
	background: transparent url("images/background.gif") repeat-y;
	}
	
#conteneur2 {
	position: relative;
	margin:0px;
	width: 800px;
	background: transparent url("images/header.jpg") no-repeat;
	}
	
/* -------------------- Header -------------------- */
#header {
position:relative;
margin:0;
height:130px;
padding:17px 12px;
}

#menu {
margin:0;
}

#menu img {
border:none;
margin-left:20px;
}

/* -------------------- Page -------------------- */
#page {
margin:0;
}

#intro {
margin:10px 140px 20px 140px;
text-align:justify;
font-size:1em;
}

#intro h1 {
font-size:1.1em;
font-weight:bold;
color:rgb(255,255,255);
margin:0 0 10px 0;
padding:0;
}

#intro h2 {
font-size:0.9em;
font-weight:normal;
color:rgb(86,158,222);
margin:10px 0 0 0;
padding:0;
}

#texte {
margin:10px 140px 20px 140px;
text-align:justify;
font-size:1em;
}

#texte h1 {
font-size:1.1em;
font-weight:bold;
color:rgb(193,225,27);
margin:0 0 10px 0;
padding:0;
}

#texte h2 {
font-size:0.9em;
font-weight:normal;
color:rgb(86,158,222);
margin:10px 0 0 0;
padding:0;
}

#texte h2 a {
font-weight:normal;
color:rgb(86,158,222);
}

#texte h2 a:hover {
font-weight:normal;
color:rgb(255,255,255);
text-decoration:none;
}

#texte #date {
float:left;
margin:0;
background-image: url("images/agenda.gif");
display:block;
width:44px;
height:54px;
text-align:center;
}

#texte #date h1 {
font:9px bold Arial, Helvetica, sans-serif;
color:white;
margin:0;
padding:0;
letter-spacing:1px;
padding-top:7px;
}

#texte #date h2 {
font:16px bold Arial, Helvetica, sans-serif;
font-weight:900;
color:black;
margin:0;
padding:0;
padding-top:4px;
}

#texte #date h2 {
font:16px bold Arial, Helvetica, sans-serif;
font-weight:900;
color:black;
margin:0;
padding:0;
padding-top:4px;
}

#texte #date h3 {
font:10px Arial, Helvetica, sans-serif;
color:black;
margin:0;
padding:0;
letter-spacing:1px;
padding-top:0px;
text-transform:uppercase;
}


#texte #actu {
margin-left:60px;
}

#texte #livredor {
margin-left:60px;
}

#texte #commentaire {
margin-left:60px;
}



#texte #actu .photo {
width:124px;
height:132px;
float:right;
margin:0 -7px 0 20px;
border:none;
}

#texte #photozoom {
text-align:center;
margin-bottom:20px;
}

#texte #photozoom img {
border:1px solid white;
}

#galerie {
margin:10px 120px 20px 140px;
text-align:justify;
font-size:1em;
}

#galerie #photo {
float:left;
width:160px;
margin:0 20px 20px 0;
font-size:11px;
}

#galerie #vignette {
text-align:center;
}

#galerie img {
margin:0;
}

#galerie h1 {
text-align:center;
font-size:1.1em;
font-weight:bold;
color:rgb(255,195,0);
margin:0;
padding:0;
}

#galerie h2 {
text-align:center;
font-size:0.9em;
font-weight:normal;
color:rgb(86,158,222);
margin:0 0 10px 0;
padding:0;
}

#galerie h3 {
text-align:center;
font-size:0.9em;
font-weight:normal;
color:rgb(86,158,222);
margin:10px 0 0 0;
padding:0;
}

#galerie h3 a {
font-weight:normal;
color:rgb(86,158,222);
}

#galerie h3 a:hover {
font-weight:normal;
color:rgb(255,255,255);
text-decoration:none;
}


#separation {
display:block;
height:1px;
line-height:1px;
border-bottom:1px dotted rgb(86,158,222);
margin:10px 140px 20px 140px;
}


/* -------------------- Footer -------------------- */
#footer {
margin:0;
height:180px;
background: transparent url("images/footer.gif") no-repeat;
}

/* -------------------- Navigation -------------------- */
#navigation {
	margin: -15px 140px 20px 140px;
	font-size:10px;
	padding-bottom:5px;
	text-align: right;
	border-bottom:1px dotted rgb(86,158,222);
	text-transform:uppercase;
	}
	
a.nav {
font-weight:normal;
color:rgb(86,158,222);
letter-spacing:1px;
}

a.nav:hover {
text-decoration:none;
color:rgb(255,255,255);
}

.nav_off {
text-decoration: none;
color: rgb(86,158,222);
letter-spacing:1px;
}

a.nav_page {
font-weight:normal;
text-decoration: none;
color: rgb(86,158,222);
background: rgb(0,90,170);
border: 1px solid rgb(86,158,222);
padding: 0px 2px 0px 2px;
}

a.nav_page:hover {
color: rgb(255,255,255);
background: rgb(0,64,121);
}

.nav_page_off {
text-decoration: none;
color: rgb(0,64,121);
background: rgb(255,255,255);
border: 1px solid rgb(86,158,222);
padding: 0px 2px 0px 2px;
}


#formulaire {
margin:10px 120px;
font-size:10px;
color:rgb(0,90,170);
background: transparent url("images/formulaire_background.gif") repeat-y;
}

#formulaire #header {
height:20px;
background: transparent url("images/formulaire_header.gif") no-repeat;
margin:0;
padding:0;
line-height:1px;
}

#formulaire #main {
margin:0;
}

#formulaire #footer {
height:15px;
background: transparent url("images/formulaire_footer.gif") no-repeat;
margin:0;
}

#formulaire table {
margin:0 30px;
}

#formulaire td {
padding:2px 0;
margin:0;
}

#formulaire input {
font-size:12px;
padding:2px;
background-color:white;
color:rgb(0,64,121);
border:1px solid rgb(146,193,237);
}

#formulaire .textbox {
width:494px;
font-size:12px;
padding:2px;
height:50px;
background-color:white;
color:rgb(0,64,121);
border:1px solid rgb(146,193,237);
}

#formulaire .submit {
background-color:#d5edfa;
color:rgb(0,64,121);
border:1px solid rgb(0,90,170);
}

#formulaire .submit_image {
border:none;
vertical-align:bottom;
}