#bloc_page
{
    width: 1193px;
    margin: auto;
}
#banniere_accueil
{
position: relative;
  background-image: url("images/accueil/banniere_accueil.png");/*mise en page de l'image entête du site*/
   width: 900px;
   height: 152px;
   margin: auto;
   margin-left:0px;
   margin-top:0px;
   }
body
{
position: relative;
    background-image: url("fonds/bois_250x250.jpg");
    background-attachment: fixed; /* Le fond restera fixe */
}
#menu
{
position: relative;
margin-left:90px;
margin-top:0px;/* mettre le menu en premier plan par rapport au texte du dessous*/
 z-index:10;/*le plus petit chiffre passe second plan*/ 
}

#fond_tableau
{
	 position: relative;
	 background-image: url("fonds/bg43.gif");/*mise en page de l'image entête du site*/
  background-color:white;
   width:900px;
   height: auto;
   margin: auto;
   margin-left:0px;
   margin-top:0px;
   z-index:5;/*le plus petit chiffre passe second plan*/  
}




body {behavior: url(csshover.htc);}
div#menu a {color:#000000; font-family: Comic Sans MS, Arial, serif; font-size: 18px; }
div#menu ul {padding: 0px; margin:0px; background: white; text-align:center}
div#menu li {background:#CCCCCC}
div#menu li:hover {background: #cccccc}/* couleur fond menu sous le logo facebook pour rester gris*/
div#menu li.sousmenu:hover {background: #EBB;}
/* rejout couleur de fond */
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#CCCCCC}
/* rajout pr pour fleche direction bas et couleur de fond
div#menu li.plop { background:url(fleche2.gif) 95% 50% no-repeat #CCCCCC;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top:3px solid}

/* dimension menu*/
div#menu ul ul {position: absolute;display:none; width:120px}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:120px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-3px; left: 120px;} /*debut du sous menu*/

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #99CCCC}
div#menu ul.niveau3 li:hover { background: #99CC00}

/* fond de la page*/

#text-indent_0
{
	text-indent:40px;/* décalage d'un text par raport a une bordure, une image ou un autre texte*/
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 18px; 

	
}
#dropbox
{
 background-image: url("images/dropbox_28.png");/*mise en page de l'image dropbox*/
position: relative;
    width: 28px;
	height:28px;
	left:50px;
	top:33px;
	z-index: 10;
	text-decoration: none;
	border: none;
}




#text-indent_1
{
	text-indent:40px;/* décalage d'un texte par raport a une bordure, une image ou un autre texte*/
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 18px; 
  width:890px; 
	margin-top:0px;
	margin-left:40px;
}
.pdf
{
color:#000000;
margin-top:0px;
margin-left:450px;
border: none;
}

#text-indent_2
{
	text-indent:-50px;/* décalage d'un text par raport a une bordure, une image ou un autre texte*/
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 18px; 
   
	
}
#text-indent_3
{
	text-indent:-100px;/* décalage d'un text par raport a une bordure, une image ou un autre texte*/
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 18px; 
 
	
}






.evenement_2
{
position: relative;
    left: 0px;
    top: 0px;
    z-index:10;
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 18px;
}

.texte_1
{
position: relative;
    left: 40px;
    top: 0px;
 z-index:1;
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 18px;
}








.texte_2
{
position: relative;
    left: 40px;
    top: 0px;
 z-index:1;
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 18px;
}

.texte_3
{
position: relative;
    left: 300px;
    top: 0px;
 z-index:1;
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 18px;
}
.president
{
position: relative;
    left: 40px;
    top: 0px;
   
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 18px;
}

.bureau
{
position: relative;
    left: 700px;
    top: 0px;
  
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 18px;
}
.mise_a_jour
 {
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
margin-left:700px;
 font-size: 10px;
 }
.pied_page
 {
 
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 text-align:left;
 font-size: 14px;
   font-weight: bold;
   margin-left:230px;
   margin-top:0px;
 
 }
 
 .pied_page_2
 {
 
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 text-align:left;
 font-size: 14px;
   font-weight: bold;
   margin-left:80px;
   margin-top:0px;
 
 }

  .pied_page_3
 {
 
 color:#000000;
 font-family: Comic Sans MS, Arial, serif;
 text-align:left;
 font-size: 14px;
   font-weight: bold;
   margin-left:180px;
   margin-top:0px;
 
 }
 .montage
 {
 
 color:#800000;
 font-family: Comic Sans MS, Arial, serif;
 font-size: 24px; 
 font-weight: bold;
 margin-left:10px;
 margin-top:0px;

 }