/* CSS Document */

/* -----------------------
 Mise en forme générale
------------------------- */

body {
margin:0;
padding:0;
background-color:#000000;
color:#333333;
font-family:Verdana, Tahoma, Helvetica, sans-serif;
font-size:80%;
}

a {
color:#6666CC;
text-decoration:none;
}

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

h1,h2{
	color:#804000;
}

h3{
	color:#444444;
}

h4{
	color:#333333;
}

h1,h2{
letter-spacing:0.05em;
}

h1{
font-size:2em;
font-weight:bold;
padding:15px 0 8px 0;
}

h2{
font-size:1.5em;
font-weight:bold;
padding:12px 0 0;
}

h3{
font-size:1.2em;
font-weight:bold;
padding:10px 0 0;
}

h4{
font-size:1.2em;
padding:5px 0 0;
}

p{
margin:0px;
font-size:1em;
font-weight:normal;
}

ul{
margin:0;
padding:0;
text-decoration:none;}

ul li{
list-style-type: none;
}

/* ----------------------------------------
 Les sections de page (divs)
Classées par ordre d'apparition sur la page
===========================================
*/


#page{
width:900px;
margin:0 auto;
background-color: #ffffff;
}

#titre_section{
height: 200px;
background-color: #a88255;
clear:both;
}

#navigation_primaire{
background-color: #804000;
border-top: 1px solid white;
}

#navigation_secondaire{
background-color: #FFCC66;
}


/* News column container */

#right_section{
padding:0;
float:right;
width: 198px;
}

/* Page content container */

#main_section{
/*width: 700px;*/
width: 685px;
margin: 0 0 0 15px;
float:left;
border:1px solid #CCCCCC;
}


/* Bottom section */

#bottom_section{
text-align:left;
color:#CCCCCC;
padding:60px 0px 20px 0px;
}

#footer_section{
height:40px;
text-align:left;
clear:both;
color:#000000;
padding:30px 0 0 34%;
}

/*-----------
 Les class 
=============
*/




/* 	Alsett's clearing method
	http://www.csscreator.com
	
	IE7 compatible thank to David Roessli
*/

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

* html .clearfix {
    height:1px;
}


/* end class clearfix */


.clear {
margin: 0px;
padding: 0px;
clear:both;
}

/* ne pas afficher  */

.display_none{
display: none;
}

.equipe{
	margin:10px 0 0 0;
}

.equipe ul{
		
}

.equipe li{
	font-size:0.9em;
	padding:5px 20px 0;
}

.equipe li strong{
}


/* Mise en forme du breadcrum */

.status_section{
float:left;
border-bottom-width: 1px;
border-bottom-color: #804000;
padding: 0px 0px 0px 30px;
}

.conteneur_right{
margin:20px 16px;	
}

.conteneur_right_top{
margin:0 16px 20px 16px;	
}

.conteneur_right,
.conteneur_right_top{
padding:0;
position:relative;
height:auto;
}

.conteneur_bottom,
.conteneur_bottom_right,
.conteneur_bottom_left,
.conteneur_bottom_center
{
float: left;
width: 236px;
padding:0;
margin:0;
height:auto;
}

.conteneur_bottom_right{
	margin:0 16px 0 0;
}

.conteneur_bottom_left{
	margin:0 16px 0 16px;
}

.conteneur_bottom_center{
	margin:0 16px 0 0;
}


.localisation{
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}



.localisation p{
padding:3px 10px;}


.text{
margin:0px;
padding:0px;
}

.main_text{
/*margin:0 0 15px 0;*/
padding:0 15px 20px;
}


.main_text p{
margin:10px 0 0 0;
}

.legende_fig{
padding:4px 0 2px 0;
font-size:0.8em;
}

.leg_fig_martinez{
width:300px;
text-align: left;
padding:2px 8px;
font-size:0.8em;
}

.leg_fig_martinez:after{
content:" [Photo E.Martinez]";
}

.sm_txt{
padding:4px;
font-size:0.8em;
}

.breadcrum{
padding:4px;
font-size:0.9em;
}

.navigation,
.bottom_box,
.credits{
margin:0px;
border:1px solid #CCCCCC;
}

.navigation h2{
color: #804000;
font-size:1em;
margin:0px;
padding:8px;
background-color: #ffcc66;}

.bottom_box h2{
color: #999999;
font-size:1em;
margin:0px;
padding:8px;
background-color: #dddddd;}

.nav_articles{
margin:0px;
border:1px solid #CCCCCC;
}

.nav_articles h2{
color: #fff;
font-size:1.1em;
margin:0px;
padding:8px;
background-color: #804000;}

.navigation ul,
.nav_articles ul,
.bottom_box ul{
margin:0;
padding:0;
}

.navigation li,
.nav_articles li,
.bottom_box li{
margin:0;
padding:5px 8px;
}

.navigation ul li,
.nav_articles ul li,
.bottom_box ul li{
display:block;
}

.navigation li:hover
.nav_articles li:hover{
background-color:#CCCCFF;}

.credits{
padding:5px 8px;
}


.search{
margin:0px;
border:1px solid #CCCCCC;
text-align:center;
padding-bottom:10px;
background-color:#E4E4E4;
}


.search h2{
text-align:left;
color:#FF6600;
margin:0px;
padding:8px;
background-color:#E4E4E4;
}


/*-----------------------------------
 Position des images et ou logo-texte
=====================================
*/

.ounjougou_accueil{
margin:13px 0 0 7px;
width:auto;
float:left;
font-size:5.2em;
font-weight:bold;
color:white;

}

.ounjougou{
margin:14px 0 0 20px;
width:auto;
float:left;
font-size:4.5em;
font-weight:bold;
color:white;

}

.picture,
.picture_left,
.picture_center,
.picture_right,
{
/*margin: 20px;*/
}


.picture img,
.picture_left img,
.picture_center img,
.picture_right img{
border:1px solid #333333;
}

.picture_left{
float: left;
margin:15px 15px 15px 0;
}

.picture_center{
text-align:center;
margin:15px 0;
clear: both;
}

.picture_right{
margin:15px 0 15px 30px;
float: right;
}

.elvyre:after{
font-size:0.8em;
content:"Photo E.Martinez";
}

/*---------------
 La navigation
=================
*/

	
.navigation_niveau_a ul ,
.navigation_niveau_b ul
{
background-color: #804000;
margin: 0px;
padding: 0px;
list-style-type: none;
}

.navigation_niveau_a ul li ,
.navigation_niveau_b ul li
{
float: left;
}

.navigation_niveau_a ul a ,
.navigation_niveau_b ul a
{
display:block;
padding: 0 1em;
line-height: 2.1em;
text-decoration: none;
}

.navigation_niveau_a li a ,
.navigation_niveau_b li a,
{
text-decoration: none;
}

.navigation_niveau_b li a{
background-color: #ffcc66;
font-size: 0.8em;
}

.navigation_niveau_a li a:hover
{
background-color: #ffcc66;
color: red;
}

.navigation_niveau_b li a:hover
{
background-color: white;
color: #ff8000;
}

.rub_active,
.art_actif{
color:red;
}

.rub_active{
background-color: #ffcc66;
}

.art_actif{
background-color: white;
}

.s_rub_active{
color:red;
}

.a_blanc{
color: white;
}

.art_ini{
color: #6666cc;
}

.a_brun{
color: #804000;
}

/*---------------------------
 Style destiné é l'impression
 des articles
==============================
*/

@media print {
	
body {
margin:0;
padding:0;
background-color: #fff;
color:#000;
font-family:Verdana, Tahoma, Helvetica, sans-serif;
font-size:120%;
}

h1,h2,h3,h4{
	color:#000;
}

#page{
margin:0;
background-color: #fff;
}

#titre_accueil_section,
#titre_section,
#navigation_primaire,
#navigation_secondaire,
#right_section,
#bottom_section,
#footer_section,
.status_section{
display: none;
}
	
#main_section{
border: none;
width: auto;
margin: 25px;
}

}/* end media print*/