.cadre {	/*Conteneur du site entier*/
position: relative;
text-align: left;
width: 700px;
height: 540px;
background-color: #000000;
overflow: hidden;
margin: 0px;
padding: 0px;
}
body { 
background-color: #000000;
text-align: center;
margin-top: 20px;
overflow: hidden;
}
.centrage { /*permet de centrer horizontalement le div cadre*/
margin: 0 auto;
width: 700px;
height: 540px;
/* IE MAC ne vois pas les lignes suivantes qui servent au centrage vertical incompatible IE MAC \*/
position: absolute;
top: 50%;
left: 50%;
margin-top: -269px; 
margin-left: -350px;
/* Fin de l'exclusion de IE MAC */
}
.contenu { /*Conteneur du contenu : sous menu et photo*/
width: 700px;
height: 452px;
overflow: hidden;
}
.contenu-la-societe { /*Conteneur du contenu : sous menu et photo*/
background-color: #8A8A88;
width: 700px;
height: 452px;
overflow: hidden;
}
.contenu-la-creation { /*Conteneur du contenu : sous menu et photo*/
background-color: #EE7900;
width: 700px;
height: 452px;
overflow: hidden;
}
.contenu-evenements { /*Conteneur du contenu : sous menu et photo*/
background-color: #4F4D3C;
width: 700px;
height: 452px;
overflow: hidden;
}
.contenu-contact { /*Conteneur du contenu : sous menu et photo*/
background-color: #8E9295;
width: 700px;
height: 452px;
overflow: hidden;
}
.contenu-espace-presse { /*Conteneur du contenu : sous menu et photo*/
background-color: #220079;
width: 700px;
height: 452px;
overflow: hidden;
}
/*menus d'entete et pied de page*/
.menu-haut {
background-image:url(./../templates/img/barre-couture-haut.gif);
height: 44px;
width: 700px;
overflow: hidden;
margin:0px;
padding:0px;
}
.menu-bas {
background-image:url(./../templates/img/barre-couture-bas.gif);
margin-top: 0px;
height: 44px;
width: 700px;
overflow: hidden;
margin:0px;
padding:0px;
} 
/*Ensemble des sous-menus*/
.menu-violet {
background-color: #22007A;
height: 452px;
width: 700px;
margin-right: 0px;
margin-left: 0px;
overflow: hidden;
}
.menu-gris{
float: left;
background-color: #4F4D3C;
height: 452px;
width: 176px;
}
.menu-orange{
float: left;
background-color: #EE7900;
height: 452px;
width: 176px;
}
.menu-metal{
float: left;
background-color: #B4B5BB;
height: 452px;
width: 176px;
}
.menu-vert{
float: left;
background-color: #8CBD30;
height: 452px;
width: 176px;
}
.menu-beige{
float: left;
background-color: #CBB298;
height: 452px;
width: 176px;
}
.menu-bleu{
float: left;
background-color: #0081C7;
height: 452px;
width: 176px;
}
.menu-la-societe{
height: 432px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.menu-la-creation{
height: 432px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
}
.menu-contact{
height: 432px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.menu-espace-presse{
height: 432px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.menu-evenements{
height: 432px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
/*Ensemble des boutons des menus d'entete et pied de page*/
.bouton-la-societe{
margin-left: 18px;
border: 0px;
margin-bottom: 10px;
}
.bouton-la-creation{
border: 0px;
margin-bottom: 10px;
}
.bouton-produits{
margin-left: 0px;
border: 0px;
margin-bottom: 10px;
}
.bouton-univers{
border: 0px;
margin-left: 0px;
margin-bottom: 10px;
}
.bouton-evenements{
margin-left: 0px;
border: 0px;
margin-bottom: 10px;
}
.bouton-espace-presse{
position: absolute;
margin-left: 18px;
margin-top: 10px;
border: 0px;
}
.mini-logo{
float: right;
margin-right: 193px;
margin-top: 6px;
border: 0px;
}
.bouton-contact{
float: right;
margin-right: 16px;
margin-top: 10px;
border: 0px;
}
.separateur {
margin-top: 2px;
margin-left: 6px;
margin-right: 6px;
}
/*Espacement entre les boutons des sous-menus*/
.premier-bouton-espace-produits{
margin-left: 0px;
margin-top: 14px;
border: 0px;
margin-bottom: 0px;
}
.bouton-espace-produits{
margin-left: 0px;
margin-top: 37px;
border: 0px;
margin-bottom: 0px;
}
.premier-bouton-espace-univers{
margin-left: 0px;
margin-top: 14px;
border: 0px;
margin-bottom: 0px;
}
.bouton-espace-univers{
margin-left: 0px;
margin-top: 85px;
border: 0px;
margin-bottom: 0px;
}
/*Affichage des photo*/
.logo-acceuil {
position: absolute;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
border: 0px;
}
.zone-photo{
float: right;
background-color: #000000;
height: 452px;
width: 524px;
overflow:hidden;
}
.zone-photo-cote-texte{
float: right;
background-color: #000000;
height: 452px;
width: 524px;
overflow:hidden;
margin-top: -20px;
margin-right: -10px;
}
.photo{
position: absolute;
border: 0px;
height: 452px;
width: 524px;
}
/*ensemble des textes*/
.texte-la-societe{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:13px;
padding: 0px;
margin: 0px;
}
.texte-la-creation{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:13px;
padding: 0px;
margin: 0px;
}
.texte-contact{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:13px;
}
.texte-contact:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; color: #FFFFFF;}
.texte-contact:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; color: #FFFFFF;}
.texte-contact:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; color: #FFFFFF;}
.texte-contact-telfax{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:11px;
}
.texte-evenements{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:13px;
}
.texte-espace-presse{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:13px;
}
.texte-mail-presse:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-decoration:underline; color: #FFFFFF;}
.texte-mail-presse:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-decoration:underline; color: #FFFFFF;}
.texte-mail-presse:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-decoration:none; color: #FFFFFF;}
}