/************************/
/**le corps du document**/
/************************/
body {
  border-width : 0px;
  margin: 0px;
  padding: 0px;
  text-align : center;
  background-color : #ffffff;/*f1faff*/
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #3d2be1;
}

/**************************/
/**Le conteneur principal**/
/**************************/
#principal {
  width : 780px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 5px;
  margin-bottom : 0px;
  padding : 0px;
  border-width : 0px;
  background-color : #ffffff;
  text-align : left;
}

/*****************/
/**Bloc BANNIERE**/
/*****************/

#banniere {
  float : left;
  width : 780px;
  height : 169px;
  margin : 0px;
  padding: 0px;
  text-align : center;
  background : #fff url("../images/banCGOA.jpg") no-repeat;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 8pt;
  color : #f1faff;
  border-width : 0px;
}

#banniere p {
  margin : 120px 0px 0px 200px;
  padding: 0px;
  text-align : center;
  background : #fff;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 8pt;
  color : #1f52a7;
  border-width : 0px;
}

#banniere a:visited {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 7pt;
  text-decoration: none;
  color: #1f52a7;
}

#banniere a:link {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 7pt;
  text-decoration: none;
  color: #1f52a7;
}

#banniere a:hover{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 7pt;
  text-decoration: underline;
  color: #019CF6;
}

/***************************/
/**Le conteneur principal1**/
/***************************/

#principal1 {
  width : 780px;
  background : #fff;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0px;
  border-width : 0px;
  text-align : left;
}

#principal10 {
  float : left;
  width : 780px;
  background : #fff  url("../images/fond1.jpg") repeat-y;
  margin : 0px;
  padding : 0px;
  border-width : 0px;
  text-align : left;
}
/*****************/
/**Bloc PLANNING**/
/*****************/

#planning {
  float : left;
  width : 200px;
  height : 130px;
  margin : 0px 0px 0px 2px;
  padding: 0px;
  text-align : center;
  background-color : #049ce8 ;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #f1faff;
  border-width : 0px;
}

#planning .titremois {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  text-decoration: none;
  color: #002492;
  text-align: center;
}

#planning .titrejours {
  font-family: verdana, arial, helvetica, sans-serif;
  background: #f8f7bc;
  font-size: 9pt;
  text-decoration: none;
  color: #000000;
  text-align: center;
}

#planning .ChiffreCal {
  font-family: verdana, arial, helvetica, sans-serif;
  background: #f1faff;
  font-size: 7pt;
  text-decoration: none;
  color: #A0A0A0;
  text-align: center;
  font-weight: bold;
}

#planning .titreActivite {
  font-family: verdana, arial, helvetica, sans-serif;
  background: #f9d002;
  font-size: 7pt;
  text-decoration: none;
  color: #6699CC;
  text-align: center;
  font-weight: bold;
}

#planning .titrewend {
  font-family: verdana, arial, helvetica, sans-serif;
  background: #cae8f9;
  font-size: 7pt;
  text-decoration: none;
  color: #6699CC;
  text-align: center;
  font-weight: bold;
}

#planning .titrenow {
  font-family: verdana, arial, helvetica, sans-serif;
  background: #cbf3ca;
  font-size: 7pt;
  text-decoration: none;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
}

#planning .titrenum2 {
  font-family: verdana, arial, helvetica, sans-serif;
  background: #FFFFFF;
  font-size: 7pt;
  text-decoration: none;
  color: #A0A0A0;
  text-align: center;
}

#planning .titrewend2 {
  font-family: verdana, arial, helvetica, sans-serif;
  background: #FFFFFF;
  font-size: 7pt;
  text-decoration: none;
  color: #6699CC;
  text-align: center;
}

#planning a:visited {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  text-decoration: none;
  color: #002492;
}

#planning a:link {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  text-decoration: none;
  color: #002492;
}

#planning a:hover{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  text-decoration: underline;
  color: #f1faff;
}

/*************/
/**bloc Menu**/
/*************/

#menu {
  float : left;
  width : 150px;
  margin: 0px 0px 0px 2px;
  padding : 0px;
  color: #ffffff;
  font-familly: Arial;
  font-size:9pt;					      /* taille des caractères */
  font-weight:normal;				          /* en gras */
  text-decoration: none;
  /*position:absolute;top:0;*/	          /*	~~~~~~~~ si on désire repositionner ce menu en haut de page en cas de scrolling
								          et mettre "derrière" l'initialisation (dans BulMenu.js) du menu :
  							              window.onscroll=function()
								          {
								          document.getElementById("Menu").style.top = document.body.scrollTop;
								          }	*/
}

#menu a	{
  text-decoration:none;			          /* texte tel quel */
  border:1px solid #ffffff;		          /* couleur de la bordure */
  background-color:#1079ff;		          /* couleur normale du fond */
 			 							  /* height:???px; hauteur des lignes */
  display:block;					      /* mode d'affichage */
  color:#ffffff;				  	      /* couleur du texte */
  width:140px;
  padding : 2px 0px 2px 4px;
  margin : 0px;
}

#menu a:hover {
  background-color:#66abff;	      	      /* couleur du fond quand on survole */
}

#menu a.SM1	{
  text-decoration:none;			         /* texte tel quel */
  border:1px solid #fff;		         /* couleur de la bordure */
  background-color:#9c3063;		         /* couleur normale du fond */
 	 							         /* height:???px; hauteur des lignes */
  display:block;					     /* mode d'affichage */
  color:#ffffff;                         /* couleur du texte */
  width:140px;
  margin : 0px;
  padding : 2px 0px 2px 4px;
}

#menu a.SM1:hover {
  background-color:#AB507B;		         /* couleur du fond quand on survole */
}

#menu a.SM2	{
  text-decoration:none;			         /* texte tel quel */
  border:1px solid #ffffff;		         /* couleur de la bordure */
  background-color:#ffcf00;		         /* couleur normale du fond */
 	 							         /* height:???px; hauteur des lignes */
  display:block;					     /* mode d'affichage */
  color:#1f52a7;				   	     /* couleur du texte */
  width:140px;
  margin : 0px;
  padding : 2px 0px 2px 4px;
  border-collapse : collapse;
}

#menu a.SM2:hover {
  background-color:#FDD527;		         /* couleur du fond quand on survole */
}

#menu li  {
  width:150px;					         /* largeur des libellés */
  margin :0px 1px 0px 0px;					     /* espace à droite */
										 /* padding:???px; et/ou margin:??px; séparation entre les lignes /colonnes */
  cursor:pointer;					     /* aspect du curseur */
  display:block;					     /* mode d'affichage */
  float:left;						     /* "cours du texte" : à gauche et "entouré" à droite des éléments qui le suivent */
  padding:0px;
  border-width : 0px;
}

#menu ul {
  visibility:hidden;			    	 /* caché au départ, on y mettre visible au survol */
  position:absolute;				     /* mode d'affichage */
  border-collapse : collapse;
}

#menu ul li	{
  float:none;				  		     /* "cours du texte" : normal */
  display:block;					     /* type d'affichage */
  left:105px;						     /* ajustements horizontaux des sous-menus 1er niveau %%%%%%%% pour un menu vertical mettre:87px */
  top:-21px;				     	     /*%%%%%%%%%% à ajouter pour un menu vertical*/
  position:relative;				     /* mode positionnement */
  margin : 0px 0px -3px 0px;
  padding : 0px;
  border-width : 0px;
}

#menu ul li ul {
  float:none;						     /* "cours du texte" : normal */
  position:absolute;				     /* mode positionnement */
  left:40px;						     /* ajustements horizontaux des sous-menus niveaux suivants */
  top:21px;						         /* ajustements verticaux des sous-menus niveaux suivants */
  visibility:hidden;				     /* caché au départ, on y mettre visible au survol */
  margin : 0px 0px -3px 0px;
  padding : 0px;
  border-width : 0px;
  display:block;
}

* html #menu li li,* html #menu li li li {
  display:inline;					    /* pour rectifier une gestion "différente" de IE */
}

#menu img {
  border:0;						        /* pas de bordure pour les images */
}

/*************/
/**bloc INFO**/
/*************/

#info {
  float : right;
  width : 574px;
  margin: 0px 0px 0px 2px;
  padding: 0px;
  text-align : left;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10pt;
  color : #1f52a7;
  border-width : 0px;
}

#info p.sousTitre {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  font-weight : bold;
}

#info p {
  margin: 0px 0px 0px 25px;
  padding: 0px;
}

#info p.titre {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  text-align : center;
  font-size : 14pt;
  font-weight : bold;
  text-decoration : underline;
}

#info p.normalC {
  margin: 0px 0px 0px 5px;
  padding: 0px;
  text-align : center;
}

#info p.normalR {
  margin: 0px 0px 0px 5px;
  padding: 0px;
  text-align : right;
}

#info p.texte14L {
  margin: 0px 0px 0px 5px;
  padding: 0px;
  font-size : 14pt;
  text-align : left;
}

#info p.texte14C {
  margin: 0px 0px 0px 5px;
  padding: 0px;
  font-size : 14pt;
  text-align : center;
}

#info p.texte14R {
  margin: 0px 0px 0px 5px;
  padding: 0px;
  font-size : 14pt;
  text-align : right;
}

#info p.texte14CB {
  margin: 0px 0px 0px 5px;
  padding: 0px;
  font-size : 14pt;
  background : #1f52a7;
  color : #FFF;
  text-align : center;
}

#info p.texte12L {
  margin: 0px 0px 0px 5px;
  padding: 0px;
  font-size : 12pt;
  background : none;
  color : #1f52a7;
  text-align : left;
}

#info p.texte12C {
  margin: 0px 0px 0px 5px;
  padding: 0px;
  font-size : 12pt;
  background : none;
  color : #1f52a7;
  text-align : center;
}

#info p.texte12CBC {
  margin: 0px 0px 0px 5px;
  padding: 0px;
  font-size : 12pt;
  background : #019CF6;
  color : #0000ff;
  text-align : center;
}

#info a:link {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: none;
  color: #0000ff;
}

#info a:visited {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: none;
  color: #0000ff;
}

#info a:hover {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration: underline;
  color: #019CF6;
}

#info a.Glien:link {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14pt;
  text-decoration: none;
  color: #0000ff;
}

#info a.Glien:visited {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14pt;
  text-decoration: none;
  color: #0000ff;
}

#info a.Glien:hover {
  font-family : Arial, Helvetica, sans-serif;
  font-size: 14pt;
  text-decoration: underline;
  color: #019CF6;
}

/***************************/
/**Conteneurs spécifiques **/
/**de la zone info        **/
/***************************/

#info .Dindex {
  width : 530px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0px;
  border-width : 0px;
  text-align : left;
  background : #fff url("../images/139.jpg") no-repeat;
}

#info .DnotreBut {
  width : 570px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0px;
  border-width : 0px;
  text-align : left;
  background : #fff url("../images/3.jpg") no-repeat;
}

#info .DvolReseau {
  width : 570px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0px;
  border-width : 0px;
  text-align : left;
  background : #fff url("../images/30.jpg") no-repeat;
}

#info .Dmission {
  width : 570px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0px;
  border-width : 0px;
  text-align : left;
  background : #fff;
}

/***************************/
/**Le conteneur principal2**/
/***************************/

#principal2 {
  width : 780px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0px;
  border-width : 0px;
  background : #fff;
  text-align : left;
}

/*********************/
/**Bloc FIN DE PAGE1**/
/*********************/

#fdp1 {
  float : left;
  width : 780px;
  height : 66px;
  margin : 0px;
  padding: 0px;
  text-align : center;
  background : #fff url("../images/fond2.jpg") no-repeat;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 8pt;
  color : #f1faff;
  border-width : 0px;
}

#fdp1 p {

  margin : 0px 0px 0px 200px;
  padding: 0px;
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 8pt;
  color : #1f52a7;
  border-width : 0px;
  border-bottom-color : gray;
  border-bottom-style : solid;
  border-bottom-width : 2px;
}

#fdp1 a:visited {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 7pt;
  text-decoration: none;
  color: #1f52a7;
}

#fdp1 a:link {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 7pt;
  text-decoration: none;
  color: #1f52a7;
}

#fdp1 a:hover{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 7pt;
  text-decoration: underline;
  color: #019CF6;
}

/***************************/
/**Le conteneur principal3**/
/***************************/

#principal3 {
  width : 780px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0px;
  background : #fff;
  border-width : 0px;
  text-align : left;
}

/*********************/
/**Bloc FIN DE PAGE2**/
/*********************/

#fdp2 {
  float : left;
  width : 780px;
  height : 79px;
  margin : 0px;
  padding: 0px;
  text-align : center;
  background : #fff url("../images/fond3.jpg") no-repeat;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 8pt;
  color : #f1faff;
  border-width : 0px;
}

#fdp2 p {
  margin : 0px 0px 0px 200px;
  padding: 0px;
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 8pt;
  color : #1f52a7;
  border-width : 0px;
}