/* CSS Document */

/* Annulation des marges */
*{
margin:0;
padding:0;

}
/* Mise en forme générale */
body{
background:url(img/bkgr_site1.jpg) top left repeat-x #DFDFDF;

font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}
a.index{
font-family:"Trebuchet MS";
font-size:20px;
font-weight:bold;
text-align:left;
color:#800040;

}

/* home Page */
#home_left{
float:left;
width:560px;
padding-left:10px;
}
#home_right{
margin-left:580px;

}
.home_titre{
clear:both;
width:665px;
margin-bottom:.5em;
}
.home_box1{
float:left;
width:320px;
}

.home_box2{
margin-left:340px;
width:320px;

}

/* Mise en forme des liens */
a{
color:#155682;
text-decoration:none;
font-weight:bold;
text-align:left;

}
a:hover{
text-decoration:underline;

}
a img{
border:none;

}


ul.menu1{
margin-top:2px;
list-style-type:disc;
list-style-position:inside;
}
.menu1 li{
margin-bottom:.5em;
}
/* Mise en forme des blocs */
#banner{
width:900px;
margin-bottom:.5em;
}
#contenu{
margin-left:auto;
margin-right:auto;
width:900px;
background:#fff;
text-align:justify;

}
#nouveau{
width:310px;
height:200px;
background: url(img/bkgr_nouveau.jpg) top left no-repeat;
margin-bottom:1em;
}
#photos_index{
width:310px;
height:200px;
background:url(img/bkgr_photos.jpg) top left no-repeat;
margin-bottom:1em;
}
#videos_index{
width:310px;
height:200px;
background:url(img/bkgr_videos.jpg) top left no-repeat;
margin-bottom:1em;
}
#liens_index{
width:310px;
height:300px;
background:url(img/bkgr_liens.jpg) top left no-repeat;
margin-bottom:1em;
}
#saolona{
width:310px;
height:300px;
background:url(img/bkgr_saolona.jpg) top left no-repeat;
margin-bottom:1em;
}
#saolona p{
text-align:justify;
padding:40px 5px 18px 18px;
font-size:12px;

}
#input_question{
width:310px;
height:73px;
background:url(img/bkgr_question1.jpg) top left no-repeat;
margin-bottom:1em;
}
#input_question p{
text-align:justify;
padding:20px 5px 18px 18px;
font-size:12px;
line-height:73px;
}
#photos_index p{
text-align:justify;
padding:20px 10px 10px 10px;
font-size:12px;
}
#liens_index p{
text-align:justify;
padding:40px 5px 18px 18px;
font-size:12px;

}
#videos_index p{
text-align:justify;
padding:40px 10px 10px 10px;
font-size:12px;
}
#nouveau p{
text-align:justify;
padding:40px 10px 10px 10px;
font-size:12px;
}
#search{
float:right;
margin-right:1em;
}
.fichiers{
list-style-position:inside;
margin-bottom:1em;
list-style-type:disc;
}
.fichiers li{
text-indent:5px;
margin-bottom:.4em;
}
#header1{
height:30px;
background-color:#155682;
line-height:30px;
}
#header1 p{
color:#fff;
}
#header1 p{
float:right;
color:#fff;
line-height:30px;
}
#header2{
height:38px;
line-height:38px;
}
#header2 p{
}
#menu{
width:900px;
height:30px;
background-color:#4f99d3;
margin-bottom:1em;
}
#menugauche{
float:left;
width:145px;
margin-left:.5em;
margin-right:.8em;
padding:0em;
background:url(image/bkgr_menusub.jpg) top left repeat-x;
}
#gauche{
width:665px;
float:left;
margin-left:9px;
background-color:#fff;
}

#contenugauche{
margin-left:9px;
}
#contenugauche p{
text-align:justify;
padding:.5em .0em 0em .8em;
}

#contenugauche1{
margin-left:9px;
background:url(img/base_contact.jpg) bottom right no-repeat;
}
#contenugauche1 p{
text-align:justify;
padding:.5em .0em 0em .8em;
}
#right{
margin-left:690px;

}
#contenudroite{
margin-left:155px;
margin-right:8px;
}
#droite{
margin-top:5px;
margin-left:690px;
width:198px;
}

.droite2{
float:right;
margin-left:6px;
margin-bottom:6px;
}
.droite1{
float:right;
margin-left:6px;
margin-bottom:6px;
}
.gauche1{
float:left;
margin-right:6px;
margin-bottom:6px;
}
.gauche{
float:left;
margin-right:.6em;
margin-bottom:.3em;
}
#left{
float:left;
width:168px;
margin-left:6px;
background:#fff;
}
#center{
margin-left:174px;
margin-right:202px;
}
#center p{
padding:.3em .8em .8em .8em;
}

#MenuPrincipal{
height:27px;
margin:5px auto;
list-style-type:none;
margin:1px;
padding:1px;
}
.link{
display:inline;
vertical-align: middle;
float:left;
}

#footer{
clear:both;
width:900px;
height:45px;
line-height:41px;
background-color:#155682;
text-align:center;
color:#fff;
margin-top:1em;
}
#footer a{
color:#fff;
text-decoration:none;
font-weight:bold;
}
#footer a:hover{
text-decoration:underline;
}
#photos{
width:196px;
height:100px;
margin-bottom:.5em;
margin-top:1em;
}
#videos{
width:196px;
height:100px;
margin-bottom:.5em;
}

#forum{
width:196px;
height:90px;
background:url(img/back/forum.jpg) top left no-repeat;
margin-bottom:.5em;
}
#forum p{
padding: 30px 4px 4px 4px;
}
#newsletter{
width:196px;
background:url(img/back/newsletter.jpg) #89C0E8 top left no-repeat;
margin-bottom:1em;
}
#newsletter p{
padding: 16px 4px 4px 8px;
text-align:left;
}
#newspaper{
width:196px;
height:90px;
background:url(img/back/newspaper.jpg) #89C0E8 top left no-repeat;
margin-bottom:1em;
}
#newspaper  p{
padding: 30px 4px 4px 4px;
color:#fff;
}
h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
margin:.2em;
}

h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
margin:.8em .8em .8em 1em;
text-align:left;
color:#fff;
}
h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
margin:.8em .8em .8em 1em;
text-align:left;
color:#000;
}
h4{
font-family:"Trebuchet MS";
font-size:12px;
font-weight:bold;
padding:.1em .2em .2em .2em;
text-align:left;
color:#000;
background:url(image/bkgr_titre1.jpg) top left repeat-x;
}
h5{
font-family:"Trebuchet MS";
font-size:12px;
font-weight:bold;
margin-top:1em;
text-align:left;
color:#DE3671;
border-bottom:1px solid #000;

}
h6{
font-family:"Trebuchet MS";
font-size:13px;
font-weight:bold;
text-align:left;
color:#800040;

}
table{
background:url(img/back/bemba.jpg) bottom left no-repeat ;
}
table p{
padding:.2em;
}
td{
vertical-align:top;
}
td.topleft{
width:212px;
height:132px;
background:url(img/back/dh.jpg) top left no-repeat;
vertical-align:top;
}
td.centre1{
width:212px;
height:132px;
background:url(img/back/soutien.jpg) top left no-repeat;
vertical-align:top;
}
td.topright{
width:212px;
height:132px;
background:url(img/back/sav.jpg) top left no-repeat;
vertical-align:top;
}
td.centre2{
width:212px;
height:132px;
background:url(img/back/ondit.jpg) top left no-repeat;
vertical-align:top;
}
td.centre3{
width:212px;
height:132px;
background:url(img/back/bonjour.jpg) top left no-repeat;
vertical-align:top;
}
td.centre4{
width:212px;
height:132px;
background:url(img/back/questions.jpg) top left no-repeat;
vertical-align:top;
}
td.bottomleft{
width:212px;
height:132px;
background:url(img/back/discours.jpg) top left no-repeat;
vertical-align:top;
}
td.centre5{
width:212px;
height:132px;
background:url(img/back/reponses.jpg) top left no-repeat;
vertical-align:top;
}
td.bottomright{
width:212px;
height:132px;
background:url(img/back/bloc.jpg) top left no-repeat;
vertical-align:top;
}
.cell{
margin:24px 2px 2px 2px;
text-align:left;
}
.cellule{
background:url(image/bkgr_cell.jpg) bottom left repeat-x;
width:340px;
}
.cellule1{
background:url(image/bkgr_cell.jpg) bottom left repeat-x;
width:300px;
}
.cell1{
padding:2px 2px 32px 2px;
text-align:justify;
}

.cell3{
margin:13px 2px 2px 2px;
text-align:left;
}
label{
display:block;
width:100px;
float:left;
color:#000;
text-align:left;
margin-bottom:.4em;
margin-left:6px;
}
.case{
border:1px solid #1E639A;
}
hr{
clear:both;
visibility:hidden;
}
.titre{
display:inline;
}
.liens{
float:right;
}
.menu{
display:block;
margin:0em .2em .2em .3em;
list-style-type:none;
}
.menu1{
display:block;
float:left;
}
.droite{
float:right;
margin:.2em;
}
.pict{
float:left;
margin-right:.5em;
margin-bottom:.5em;
}
.gras{
font-weight:bold;
color:#000;
}
.ital{
font-style:italic;
}

.titre1{
font-size:12px;
font-weight:bold;
color:#996699;
}
.titre2{
font-weight:bold;
color:gray;
}
.video{

margin-left:auto;
margin-right:auto;
}
.video1{
display:block;
clear:both;
margin-bottom:1em;
}
#newshr { 
position:relative; 
width:940px; 
height:30px; 
overflow:hidden; 
color:#fff; 
}
#defile { 
position:relative; 
margin-top:1px; 

}
.centre6{
text-align:center;
}
.bandeau{

}

.chapeau{
text-align:left;
color:gray;
font-weight:bold;

}
/*Vision*/
#menuvision, #menuvision ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menuvision /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		
}
#menuvision a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #155682;; /* couleur de fond */        
        color : #fff; /* couleur du texte */
		text-align:center;
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 174px; /* largeur */
}
#menuvision li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #579ed4; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuvision li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menuvision li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 174px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menuvision li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #579ed4; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuvision li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menuvision li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #579ed4 ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menuvision li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menuvision a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; /* On passe le texte en noir... */
        background: #579ed4; /* ... et au contraire, le fond en blanc */
}
#menuvision li:hover ul ul, #menuvision li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menuvision li:hover ul, #menuvision li li:hover ul, #menuvision li.sfhover ul, #menuvision li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
#contenuvision{
margin-left:9px;
}
#contenuvision p{
text-align:justify;
padding:4px 16px 0px 9px;
}
ul.vision{
margin:4px 16px 0px 9px;
padding:0px;
list-style:disc;
list-style-position:inside;

}
ul.vision li{
margin-bottom:1em;
}

.titre_vision{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
margin:2em 0em .2em .2em;
color:#800040;
}
.red{
color:#FF0000;
}

/* Vision */
#contenugauche2{
background:url(img/bkgr_mainmenu.jpg) top left no-repeat;
float:left;
margin-left:0px;
padding-left:0px;
margin-top:9px;
padding-top:40px;
width:200px;
height:450px;
}
#contenudroite2{
margin-left:209px;
margin-right:9px;
background:#f9ffff;
}
ul#MainMenu{
color:#FF0000;
list-style-type:none;
margin: 0px 0px 0px 9px;
padding:0px;
}
ul#MainMenu li{
margin-bottom:.5em;
}
ul.SecondMenu{
list-style-type:none;
margin: 0px 0px 0px 9px;
padding:0px;
color:#FF0000;
}
ul.SecondMenu li{
margin-bottom:.5em;
}