html { height:100%; margin:0px; padding:0px;}

body { 
height:100%;
margin:0px;
padding:0px;
color : black;
background-color : #f6d8ad;
overflow: visible;
}




#preloader {
position:absolute;
background-color:#f6d8ad;
height:100%;
width:100%;
display:none;
z-index:100; /* Mettez le z-index au-dessus des autres */
}

#preloadIMG {
position:absolute;
left:50%;
width:20px;
margin-left:-10px;
height:20px;
top:150px;
}

#background
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 0;
color : black;
background-color : #f6d8ad;
background-image : url(css/bgd.gif);
background-repeat: repeat-x;

}

#grandepubgauche {

width: 200px;
position : absolute;
left: 15px;
top: 20px;
height: 550px;
/*border: 1px solid #ad815c;*/
}
#grandepubdroite {
position : absolute;
right: 15px;
top: 20px;
width: 200px;
float: right;
height: 550px;
/*border: 1px solid #ad815c;*/
}

/*DEFINITION DU CONTENEUR*/
#conteneur {
position: relative;
width: 774px;
margin: 0 auto;
color : black;
background-color: #b99c72;
background-image: url(css/fondcentre.gif);
font-family :  Tahoma, Verdana, Arial, Georgia, sans-serif;
}

/*DEFINITION DU HEADER*/
#header {
height: 198px;
width: 774px;
color : black;
background-color: #99CCCC;
background: url(css/header.gif) no-repeat;
}

/*DEFINITION DE LA PHRASE SOUS LE NOM*/
.titlehead
{
font-family :  Tahoma, Verdana, Arial, Georgia, sans-serif; 
font-style : italic;
padding-top: 100px;
padding-left: 180px;
color: #fffecb;
font-size: small;
}

/*****************MENU DE GAUCHE****************************
/*DEFINITION DU GROS BLOC MENU*/
#gauche {
margin: 0;
position: absolute;
left:0;
width: 197px;
}

/*POUR RETIRER LA BORDURE DES DRAPEAUX*/
.langues {
text-decoration : none;
border: 0px;
}

/*PLACEMENT DES LANGUES*/
.languesposition {
text-align: center;
margin : 0 auto;
}

/*POUR DEFINIR LA TAILLES DES CELLULES DU TABLEAU LANGUE*/
.languesposition td{
width : 50px;
}

/*POUR CENTRER LE BIENVENUE*/
.bienvenue{
text-align: center;
margin-left: 38px;
color: #852116;
font-weight: bold;
}

/*PLACEMENT DES TEXTES UPDATES ET VISITEURS*/
.update{
color: #852116;
margin-left: 2px;
}

.Gimagemenu{
width: 197px;
background-image: url(css/gauchebck.gif);
background-repeat: repeat-y;
}

/*PLACEMENT DE TOUS LES TEXTES DES MENUS*/
.Gelementmenu{
margin-left: 32px;
margin-right:18px;
background-color: #fffecb;
}

/*LA SEPARATION*/
.Gmenusep{
background-image: url(css/Gmenusep.gif);
background-color: #b99c72;
background-repeat: no-repeat;
width: 197px;
height: 9px;
}

/*met tout le menu a bonne hauteur*/
.menugauche {
margin: 0;
padding:0;
}

/*DEFINITION DES LIENS DU MENU*/
.menutable a{
color: #852116;
text-decoration: none;
font-weight: bold;
margin-left: 0px;
}

/*DEFINITION DES LIENS DU MENU SOURIS DESSUS*/
.menutable  td :hover {
display: block;       /*PERMET D'AFFICHER LE FOND SUR TOUTE LA LIGNE*/
text-decoration: none;
color: #f6d8ad;
margin-left:0px;
background-color: #852116;
}

/*PERMET D'INSERER L'IMAGE DE FIN DE MENU*/
.Gmenufin{
width: 197px;
height: 17px;
background-image: url(css/Gmenufin.gif);
background-repeat: no-repeat;
}

/*****************PARTIE   CENTRE PLUS TOUTES LES PAGES INCLUES****************************
/*DEFINITION DU CENTRE OU LES PAGES SONT INCLUES*/
#centre {
padding-left: 5px;
padding-right: 5px;
background-color:#fffecb;
margin-left: 198px;
margin-right: 191px;
height: 260px;
font-family :  Tahoma, Verdana, Arial, Georgia, sans-serif; 
min-height: 260px; 
}

.ancrehaut
{
font-size: 10px;
text-decoration : none;
background-image: url(images/puceH1.gif);
background-repeat: no-repeat;
font-weight: bold;
color :#014980;
padding-left: 10px;
}


/*BLOC A RETIRER SI ON VEUT QUE LE CORPS S'ALLONGE POUR LA GESTION DU TEXTE*/
html>body #centre{
height: auto;
min-height: 260px;
} 

#centre p{
color: black;
text-indent: 30px;
text-align : justify;
}

/*DEFINITION DES TITRES PRIMAIRES*/
#centre h1{
margin: 0;
padding: 0;
padding-right: 15px;
color: #852116;
/*color :#014980;*/
text-align: center;
background-color: #f6d8ad;
font-size: 22px;
}

/*DEFINITION DES TITRES SECONDAIRES*/
#centre h2{
margin: 0;
padding: 0;
background-image: url(css/h2.gif);
background-repeat: no-repeat;
padding-left: 35px;
text-decoration : underline;
font-size: 18px;
color: #852116;
}


/*Fonction qui permet de retirer contour bleu des images-liens*/
img { border: 0;}


.photos td{
width : 150px;/*Taille des cellules, pas des images*/
text-align: center;
text-decoration : none;
color : #555555;
}

.photos td:hover{
filter:alpha(opacity=60);  
-moz-opacity:0.60;
opacity: 0.60;
}

.lienformation a{
margin:0;
color : #852116;
}
.lienformation a:hover{
margin:0;
color :#014980;
}

.lienformation li{
margin-top: 20px;
list-style-image: url("images/puce.gif");
}
.lienformation li:hover{
list-style-image: url("images/puce2.gif");
}
/*PHRASE ITALIC CENTRAL*/
.choc{
text-align : center;
font-weight: bold;
font-style : italic;
color: #852116;
}

/*PHRASE ITALIC CENTRAL*/
.choc2{
font-weight: bold;
font-style : italic;
color :black;
margin-left: 30px;
}

/*FORMATIONS*/
.sousmenu {
color: #852116;
text-decoration: none;
font-weight: bold;
margin-left: 40px;
}
.sousmenu :hover{
color: #852116;
text-decoration: none;
font-weight: bold;
margin-left: 40px;
}

.titreh4{
font-weight: bold;
color : #852116;
}

.liste{
list-style-position: outside;
}

.tarifstage {
border : 1px solid #852116;
border-collapse: collapse;
}
.tarifstage td{
border : 1px solid #852116;
border-collapse: collapse;
}

.celluletableau{
width : 100px;
text-align : center;
}

.descriptioncarte{
width : 300px;
}

.imageflottantecarte{
float: right;
margin-left: 5px;
}

/*CREATION*/
.imageflottante{
float: right;
margin-left: 5px;
}
.imageflottante:hover{
filter:alpha(opacity=60);  
-moz-opacity:0.60;
opacity: 0.60;
}
.imageflottante2{
float: left;
margin-right: 20px;
}
.imageflottante2:hover{
filter:alpha(opacity=60);  
-moz-opacity:0.60;
opacity: 0.60;
}
.imageflottanteplan{
margin-left: 35px;
margin-right: 5px;
text-align: center;
}



/*CONTACT*/
.adresse{
width : 370px;
text-align : center;
font-size: small;
font-weight: bold;
color : #852116;
}

.reponsemail{
width : 370px;
text-align : center;
font-size: small;
font-weight: bold;
color : #014980;
}

/*****************PARTIE PUBLICITE****************************
/*DEFINITION DU GROS BLOC PUBLICITE A DROITE*/
#publicite{
padding: 0;
margin: 0;

position: absolute;
right:0px;
width: 190px;
height: 250px; /*attention ici on est obligé de spécifier la hauteur*/
}

.pub{
text-align: center;
color: #852116;
font-weight: bold;
/*color :#014980;*/
}

.pubgoogle {
margin-left: 15px;
}

.Dimagemenu{
width: 190px;
background-image: url(css/droitebck.gif);
background-repeat: repeat-y;
}

/*PLACEMENT DE TOUS LES TEXTES DES MENUS*/
.Delementmenu {
background-color:#FFFECB;
height:290px;
margin-left:12px;
margin-right:30px;
}

/*PERMET D'INSERER L'IMAGE DE FIN DE MENU*/
.Dmenufin{
width: 187px;
height: 12px;
background-image: url(css/Dmenufin.gif);
background-repeat: no-repeat;
}

/*DEFINITION DU PIED DE PAGE*/
#pied {
color : black;
height: 115px;
background-color: #99CC99;
background: url(css/pied.gif) no-repeat;
}

#piedtexte{
margin-left: 142px;
padding-top: 82px;
font-weight : bold;
}
.adressebas{
color: #fffecb;
margin-left: 2px;
font-size: x-small;
}
/*POUR STOCKER DES MOTS CLE AU REFERENCEMENT*/
#ref{
margin : 0;
color :#f6d8ad;
background-color: #f6d8ad;
}

p {margin: 0 0 10px 0;}
