/**
 * Créer par : Dominique Mortreuil admortreuil@wanadoo.fr
 * Modifié par :
  * version 1.0.0.0
  * copyright 2006 - 2009
  * Toute réutilisation, modification ou adaptation doit faire l'objet d'un
  * accord préalable des personnes citées
  *
  * Droit d'utilisation pour volprog.frlorr.net sans limitation dans le temps
  * mais révocable a tout moment, accordées par les personnes citées
  */

/************************/
/**le corps du document**/
/************************/
body {
  margin: 0px;
  padding: 0px;
  text-align : center;
  background-color : #ffffff;/*f1faff*/
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #3d2be1;
  behavior : url("inc/csshover.htc");
}

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

/********************/
/**Le bloc bannière**/
/********************/
#banniere {
  width : 780px;
  height : 120px;
  margin: 0px;
  padding: 0px;
  background : #1f52a7 url("../images/fondBanniere.gif") no-repeat;
}

/*************/
/**Bloc MENU**/
/*************/

#menu {
  float : left;
  width : 780px;
  height : 50px;
  background : #ffffff url("../images/fondMenu.gif") no-repeat;
  margin : 0px;
  padding : 0px;
}

/**************/
/**Bloc MENU1**/
/**************/

#menu1 {
  float : left;
  width : 770px;
  margin : 0px 0px 0px 3px;
  padding : 0px;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #f1faff;
  text-align : left;
}

#menu1 ul,li,a {
  margin : 0px;
  padding:0px;
  border:0px;
}

#menu1 ul {
  margin : 0px 0px;
  background:#1f52a7;
  list-style:none;
}

#menu1 li {
  float: left;
  position: relative;
  width:190px;
  padding :1px;
  background: #1f52a7;
  z-index:9;
}

#menu1 li.folder	{
  width:190px;
  background:  url("../images/sub.gif") right no-repeat;
}

#menu1 li.folder ul {
  position:absolute;
  left:0px; /* IE */
  top:23px;
}

#menu1 li.folder>ul {
  left:0px;
} /* others */

#menu1 a {
  display:block;
  border:1px solid #1f52a7;
  padding:2px;
  text-decoration:none;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #f1faff;
  font-weight:bold;
  text-align : center;
  width:180px; /* IE */
}

#menu1 li>a {
  width:auto;
} /* others */

#menu1 li a.submenu {
  background: url("../images/sub.gif") right no-repeat;
}

/* regular hovers */

#menu1 a:hover {
  border-color:gray;
  background-color:#f1faff;
  color:#1f52a7;
}

#menu1 li.folder a:hover {
  background-color:#f1faff;
}

/* hovers with specificity */

#menu1 li.folder:hover {
  z-index:10;
}

#menu1 ul ul, #menu1 li:hover ul ul {
  width: 190px;
  display:none;
}

#menu1 li:hover ul, #menu1 li:hover li:hover ul {
  display:block;
}


/*affichage d'un troisième niveau*/
#menu1 ul li.folder	{
  width:190px;
  background: #1f52a7;
}

#menu1 ul ul li.folder ul {
  display: none;
  position: absolute;
  left:190px; /* IE */
  top:2px;
  width: 190px;
}

#menu1 ul ul li:hover ul, #menu1 li:hover ul li:hover ul ul {
  width: 190px;
  display:block;
}

/***************************************/
/**Le bloc conteneur colonne de gauche**/
/***************************************/

#colonnegauche {
  float : left;
  width : 200px;
  margin : 0px;
  padding: 0px;
  text-align : center;
  background-color : #ffffff;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #f1faff;
  border-width : 0px;
}


/*************************************/
/**Le bloc debut info colonne gauche**/
/*************************************/

#debutinfoCG {
  width : 196px;
  height : 30px;
  margin : 0px auto;
  padding: 0px;
  text-align : center;
  background : #1f52a7 url("../images/EnteteBlocInfo.gif") no-repeat;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 18px;
  color : #1f52a7;
  border-width : 0px;
}

#debutinfoCG p.centre1{
  margin : 0px;
  font-weight : bold;
  padding : 4px 0px 0px 0px;
}
/***************************************/
/**Le bloc central info colonne gauche**/
/***************************************/

#centreinfoCG {
  width : 196px;
  margin : 0px auto;
  padding: 0px;
  text-align : center;
  background : #1f52a7 url("../images/centreBlocInfo.gif") repeat-y;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #1f52a7;
  border-width : 0px;
}

#centreinfoCG p{
  margin : 0px 4px;
  text-align : left;
  border-width : 0px;
}

#centreinfoCG p.gras{
  margin : 0px;
  padding : 4px 4px 0px 4px;
  text-align : left;
  font-weight : bold;
}

#centreinfoCG p.grasCenter{
  padding: 0px;
  text-align : center;
  font-weight : bold;
}

#centreinfoCG a:link {
  width : 170px;
  text-decoration : none;
  font-weight : bold;
  color : #1f52a7;
}

#centreinfoCG a:visited {
  width : 170px;
  text-decoration : none;
  font-weight : bold;
  color : #1f52a7;
}

#centreinfoCG a:hover {
  width : 170px;
  text-decoration : none;
  font-weight : bold;
  color : #FF9203;
}

/****************************************/
/**Le bloc fin info colonne gauche**/
/****************************************/

#fininfoCG {
  width : 196px;
  height : 20px;
  margin : 0px auto 5px auto;
  padding: 0px;
  text-align : center;
  background : #1f52a7 url("../images/finBlocInfo.gif") no-repeat;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #1f52a7;
  border-width : 0px;
}


/**********************/
/**Le bloc navigation**/
/**********************/

#navigation {
  float : right;
  width : 580px;
  height : 30px;
  margin: 0px auto;
  padding: 0px;
  background : #ffffff url("../images/fondNavigation.gif");
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #1f52a7;
  border-width : 0px;
}

#navigation p.centre {
  margin : 7px 5px 0px 5px;
  text-align : left;
}

#navigation a:link {
  width : 0px;
  text-decoration : none;
  font-weight : bold;
  color : #1f52a7;
}

#navigation a:visited {
  width : 0px;
  text-decoration : none;
  font-weight : bold;
  color : #1f52a7;
}

#navigation a:hover {
  width : 0px;
  text-decoration : none;
  font-weight : bold;
  color : #FF9203;
}

/**************************************/
/**Le bloc debut texte colonne droite**/
/**************************************/

#debuttexteCD {
  float : right;
  width : 580px;
  height : 30px;
  margin: 2px 0px 0px 0px;
  padding: 0px;
  text-align : center;
  background : #ffffff url("../images/debutBlocTexte.gif") no-repeat;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #1f52a7;;
  border-width : 0px;
}

#debuttexteCD p{
  margin : 2px 0px;
  padding: 0px;
  text-align : center;
  font-size : 22px;
  font-weight : bold;
  color : #1f52a7;
  border-width : 0px;
}

/****************************************/
/**Le bloc central texte colonne droite**/
/****************************************/

#centretexteCD {
  float : right;
  width : 580px;
  margin: 0px;
  padding: 0px;
  text-align : left;
  background : #ffffff url("../images/centreBlocTexte.gif") repeat-y;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #f52a7;;
  border-width : 0px;
}

#centretexteCD table {
  width : 570px;
  margin: 5px 0px 5px 5px;
  border-style : solid;
  border-width : 0px;
  border-color: #ffffff;
  border-collapse : collapse;
}

#centretexteCD table.T1 {
  width : 570px;
  margin: 5px;
  border-style : solid;
  border-width : 0px;
  border-color: #ffffff;
  border-collapse : collapse;
}

#centretexteCD table.CorpsFormulaire {
  width : 550px;
  margin: 0px 0px 5px 5px;
  border-style : solid;
  border-width : 0px;
  border-color: #ffffff;
  border-collapse : collapse;
}

#centretexteCD table.corps {
  width : 500px;
  margin: 0px 0px 5px 5px;
  border-style : solid;
  border-width : 0px;
  border-color: #ffffff;
  border-collapse : collapse;
}

#centretexteCD td.enTeteTableau {
  background : #1f52a7;
  border-style : solid;
  border-width : 2px;
  border-color: #1f52a7;
  border-collapse : collapse;
}

#centretexteCD td.corpsTableau {
  background : #E6F0FC;
  border-style : solid;
  border-width : 1px;
  border-color: #4981de;
  border-collapse : collapse;
  vertical-align : top;
}

#centretexteCD td.corpsTableauBlanc {
  background : #FFFFFF;
  border-style : solid;
  border-width : 1px;
  border-color: #4981de;
  border-collapse : collapse;
  vertical-align : top;
}

#centretexteCD .celluleEnTete {
  background: #1f52a7;
  font-size: 14px;
  font-weight : bold;
  text-decoration: none;
  color: #FFFFFF;
  text-align: center;
}

#centretexteCD .celluleBleu {
  background: #E6F0FC;
  font-size: 12px;
  text-decoration: none;
  color: #1f52a7;
  text-align: left;
}

#centretexteCD .celluleBleuCenter {
  background: #E6F0FC;
  font-size: 12px;
  font-weight : bold;
  text-decoration: none;
  color: #1f52a7;
  text-align: center;
}

#centretexteCD .celluleBlanche {
  background: #FFFFFF;
  font-size: 12px;
  text-decoration: none;
  color: #1f52a7;
  text-align: left;
}

#centretexteCD .celluleBlancheCenter {
  background: #FFFFFF;
  font-size: 12px;
  font-weight : bold;
  text-decoration: none;
  color: #1f52a7;
  text-align: center;
}

#centretexteCD p.titre{
  margin : 2px 0px;
  padding: 0px;
  text-align : center;
  font-size : 22px;
  font-weight : bold;
  color : #1f52a7;
  border-width : 0px;
}

#centretexteCD p.p20centerGras {
  margin: 4px 0px;
  font-size: 26px;
  font-weight : bold;
  color: #1f52a7;
  text-align : center;
}

#centretexteCD p.p14LeftGrasETT {
  margin: 4px 0px;
  font-size: 18px;
  font-weight : bold;
  color: #ffffff;
  text-align : left;
}

#centretexteCD p.p14LeftGras {
  margin: 4px 0px;
  font-size: 18px;
  font-weight : bold;
  color: #1f52a7;
  text-align : left;
}

#centretexteCD p.p14centerGras {
  margin: 4px 0px;
  font-size: 18px;
  font-weight : bold;
  color: #1f52a7;
  text-align : center;
}

#centretexteCD p.p12LeftGras {
  margin: 4px 0px;
  font-size: 14px;
  font-weight : bold;
  color: #1f52a7;
  text-align : left;
}

#centretexteCD p.p12center {
  margin: 4px 0px;
  font-size: 14px;
  color: #1f52a7;
  text-align : center;
}

#centretexteCD p.p12centerBold {
  margin: 4px 0px;
  font-size: 14px;
  font-weight : bold;
  color: #1f52a7;
  text-align : center;
}

#centretexteCD p.p10left {
  margin: 4px 4px;
  font-size: 12px;
  color : #1f52a7;
  text-align : justify;
}

#centretexteCD p.p10leftRed {
  margin: 4px 4px;
  font-size: 12px;
  color : red;
  text-align : left;
}

#centretexteCD ul.ListeTexte {
  width : 500px;
  margin: 5px auto;
  font-size : 12px;
  color : #1f52a7;
  list-style : inside;
}

#centretexteCD li {
  width : 500px;
}

#centretexteCD .formulaireEnTete {
  background : #1f52a7;
  width : 570px;
  margin-left : 4px;
  margin-right : 0px;
  border-style : solid;
  border-width : 2px;
  border-color: #1f52a7;
}

#centretexteCD .formulaire {
  background : #E6F0FC;
  width : 550px;
  padding : 0px;
  margin : 5px 2px 5px 2px;
  border-style : solid;
  border-width : 1px;
  border-color: #4981de;
  vertical-align : top;
  Text-align : center;
}

#centretexteCD .formulaireBouton {
  background : #E6F0FC;
  width : 540px;
  margin-right : 2px;
  margin-left : 0px;
  border : none;
  vertical-align : top;
  Text-align : center;
  font-size: 12px;
  color : #3d2be1;
}

#centretexteCD input.bouton {
  border-style : thick solid;
  border-color : #1f52a7;
  border-width : 1px;
  font-size : 14px;
  background-color : #1f52a7;
  color: #FFFFFF;
}

#centretexteCD input.boite {
  border-style : solid;
  border-color : #1f52a7;
  border-width : 1px;
  font-size : 12px;
  background-color : #93c4fb;
  color: #1f52a7;
}

#centretexteCD a{
  text-decoration : none;
  font-size : 12px;
  font-weight : bold;
  color : #3d2be1;
  text-align : center;
  width : auto;
}

#centretexteCD a:visited{
  text-decoration : none;
  font-size : 12px;
  font-weight : bold;
  color : #3d2be1;
  text-align : center;
}

#centretexteCD a:hover{
  text-decoration : none;
  font-size : 12px;
  font-weight : bold;
  color : #FF9203;
  text-align : center;
}

/************************************/
/**Le bloc fin texte colonne droite**/
/************************************/

#fintexteCD {
  float : right;
  width : 580px;
  height : 30px;
  margin: 0px;
  padding: 0px;
  text-align : center;
  background : #ffffff url("../images/finBlocTexte.gif") no-repeat;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #f52a7;;
  border-width : 0px;
}

/******************/
/**Le bloc espace**/
/******************/

#espace {
  float : left;
  width : 780px;
  height : 1px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background : #ffffff;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #f52a7;;
  border-width : 0px;
}
/***********************/
/**Le bloc fin de page**/
/***********************/
#pieddepage {
  float : left;
  width : 780px;
  height : 130px;
  margin: 5px auto;
  padding: 0px;
  text-align : center;
  background : #1f52a7 url("../images/fondPiedDePage.gif") no-repeat;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #1f52a7;
}

#pieddepage p {
  margin : 20px;
}

#pieddepage a:link {
  width : 0px;
  text-decoration : none;
  font-weight : bold;
  color : #1f52a7;
}

#pieddepage a:visited {
  width : 0px;
  text-decoration : none;
  font-weight : bold;
  color : #1f52a7;
}

#pieddepage a:hover {
  width : 0px;
  text-decoration : none;
  font-weight : bold;
  color : #FF9203;
}