@import url("colonne.css");
@import url("formulaire.css");  
*{
    padding: 0;
    margin: 0 ;
}
html{
    height:101%
}
/* /////////////////////////////////////////////////////////////////////////////////////////
                                                                         structure interface
/////////// //////////////////////////////////////////////////////////////////////////////*/
body{
    padding:0;
	margin: 20px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #0e080e;
	background-color:#6b476f;
    }
#global{
    z-index:0;
	width: 1000px;
    background-color:#6b476f;
    padding:0;
    margin: 0 auto ; 
	}
#bandeau{  
	background-color:#6b476f;
	height:114px;
	width:100%;
	padding:0px;
	margin:0px;	 
    }
#contenu{    
	width:100%;
	background:#a061a7 url(../images_site/fond.jpg) repeat-y;
	}
/*///////////////////////////////////////////////////////////////////////////////////////////
                                                                                   pied
/////////////////////////////////////////////////////////////////////////////////////////////*/
#pied{
   position:relative;
   width:100%;
   height: 60px;
   clear:both;
   background:#6b476f url(../images_site/pied.jpg) no-repeat;
}
#pied address{
   color:#e891ec;
   font-size:12px;
   position:absolute;
   top:14px;
   left:540px;
} 
#pied .ico {
   position:absolute;
   top:9px;
   left:180px;
   border:none;
}
#pied p {
   position:absolute;
   font-size:10px;
   text-align:center;
   top:12px;
   left:256px;
   background-color:#a061a7;
   border:#a061a7 solid 4px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////
                                                                                     survol des liens
/////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////
                      les menus (bandeau et pied)
///////////////////////////*/
a{
    text-decoration: none;  
    color:#fcd3a0
}
a:hover{
   text-decoration:underline;
   color:#fbfae1;
}
#menu a:hover, #pied a:hover, #img_menu a:hover, #menu #selection a{ /*#selection a selectione le menu en cour /*/
    text-decoration: none;
	color:#fbfae1;                 
}

/* //////////////////////////
               survol image des icones dans la bande avec logo
 //////////////////////////*/
#conteneur_haut  a img{
    border: 1px solid #a466a6; 
}
 /* défini l'encadrement des images dans les liens hors survol */
#conteneur_haut  a:hover{
    border:0px; 
} /* pour IE - ne sert sinon à rien */
#conteneur_haut  a:hover img{
    border:1px solid #fcd3a0
} /* défini l'encadrement des images lors du survol */
/* /////////////////////////////////////////
                                 lien survol
 ////////////////////////////////////////*/ 
/*///////////////////////////////////////////////////////////////////////////////////////////
                                                                                    div acroche
/////////////////////////////////////////////////////////////////////////////////////////////*/
#acroche, #acroche h1, #acroche h2{
   position: absolute;
   left:-5000px;
   text-indent:-5000px;
   font-size: 0;
   width:auto;
   margin:0;
   padding:0;
   line-height:0;
	}
/* /////////////////////////////////////////////////////////////////////////////////////////
                                                                                menu
/////////// //////////////////////////////////////////////////////////////////////////////*/
#colonne1 #menu{
   height:351px;
   background:transparent url(../images_site/fond_menu.jpg) no-repeat;
}
#colonne1 #menu ul{
   font-family:Georgia, "Times New Roman", Times, serif;
   font-weight:bold;
   font-size:15px;
   padding:109px 0 0 12px;
}
#colonne1 #menu ul li{
   list-style-type:none;
   padding:5px 0 5px 0px;
}
#menu ul li a{
   background:transparent url(../images_site/puceMenu.jpg) no-repeat;
   background-position:0 7px;
   padding:5px 0 5px 35px;
   }
#menu ul li a:hover, #menu #selection a{
   background:transparent url(../images_site/puceMenu2.jpg) no-repeat;
   background-position:0 7px
   }
/* //////////////////////////////////////////
                              mait un élément en jaune                                  
/////////// ///////////////////////////////*/
.couleur_jaune{
	color:#FFFF00
}
/* //////////////////////////////////////////
                                          titre                                  
/////////// ///////////////////////////////*/
.br_titre, .br_premier_article{
   clear:both;
  line-height:20px
}
.br_titre{
    clear:both;
	line-height:0px
}
