/*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 /*texte*/
{
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 /*texte*/
{
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 /*texte*/
{
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 /*texte*/
{
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*/
{
border-style: none;border-collapse: collapse;border-width: 0px;
width: 175px;
padding: 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;
}

.cadre1 #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 commune aux accueils secondaires, à part peut-être les couleurs*/
 
.cadre1 #grandcadre p
 {
font-family: "Trebuchet MS", "maiandra gd", georgia, "book antiqua", calibri, arial, serif;
font-size: 100%;
text-align: justify;
 }
 
    .cadre1 #grandcadre h6
 {
font-family: "maiandra gd", georgia, "book antiqua", calibri, arial, serif;
font-weight: bold;
font-size: 120%;
color: #dd0000;
text-align: center; /* exemple de ligne inutile*/
 }
 
 /*Fin de la partie commune aux accueils secondaires*/
 
 
 /*Positionnement spécifique*/
 .cadre1  #grandcadre
 {
margin: 0px;
padding: 0px;
padding-left: 30px;
padding-right: 50px;
 }

 .cadre1  #grandcadre table td
 {
border-style: none;
border-width: 0px;
 }
 
  .cadre1  #grandcadre table
 {
position: relative;
height: 240px;
top: -20px;
 }
 
   .cadre1  #grandcadre .tablepartenaires
 {
position: relative;
height: 340px;
top: -20px;
 }
 
.cadre1 #grandcadre td
 {
width: 280 px;
padding: 10px;
 }
 
  .cadre1  #grandcadre .tablepartenaires  .un
{
width: 20px;
padding: 0;
text-align: center;
}
 
  .cadre1  #grandcadre .photo
 {
text-align: center;
 }

   .cadre1  #grandcadre div
 {
margin: 0 auto;
position: relative;
top: -20px;
width: 700px;
height: 100px;
 }
 
  .cadre1  #grandcadre a
 {
 color: black;
 text-decoration: none;
  }
  
    .cadre1  #grandcadre a .lienorange
 {
 color: #ff8800;
 text-decoration: none;
  }
  
      .cadre1  #grandcadre a:hover .lienorange
 {
 color: #883344;
 text-decoration: none;
  }
  
  .cadre1  #grandcadre a:hover
 {
 color: #883344;
 text-decoration: none;
  }
 
 
 /*Couleur des titres début*/
  .cadre1 #grandcadre .orange h6 
 {
font-family: "maiandra gd", georgia, "book antiqua", calibri, arial, serif;
font-weight: bold;
font-size: 120%;
color: #ff8800;
text-align: center; /* exemple de ligne inutile*/
 }
 
   .cadre1 #grandcadre .bleu h6
 {
font-family: "maiandra gd", georgia, "book antiqua", calibri, arial, serif;
font-weight: bold;
font-size: 120%;
color: #000083;
text-align: center; /* exemple de ligne inutile*/
 }
 
    .cadre1 #grandcadre .bleuclair h6
 {
font-family: "maiandra gd", georgia, "book antiqua", calibri, arial, serif;
font-weight: bold;
font-size: 120%;
color: #0066ff;
text-align: center; /* exemple de ligne inutile*/
 }
 
   .cadre1 #grandcadre .rouge h6
 {
font-family: "maiandra gd", georgia, "book antiqua", calibri, arial, serif;
font-weight: bold;
font-size: 120%;
color: #dd0000;
text-align: center; /* exemple de ligne inutile*/
margin:0;
padding:0;
 }
 
   .cadre1 #grandcadre .noir  h6
 {
font-family: "maiandra gd", georgia, "book antiqua", calibri, arial, serif;
font-weight: bolder;
font-size: 120%;
color: black;
text-align: center; /* exemple de ligne inutile*/
 }
 
   .cadre1 #grandcadre .violet h6
 {
font-family: "maiandra gd", georgia, "book antiqua", calibri, arial, serif;
font-weight: bold;
font-size: 120%;
color: #9900aa;
text-align: center; /* exemple de ligne inutile*/
 }
  
  .cadre1 #grandcadre .vert  h6
 {
font-family: "maiandra gd", georgia, "book antiqua", calibri, arial, serif;
font-weight: bold;
font-size: 120%;
color: #88dd00;
text-align: center; /* exemple de ligne inutile*/
 }
 /*Couleur des titres FIN*/
 

 
  /*Fin de la partie commune aux accueils secondaires*/