body {
background-color:#000000;
background-image:url(images/fond_body.jpg);
background-repeat:repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#eeeeee;
font-size-adjust:none;
margin:0px;
padding:0px;
}

#main {
margin:auto;
width: 850px;
background-image:url(images/fond_25.jpg);
background-repeat:repeat-y;
}

#bandeau {
background-image:url(images/fond_01.jpg);
background-repeat:no-repeat;
height:158px;
width:850px;
}

img, a {
border:0px
}

/* MENU (fonds) ---------------------------------------------------------*/
#menu {
display:inline;
width:850px;
hight:28px;
}

#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#menu ul li a { float:left; }

.menu_gauche {
float:left;
background-image:url(images/fond_02.jpg);
background-repeat:no-repeat;
width:67px;
height:28px;
}

.menu_droit {
float:left;
background-image:url(images/fond_13.jpg);
background-repeat:no-repeat;
width:62px;
height:28px;
}

.accueil {
float:left;
background:url(images/fond_03.jpg);
background-repeat:no-repeat;
width:63px;
height:28px;
}
.accueil a:hover {
float:left;
background-image:url(images/roll_03.jpg);
background-repeat:no-repeat;
width:63px;
height:28px;
}

.accueil_transp {
width:63px;
height:28px;
}

.stages {
float:left;
background-image:url(images/fond_04.jpg);
background-repeat:no-repeat;
width:62px;
height:28px;
}
.stages a:hover {
float:left;
background-image:url(images/roll_04.jpg);
background-repeat:no-repeat;
width:62px;
height:28px;
}

.stages_transp {
width:62px;
height:28px;
}

.randos {
float:left;
background-image:url(images/fond_05.jpg);
background-repeat:no-repeat;
width:69px;
height:28px;
}
.randos a:hover {
float:left;
background-image:url(images/roll_05.jpg);
background-repeat:no-repeat;
width:69px;
height:28px;
}
.randos_transp {
width:69px;
height:28px;
}

.hebergement {
float:left;
background-image:url(images/fond_06.jpg);
background-repeat:no-repeat;
width:105px;
height:28px;
}
.hebergement a:hover{
float:left;
background-image:url(images/roll_06.jpg);
background-repeat:no-repeat;
width:105px;
height:28px;
}
.hebergement_transp {
width:105px;
height:28px;
}

.kidtrial {
float:left;
background-image:url(images/fond_07.jpg);
background-repeat:no-repeat;
width:72px;
height:28px;
}
.kidtrial a:hover {
float:left;
background-image:url(images/roll_07.jpg);
background-repeat:no-repeat;
width:72px;
height:28px;
}
.kidtrial_transp {
width:72px;
height:28px;
}

.tarif {
float:left;
background-image:url(images/fond_08.jpg);
background-repeat:no-repeat;
width:54px;
height:28px;
}
.tarif a:hover {
float:left;
background-image:url(images/roll_08.jpg);
background-repeat:no-repeat;
width:54px;
height:28px;
}
.tarif_transp {
width:54px;
height:28px;
}

.partenaires {
float:left;
background-image:url(images/fond_09.jpg);
background-repeat:no-repeat;
width:90px;
height:28px;
}
.partenaires a:hover {
float:left;
background-image:url(images/roll_09.jpg);
background-repeat:no-repeat;
width:90px;
height:28px;
}
.partenaires_transp {
width:90px;
height:28px;
}
.liens {
float:left;
background-image:url(images/fond_10.jpg);
background-repeat:no-repeat;
width:53px;
height:28px;
}
.liens a:hover {
float:left;
background-image:url(images/roll_10.jpg);
background-repeat:no-repeat;
width:53px;
height:28px;
}
.liens_transp {
width:53px;
height:28px;
}

.multi {
float:left;
background-image:url(images/fond_11.jpg);
background-repeat:no-repeat;
width:89px;
height:28px;
}
.multi a:hover{
float:both;
background-image:url(images/roll_11.jpg);
background-repeat:no-repeat;
width:89px;
height:28px;
}
.multi_transp {
width:89px;
height:28px;
}

.contact {
float:left;
background-image:url(images/fond_12.jpg);
background-repeat:no-repeat;
width:64px;
height:28px;
}
.contact a:hover {
float:left;
background-image:url(images/roll_12.jpg);
background-repeat:no-repeat;
width:64px;
height:28px;
}
.contact_transp {
width:64px;
height:28px;
}

/* Contenu & Footer (avec barre de séparation -------------------------------------*/
#contenu {
background-image:url(images/fond_14.jpg);
background-repeat:no-repeat;
margin-top:28px;
width:850px;
margin-top:28px;
}

#footer {
clear:both;
background-image:url(images/fond_26.jpg);
background-repeat:repeat-y;
background-color:#9d0000;
width:850px;
height:52px;
}

/* titres des pages -------------------------------------*/

#titre_accueil {
float:left;
width:850px;
height:55px;
background:url(images/accueil_14.jpg) no-repeat;
}

#titre_stages {
float:left;
width:850px;
height:55px;
background:url(images/stages_14.jpg) no-repeat;
}

#titre_randos {
float:left;
width:850px;
height:55px;
background:url(images/randos_14.jpg) no-repeat;
}

#titre_hebergement {
float:left;
width:850px;
height:55px;
background:url(images/hebergement_14.jpg) no-repeat;
}

#titre_kidstrial {
float:left;
width:850px;
height:55px;
background:url(images/kidstrial_14.jpg) no-repeat;
}

#titre_partenaires {
float:left;
width:850px;
height:55px;
background:url(images/partenaires_14.jpg) no-repeat;
}

#titre_liens {
float:left;
width:850px;
height:55px;
background:url(images/liens_14.jpg) no-repeat;
}

#titre_multimedia {
float:left;
width:850px;
height:55px;
background:url(images/multimedia_14.jpg) no-repeat;
}

#titre_tarifs {
float:left;
width:850px;
height:55px;
background:url(images/tarifs_14.jpg) no-repeat;
}

#titre_contact {
float:left;
width:850px;
height:55px;
background:url(images/contact_14.jpg) no-repeat;
}


#contenu h2 {
font-size:16px;
font-weight:bold;
}

#slogan {
width:850px;
padding-left:80px;
}

/*------------ textes et images du contenu ------------------*/


.text_plus_image {
display:inline;
width:850px;
padding-top :85px;
}

.image_gauche {
float:left;
padding-left:90px;
}
.texte_droit {
float:left;
padding-right:80px;
padding-left: 40px;
text-align:center;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 350px;
}
.texte_droit_large {
float:left;
padding-right:80px;
padding-left: 80px;
text-align:left;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 850px;
}

.texte_gauche {
float:left;
width:400px;
padding-right:20px;
padding-left: 80px;
text-align:justify;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.texte_gauche_tarifs {
float:left;
width:400px;
padding-right:30px;
padding-left: 80px;
text-align:justify;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.image_droite {
padding-left:20px;
}
.image_droite_tarifs {
padding-left:30px;
}
/*------------ liens ------------------*/

a:link, a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#FFFFCC;
font-weight:bold;
}

a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#FF6600;
font-weight:bold;
}

a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#ff0000;
font-weight:bold;
}

/*------------ galerie ------------------*/

.galerie {
padding-left:40px;
padding-right:40px;
display:inline-table;
margin:auto;
width:700px;
}

.vignette {
float:left;
margin:5px;
border:1px solid #fff;
}

.vignette_video {
float:left;
margin-left:25px;
text-align:center;
}

/*-------------- tarifs --------------*/
.titre_tarifs {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#FFFFCC;
font-weight:bold;
}
.titre_telephone {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
text-decoration:none;
color:#FFFFCC;
font-weight:bold;
}

.copyright {
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#CC6600;
}