body{background: #ffcc33;  color: #000000;margin: 0;padding: 0;border: 0;font-family: "Gill Sans MT",arial, helvetica, sans-serif;font-size: 12px;}
/* MENU EN CARREAUX DU HAUT  ______________________________________________*/
#carro0 {
   float: left;position:relative; left: 0px; top:0px;	/* placement de l'image-lien, à vous d'adapter */
   width: 140px; height: 140px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro1_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro0 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 140px; height: 140px;
   background: transparent url(../img/caro1_vide.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro0 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */

#carro1 {
   float: left;position:relative; left: 0px; top:0px;	/* placement de l'image-lien, à vous d'adapter */
   width: 136px; height: 142px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro1_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro1 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 136px; height: 142px;
   background: transparent url(../img/caro1_petit.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro1 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */

#carro2 {
   float: left;	/* placement de l'image-lien, à vous d'adapter */
   width: 152px; height: 142px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro2_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro2 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 152px; height: 142px;
   background: transparent url(../img/caro2_petit.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro2 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */

#carro3 {
   float: left;	/* placement de l'image-lien, à vous d'adapter */
   width: 152px; height: 142px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro3_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro3 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 152px; height: 142px;
   background: transparent url(../img/caro3_petit.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro3 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */

#carro4 {
   float: left;	/* placement de l'image-lien, à vous d'adapter */
   width: 158px; height: 142px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro4_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro4 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 158px; height: 142px;
   background: transparent url(../img/caro4_petit.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro4 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */

#carro5 {
   float: left;	/* placement de l'image-lien, à vous d'adapter */
   width: 146px; height: 142px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro5_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro5 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 146px; height: 142px;
   background: transparent url(../img/caro5_petit.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro5 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */

#carro6 {
   float: left;	/* placement de l'image-lien, à vous d'adapter */
   width: 153px; height: 142px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro6_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro6 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 153px; height: 142px;
   background: transparent url(../img/caro6_petit.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro6 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */
#carro7 {
   float: left;position:relative; left: 0px; top:0px;	/* placement de l'image-lien, à vous d'adapter */
   width: 127px; height: 142px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro7_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro7 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 127px; height: 142px;
   background: transparent url(../img/caro7_petit.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro7 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */

#carro8 {
   width: 137px; height: 151px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro8_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro8 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 137px; height: 151px;
   background: transparent url(../img/caro8_petit.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro8 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */

#carro9 {
   width: 137px; height: 149px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro9_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro9 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 137px; height: 149px;
   background: transparent url(../img/caro9_petit.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro9 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */

#carro10 {
   width: 137px; height: 149px;/* dimensions selon l'image, à vous d'adapter */
   background: url(../img/caro10_gros.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}
#carro10 a {	/* définition du lien qui occupera toute la place du conteneur */
   display: block; width: 137px; height: 149px;
   background: transparent url(../img/caro10_petit.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
}
#carro10 a:hover {background: transparent none;}	/* masquage de l'image1 au survol */


/* LIENS ______________________________________________*/
a:link    {font-weight: bold; color: #ffffff;}
a:active  {font-weight: bold;color: #ffffff;}
a:visited {font-weight: bold;color: #ffffff;}
a:hover	  {font-weight: bold;color: #9999ff;}

/* STRUCTURE _______________________________________________________________*/
#page{width: 100%;text-align: center;margin: 0;padding: 0;}
#contenuen1024{	background: url(../img/bando.jpg) repeat-x ;text-align: left;position:relative;width: 1024px;margin: 0;padding: 0;margin:auto;}
#GARDE_contenuen1024{height: auto !important;height: 800px;min-height: 800px;position:relative;width: 1024px;margin: 0;padding: 0;margin:auto;}
#GARDEcontenus{background-color:#ccc;text-align: left;position:relative;top:-390px;left:160px;width: 860px;}
#contenus{/*background-color:#ccc;*/text-align: left;position:relative;top:-300px;left:139px;width: 856px;margin: 28px;}
#logo{float: right;padding: 80px 0px 20px 80px;}
#actus{display: block; margin-right: 40px; margin-top: 40px; padding: 30px 20px 20px 40px; text-align: justify;}
#actu_rub{float: right;font-size:9px;font-family: arial}

.titre_sertplus{background-color:#ffffff;}
#barre_laterale_sertplus{height: 200px; width: 180px;float: left;margin: 0px 0 0px 0;padding: 0px 10px 10px 0;}
#infolegales{border: 0;color: #666;padding-top: 20px;text-align: center;clear: both;font-size: 10px;height: 30px;}
#localisation{height: 41px; font-size: 0.8em;}

#planif{height: 100px;margin-left: 110px; padding: 40px; text-align: justify;}
#logos{background-color:#ffffff;text-align:center;margin: 0px 250px;}

/* MENU HAUT _________________________________________________________________   */

#menuoutils{height: 30px;padding-right: 50px;}
#menuoutils ul{border: 0;margin: 0;padding: 0;list-style-type: none;text-align: left;clear: right;}
#menuoutils ul li{display: block;float: right;text-align: left;margin-left: 5px;height: 40px;}
#menuoutils ul li a{height: 40px;padding-left: 25px;margin: 5px;text-decoration: none;}

#menuoutils li#accueil a{padding-bottom: 10px;background: url("../img/accueil.png") no-repeat ;}
#menuoutils li#contact a{padding-bottom: 15px; background: url("../img/contacts.png") no-repeat ;}
#menuoutils li#plan a{padding-bottom: 15px;background: url("../img/plan.png") no-repeat ;}

/* Retour Haut de page ___________________________________*/
.retourhaut {text-indent: 20px; margin-right: 63px; line-height: 10px; float: right;background: url('../img/retourhautbleu.png') 0px  0px no-repeat;z-index: 2;}
  a.retourhaut   {text-decoration:none;}
.retourhautblanc {text-indent: 20px; margin-right: 63px; line-height: 10px; float: right;background: url('../img/retourhaut.png') 0px  0px no-repeat;}
  a.retourhautblanc   {text-decoration:none;}

/* Mise en forme TEXTE ___________________________________*/
#retour{text-align: center;}
/*|||| titre ||||*/
h1 {color: #ffffff;font-size: 1.8em;font-style: italic;text-indent: 25px; background: url('../img/h1.png') repeat;}
h2{padding-left: 150px; font-size: 1.6em;font-weight: bold;font-style: italic;}
h3 {padding-top: 10px; font-size: 1.2em;color: #0777b2;text-indent: 30px; background: url('../img/puce_h3.png') 0px 10px no-repeat;height: 5px;!important;height: 20px;}
#titre{text-indent: 10px;font-size: 1.1em;font-weight: bold;color: #ff6600;}
#blabla{margin: 0px 10px;}
/*|||| descriptif ||||*/
#descr_rub { font-weight: bold; font-size: 1.3em; color: #663366;}
/*|||| paragraphe ||||*/
#clir{clear:both;}
.clirG{clear:left;}
.clirD{clear:right;}
#par{display: block;}
/*|||| img ||||*/
#fgauche{padding: 5px;float: left;}
/*|||| lien ||||*/
#gauche{padding: 5px;float: left;text-align:center; font-size:0.8em;}
#droite{padding: 5px;float: right;text-align:center; font-size:0.8em;/*color:#999999;*/}