html {
 width:100%;
 height:100%; /* force à prendre toute la hauteur disponible */
}

body {
 width:100%;
 height:100%; /* force à prendre toute la hauteur disponible */
 text-align:center; /*centre l'interface pour ie 6*/
 margin:0px 0px 0px 0px;
 
 /*fond du site*/
 background-image:url(../images/interface/fond.jpg);
 background-repeat: repeat-x;/* fond en barre */
 background-attachment:fixed;
 background-position: center;
 background-position:top;
 background-color: #FFFFFF; 
 
 /*Texte*/
 font-family: "Franklin Gothic Medium", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #004689;
 font-size: 13px;
 line-height: 140%;
}




/* Définition des titres des menus */
.titre_page {
font-size:20px;
font-weight:bold;
color: #2d9ed5;
letter-spacing:2px;
word-spacing:5px
}

/* Définition des titres des menus */
.produit {
background-color: #9DCFF4;
padding:5px;
font-size:12px;
font-weight:bold;
color:#58585a;
display: inline;

/*
width:680px;
border-color:#bcbdc0;
border-bottom-width:1px;
border-bottom-style:solid;
border-top-style:dotted;
padding-top:20px;
font-size:12px;
font-weight:bold;
color:#58585a;
*/
}

/*Définition du contenu à gauche */
.bloc_gauche{
float:left;
margin-right:10px;
margin-bottom:10px;
}

/*Définition du contenu à droite */
.bloc_droite{
float:right;
margin-left:10px;
margin-bottom:10px;
}

/*Définition du contenu texte */
.contenu{
margin-left:50px;
margin-right:50px;
margin-top:40px;
margin-bottom:20px;
}

/*Définition du contenu texte */
.photo{
margin:0px;
padding:0px;
overflow: hidden;
width:780px;
height:210px;
background-image:url(../images/800/aero_plage.jpg);
background-position:left;
background-position: center;
position:relative;
left:0px;
}

/*Définition pour menu onglet a mettre au dessus
.menu{
position: relative;
z-index:6;
height: auto;
width:auto;
left:50px;
top:10px;
}
*/
/*Pour créer des onglets sur les anim*/
.onglet_haut{
background-image:url(../images/interface/onglet_haut.jpg);
background-repeat:no-repeat;
background-position:top;
background-position:left;
width: 150px;
height: 19px;
color:#ffffff;
font-weight:bolder;
}
.onglet_haut a:link, a:visited, a:hover {color: #FFFFFF;}
.onglet_centre{
background-color:#c8edff;
}
.onglet_bas{
background-color:#c8edff;
background-image:url(../images/interface/onglet_bas.jpg);
background-repeat:no-repeat;
background-position:bottom;
/*
background-position:left;

*/
line-height:  100%;
width: 150px;
padding-bottom:9px;
padding-top:6px;
font-size: 11px; 
}


/*Pour créer des onglets sur les anim*/
.fiche_titre{
background-image:url(../images/interface/fiche_haut.jpg);
background-repeat:no-repeat;
background-position:top;
width: 680px;
background-color:#63b8e0;
color:#ffffff;
font-size:20px;
text-align:center;
padding-top:30px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}


.fiche_date{
width: 680px;
color:#ffffff;
font-size:14px;
background-color:#63b8e0;
text-align:center;
font-weight:bolder;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:0px;
font-style:italic;
}
.fiche_prix{
width: 680px;
color:#ffffff;
background-color:#63b8e0;
text-align:center;
padding-top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
.fiche_prix a:link, a:visited, a:hover {color: #FFFFFF;}

.fiche_image{
width: 680px;
background-color:#c8edff;
text-align:center;
vertical-align:top;
}
.fiche_trait{
background-color:#c8edff;
background-image:url(../images/interface/fiche_trait.png);
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
font-size:14px;
font-weight:bolder;
padding-top:30px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}
.fiche_circuit{
width: 680px;
background-color:#c8edff;
vertical-align:top;
padding:10px;
}
.fiche_tarif{
width: 680px;
background-color:#c8edff;
vertical-align:top;
padding:10px;
font-size:10px;
line-height:140%;
}
.fiche_contact{
width: 680px;
background-image:url(../images/interface/fiche_contact.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#50afdc;
padding-top:40px;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
text-align:center;
color:#ffffff;
}
.fiche_contact a:link, a:visited, a:hover {color: #FFFFFF;}

.fiche_bas{
background-image:url(../images/interface/fiche_bas.jpg);
background-repeat:no-repeat;
background-position:top;
width: 680px;
height:3px;
}


/* Définition des liens */
a:link, a:visited {
color: #008bce;
text-decoration:none;
}

/* Définition des liens en survol */
a:hover {
color: #008bce;
background: none;
text-decoration:underline;
}

/*Définition du contenu texte */
.s_none{
display:none;
}
/*Définition des titres ex : couleur, taille, typo : vu dans style client*/				   
.titrep {display:none;}
.titrep br{display:none;}