/* CSS Document */

/* ------------------------ BODY -------------------------------------------------- */
body {
	background-color: #333;
	margin: 0px;
	color: #ccc;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}

p {text-align:justify;}

#conteneur {
	width:976px; 
	margin:0 auto;
	border-right:#222 1px solid;
	border-left:#222 1px solid;
}

a:link {
	text-decoration:underline;
	color:#ccc;
}
a:visited { color:#ccc; }
a:hover { color:#fff; }


/* ------------------------ HEADER -------------------------------------------------- */
#header { background-color: #333; }
	
#headerTitre {
	float: left;
	height: auto;
	width: auto; 
	padding:8px 0 0 15px;
}
	
#headerTitre img {border:0; margin:0;}
#headerTitre a:hover {background-color:#333;}
	
#headerNom {
	padding:6px 0 0 55px;
	margin-left: 90px;
	height: 116px;
	background:url("/img/bandeau.jpg") center right no-repeat;
} 
#headerNom h1 {margin-top:56px; }


/* ---------------------------- MENU PRINCIPAL ------------------------------------ */
#menu_theme {
	background-color:#000;
	margin:1em 0 0 0;
	padding:0 0 0 233px;
	border-top:1px solid #000;
	!height:1em;	/* ou le !  pr IE7 */
}
*> #menu_theme {
	background-color:#000;
	margin:1em 0 0 0;
	padding:0 0 0 233px;
	border-top:1px solid #000;
	!height:30px;	/* ou le !  pr IE7 */
}

#menu_theme ul, #menu_secondaire ul {
	list-style:none;
	margin:0;
	padding:0;
	overflow:auto;
}

#menu_theme ul li {
	float:left;
	line-height:2em;
}

#menu_theme ul li a { 
    text-decoration:none;
	color:#ccc;
	padding:4px 15px;
	display:block;
}

#menu_theme ul li a:hover { color:#fff; }

#menu_theme ul li#menu_theme_actif a {
	color:#000;
	background-color:#ccc;
}

#menu_theme ul li#menu_theme_actif a:hover, #menu_theme ul li#menu_theme_actif a:visited {
	color:#000;
	background-color:#ccc;
}

/* ---------------------------------- MENU SECONDAIRE ---------------------------------------------- */
#menu_secondaire {
	background-color:#ccc;
	color:#000;						/* le bleu : #3389ff */	/* l'orange : #ec773d; */	/* le vert : #5d9102; */
	margin:0;							/* dans les pages */ /* le bleu : # */	/* l'orange : #; */	/* le vert : #a2c860; */
	padding:0 0 0 230px;
	!height:1em;
}
*> #menu_secondaire {
	background-color:#ccc;
	color:#000;						/* le bleu : #3389ff */	/* l'orange : #ec773d; */	/* le vert : #5d9102; */
	margin:0;							/* dans les pages */ /* le bleu : # */	/* l'orange : #; */	/* le vert : #a2c860; */
	padding:0 0 0 230px;
	!height:26px;
}

#menu_secondaire ul li {
	float:left;
	line-height:1.9em;
	padding:0 15px;
}

#menu_secondaire ul li a {
	text-decoration:none;
	float:left;
}

#menu_secondaire ul li a:visited {text-decoration:none; }

#menu_secondaire ul li a:hover {text-decoration:underline;}

#actu { 
	font-size:0.9em;
	text-align:left;
	letter-spacing:normal;
	list-style:none;
	margin-left:10px;
	padding-left:0;
	text-align:left;}
	
#actu li {
	margin-right:20px;
	line-height:2em;
	margin-bottom:4px;}
	
#actu a {text-decoration:none;}


/* ------------------------ CONTENU PRINCIPAL --------------------------------------- */
#contenu-gauche {
	float:left;
	width:140px;
	padding:5px;
}

#contenu-content {
	float:left;
	padding:7px;
	width:640px;
}

#contenu-droite {
	float:right;
	width:140px;
	padding:5px;
}


/* ------------------------ FOOTER -------------------------------------------------- */
#footer {
	clear:both;
	color:#999;
	text-align:center;
	border-top: 1px solid #CCC;
	padding-bottom:10px;
}


/* --------------------- Styles de mise en forme ------------------------------------- */
h1 {
	font-size:1.3em; 
	margin-top:1.7em;
	margin-bottom:1.2em;
	color:#fff;
}

h2 {
	font-size:1.1em;
	font-weight:bold;
	margin-top:1.5em;
}

h3 {font-weight:bold;}

#barre_navigation {
	border-bottom:1px solid #000;
	font-size:0.85em;
	padding-top:12px;
	height:1.6em;
	letter-spacing:0.05em;
}

#barre_navigation img {border:0}

#navigation {
	width:70%;
	float:left;
}

#printshare {
	width:30%;
	float:right;
	text-align:right;
}

#intro {
	font-size:1.1em;
	border:1px dashed #ccc;
	padding:7px;
}

.warning {
	border-right:1px solid #F00;
	border-left:1px solid #F00;
	padding:0 5px;
}

.legend {font-style:italic;}

#contenu-content td, #contenu-content th {border-bottom:1px dashed #ccc;}

.relief {
	border-bottom:1px solid #222;
	margin-bottom:8px;
	line-height:2em;
}

.illustrations {text-align:center;}

.illustrations img{
	margin:5px;
	border:0;
}

.lien_photo {
	text-align:right;
	font-size:0.75em;
}

#actu img {border:0}

/* ---------------- PUB google --------------------------------------- */
#google_ads_carre {
	margin:5px;
	float:right;
}

#google_ads_h {
	margin-top:15px;
	text-align:center;
}

.citation {font-style:italic; }

/* ---------------- Formulaire --------------------------------------- */
input, textarea {background-color:#ccc;}

.photoform label {
	float:left;
	width:160px;
	margin-left:30px;
}

.photoform input {
	margin-bottom:10px;
	width:302px;
}

.photoform_submit{
	margin-top:10px;
	margin-left:95px;
}