﻿


/********************************/
/* UTILE ???? Si oui commenter */
/********************************/
/* FFFFCC : couleur jaune pâle */
div.space-line {clear: both; margin: 0; padding: 0; width: auto; background-color:#FFFFCC;}
	
/********************************/
/* Section_Separator
/* div generated by 3bcms between 2 sections
/********************************/

div.Section_Separator {clear: both; margin: 0; padding: 0; width: auto;}

body {background-color:white; text-align: center;width:auto;} 


/********************************/
/* Strucure de la page          */
/********************************/

/********************************/
/* Page                         */
/********************************/

/* #EEECFF : couleur bleu pâle */	
div.Page_Default {margin-top: 5px; width: 100%; margin-left: auto; margin-right: auto; border-width: 1px; border-color: green; border-style: none; 
	font-family:arial; font-size:12px; background-color:#EEECFF; padding: 0; text-align: center;}

/********************************/
/* Block                        */
/********************************/

/* div.Block_Default {margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 100%;} */
div.Block_Default {margin:0; padding:0; text-align:center; width:100%;}


/********************************/
/* Colonnes                     */
/********************************/
div.Column-1-of-1 {border: none; float: left; margin-left: 0; margin-right: 0; padding-left:2%; padding-right:2%; width: 96%;}
div.Column-1-of-2 {border: none; float: left; margin-left: 0; margin-right: 0; padding-left: 2%; width: 33%;}
div.Column-2-of-2 {border: none; float: right; margin-left: 0; margin-right: 0; padding-left: 2%; padding-right: 2%; width: 60%;}
div.Column-1-of-3 {float: left; margin: 0; padding: 0; width: 25%;; text-align:left;}
div.Column-2-of-3 {float: left; margin-left: 2%; margin-right: 2%;  margin-top: 20px; padding: 0; width: 40%;}
div.Column-3-of-3 {float: right; margin: 2%; padding: 0; width: 23%; text-align:left;}


/********************************/
/* Colonnes Items               */
/********************************/

div.ColumnItem_Default {float:none; text-align: justify; font-size: 12px; font-weight:normal; margin-top: 20px; padding-right: 0px; overflow: hidden;}
div.ColumnItem_Neutral {}
div.Item_Colonne_Avec_Ascenceur {height:50px; overflow-y: scroll;}


/********************************/
/* Section                      */
/********************************/

div.Section_Neutral {}
div.Section_Avec_Ascenceur{height:90px; overflow-y: scroll;}


/********************************/
/* Plugin                       */
/********************************/

/********************************/
/* Common                       */
/********************************/
div.Object_Default {}

div.TopMenu {z-index: 100; text-align:left; margin:0 ; padding: 0; width: 100%; border-top-width: 4px; border-top-style: solid; border-top-color: #ECAC45;}

div.BottomMenu {z-index: 100; text-align:left; margin-top:40px; padding: 0; width: 100%; border-top-width: 4px; 
	border-top-style: solid; border-top-color:#99CCFF; padding-bottom:0px;color:red;font-size:16px;}	

/*******************************/
/* Texte                       */
/*******************************/
span.Text_Neutral { }
.Gras_Souligne {font-weight: bold; text-decoration: underline;}

/*******************************/
/* Images                      */
/*******************************/
img.Img_Neutral {width:100%; }

/********************************/
/* Bottom Menu                  */
/********************************/
	
/*definition pied de page gris: #ccc */
.BottomMenu ul		{background-color:#CCCCFF; text-align: center;color:red;font-size:16px;color:red;}
.BottomMenu  a		{float:center; width:auto; font-family:arial; font-size:16px; font-weight:bold; color:red;
					padding:1.8em 1.8em; text-decoration:none;}
.BottomMenu a:hover {float:center; width:auto; font-family:arial; font-size:16px; color:#660033; padding:1.8em 1.8em;  text-decoration:underline}
.BottomMenu li 		{display:inline}

#saut {position: static; margin-left: 90px; margin-top: 0px; height: 40px; width: 800px;}


/*************************************************************/
/* Special pour faire ressortir un texte en blanc sur orange */
/*************************************************************/

div.blanc-sur-orange-14pts {background:orange;color:white; font-size:14px;font-weight:bold; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;}

	
	
/********************************/
/* Top Menu                     */
/********************************/

/* Root = Horizontal, Secondary = Vertical */
ul.topmenu {margin: 0; border: 0; padding: 0; /* width: 1000px; For KHTML*/ list-style: none; height: 24px; /* REGLAGE CENTRAGE DU MENU */ margin-left: 10px;}

ul.topmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko  */
  display: inline;
  list-style: none;
  position: relative; 
  height: 24px;
}

ul.topmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;  
  top: 24px;
  left: 0px; /*  modif 17/6 positionnement 2eme s.menu  */
}

ul.topmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.topmenu ul li {
  width: 350px; /*largeur des blocs verticaux*/
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul.topmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  /* REGLAGE ECART ITEM MENU */
  padding: 0 18px;  /* top-bottom  right-left */
  //padding: 0 14%;  /* top-bottom  right-left */
  /*margin: 0 12px;*/  /* top-bottom  right-left */
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 16px Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul.topmenu a:hover,
ul.topmenu li:hover a,
ul.topmenu li.iehover a {
  background: purple;
  color: #FFF;
}

/* 2nd Menu */
ul.topmenu li:hover li a,
ul.topmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul.topmenu li:hover li a:hover,
ul.topmenu li:hover li:hover a,
ul.topmenu li.iehover li a:hover,
ul.topmenu li.iehover li.iehover a {
  background: purple;
  color: #FFF;
}

/* 3rd Menu */
ul.topmenu li:hover li:hover li a,
ul.topmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul.topmenu li:hover li:hover li a:hover,
ul.topmenu li:hover li:hover li:hover a,
ul.topmenu li.iehover li.iehover li a:hover,
ul.topmenu li.iehover li.iehover li.iehover a {
  background: purple;
  color: #FFF;
}

/* 4th Menu */
ul.topmenu li:hover li:hover li:hover li a,
ul.topmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul.topmenu li:hover li:hover li:hover li a:hover,
ul.topmenu li.iehover li.iehover li.iehover li a:hover {
  background: purple;
  color: #FFF;
}

ul.topmenu ul ul,
ul.topmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 270px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.topmenu li:hover ul ul,
ul.topmenu li:hover ul ul ul,
ul.topmenu li.iehover ul ul,
ul.topmenu li.iehover ul ul ul {
  display: none;
}

ul.topmenu li:hover ul,
ul.topmenu ul li:hover ul,
ul.topmenu ul ul li:hover ul,
ul.topmenu li.iehover ul,
ul.topmenu ul li.iehover ul,
ul.topmenu ul ul li.iehover ul {
  display: block;
}



/********************************/
/* UTILE ???? Si oui commenter */
/********************************/

div.space-line {clear: both; margin: 0; padding: 0; width: auto; background-color:#FFFFCC;}
	
/********************************/
/* Section_Separator
/* div generated by 3bcms between 2 sections
/********************************/

div.Section_Separator {clear: both; margin: 0; padding: 0; width: auto;}

	


/********************************/
/* Strucure de la page          */
/********************************/

/********************************/
/* Page                         */
/********************************/


/********************************/
/* Block                        */
/********************************/

div.Block_Default {margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 100%;}


/********************************/
/* Colonnes                     */
/********************************/
div.Column-1-of-1 {border: none; float: left; margin-left: 0; margin-right: 0; padding-left:2%; padding-right:2%; width: 96%;}
div.Column-1-of-2 {border: none; float: left; margin-left: 0; margin-right: 0; padding-left: 2%; width: 33%;}
div.Column-2-of-2 {border: none; float: right; margin-left: 0; margin-right: 0; padding-left: 2%; padding-right: 2%; width: 60%;}
div.Column-1-of-3 {float: left; margin: 0; padding: 0; width: 25%;; text-align:left;}
div.Column-2-of-3 {float: left; margin-left: 2%; margin-right: 2%;  margin-top: 20px; padding: 0; width: 40%;}
div.Column-3-of-3 {float: right; margin: 2%; padding: 0; width: 23%; text-align:left;}


/********************************/
/* Colonnes Items               */
/********************************/

div.ColumnItem_Default {float:none; text-align: justify; font-size: 12px; font-weight:normal; margin-top: 20px; padding-right: 0px; overflow: hidden;}
div.ColumnItem_Neutral {}
div.Item_Colonne_Avec_Ascenceur {height:50px; overflow-y: scroll;}


/********************************/
/* Section                      */
/********************************/

div.Section_Neutral {}
div.Section_Avec_Ascenceur{height:90px; overflow-y: scroll;}


/********************************/
/* Plugin                       */
/********************************/

/********************************/
/* Common                       */
/********************************/
div.Object_Default {}
div.Object_Default_50 {width:50%;}

div.TopMenu {z-index: 100; margin:auto; text-align:center; margin:0 ; padding: 0; width: 100%; border-top-width: 4px; border-top-style: solid; border-top-color: #ECAC45;}

/*******************************/
/* Texte                       */
/*******************************/
span.Text_Neutral { }

/*******************************/
/* Images                      */
/*******************************/
img.Img_Neutral {width:100%; }

/********************************/
/* Bottom Menu                  */
/********************************/
	

#saut {position: static; margin-left: 90px; margin-top: 0px; height: 40px; width: 800px;}


/*************************************************************/
/* Special pour faire ressortir un texte en blanc sur orange */
/*************************************************************/

div.blanc-sur-orange-14pts {background:orange;color:white; font-size:14px;font-weight:bold; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;}
div.noir-sur-blanc-25pts {text-align:center; background:white;color:black; font-size:25px;font-weight:bold; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;}

	
	
/********************************/
/* Top Menu                     */
/********************************/

/* Root = Horizontal, Secondary = Vertical */
/* ul.topmenu {margin: auto; border: 0; padding: 0; /* width: 1000px; For KHTML*/ list-style: none; height: 24px; /* REGLAGE CENTRAGE DU MENU */ margin-left: 10px;} */
ul.topmenu {margin: auto; border: 0; padding: 0; list-style: none; height: 24px;}

ul.topmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko  */
  display: inline;
  list-style: none;
  position: relative; 
  height: 24px;
}

ul.topmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;  
  top: 24px;
  left: 0px; /*  modif 17/6 positionnement 2eme s.menu  */
}

ul.topmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.topmenu ul li {
  width: 350px; /*largeur des blocs verticaux*/
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul.topmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  /* REGLAGE ECART ITEM MENU */
  padding: 0 18px;  /* top-bottom  right-left */
  //padding: 0 14%;  /* top-bottom  right-left */
  /*margin: 0 12px;*/  /* top-bottom  right-left */
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 16px Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul.topmenu a:hover,
ul.topmenu li:hover a,
ul.topmenu li.iehover a {
  background: purple;
  color: #FFF;
}

/* 2nd Menu */
ul.topmenu li:hover li a,
ul.topmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul.topmenu li:hover li a:hover,
ul.topmenu li:hover li:hover a,
ul.topmenu li.iehover li a:hover,
ul.topmenu li.iehover li.iehover a {
  background: purple;
  color: #FFF;
}

/* 3rd Menu */
ul.topmenu li:hover li:hover li a,
ul.topmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul.topmenu li:hover li:hover li a:hover,
ul.topmenu li:hover li:hover li:hover a,
ul.topmenu li.iehover li.iehover li a:hover,
ul.topmenu li.iehover li.iehover li.iehover a {
  background: purple;
  color: #FFF;
}

/* 4th Menu */
ul.topmenu li:hover li:hover li:hover li a,
ul.topmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul.topmenu li:hover li:hover li:hover li a:hover,
ul.topmenu li.iehover li.iehover li.iehover li a:hover {
  background: purple;
  color: #FFF;
}

ul.topmenu ul ul,
ul.topmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 270px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.topmenu li:hover ul ul,
ul.topmenu li:hover ul ul ul,
ul.topmenu li.iehover ul ul,
ul.topmenu li.iehover ul ul ul {
  display: none;
}

ul.topmenu li:hover ul,
ul.topmenu ul li:hover ul,
ul.topmenu ul ul li:hover ul,
ul.topmenu li.iehover ul,
ul.topmenu ul li.iehover ul,
ul.topmenu ul ul li.iehover ul {
  display: block;
}
.blanc {color:white;}