/***************************************************************************************************
    Auteur          :   Isabelle Custeau
    Date creation   :   2 Novembre 2008
    Fichier	        :   style_cgp.css
    Type            :   theme /
    Description     :   Contient toutes les style utilisés pour le site formax
***************************************************************************************************/
body {
  font-family: Tahoma,Arial, Helvetica, sans-serif;
  text-align: center; /* Aligne le contenu du site au centre de la fenêtre */
  margin: 0px;
  font-size:11px;
  background-color:#003d6d;
  color:#003d6d;

  /*color:red;*/
}
/**********
    Contrôle du contenue et de son positionnement global dans la page
**********/

/*contour utilisé pour les boite principale*/
.div_main_content {
  position: relative;
  margin-left: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  margin-right: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  width: 836px;
}

/*contenue des pages des différente section*/
.div_page_content{
  float:left;
  text-align: left;
  width:804px;
  margin:0px;
  margin:0px 16px 0px 16px;
  background-color:#ffffff;
}

/*Copyright*/
#copyright{
  font-size:10px;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding:8px 0px 8px 0px;
}

/**************************************************
	STYLE GÉNÉRAL POUR LA DISPOSITION DU CONTENUE
**************************************************/
#right_column {
	display: block;
  float: left;
  width: 550px;
  margin:24px 15px 0px 12px;
}
#left_column,#left_column_autre {
  float:left;
	display: block;
  width:193px;
  padding:12px 0px 10px 30px;
  background-color:#dde1d4;
}

.conference_cours_column{
    float:left;
    width:271px;
    margin-top:10px;
}
.boite_verte{
  float:left;
  width:269px;
  height:20px;
  background-color:#dde1d4;
  color:#003d6d;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  border:1px solid #003d6d;
}

a.footer{
  text-decoration: none;
  color: #ffffff;
  font-size:11px;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
}
a.footer:hover{text-decoration:underline;}

a.inscrit,.autre{
/*  text-decoration: none;*/
  color: #003d6d;
  font-size:11px;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
}
a.inscrit {font-weight:bold;}
a.inscrit:hover,a.autre:hover {text-decoration:underline;}
a.tout_calendrier{
  color: #003d6d;
  font-size:12px;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
  font-weight:bold;
}
div.footer{
  float:left;
  width:776px;
  height:90px;
  margin:5px 14px 0px 14px;
  border-top:1px solid #2c5e86;
  border-bottom:1px solid #2c5e86;
  background-color:#003d6d;
}
div.text_footer{
  float:left;
  padding:10px 0px 0px 14px;
  color:#ffffff;

}
div.rouge{
  float:left;
  width:776px;
  height:2px;
  margin:5px 14px 0px 14px;
  border-top:2px solid #8d1b1e;
  border-bottom:5px solid #8d1b1e;
  background-color:#ffffff;
}
a.footer{color:#ffffff; text-decoration:none;}
a.rouge{color:#990000;}

div.sep_bleu{
  float:left;
  margin:13px 0px 13px 0px;
  height:1px;
  background-color:#003d6d;
  width:180px;
}

div.sep_white{
  float:left;
  margin-top:5px;
  height:13px;
  background-color:#fcf9f0;
  width:550px;
}

div.sep_bleu_liens,div.sep_bleu_liens_menu{
  float:left;
  margin:3px 0px 15px 0px;
  border-bottom :1px solid #003d6d;
  width:180px;
  background-color:#dde1d4;
}



div.rouge_date{
  font-size:14px;
  color:#990000;
  
}
div.bleu_titre{
  font-size:14px;
  color:#003366;
  padding-top:10px;
}
#acceuil_top li{
    margin:10px 0px 0px 0px;
    list-style-image: url('../images/site/fleche_liens1.jpg');       
}
#acceuil_top a{color:#003366; font-weight:bold;}
/**************************************************
	STYLE D'AJUSTEMENT GÉNÉRIQUE
**************************************************/
/* Float */
.fr {float: right;}
.fl {float: left;}
.clear {clear: both;}
.block {display: block;}
.dnone {display: none;}
.case_upper{text-transform:uppercase;}
.crouge {color: #990000;}
.cbeige{background-color:#E4E1D8;}
.f12{font-size:12px;}
.w550{width:550px;}

/* Alignement horizontal */
.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.bold {font-weight: bold;}

.pdl{padding-left:10px;}
.pdt10{padding-top:10px;}
.pdbi7 {padding-bottom:10px;}
.margl21{margin-left:26px;}
.margl20{margin-left:35px;}
.margl42{margin-left:42px;}
.margl10{margin-left:26px;}
.margl8{margin-left:10px;}
.marg105{margin-top:105px;}
.margl15{margin-left:10px;}
.marg25{margin:0px 0px 5px 25px;}
.h111{height:111px;}
.mimage{margin:0px 7px 0px 2px;}
.mimage1{margin:7px 0px 0px 20px;}


#div_main_content:after,
#div_page_content:after
 {content:".";display:block;height:0;clear:both;visibility:hidden;}

pre.__trace {text-align: left; display: block; background-color: #FFFFCC; border: 1px solid #CC0033; padding: 10px;}
pre.__trace:before{content:"::TRACE::"; font-weight:bold; color:#CC0033; display: block; border-bottom: 1px solid #CC0033; padding: 5px;}

p{margin-top:7px;margin-bottom:7px;}

/*formulaire de contact*/
table.formulaire_contact{
  width:50%;
  font-family: Tahoma,Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#003d6d;
}

.blue_text{
  color:#003163;
  font-family: Tahoma,Arial, Helvetica, sans-serif;
  padding-left:7px;
  padding-top:10px;
  font-size:11px;
}
.style2 {font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #003163; }
.div.error{color:red;padding-top:10px;}



.hidden
{position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}


/* menu de gauche*/


#menu_accueil{
  padding:6px 0px 30px 0px;
  margin:0px;
  width:189px;
  float:left;
}
#menu_accueil div.menu_text{
  border-bottom:1px #003d6d solid;
  width:160px;
  padding:5px 0px 5px 0px;
  margin-left:20px;
}




#menu_accueil a.menu,#menu_accueil a.menu_select{
  text-decoration:none;
   font-size:11px;
   font-weight:bold;
}

#menu_accueil a.menu {color:#003d6d;}
#menu_accueil a.menu_select {color:#990000;}


.menu_accueil_ul{margin:5px 0px 0px 0px}

/*Liste pour le 3ieme niveau*/
li.menu_gauche_niveau3,li.menu_gauche_niveau3_select{
  margin: 0px 0px 7px 0px;
  width:150px;
  float:left;
}

li.menu_gauche_niveau3{  list-style:none;}
li.menu_gauche_niveau3_select{list-style:none;}



a.menu_niveau3,a.menu_niveau4{
  text-decoration:none;
   font-size:11px;
   color:#565656;

}
a.menu_niveau3{font-weight:bold;}

a.menu_niveau3_select{
   font-size:11px;
   color:#990000;
   text-decoration:underline;
   font-weight:bold;
}

/*Liste pour le 4ieme niveau*/
li.menu_gauche_niveau4,li.menu_gauche_niveau4_select{
  margin: 0px 0px 7px 20px;
  width:100px;
  float:left;
}

li.menu_gauche_niveau4{  list-style:none;}
li.menu_gauche_niveau4_select{list-style:none;}

a.menu_niveau4{font-weight:bold;color:#003d6d;}

a.menu_niveau4_select{
   font-size:11px;
   color:#990000;
   text-decoration:underline;
   font-weight:bold;
}


#menu_accueil a.menu_niveau3:hover,#menu_accueil a.menu:hover{
    color:#990000;
    text-decoration:underline;
;}
#div_accueuil{
  margin-top:17px;
}

/*Fin du menu*/

div.banner-wrapper,div.banner-wrapper_droite{
  float:left;
  position:relative;
  text-align:left;
}
div.banner-wrapper_droite{
  border:1px solid #003d6d;
}

div.banner-wrapper-image{
  z-index:2;
  left:0px;
  top:0px;
}

div.desc,span.desc{
  text-indent:-8000px;
  position:absolute;
  z-index:1;
  width:10px;
  height:10px;
  left:0px;
  top:0px;
}

.soyzcourse{
  width:310px;
}

/*baniere pour le calendrier au complet*/
#voir_calendrier{
    float:left;
    width:547px;
    height:60px;
    margin-top:10px;
    background:transparent url('../images/site/calendrier_banner.jpg') no-repeat 0px 0px;
 }

#voir_calendrier a{
    float:left;
    width:547px;
    height:60px;
    position:absolute;
    text-decoration:none;
}


.border_temoignage{width:177px;}
ul.mission{margin:10px 0px 0px 0px;list-style:square;}
/*padding pour le formulaire - bon de commande*/
.pdt10f {padding-top:15px;}
.pdt20f {padding-top:27px;}
.pdt27f {padding-top:27px;}
.pdt12f {padding-top:12px;}

ul{margin:10px 0px 0px 15px;list-style:square;padding-left:6px;}

p{text-align:justify;}

/*height pour apprentiee millinnaire*/
.hamillinnaire{
  height:60px;
  padding:25px 0px 0px 15px;
  width:303px;
  font-size:11px;
}

/***********************************************************
fin Syle pour la page de configuration
**********************************************************/