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

body, html {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}
img {
  border: none;
}

a {
  text-decoration:none;
  outline-style: none;
  cursor:hand;
}

ul { margin-left:20px; }
sup { font-size:60%; }

.clear {
  clear: both;
}
.contenu-centrer {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.aligner-gauche {
  float: left;
}
.aligner-droite {
  float: right;
}
.marge-haut-S {
  margin-top:5px;
}
.marge-haut-M {
  margin-top:20px;
}
.marge-haut-L {
  margin-top:40px;
}
.marge-gauche-S {
  margin-left:5px;
}
.largeur-S {
  width:120px;
}
.marge-gauche-M {
  margin-left:20px;
}
.marge-gauche-XL {
  margin-left:400px;
}
.lien-souligne {
  text-decoration: underline !important;
}
.erreur {
  font-size: 12px;
  color: #FF0000;
  font-family:Arial, Helvetica, sans-serif;
}
.champObligatoire {
  border: 1px solid red;
}
.champObligatoireMasque {
  border: 1px solid white;
}

#page {
  width: 964px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}


#bloc-menu #logo {
  float: left;
}

#bloc-menu .element-menu {
  background-image:url(../images/menu/menu_bandeau_fond.png);
  background-repeat:repeat-x;
  height:30px;
  float:left;
  margin-top:27px;
  margin-bottom: 12px;
  padding-top:23px;
  overflow:hidden
}

#bloc-menu .element-menu a span {
  color:#6F7072;
  font-weight:bold;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
}
#bloc-menu .separateur {
  background-image:url(../images/menu/menu_bandeau_sep.png);
  background-repeat:repeat-x;
  height:53px;
  float:left;
  margin-top:27px;
  width:2px;
}
#bloc-menu .element-menu .trait-element-menu, .element-menu .trait-element-menu-selectionne {
  background-color: #39A9DC;
  height: 5px;
  margin-top:8px;
  margin-left:5px;
  margin-right:5px;
}
#bloc-menu .element-menu .trait-element-menu {
  display: none;
}
#bloc-menu .fin {
  margin-top:27px;
  float:left;
}
#bloc-menu #commander {
  height: 30px;
  float: left;
  margin-left: 13px;
  padding-top: 27px;
}

#bandeau {
  margin-top: 10px;
}


.btn_orange .milieuCaddi{
  background-image:url(../images/menu/btn_t4_or_fond.png);
  font-size:12px;
}

.milieuCaddi{
  height:30px;
  background-repeat:repeat;
  font-size:14px;
  font-weight:bold;
  padding-top:23px;
  color: #FFF;
}

#footer {
  background-image: url(../images/footer/pied-de-page.jpg);
  background-repeat: no-repeat;
  height: 100px;
  padding-top: 48px;
  margin-top: 10px;
  padding-left: 20px;
}
#footer a {
  text-decoration:none;
  color:#FFF;
}
#footer a:hover {
  text-decoration:underline;
  color:#FFF;
}


.txt_blanc
{
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_blanc_10_bold
{
  font-size:10px;
  font-weight:bold;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_blanc_11_normal
{
  font-size:11px;
  font-weight:normal;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_blanc_11_bold
{
  font-size:11px;
  font-weight:bold;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_blanc_12_normal
{
  font-size:12px;
  font-weight:normal;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_blanc_12_bold
{
  font-size:12px;
  font-weight:bold;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_blanc_14_bold
{
  font-size:14px;
  font-weight:bold;
  color:#FFF;
  font-family: Arial, Helvetica,sans-serif;
}
.txt_blanc_15_normal
{
  font-size:15px;
  font-weight:normal;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_blanc_15_bold
{
  font-size:15px;
  font-weight:bold;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_blanc_16_bold
{
  font-size:16px;
  font-weight:bold;
  color:#FFF;
  font-family: Arial, Helvetica,sans-serif;
}
.txt_blanc_19_bold
{
  font-size:19px;
  font-weight:bold;
  color:#FFF;
  font-family: Arial, Helvetica,sans-serif;
}
.txt_blanc_23_bold
{
  font-size:23px;
  font-weight:bold;
  color:#FFF;
  font-family: Arial, Helvetica,sans-serif;
}

.txt_bleu_11_bold
{
  font-size:11px;
  font-weight:bold;
  color:#0086CB;
  font-family:Arial, Helvetica, sans-serif;
}

.txt_bleu_12_bold
{
  font-size:12px;
  font-weight:bold;
  color:#0086CB;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_bleu_13_bold
{
  font-size:13px;
  font-weight:bold;
  color:#0086CB;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_bleu_15
{
  font-size:15px;
  color:#0086CB;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_bleu_15_bold
{
  font-size:15px;
  font-weight:bold;
  color:#0086CB;
  font-family:Arial, Helvetica, sans-serif;
}

.txt_bleu_19_bold
{
  font-size:19px;
  font-weight:bold;
  color:#0086CB;
  font-family:Arial, Helvetica, sans-serif;
}

.txt_bleu_60_bold
{
  font-size:60px;
  font-weight:bold;
  color:#0086CB;
  font-family:Arial, Helvetica, sans-serif;
}


.txt_rose
{
  font-size:12px;
  font-weight:bold;
  color:#E2007A;
  font-family:Arial, Helvetica, sans-serif;
}

.txt_gris_11_bold
{
  font-size:11px;
  font-weight:bold;
  color:#6F7072;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_gris_13_normal
{
  font-size:13px;
  font-weight:normal;
  color:#6F7072;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_gris_13_bold
{
  font-size:13px;
  font-weight:bold;
  color:#6F7072;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_gris_14_normal
{
  font-size:14px;
  font-weight:normal;
  color:#6F7072;
  font-family:Arial, Helvetica, sans-serif;
}

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


.txt_orange_10_bold
{
  font-size:10px;
  font-weight:bold;
  color:#F6AA1F;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_orange_12_bold
{
  font-size:12px;
  font-weight:bold;
  color:#F6AA1F;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_orange_13_bold
{
  font-size:13px;
  font-weight:bold;
  color:#F6AA1F;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_orange_14_bold
{
  font-size:14px;
  font-weight:bold;
  color:#F6AA1F;
  font-family:Arial, Helvetica, sans-serif;
}
.txt_orange_15_bold
{
  font-size:15px;
  font-weight:bold;
  color:#F6AA1F;
  font-family:Arial, Helvetica, sans-serif;
}


.btn_bleu span
{
  float:left;
  font-size:11px;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}

.btn_orange span{
  float:left;
  font-size:11px;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
}

.btn_bleu .milieu{
  background-image:url(../images/home/btn_t1_bl_fond.png); 
}
.btn_orange .milieu{
  background-image:url(../images/home/btn_t1_or_fond.png); 
}

.milieu{
  height:19px;
  background-repeat:repeat;
  font-weight:bold;
  padding-top:5px;
  color: #FFF;
}

.liste-fleche-bleu {
  list-style-image: url(../images/home/picto_fleche_bleu.png);
}

.liste-fleche-blanche-fd-orange {
  list-style-image: url(../images/offre/picto_fleche_blanche_orange.png);
}
.liste-espace-XS ul li {
  margin-top:3px;
}

.coin-arrondi {
  float: left;
  width: 9px;
  height: 8px;
}
.bordure-haut-1sur3 {
  float: left;
  border-top: solid 4px #CCCCCC;
  width: 276px;
  height: 4px;
  line-height: 4px;
}
.bordure-bas-1sur3 {
  float: left;
  border-bottom: solid 4px #CCCCCC;
  width: 276px;
  height: 4px;
  background-image: url(../images/home/bas_gris_fg.png);
  background-repeat: repeat-x;
  overflow:hidden;
}
.bordures-cotes-1sur3 {
  width: 276px;
  height: 100%;
  border-left: solid 4px #CCCCCC;
  border-right: solid 4px #CCCCCC;
  background-image: url(../images/home/degrade_fond_box1.png);
  background-repeat: repeat-x; background-position: bottom;
  padding-left: 10px;
}

.onglet-vers-bas {
  margin-top: 20px;
  margin-left: 60px;
}
.onglet-vers-bas-large {
  margin-top: 20px;
  margin-left: 50px;
}
.onglet-vers-bas .fond-contenu, .onglet-vers-bas-large .fond-contenu {
  padding-top: 5px;
  float: left;
  background-image: url(../images/home/onglet_ombre_fond.png);
  background-repeat: repeat-x; height: 35px;
}

.bloc-1sur3, .bloc-2sur3 {
  width: 295px;
  height: 440px;
  float: left;
}
.bloc-2sur3 {
  margin-left: 39px;
  margin-right: 39px;
}

.onglet_on_1 {
	margin-top: 30px;
	width: 957px;
	height: 37px;
	background-image: url(../images/faq/onglet_on_1.png);
	background-repeat: no-repeat;
    padding-top: 2px;
    padding-left:58px;
	}
	
.onglet_on_2
{
	margin-top: 30px;
	width: 957px;
	height: 39px;
    background-image: url(../images/faq/onglet_on_2.png);
    background-repeat: no-repeat;
    padding-left:45px;
}

.onglet_on_3
{
	margin-top: 30px;
	width: 957px;
	height: 37px;
    background-image: url(../images/faq/onglet_on_3.png);
    background-repeat: no-repeat;
    padding-left:45px;
}

.onglet_on_4
{
	margin-top: 30px;
	width: 957px;
	height: 37px;
	background-image: url(../images/faq/onglet_on_4.png);
	background-repeat: no-repeat;
    padding-top: 2px;
    padding-left:35px;
}
	
.onglet_on  {
	width: 195px;
	height: 25px;
	background-image: url(../images/faq/onglet_on.png);
    background-repeat: no-repeat;
    padding-top: 5px;
}

.onglet_off {
	height: 31px;
	width: 215px;
	background-image: url(../images/faq/onglet_off.png);
    background-repeat: repeat-x;
    padding-top: 3px;
}

.invisible { display:none;}

.divCentrerNiveau1 {  /* pensez également à ce que le bloc niveau1 ai une hauteur fixe */
  display: table;
  #position: relative;
  overflow: hidden;
}
.divCentrerNiveau2 {
  #position: absolute;
  #top: 50%;
  display: table-cell;
  vertical-align: middle;
}
.divCentrerNiveau3 {
  #position: relative;
  #top: -50%
}