/* CSS Document for CMB - Chambre des Mines du Burkina - Copyright Daniel LAWSON */

div#headercontainer {
width:102%;
height: 192px;
margin-left:-1%;
margin-right:-1%;
margin-top:-10px;
margin-bottom:5px;
background-color:#0c6a36;

}


div#header {
width:980px;
height:192px;
margin-top:-3px;
margin-left:auto;
margin-right:auto;
}

div#maincontainer {
width:102%;
height:1671px;
overflow:hidden;
margin-left:-1%;
margin-right:-1%;
background-color:#6f5230;
}

div#maincontainerarticle {
width:102%;
height:1760px;
overflow:hidden;
margin-left:-1%;
margin-right:-1%;
background-color:#6f5230;
}


div#maincontent{
margin-right:auto;
margin-left:auto;
width:920px;
height:100%;
background-image:url(../img/border-maincontent.jpg);
background-repeat:repeat-y;
}


div#maincontentarticle{
margin-right:auto;
margin-left:auto;
width:920px;
height:1760px;
background-image:url(../img/border-maincontent.jpg);
background-repeat:repeat-y;
}

div#slideshow{
float:left;
margin-left:13px;
width:960px;
overflow:hidden;
}

div#topmenu {
float:left;
margin-top:5px;
margin-left:13px;
width:890px;
height:40px;
background-color:#6e5230;
}

div#news {
float:left;
margin-top:5px;
margin-left:13px;
width:890px;
background-color: #FC3;
}

div#descriptifcmb{
margin-left:13px;
margin-top:5px;
float:left;
width:675px;
height:120px;
background-color:#e2dcd6;

}

div#descriptif{
margin-left:10px;
float:left;
width:655px;
height:100px;
background-color:#e2dcd6;

}

div#descriptif h4{
font-size:14px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
color:#6e5230;
text-decoration:none;
}

div#rightmenu{
margin-top:5px;
margin-right:17px;
float:right;
width:192px;
height:100px;

}

div#rightmenusingle{
margin-bottom: 4px;
float:left;
width:192px;
height: 28px;
overflow:hidden;
}

div#rightmenusingle2{

float:left;
width:192px;
height: 28px;
overflow:hidden;
}


div#middlebox{
float:left;
margin-top:10px;
margin-left:13px;
/*background-color:#e2dcd6;*/
width:890px;
height:350px;
}

div#actusbox {
float:right;
width:550px;
height:600px;
/*background-color:#6f5230;*/
overflow:hidden;
}

div#titreactus{
margin-top:5px;
float:left;
width:550px;
height:50px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:34px;
color:#6f5230;
}

div#actus{
margin-top:5px;
float:left;
margin-left:10px;
width:540px;
height:40px;
overflow:hidden;
border-bottom:1px dotted #FFFFFF;
font-size:15px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

div#actusagenda{
margin-top:5px;
float:left;
margin-left:10px;
width:285px;
height:195px;
overflow:hidden;
border-bottom:1px dotted #FFFFFF;
font-size:15px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;

}

div#actusagenda a{

font-size:14px;
color:#FFFFFF;
text-decoration:none;
}

div#actusagenda a:hover{

font-size:14px;
color:#FFFFFF;
text-decoration:underline;
}


div#actus a{

font-size:14px;
color:#6f5230;
text-decoration:none;
}

div#actus a:hover{

font-size:14px;
color:#6f5230;
text-decoration:underline;
}



/* -----LE BLOC CUSTOMISE POUR LES RUBRIQUES --- */ 


div#actusboxrubrique {
margin-top:10px;
margin-left:13px;
float:left;
width:890px;
height:100%;
background-color:#b7a999;
}

div#separateurarticle{
width:890px;
height:5px;
float:left;
background-color:#b7a999;
}

div#titreactusrubrique{
float:left;
width:890px;
height:60px;
background-color:#927c64;
margin-top:5px;
margin-bottom:5px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:34px;
color:#FFFFFF;
border-bottom:1 px solid #FFFFFF;
}

div#photoactusrubrique{
float:left;
width:110px;
height:90px;
margin-bottom:5px;
margin-right:5px;
}

div#actusrubrique{

float:left;
/*width:877px;*/
height:90px;
overflow:hidden;
border-bottom:1px dotted #6e5230;
font-size:14px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}



div#actusrubrique a{

font-size:14px;
color: #0C6A36;/*#6f5230;*/
text-decoration:none;
}

div#actusrubrique a:hover{

font-size:14px;
color:#6f5230;
text-decoration:underline;
}

/* --------------------------------------------- */



/* --------- CUSTOMISATION SPECIALE POUR AFFICHER LES ARTICLES -------- */


div#article{
margin-top:10px;
float:left;
width:850px;
height:100%;
margin-left:20px;
margin-right:20px;

}

div#photoarticle{
float:left;
width:850px;
height:150px;
margin-bottom:10px;
}
div#titrearticle{
float:left;
width:850px;
height:20px;
margin-bottom:10px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#6e5230;
}

div#textearticle{
margin-top:10px;
float:left;
width:877px;
height:100%;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align:justify;
}



/* --------------------------------------------- */

div#carteminiere{
float:left;
margin-left:10px;
margin-right:5px;
margin-bottom:auto;
width:300px;
height:330px;
}

div#carteminiereimg{
float:left;
margin-left:auto;
margin-right:auto;
width:310px;
height:300px;
}

div#carteminieretitre{
float:left;
margin-top:8px
margin-left:auto;
margin-right:auto;
width:310px;
height:30px;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
background-color: #e4222b;

}

div#pubbox{
float:left;
margin-left:10px;
margin-right:5px;
margin-bottom:auto;
width:289px;
height:320px;
background:#0F3;
}

div#pubboxtitre{
float:left;
margin-top:8px
margin-left:auto;
margin-right:auto;
width:289px;
height:30px;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
background-color: #e4222b;

}

div#pubboximg{
float:left;
margin-left:auto;
margin-right:auto;
width:289px;
height:290px;

}

div#bottombox {
float:left;
width:890px;
height:330px;
margin-top:10px;
}

div#bottombox2{
float:left;
width:890px;
height:100%;
}

div#agendabox {
float:left;
margin-right:7px;
margin-bottom:10px;
width:289px;
height:330px;
background-color: #B0834C;/*#6f5230*;*/
overflow:hidden;
}

div#agenda{
float:left;
margin-left:10px;
width:280px;
height:70px;
overflow:hidden;
border-bottom:1px dotted #6e5230;
}

div#agenda h5 a{
font-size:16px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

div#videobox{
float:right;
margin-left:10px;
margin-bottom:auto;
width:269px;
height:330px;
background-color: #B0834C;/*#372918;*/
}

div#videoboxcontent{
	
float:right;
margin-right:14px;
margin-top:5px;
width:240px;
height:270px;
background-color: #F00;/*#372918;*/
}

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

div#newsl {
float: right;
text-align:center;
margin-top:5px;
width:269px;
height:100%;
background:#B0834C;
font-family:Century Gothic, Arial, Helvetica, sans-serif;

}

div#newsl li{
	list-style:none;
	
}

div#cours {
float: left;
margin-top:5px;
width:611px;
height:100%;
background:#CCC;
font-family:Century Gothic, Arial, Helvetica, sans-serif;

}

div#copyright {
margin-left:-10px;
margin-right:-25px;
background-color: #0c6a36;
margin-top:5px;
margin-bottom:5px;
float:left;
width:102%;
height:40px;
}

div#copyrightcontent{
width:890px;
margin-left:auto;
margin-right:auto;
background-color:#0c6a36;
height:40px;
}


div#bottommenu{
float:left;
margin-top:15px;
width:400px;
height:10px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
}

div#copy{
float:right;
margin-top:15px;
width:400px;
height:10px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
color:#FFFFFF;
}

div#bottommenu a{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#FFFFFF;
}


/* Caractéristiques du top menu et de ses liens */



#menu                         /*-----pour le menu horizontal-------*/
{
width:870px;            /*-----donner une largeur au menu, prendre en compte les marges-------*/
height: auto;           /*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
list-style-type: none;  /*-----pas de puce-----*/
margin: 0 auto;
      /*-----marge auto pour centrer mon menu dans l'élément-------*/
padding: 0;             /*-----marge interne à 0 et bordure à 0 pour ne pas avoir de soucis avec les différents navigateurs-----*/
border: 0;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}
#menu > li            /*------uniquement pour la liste de premier niveau-------*/
{
float: left;        /*------permet de mettre les items <li> horizontalement------*/
width: auto;          /*------je donne une largeur à mes cellules-------*/
margin:5px;          /*------j'espace mes cellules de 5px-------*/
padding: 0;
border: 0;
}
#menu li a                   /*------pour les liens de premier niveau-------*/
{
display: block;        /*------pour mettre mes liens en block------*/
color: #FFFFFF;         /*------donne une couleur à la police------*/
background-color: rgb(0, 0, 0);   /*------je donne un fond solide par sécurité pour les navigateurs qui ne reconnaissent pas la transparence-----*/
background-color: rgba(0, 0, 0, 0.5);     /*------fond transparent reconnus par les bons éléves-----*/
margin: 0;                                /*------mettre tout le monde d'accord--------*/
padding: 4px 8px;                         /*-----marge interne----*/
                              
text-decoration: none;               /*-----pas de décoration pour mes liens-----*/

}

#menu li a:hover {     /*-------une couleur de fond au survol sur mes liens-------*/
background-color: rgb(175, 214, 1);
background-color: rgba(175, 214, 1, 0.5);
}

/*---------------fin du menu de premier niveau-------------*/




#menu .menuderoulant       /*----pour mon menu déroulant-------*/
{
display: none;          /*------pour le faire disparaitre------*/
list-style-type: none;  /*-------pas de puce-------*/
margin: 0;              /*------pas de marge interne et externe ni bordure pour mettre tout le monde d'accord--------*/
padding: 0;
border: 0;
position:absolute; 
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
  /*------pour ne pas pousser un éventuel texte dessous-----*/
}
#menu .menuderoulant li         /*-------pour ma liste de deuxième niveau-------*/
{
margin: 0;
padding: 0;
border: 0;
width: auto;                /*----------je donne une largeur à mes cellules de sous menu----------*/
border-top: 1px solid transparent;       /*-----des bordures transparentes pour espacer mes cellules-----*/
border-right: 1px solid transparent;
}
#menu .menuderoulant li a         /*---------pour mes liens du menu deroulant---------*/
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background-color:#e4222b;

}
#menu .menuderoulant li a:hover       /*------pour le survol du sous menu-------*/
{
background-color: #0c6a36;

}



#menu li:hover > .menuderoulant { display: block; }    


/*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/