@charset "utf-8";
/* CSS Document */

div
{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

a
{
 text-decoration: none;
 color: #804000;
}


/* propriétés CSS de la page*/



/*    structure     */

body
{
   margin: auto;
   padding: 0px;
   /*margin-top: 20px; 
   margin-bottom: 20px;*/
   font-family: Calibri Arial, Helvetica, sans-serif;
   color: #003300;
   font-size: 12px;
   /*background-color: #F5F5F5;*/
   background-color: #b8da04;
}


table
{
 border-collapse: collapse;

}


td
{
   font-family: Calibri Arial, Helvetica, sans-serif;
   color: #003300;
   font-size: 12px;
}

th
{
 color: #CC0000;
 font-size:12px;
 background-color: #b8da04;
}


ul
{
 list-style-type: circle;
}


#entete
{
   width: 860px;
   height: 109px;
   background-image: url("images/quinze.jpg");
   background-repeat: no-repeat;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}



#navigation
{
 width:860px;
 heght: 122px;
 padding: 0px 0px 0px 0px;
 /*padding-top: 80px;*/
 margin: 0px 0px 0px 0px;
}




/*-----      Partie Gauche        ------*/



#part_gauche
{
 float: left; 
 width: 170px;
 margin-top: -40px;
}


.categorieG
{
 display: block;
 width: 170px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 10px;
 color: #CC0000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 font-variant: small-caps;
}


.sous_categorie
{
 display: none;
 width: 155px;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-variant: small-caps; 
 color: #FF0000;
 padding-left: 15px; 
}



/*---------------------------- Navigation verticale  -----------------------------------*/


        #menu_gauche {width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin: 0px 0px 0px 0px; color: #FF0000; font-weight:bold; font-variant: small-caps;}
		
		#menu_gauche ul ul {behavior: url(display.htc);}
		
        #menu_gauche ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
		
		#menu_gauche ul.niveau2 {left: 124px; top: 0px;}
		
		#menu_gauche ul.niveau3 {left: 124px; top: -1px;}
		
        #menu_gauche li {list-style-type: none; position: relative; width: 130px; padding: 2px; margin: 0px;}
		
		.fond_g {background-color: #CAE688;}
		
		.bas_g {border-bottom: 1px solid #B0B0B0;}
		
		.categorie_g{width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: italic; margin: 0px 0px 0px 0px; color: #66CC00; position: -40px;}
		
        #menu_gauche li:hover, #monmenu li.sfhover {background-color: #d9ff09;}
		
        #menu_gauche li a {text-decoration:none;}
		
		#menu_gauche li:hover ul.niveau2, #menu_gauche li li:hover ul.niveau3, #menu_gauche li.sfhover ul.niveau2, #menu_gauche li li.sfhover ul.niveau3 {behavior: url(display.htc);}
		
        #menu_gauche li:hover ul.niveau2, #menu_gauche li li:hover ul.niveau3, #menu_gauche li.sfhover ul.niveau2, #menu_gauche li li.sfhover ul.niveau3 {display: block; border-left: 1px solid #B0B0B0; border-top: 1px solid #B0B0B0; border-right: 1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0;}
		
        #menu_gauche li.plus {background-position:right; background-image: url(illustrations/ fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}







/* ------     Partie Droite    ------- */


#part_droite
{
 float: right;
 width: 150px;
 margin-top: 0px;
 /* background-color: #FEFACB;	*/
}


.vign_contact
	{
	 width: 148px;
	 height: 110px;
	 padding-top: 30px;
	 margin-top: 0px;
	 background: url("images/contact4.jpg");
	 background-repeat: no-repeat;
	 border: 1px solid #ebebeb;
	}

.vign_inscription
	{
	 width: 148px;
	 height: 90px;
	 padding-top: 30px;
	 margin-top: 10px;
	 background: url("images/inscription4.jpg");
	 background-repeat: no-repeat;
	 border: 1px solid #ebebeb;
	}


.vign_tarifs
	{
	 width: 148px;
	 height: 60px;
	 padding-top: 30px;
	 margin-top: 10px;
	 background: url("images/tarifs4.jpg");
	 background-repeat: no-repeat;
	 border: 1px solid #ebebeb;
	}


/* -----------   Partie centrale -----------------*/

#fond_du_site
{
   width: 1024px;
   height: auto;
   background-image: url("images/fond_body2.jpg");
   background-repeat: repeat-y;
}


#corps_entier{
   width: 860px;
   height: 588px;
   background: url("images/fond_corps12.jpg");
   background-repeat: repeat-y;
   /*margin-left: 75px;*/
}



#corps
{
   width: 509px;
   height: 400px;
   overflow: auto;
   /*background-color: #66CCFF;*/
   margin-left: 175px;
   padding-right: 15px;
   padding-left: 10px;
   /*overflow: auto; */
   margin-top: 0px;
   /*background-color: #FEFACB;*/ /* beige de fond */
   text-align: justify;
}



#corps_acceuil
{
   width: 860px;
   height: 448px;
   background: url("images/accueil14.jpg");
   margin: 0px;
   padding: 0px;
}


.titre
{
	width: auto;
	height: 40x;
	/*border-bottom: solid 2px #FF0000;
	border-top: solid 2px #FF0000;*/
	/*background-color: #96F20B;*/
	/*background: url("images/fond_titre2.jpg");*/
	/*background-color: #A0D553;*/
	border-bottom: solid 1px #CC0000;
	background-repeat: no-repeat;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 22px;
	font-weight: bold;
	color: #CC0000;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 180px;
    /* background-color: #FEFACB; */
}

.ecoles
{
 font-size: 14px;
 font-weight: bold;
 color: #CC0000;
 font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
}

.parentez
{
 font-size: 13px;
}


#pied
{
 width: 860px;
 /*height: 30px;*/
 background-color: #ebebeb;
 border-top: solid 1px #CCCCCC;
 font-size: 10px;
 text-align: center;
 color: #008000;
}


#bandeau_pied
{
 width: 860px;
 height: 2px;
 background-color: #ebebeb;
}

/*-----------------------  Barre de navigation   -----------------------------------*/



        #monmenu {width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 0px 0px; color: #008000; font-weight:bold;}
		
		#monmenu ul ul {behavior: url(display.htc);}
		
        #monmenu ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
		
		#monmenu ul.niveau2 {left: 0px; top: 0px;}
		
		#monmenu ul.niveau3 {left: 124px; top: -1px;}
		
        #monmenu li {list-style-type: none; position: relative; width: 120px; padding: 2px; margin: 0px;}
		
		.fond {background-color: #DFDFDF;}
		
		.bas {border-bottom: 1px solid #B0B0B0;}
		
		.categorie{width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0px 0px 0px 0px; color: #003300; position: -40px; font-variant: small-caps;}
		
        #monmenu li:hover, #monmenu li.sfhover {background-color: #d9ff09;}
		
        #monmenu li a {text-decoration:none;}
		
		#monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {behavior: url(display.htc);}
		
        #monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block; border-left: 1px solid #B0B0B0; border-top: 1px solid #B0B0B0; border-right: 1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0;}
		
        #monmenu li.plus {background-position:right; background-image: url(illustrations/ fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}


/*-------------------------------- navigation de gauche -------------------------------------------*/

.categ
{
 
 display: block;
 width: 170px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 10px;
 color: #000099;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: 14px;
 font-variant: small-caps;
}



.categ_lien_gauche
{

 font-variant: small-caps;
 color: #CC0000;
 font-weight: 600;
 font-size: 15px;
 padding-left: 10px;
}


.categ_lien_gauche2
{

 font-variant: small-caps;
 color: #CC0000;
 font-weight: 500;
 font-size: 13px;
 padding-left: 10px;
}


#part_gauche li:hover
{
 display: block;
 width: 130px;
 background-color: #CCCC00;

}


.categ_lien_gauche_param
{
 display: block;
 width: 130px;
 color: #FF0000;
 position: relative;
 left: -20px;
}

.categ_lien_gauche_param li:hover
{
 display: block;
 width: 130px;
 background-color: #CCCC00;
}



/*   ---------   mise en forme des textes     -----------   */



.orange
{
  color: #FFCC00;
}


.titres
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
}

.titre_bleu
{
 font-family: "Times New Roman", Times, serif;
 font-size: 14px;;
 font-weight: bold;
 color: #006600;
}

.titre_2
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color:  #006600;
}


.titre_3
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color:  #006600;
}


.gras
{
 font-weight: bold;
}

.soustitre
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #CC0000;
  padding-left: 10px;
}

.titre_plan
{
 font-weight: bold;
 font-size: 15px;
 color: #006600;
 font-variant: small-caps;
}

.soustitre_plan
{
 font-weight: bold;
 font-size: 13px;
 color: #006600;
 font-variant: small-caps;
}