/*Partie commune*/

/*Généralités*/
*{
margin: 0px;
padding: 0px;
}

body
{
width: 1118px;
height: 623px;
margin: auto;
margin-top:0px;
margin-bottom: 0px;
background-color: #666666;
}

.cadre1 /*Marqueur du tableau principal)*/
{
width: 1118px;
height: 623px;
background: url("cadresite1.png") no-repeat center top;
border-style: none;border-collapse: collapse;border-width: 0px;
padding: 0px;
}

#grandcadre       /*La plus grande case du tableau cadre principal en bas à gauche. Déterminer la hauteur est primordial.*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
height: 443px;
margin: 0px;
padding: 0px;
}

#langage
{
font-family:  goodfish, georgia, arial, serif;
font-weight: bold;
font-size: 100%;
}

.cadre1 a img   /* pour les liens image sauf ceux dans le cube*/
{
border-style: none;
border-collapse: collapse;
border-width: 0px;
}

.visiteur   /*Marqueur du pied de page*/
{
font-family:  goodfish, georgia, arial, serif;
padding-left: 150px;
padding-top: 0px;
margin-top: 0px;
}

/*Fin des généralités*/





/* Mise en forme du menu horizontal en haut !*/

.droithaut /*pour afficher le cadre du haut et définir la hauteur*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
height: 180px;
margin: 0px; /*probablement inutile mais rappelé de nombreuses fois par sécurité*/
padding: 0px;
}

.cadre1 .menuhorizontal
{
height: 176px;
margin: 0px; 
margin-left: 65px; /*positionnement général*/
padding: 0px;
border-style: none;border-collapse: collapse;border-width: 0px;
/*pour afficher le cadre du menu horizontal*/
}
/*positionnement particulier, un peu lourd mais pas vu d'autre possibilité*/

.cadre1 .choixhorizontalimage1 /*image*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
width: 20px;
padding-top: 130px;
}

.cadre1 .choixhorizontal1 /*texte1*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
font-family: "maiandra gd", goodfish, georgia, calibri, arial, serif;
font-weight: bold;
color: white;
padding-top: 120px;
padding-left: 32px;
margin-top: 0px;
}

.cadre1 .choixhorizontal2 /*texte2*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
font-family: "maiandra gd", goodfish, georgia, calibri, arial, serif;
font-weight: bold;
color: white;
padding-top: 112px;
padding-left: 32px;
margin-top: 0px;
}

.cadre1 .choixhorizontal3 /*texte3*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
font-family: "maiandra gd", goodfish, georgia, calibri, arial, serif;
font-weight: bold;
color: white;
padding-top: 105px;
padding-left: 32px;
margin-top: 0px;
}

.cadre1 .choixhorizontal4 /*texte4*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
font-family: "maiandra gd", goodfish, georgia, calibri, arial, serif;
font-weight: bold;
color: white;
padding-top: 112px;
padding-left: 32px;
margin-top: 0px;
}

.cadre1 .choixhorizontalimage2 /*image*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
width: 60px;
position: right;
padding-top: 125px;
padding-left: 32px;
margin-top: 0px;
}

.cadre1 .choixhorizontalimage3 /*image*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
width: 50px;
position: right;
padding-top: 135px;
margin-top: 0px;
}

.cadre1 .choixhorizontalimage4 /*image*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
width: 50px;
position: right;
padding-top: 143px;
margin-top: 0px;
}

.cadre1 .droithaut a
{
	text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */  
	color: white;
	font-size: 110%;
}

.cadre1 .droithaut a:hover /*Petit effet sur les liens*/
{
   color: #ffff00;
}
/*Fin du menu horizontal*/










/*Mise en forme de la colonne de gauche*/

#colonnegauche /*cadre case*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
width: 175px;
padding: 0px;
padding-top: 0px;
margin: 0px;
}

#colonnegauche ul /*cadre case*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
padding: 0px;
padding-top: 0px;
margin: 0px;
height: 240px;
}

#colonnegauche li /*texte*/
{
font-family: "maiandra gd", georgia, "book antiqua", calibri, arial, serif;
font-size: 130%;
color: #d40000;
margin-left: 35px;
padding-left: 2px;
margin-top: 10px;
list-style: none;
}

/*et les icônes en cas particuliers*/
/*
.menuverticalaccueil
{
 list-style-image: url("accueil.png");
 }

 .menuverticalprojet
{
 list-style-image: url("accueil.png");
 }
 
 .menuverticalcontact
{
 list-style-image: url("contact.png");
 }
 */
 
 #colonnegauche a
{
	text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */  
	color: #d40000;
	border-bottom: solid 1px white;
}

#colonnegauche a:hover /*Petit effet sur les liens*/
{
   color: #000063;
}
 
 /*Fin de la mise en forme du menu vertical (à gauche)*/

 /*Fin de la partie commune*/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*Partie spécifique à l'accueil*/
 
 
 /*Menu central*/
 
.cube
{
background: url("dessin1.png") no-repeat center;
width: 660px;
height: 324px;
margin: auto;
margin-top: 0px;
border-style: none;border-collapse: collapse;border-width: 0px;
/*pour afficher le cadre du cube*/
}

.cube a img
{
border-style: none;border-collapse: collapse;border-width: 0px;
white-space: nowrap; /* @ IE 6 */
outline: 0; /* @ Firefox, prevent dotted border after click */  
color: #d40000;
}

.cubemilieu1
{
height: 60px;
padding: 0px;
margin: 0px;
}

.cubemilieu2
{
width: 60px; /*avant c'était 24px pour les deux*/
border-style: none;border-collapse: collapse;border-width: 0px;
color: blue;
padding: 0px;
margin: 0px;
}

.cubecoin
{
width: 300 px;
height: 140px;
padding: 0px;
margin: 0px;
}

/*Fin du menu central*/

 /*Fin de partie spécifique à l'accueil*/