body
{
 width:980px;
 margin-left:auto;
 margin-right:auto;
 text-align: center;
 
}

/**** Titre  ****/


div.Titre h1
{
	
	 color:#7d5f2f;

}

/**** photo centrale  ****/
.Page .AccueilHaut a
{
text-decoration:none;
}
.Page .AccueilHaut a:hover
{
text-decoration:none;
}
.Page .AccueilHaut img{
 border-right : 0px solid #dccba0;
 border-left : 0px solid #dccba0;
 border-top : 0px solid #dccba0;
 border-bottom : 0px solid #dccba0;
 }

/**** Menu  ****/
div.Menu h1
{
	height: 28px;
	 color:#d9d4c3;
}
/*
div.Menu a
{
color:#d4b077;
font-family:Verdana;
font-size:10px;
text-decoration:none;
text-align: Left;
margin-left: 10px;
}
div.Menu a:hover
{
color:#d4b077;
font-family:Verdana;
font-size:10px;
text-decoration:underline;
text-align: Left;
margin-left: 10px;
}
div.Menu p
{
color:#d4b077;
font-family:Verdana;
font-size:10px;
text-align: Left;
margin-left: 10px;
}
*/

/**** chemin  ****/
div.chemin h1
{
color:#d4b077;
font-family:Verdana;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-align: Left;
margin-left: 10px;
}
div.chemin a
{
color:#d4b077;
font-family:Verdana;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-align: Left;
margin-left: 10px;
}
div.chemin a:hover
{
color:#d4b077;
font-family:Verdana;
font-size:10px;
font-weight:bold;
text-decoration:underline;
text-align: Left;
margin-left: 10px;
}


/**** centre ****/

.Page .AccueilCentre .AccueilDroite .AccueilPresentation h1{
color:#b79406;
font-family:Arial;
font-size:18px;
font-weight:bold;
text-decoration:none;
text-align: Left;
margin-left: 10px;

}
.Page .AccueilCentre .AccueilDroite .AccueilPresentation h2{
color:#b79406;
font-family:Arial;
font-size:18px;
font-weight:bold;
text-decoration:none;
text-align: Left;
margin-left: 10px;

}
.Page .AccueilCentre .AccueilDroite .AccueilPresentation p{
color:#404040;
font-family:Arial;
font-size:14px;
text-align: Left;
margin-left: 10px;
margin-right: 10px;

}

.Page .AccueilCentre .AccueilDroite .AccueilPresentation a{
color:#b79406;
font-family:Arial;
font-size:12px;
font-weight:bold;
text-decoration:underline;
text-align: Left;
margin-left: 10px;

}
.Image 
{
text-decoration:none;
}
.Image:hover
{
text-decoration:none;
}
.Image:visited
{
text-decoration:none;
}
.Page .AccueilHaut img{
 border-right : 0px solid #dccba0;
 border-left : 0px solid #dccba0;
 border-top : 0px solid #dccba0;
 border-bottom : 0px solid #dccba0;
 }

.Page .AccueilCentre .AccueilDroite .AccueilClient .AccueilClientDetail h2{
color:#404040;
font-family:Arial;
font-size:16px;
font-weight:bold;
text-decoration:none;
background-color:#dccba0;
text-align: Left;
margin-left: 10px;
margin-right: 20px;
padding-left:6px;
padding-right:6px;
padding-bottom:3px;
padding-top:3px;

}
.Page .AccueilCentre .AccueilDroite .AccueilClient .AccueilClientDetail p{
color:#404040;
font-family:Arial;
font-size:12px;
text-align: Left;
margin-left: 10px;
margin-right: 20px;
padding-left:6px;

}

.Page .AccueilCentre .AccueilDroite .AccueilClient .AccueilClientDetail a{
color:#404040;
font-family:Arial;
font-size:12px;
font-weight:bold;
text-decoration:underline;
text-align: Left;
margin-right: 20px;



}
.Page .AccueilCentre .AccueilDroite .AccueilClient .AccueilClientDetail img{
color:#404040;
font-family:Arial;
font-size:12px;
font-weight:bold;
margin:0 0 20px 15px; 



}
.Page .AccueilCentre .AccueilDroite .AccueilClient .AccueilClientDetail .Reseau img{
color:#404040;
font-family:Arial;
font-size:12px;
font-weight:bold;
margin:0 0 0px 0px; 



}

.Page .AccueilCentre .AccueilDroite .AccueilClient .AccueilClientDetail .Pub img{
 border-right : 3px solid #dccba0;
 border-left : 3px solid #dccba0;
 border-top : 3px solid #dccba0;
 border-bottom : 3px solid #dccba0;
 }

/**** Gauche***/

.Page .AccueilCentre .AccueilGauche .Pub .PubTitre h1{
color:#b79406;
font-family:Arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align: Left;
margin-left: 5px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:5px;
margin-top:0px;

}

.Page .AccueilCentre .AccueilGauche .Pub a{
color:#b79406;
font-family:Arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align: Left;
padding-top:0px;
padding-bottom:0px;
margin-bottom:5px;
margin-top:0px;
}
.Page .AccueilCentre .AccueilGauche .Pub a:hover{
color:#b79406;
font-family:Arial;
font-size:14px;
font-weight:bold;
text-decoration:underline;
text-align: Left;
padding-top:0px;
padding-bottom:0px;
margin-bottom:5px;
margin-top:0px;
}
.Page .AccueilCentre .AccueilGauche .Pub a:visited{
color:#b79406;
font-family:Arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align: Left;
padding-top:0px;
padding-bottom:0px;
margin-bottom:5px;
margin-top:0px;
}

.Page .AccueilCentre .AccueilGauche .Pub .Lien a{
color:#404040;
font-family:Arial;
font-size:10px;
font-weight:none;
text-decoration:none;
text-align: Left;
padding-top:0px;
padding-bottom:0px;
margin-bottom:5px;
margin-top:0px;
}

.Page .AccueilCentre .AccueilGauche .Pub .Lien a:hover{
color:#404040;
font-family:Arial;
font-size:10px;
font-weight:bold;
text-decoration:underline;
text-align: Left;
padding-top:0px;
padding-bottom:0px;
margin-bottom:5px;
margin-top:0px;

}
.Page .AccueilCentre .AccueilGauche .Pub .Lien a:visited{
color:#404040;
font-family:Arial;
font-size:10px;
font-weight:bold;
text-decoration:underline;
text-align: Left;
padding-top:0px;
padding-bottom:0px;
margin-bottom:5px;
margin-top:0px;


}

.Page .AccueilCentre .AccueilGauche .Pub p{
color:#404040;
font-family:Arial;
font-size:12px;
text-align: Left;
padding-top:0px;
padding-bottom:0px;
margin-bottom:5px;
margin-top:0px;
}

.Page .AccueilCentre .AccueilGauche .Pub img{
 border-right : 3px solid #dccba0;
 border-left : 3px solid #dccba0;
 border-top : 3px solid #dccba0;
 border-bottom : 3px solid #dccba0;
 }
/*** Pied de page ***/
.Pieddepage p{
color:#858585;
font-family:Arial;
font-size:11px;
text-decoration:none;
text-align: center;
padding:0;
margin-top:0px;
margin-bottom:0px;

}
.Pieddepage a{
color:#858585;
font-family:Arial;
font-size:11px;
text-decoration:none;
text-align: left;
vertical-align: top;
padding:0;
margin-top:0px;
margin-bottom:0px;

}
.Pieddepage  a:hover{
color:#858585;
font-family:Arial;
font-size:11px;
text-decoration:underline;
text-align: left;
vertical-align: top;
padding:0;
margin-top:0px;
margin-bottom:0px;

}
.PieddePageDroite p{
color:#858585;
font-family:Arial;
font-size:9px;
text-decoration:none;
text-align: right;
vertical-align: top;
padding:0;
margin-top:3px;
margin-bottom:0px;

}
.PieddePageDroite a{
color:#858585;
font-family:Arial;
font-size:9px;
text-decoration:none;
text-align: left;
vertical-align: top;
padding:0;
margin-top:3px;
margin-bottom:0px;

}
.PieddePageDroite  a:hover{
color:#858585;
font-family:Arial;
font-size:9px;
text-decoration:underline;
text-align: left;
vertical-align: top;
padding:0;
margin-top:3px;
margin-bottom:0px;

}
.PieddePageGauche p{
color:#858585;
font-family:Arial;
font-size:9px;
text-decoration:none;
text-align: left;
vertical-align: top;
padding:0;
margin-top:3px;
margin-bottom:0px;

}

.PieddePageGauche a{
color:#858585;
font-family:Arial;
font-size:9px;
text-decoration:none;
text-align: left;
vertical-align: top;
padding:0;
margin-top:3px;
margin-bottom:0px;

}
.PieddePageGauche a:hover{
color:#858585;
font-family:Arial;
font-size:9px;
text-decoration:underline;
text-align: left;
vertical-align: top;
padding:0;
margin-top:3px;
margin-bottom:0px;

}
.Page .AccueilCentre .AccueilGauche .MenuChampagne h1{
color:#b79406;
font-family:Arial;
font-size:14px;
font-weight:bold;
text-decoration:underline;
text-align: Left;
margin-left: 5px;

}

.Page .AccueilCentre .AccueilGauche .MenuChampagne a{
color:#404040;
font-family:Arial;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-align: Left;
margin-left: 5px;

}
.Page .AccueilCentre .AccueilGauche .MenuChampagne a:hover{
color:#404040;
font-family:Arial;
font-size:12px;
font-weight:bold;
text-decoration:underline;
text-align: Left;
margin-left: 5px;

}


.Page .AccueilCentre .AccueilGauche .MenuChampagne p{
color:#404040;
font-family:Arial;
font-size:12px;
text-align: Left;
margin-left: 5px;

}

.Page .AccueilCentre .AccueilGauche .MenuChampagne ul{
padding-top: 0px;
margin-top: 0px;
padding-left: 20px;
margin-left:15px;
}
.Page .AccueilCentre .AccueilGauche .MenuChampagne li{
color:#b79406;
font-family:Arial;
font-size:14px;
text-align: Left;
font-style: italic;
margin-left: 5px;


}

.Page .AccueilCentre .AccueilGauche .MenuChampagne li a{
color:#b79406;
font-family:Arial;
font-size:14px;
text-align: Left;
font-style: italic;
text-decoration:none;
margin-left: 5px;

}
.Page .AccueilCentre .AccueilGauche .MenuChampagne li a:hover{
color:#b79406;
font-family:Arial;
font-size:14px;
text-align: Left;
font-style: italic;
text-decoration:underline;
margin-left: 5px;

}
/*** Menu ***/
#Nav, #Nav ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 28px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#Nav /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Verdana; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#Nav a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #555; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}

#Nav li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #Nav li
{
        border-right: 1px solid #fff ; /* on met une bordure transparente à droite de chaque élément */
}

#Nav li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#Nav li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #Nav li ul li                
{
        border-top : 1px solid #fff; /* on met une bordure transparente en haut de chaque élément */
}

#Nav li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #Nav li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#Nav a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #FFF; /* ... et au contraire, le fond en blanc */
}
#Nav li:hover ul ul, #Nav li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#Nav li:hover ul, #Nav li li:hover ul, #Nav li.sfhover ul, #Nav li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}