/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
html, body {  height: 100%; }
body{
 font-family:Arial, Verdana,  Helvetica, sans-serif, Georgia;
 background-color: #2b2b2b;
  margin: 0 auto ;

}
/***************** CONTAINER *****************/

 #wrap-container {
/*	min-height: 100%;
	height: auto !important;
	height: 100%;*/
width:998px;
  margin: 0 auto ;
  background-image: url(../images/charte/repeat-y.jpg);
  background-position: top left ;
  background-repeat: repeat-y;

  }

.wrap-footer
{
  background-image: url(../images/charte/repeat-y.jpg);
  background-position: top center ;
  background-repeat: repeat-y;
}


#container{
position:relative;
width:998px;
margin:0 auto;
}

#header
{
  width: 998px;
  height: 84px;
  float: left;
  clear: left;
  background-image: url(../images/charte/header.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

#menu-left
{
  width: 202px;
  float: left;
  clear: left;
  padding-right: 40px;
 /* padding-top:56px; */
}
#menu-left li
{
  list-style: none;
}

#menu-left li a
{
    width: 202px;
  height: 40px;
  background-image: url(../images/charte/menuLeft.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  float: left;
  clear: left;
  text-decoration: none;
  color: #474545;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  font-size: 11px;
}


#menu-left li a:hover
{
    width: 202px;
  height: 40px;
  background-image: url(../images/charte/menuLeftOver.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  float: left;
  clear: left;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  font-size: 11px;
}

#menu-left li span
{
	height: 15px;
	float: left;
    clear: left;
}

#menu-left li a.active,#menu-left li a.active:hover
{
    /*width: 202px;*/
  height: 40px;
  background-image: url(../images/charte/menuLeftOver.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  float: left;
  clear: left;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  font-size: 11px;
  cursor: default;
}


#flags
{
  width:57px;
  float: right;
  padding: 12px 12px 0px 0px;

}
 #flags img
{
  margin: 0px;
  padding: 0px;
  float: left;
}


#contenu{
font:12px/18px  Arial, Verdana, Helvetica, sans-serif;
text-align:justify;
color:#1f1c1c;
float: left;
width: 746px;
min-height:650px;
}

.contentText
{
 font:12px/16px  Arial, Verdana, Helvetica, sans-serif;
text-align:justify;
color:#1f1c1c;
float: left;
padding:0px 48px 20px 0px;
 width: 698px;
 position: relative;
}





#footer, .clearer { height: 35px; }
#wrap-footer{ margin-top: -35px;
}

.clearer{
clear:both;

}

/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:998px;
font:11px/14px Arial, Verdana, Helvetica, sans-serif;
height:35px;
margin:-35px auto 0;
}

#footer.tall
{
 height:65px;
}

    #footer .copy
{
  position:relative;
  width: 728px;
  margin-right:40px;
     font-weight: bold;
    float: right;
    text-align: center;
    color: #b2b2b2;
    font-size: 11px;
    padding-top:10px;
      text-transform: uppercase;
    border-top: 1px solid #e1e1e1;
}

    #footer .copy a
{
    color: #b2b2b2;
    text-decoration: none;

}

    #footer .copy a:hover
{
    color: #880b14;
    text-decoration: none;

}

    #footer .copy a.active,#footer .copy a.active:hover
{
    color: #880b14;
    text-decoration: none;
    cursor: default;

}


.intro-background
{
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width:711px;
  height: 486px;
  background: url(../images/charte/index_fr.jpg) no-repeat left 46px;
  font-family: arial, verdana;
}

.intro-background_en
{
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width:711px;
  height: 486px;
  background: url(../images/charte/index_en.jpg) no-repeat left 46px;
  font-family: arial, verdana;
}
.tn {

    font-family: Times Ten Roman !important;
    text-transform: none !important;
}


 .intro-background h1
 {
   color: #880b14;
   font-size: 18px;
   font-weight: bold;
   position: relative;
   margin-top: -2px;
   margin-left: 2px;
   height:350px;
   float: left;
   clear: left;  text-transform: uppercase;
   line-height: 22px;
 }

.tn h3{

    font-family: Times Ten Roman !important;
    text-transform: none !important;
    color: #880b14;
    font-size: 28px !important;
    font-weight: normal;
   position: relative;
   margin-top: -2px;
   margin-left: 2px;
    font-weight: normal !important;
   float: left;
   clear: left;  text-transform: none;
   line-height: 28px;
   margin-top:65px;
}


.intro-background_en h1
 {
   color: #880b14;
   font-size: 18px;
   font-weight: bold;
   position: relative;
   margin-top:-5px;
   margin-left: 2px;
   height:350px;
   float: left;
   clear: left;  text-transform: uppercase;
   line-height: 22px;
 }

  .intro-background h2
 {
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   position: relative;
   margin-left: 2px;
   height:82px;
    clear: left;
   text-transform: uppercase;
 }

.intro-background_en h2
 {
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   position: relative;
   margin-left:120px;
   height:82px;
    clear: left;
   text-transform: uppercase;
 }

   .intro-background h3
 {
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   position: relative;
   margin-left:19px;
   clear: left;
   text-transform: uppercase;
   white-space: nowrap;
    float: left;
 }

.intro-background_en h3
 {
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   position: relative;
   margin-left:0px;
    clear: left;
    float: left;
   text-transform: uppercase;
    white-space: nowrap;

 }

 .intro-background-inner
 {
   padding-left:170px;
   float: left;
 }

  .intro-background-inner_en
 {
   padding-left:170px;
   float: left;
 }


.minheight600
{
  min-height:600px;
}