body{
background-image: url('./img/bg.jpg');
background-repeat: repeat-x;
text-align: center;
}
#total{
width: 920px;
height: 652px;
margin-left: auto;
margin-right: auto;
text-align: left;
}


/* ***** BANNIERE ***** */

.ban_left{
background-image: url('./img/decoupes/images_01.jpg');
width: 297px;
height: 91px;
float: left;
}

.ban_milieu{
background-image: url('./img/decoupes/images_02.jpg');
width: 461px;
height: 91px;
float: left;
}

.ban_right{
background-image: url('./img/decoupes/images_03.jpg');
width: 162px;
height: 91px;
float: left;
}

.bande{
margin-left: 2px;
margin-top: 3px;
float: left;
}

.wech{
margin-left: 5px;
}

.div-provisoir a{
color: #73b8ff;
text-decoration: none;
font-weight: bold;
}
.div-provisoir a:hover{
color: #2f6eff;
}


/* ****** MENUS******* */

#menu{
float: left;
width: 167px;
height: auto;
}

.menu_accueil{
display: block;
width: 167px;
height: 29px;
background-image: url('./img/decoupes/images_06.jpg');
}

.menu_esprit{
display: block;
width: 167px;
height: 29px;
background-image: url('./img/decoupes/images_10.jpg');
}

.menu_parrains{
display: block;
width: 167px;
height: 29px;
background-image: url('./img/decoupes/images_11.jpg');
}

.menu_organisation{
display: block;
width: 167px;
height: 28px;
background-image: url('./img/decoupes/images_12.jpg');
}

.menu_photos{
display: block;
width: 167px;
height: 32px;
background-image: url('./img/decoupes/images_13.jpg');
}

.menu_reservations{
display: block;
width: 167px;
height: 30px;
background-image: url('./img/decoupes/images_16.jpg');
}

.menu_hebergements{
display: block;
width: 167px;
height: 28px;
background-image: url('./img/decoupes/images_17.jpg');
}

.menu_contact{
display: block;
width: 167px;
height: 31px;
background-image: url('./img/decoupes/images_18.jpg');
}

.txt-logo-accueil{
float: right;
width: 320px;
margin-top: 15px;
margin-right: 10px;
}

.teisseire{
display: block;
background-image: url('./img/teiss1.jpg');
width: 150px;
height: 110px;
float: left;
margin-top: 0px;
margin-left: 70px;
}

.teisseire:hover{
background-image: url('./img/teiss2.jpg');
width: 150px;
}

/* MENU HOVER !!!!!!!!!!!!!!!!!!!!!!!!!! */

.menu_accueil:hover{
background-image: url('./img/decoupes/hover/img_07.jpg');
}

.menu_esprit:hover{
background-image: url('./img/decoupes/hover/img_11.jpg');
}

.menu_parrains:hover{
background-image: url('./img/decoupes/hover/img_12.jpg');
}

.menu_organisation:hover{
background-image: url('./img/decoupes/hover/img_13.jpg');
}

.menu_photos:hover{
background-image: url('./img/decoupes/hover/img_14.jpg');
}

.menu_reservations:hover{
background-image: url('./img/decoupes/hover/img_17.jpg');
}

.menu_hebergements:hover{
background-image: url('./img/decoupes/hover/img_18.jpg');
}

.menu_contact:hover{
background-image: url('./img/decoupes/hover/img_19.jpg');
}


/* *********** FIN DU MENU ********** */

.extensibilite-sous-menu{
background-image: url('./img/decoupes/extensible-sous-menu.jpg');
width: 167px;
height: 202px;
float: left;
}




/* ************ CONTENU ************* */

#contenu{
width: 591px;
height: 400px;
float: left;
}


.bloc_non_extensible_contenu{
background-image: url('./img/decoupes/images_09.jpg');
width: 591px;
height: 134px;
float: left;
}

.bloc_non_extensible_contenu_silhouete{
background-image: url('./img/decoupes/images_14.jpg');
width: 591px;
height: 142px;
float: left;
}

/* Ici le bloc extensible */
.bloc_extensible_contenu{
background-image: url('./img/decoupes/images_20.jpg');
width: 591px;
height: 142px;
float: left;
}

/* ******** FIN DU CONTENU ****** */




/* ************** DEBUT SILHOUETE DE DROITE ************* */
#silhouete_droite{
float: right;
width: 162px;
height: 400px;
margin-top: -438px;
}

.extensibilite-sous-silhouete{
background-image: url('./img/decoupes/extensibilite-sous-silhouete.jpg');
width: 162px;
height: 52px;
float: left;
}

.bande_flash{
margin-left: 2px;
}


.extensible_swf{
background-image: url('./img/decoupes/extensible-bas.jpg');
height: 102px; 
width: 920px;
}

#bottom-final{
background-image: url('./img/decoupes/bottom-final.jpg');
height: 10px; 
width: 920px;
}

.ecriture-contenu{
height: 410px;
width: 558px;
position: absolute;
margin-left: 23px;
}

.ecriture-accueil{
color: #FFF;
margin-top: 40px;
font-size: 17px;
font-family: times;
}

.ecriture-parrains{
color: #FFF;
margin-top: 10px;
font-size: 17px;
font-family: times;
}


/* Liens page parrains */
.liens_parrains1{
display: block;
width: 300px;
height: 40px;
background-image: url('./img/guilbaut_colas.gif');
margin-top: 50px;
}

.liens_parrains1:hover{
background-image: url('./img/guilbaut_colas_hover.gif');
}

.liens_parrains2{
display: block;
width: 310px;
height: 40px;
background-image: url('./img/max_delayen.gif');
margin-top: 30px;
}

.liens_parrains2:hover{
background-image: url('./img/max_delayen_hover.gif');
}

.lien-esprit a{
color: #ffffff;
font-size: arial;
}

.lien-esprit a:hover{
font-weight: bold;
}

#ecritureorga{
color: #FFF;
overflow: hidden;
font-size: 14px;
font-family: times;
margin-top: 0px;
height: 410px;

}

.tbienparti{
position: absolute;
width: 360px;
}

.liens-hebergement a{
color: #FFF;
}

.liens-hebergement a:hover{
font-weight: bold;
}

.lienevo2 a{
color: #FFF;
}

.lienevo2 a:hover{
font-weight: bold;
}

/**** Menu de langue *****/
.francais{
display: block;
width: 40px;
height: 24px;
background-image: url('./img/drapeau_francais.jpg');
float: left;
margin-left: 30px;
border: 1px groove black;
}

.francais:hover{
background-image: url('./img/drapeau_francais_hover.jpg');
}

.anglais{
display: block;
width: 40px;
height: 24px;
background-image: url('./img/drapeau_anglais.jpg');
float: left;
margin-left: 10px;
border: 1px groove black;
}

.anglais:hover{
background-image: url('./img/drapeau_anglais_hover.jpg');
}

.news{
display: block;
background-image: url('./img/news.jpg');
width: 140px;
height: 99px;
margin-left: 18px;
margin-top: 10px;
}

.news:hover{
background-image: url('./img/news-hover.jpg');
width: 140px;
}

#ecriture-news{
color: #FFF;
overflow: hidden;
font-size: 16px;
font-family: times;
margin-top: 0px;
height: 410px;
}

.oxb{
display: block;
background-image: url('./img/oxb1.jpg');
width: 150px;
height: 53px;
float: right;
margin-top: 30px;
margin-right: 80px;
}

.oxb:hover{
background-image: url('./img/oxb2.jpg');
width: 150px;
}

.riders, .riders a{
color: #fff;
font-size: 16px;
text-decoration: none;
}