@font-face {
    font-family: 'Bebas Neue Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Bebas Neue Bold'), url('../BEBASNEUE BOLD.woff') format('woff');
}

body{
  font-size:12px;
  /*font-family: 'verdana';*/
  font-family:Geneva, Arial, Helvetica, sans-serif;
  /*background-color:#000;*/
  /*	overflow:scroll;*/
}

ul,li{
  list-style: none;
}

p{
  margin-bottom: 5px;
}

table{
  border: 0px #000 solid;
}

a{
  color:rgb(183,187,196);
  text-decoration:none;
  border-width:0;
}

a:hover{
  color:rgb(80,83,96);
}

a img{
  border:none;
}

a.actif{
  color:rgb(80,83,96);
}

input[type=text]{
  width:300px;
}

input[type=submit].langue{
  letter-spacing:0.7px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  padding:0;
  margin:0;
  background:none;
  border:none;
  font-weight:normal;
  cursor:pointer;
}

.info_size_slide{
  font-size: 11px;
  color:#D37667;
  margin: 0;
}

#wrapper{
  width:852px;
  margin:auto;
  padding:0 54px;
  min-height:2418px;
  //background: url(../images/bg-header.png) no-repeat center 40px transparent;
}

.fakebg{
  background: url(../images/obaobaoba-05_w960.jpg) no-repeat top center;
}

div#episodes{
    background: url(../design/bg-episodes.png) top center transparent no-repeat;
    padding-top:60px;
}

div#episodes h2{
    font-family:"Bebas Neue Bold";
    font-size:28px;
    font-weight:bold;
    text-transform: uppercase;
    margin:0;
    padding:0;
}

div#one-to-five-thumbs,div#six-to-ten-thumbs{
    width: 240px;
    padding:0;
    border:none;
    border-bottom: 1px solid #dcdcdc;
}

div#one-to-five-thumbs{
    margin:0 33px 0 0;
}

div#episodes div#one-to-five-thumbs h2,
div#episodes div#eleven-thumbs h2{
    text-align:left;
}

div#six-to-ten-thumbs{
    margin:0 0 0 33px;
}

div#episodes six-to-ten-thumbs h2{
    text-align:right;
}


div#eleven-thumb{
    width: 240px;
    margin:0 33px;
    border-bottom: 1px solid #dcdcdc;
    padding-top: 336px;
}

div#one-to-five-thumbs{
    float:left;
}

div#six-to-ten-thumbs,div#eleven-thumb{
    float:right;
}

div#episode-container{
    height:63px;
    width:240px;
    padding: 10px 0;
    border-top: 1px #DCDCDC solid;
    position:relative;
}

/*div#one-to-five-thumbs div#episode-container>a>img,
div#eleven-thumb div#episode-container>a>img{
    float: left;
    display: block; 
    width:111px;
    height:63px;
}*/

div.episode-overlay{
    position:absolute;
    top:0;left:0;
    display:none;
    background: url(../images/mouseover-episode-thumb.png) 0 0 no-repeat;
    width:111px;
    height:63px;
    padding:0; margin:0;
}

div.bonus-overlay{
    position:absolute;
    top:0;left:0;
    display:none;
    background-color:#FFFC00;
    color:#000;
    width:111px;
    height:54px;
    padding:10px; margin:0;
}

div.bonus-overlay h4{
    font-family:"Bebas Neue Bold";
    text-transform: uppercase;
    font-size:17px;
    color:#000;
    margin:0; padding:0;
}

div.bonus-overlay h4+p{
    font-family: 'Cardo', serif;
    font-size:12px;
    color:#000;
    margin:1px 0 0 0;padding:0;
    font-style: italic;
    font-weight:bold;
}

div#one-to-five-thumbs div#episode-container>a,
div#eleven-thumb div#episode-container>a{
    float: left;
    display: block; 
    width:111px;
    height:63px;
    position:relative;
}

div#one-to-five-thumbs div#episode-container>div,
div#eleven-thumb div#episode-container>div{
    text-align: left;
    float: left;
    padding:0;
    width:118px;
    margin:0;
    height:63px;
    position:absolute;
    bottom:10px;
    left:121px;
    height:63px;
}

/*div#six-to-ten-thumbs div#episode-container>a>img{
    float: right;
    display: block; 
    width:111px;
    height:63px;
}*/

div#six-to-ten-thumbs div#episode-container>a{
    position:relative;
    float: right;
    display: block; 
    width:111px;
    height:63px;
}

div#six-to-ten-thumbs div#episode-container>div{
    text-align: right;
    width:118px;
    margin:0;
    /*float: right;
    display:table-cell;
    vertical-align:text-bottom;
    padding:0 10px 0 0;*/
    padding:0;
    position:absolute;
    bottom:10px;
    right:121px;
    height:63px;
}

div#episode-container table{
    width:100%;
}

div#episode-container table td{
    height:63px;border:none;padding:0;margin:0;
}

div#episode-container table td{
    vertical-align: middle;
}

div#episode-container table td p{
    font-family: 'Cardo', serif;
    font-style: italic;
    color:#adadad;
    font-size:12px;
}

div#bonus,
div#credits{
    margin-top: 62px;
    border-top: 3px dotted #dcdcdc;
}

div#bonus h2,
div#credits h2{
    font-family:"Bebas Neue Bold";
    margin: -51px auto 0;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    background-color: #000;
    width:80px;
    height:80px;
    line-height:80px;
    border-radius: 50%;
    color:#fff;
    border:10px solid #fff;
    font-weight: normal;
    letter-spacing: 0.04ex;
}

div#bonus h3{
    font-family: 'Open Sans', sans-serif;
    font-size:30px;
    font-weight: normal;
    color:#000;
    text-transform: uppercase;
}

div#extras{
    margin-top: 27px;
}

div.extra-container{
    width:130px;
    height:74px;
    background-color: #000;
    margin:0 14px 14px 0;
    float:left;
}

div.extra-container>a{
    display: block;
    position:relative;
}

div.extra-container:nth-child(6n){
    background-color: #f00;
    margin:0 0 14px 0;
}

p.test:nth-child(6n) {
    background: #ff0000;
}

/*
div#credits{
    margin-top: 62px;
    border-top: 3px dotted #dcdcdc;
}

div#credits h2{
    margin: -48px auto 0;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #000;
    width:70px;
    height:70px;
    line-height:70px;
    border-radius: 50%;
    color:#fff;
    border:10px solid #fff;
}*/

div#credits h2+div{
    margin-top: 21px;
}

div#credits h3{
    font-family:"Bebas Neue Bold";
    padding:0 0 18px 0;
    text-transform: uppercase;
    font-size: 32px;
    border-bottom: 1px solid #adadad;
}

div#credits p{
    font-family:"Cardo";
    font-size:14px;
    padding:8px 0;
    color:#adadad;
    font-style: italic;
}

div#team{
    width: 585px;
    float:left;
}

div#making-of{
    float:right;
    padding:0 0 0 17px;
    width:250px;
}


#top{
  height: 196px;
  background-color:transparent;
  text-align: center;
  position:relative;
  /*behavior:url(../iepngfix.htc);*/
}

#top h1{
    font-family:"Bebas Neue Bold";
    font-size:110px;
    color:#000;
    text-align: center;
    padding-top:26px;
    //letter-spacing:0.05ex;
    text-transform: uppercase;
}

#top h1>a{
    color:#000;
}

#top h2{
    font-family:"Cardo";
    font-size:19px;
    color:#adadad;
    text-align: center;
    padding-top:5px;
    letter-spacing:0.03ex;
    font-style:italic;
    font-weight:normal;
}

#titre_page{
  height: 72px;
  margin-left: 30px;
}

#menu_nav{
  position: relative;
  background-color: #CC5C51;
  height: 28px;
}

#menu_nav ul{
  height: 28px;
  margin: auto;
  width: 903px;
}

#menu_nav ul li{
  height:28px;
  display: inline;
  background-color: #6699FF;
  margin: 0;
  padding: 0;
  border: 0px solid #000;
  float:left;
}

#main_frame{
  min-height:2222px;
  padding : 0;
  margin:0;
}

#main_frame-accueil{
  width:1024px;
  margin: auto;
  min-height:348px;
  border:#000000 solid 0px;
  padding:0;
  line-height: 16px;
}

#main_container{
  margin-top:0;
  margin-left:auto;
  margin-right:auto;
  width:1024px;
  height:650px;
  color:#707070;
  background-image:url(../design/cadre_extern.png);
  /*border:#333333 solid 1px;*/
  border-left:#730505 solid 0px;
}

.sub_nav{
  float: left;
  width: 164px;
  margin: 0px 25px auto 0px;
  min-height: 300px;
  text-align:right;
}

.sub_nav_accueil{
  float: left;
  width: 78px;
  margin: 0;
  min-height: 300px;
  text-align:right;
}


.sub_nav ul li{
  position: relative;
  font-size: 11px;
  line-height: 16px;
  min-height: 16px;
}

.sub_nav ul li.competences{
  position: relative;
  line-height: 16px;
  min-height: 16px;
  margin-bottom: 12px;
}

.sub_nav ul li.references{
  position: relative;
}

.sub_nav ul li a{
  font-weight: bold;
}

.sub_nav ul li a:hover{
  text-decoration: underline;
  color:#f00;
}

.sub_nav ul li a.front:hover{
  text-decoration: none;
  color:rgb(80,83,96);
}

.action_box{
  visibility: hidden  ;
  position:absolute;
  top:-5px;
  right:-150px;
  width:120px;
  height: 22px;
  background:url(../design/action-box.png) no-repeat top left;
  text-align: left;
  padding: 8px 10px 10px 25px;
  z-index: 65000;
}

.action_box_top{
  /*visibility: hidden  ;*/
  position:absolute;
  top:-5px;
  right:-150px;
  width:120px;
  height: 32px;
  background:url(../design/action-box-top.png) no-repeat top left;
  text-align: left;
  padding: 8px 10px 10px 25px;
  z-index: 65000;
}

.left_action_box{
  visibility: hidden  ;
  position:absolute;
  top:0px;
  left:-155px;
  width:120px;
  height: 22px;
  background:url(../design/left-action-box.png) no-repeat top left;
  text-align: left;
  padding: 8px 10px 10px 25px;
  z-index: 65000;
}

.action_box form{
}

.main_content{
/*  float: left;*/
  padding:0;
}

#bottom{
  position: relative;
  background-color: #CC5C51;
  height:30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  color:#fff;
  font-size: 12px;
}

#bottom-accueil{
  height:70px;
  width: 866px;
  margin: 0 auto;
}

.clear{
  clear:both !important;
  height:0 !important;
  width:0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius:0 !important;
  visibility: hidden !important;
}

.empty-content{
  padding: 30px;
  text-align: center;
  font-size: 20px;
  color:#f00;
}

.button_link{
  color:#000;
  display:inline-block;
  margin:5px 0;
  height:14px;
  background-color:#CCC;
  padding:4px;
  border:#012468 solid 1px;
  font-size: 11px;
  -moz-border-radius:5px;
  font-weight: bold;
}

.button_link:hover{
  background-color:#DDD;
  padding:4px;
  border:#000000 solid 1px;
  color:#CC0000;
}


/**************************************************************************************************/
/********************************************** ACCUEIL **********************************************/
/**************************************************************************************************/
#carous{
	height:100px;
	width:370px;
	margin:0;
  text-align: right;
  float: right;
  font-weight: bold;
}

#carous_qui-sommes-nous{
	height:100px;
	width:324px;
	margin:0;
  text-align: left;
  font-weight: bold;
}

#flash_stripe{
  position:absolute;
  z-index:10000;
  bottom:27px;
  left:0px;
  width:866px;
  text-align:center;
}

#flash_stripe p{
  overflow: hidden;
  height: 27px;
  background-color: rgb(111,113,125);
  color: #fff;
  font-style: italic;
  line-height: 27px;
  font-size: 12px;
  letter-spacing: 0;
}

#flash_stripe p span{
  font-style:normal;
  font-weight: bold;
  color: rgb(189,205,0);
}



/**************************************************************************************************/
/********************************************** HOTEL **********************************************/
/**************************************************************************************************/
#contenu_hotel{
  position: relative;
  float: left;
  background-color: #D37667;
  margin-right: 13px;
  width: 688px;
  height: 313px;
  padding: 15px;
  color: #fff;
}

#texte_hotel{
  float: left;
  width: 208px;
  margin-right:10px;
  height: 313px;
  overflow: hidden;
  line-height: 13px;
  font-size: 11px;
}

#diaporama_hotel{
  float: right;
  width: 470px;
}

#photo_hotel{
  float: left;
  background-color: #CC5C51;
  width: 203px;
  padding: 15px;
  height: 313px;
}

.actu-accueil{
  position: absolute;
  top: -22px;
  left: 314px;
  height: 20px;
  width: 650px;
  color: #5b433f;
}


/**************************************************************************************************/
/********************************************** CHAMBRES **********************************************/
/**************************************************************************************************/
#contenu_chambres{
  position: relative;
  color: #fff;
  font-size: 12px;
}

#texte_chambres{
  background-color: #D37667;
  float: left;
  width: 395px;
  padding: 20px;
  margin-right: 15px;
  height: 310px;
  overflow: hidden;
  line-height: 13px;
  font-size: 11px;
}

#diaporama_chambres{
  background-color: #D37667;
  float: right;
  width: 470px;
  padding: 20px;
  height: 310px;
}


/**************************************************************************************************/
/********************************************** TARIFS ********************************************/
/**************************************************************************************************/
#grille_tarifs{
  width: 100%;
  border: 0;
}

.entete{
  background-color: #CD5D51;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding: 15px;
}

#grille_tarifs tr.categorie_nom{
  background-color: #CD5D51;
}

#grille_tarifs tr.categorie_nom td{
  background-color: #CD5D51;
  border-bottom: 1px solid #CD5D51;
  border-top: 0;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}

#grille_tarifs tr.categorie_nom td .action_box table tr td{
  background-color: #fff;
  border-bottom: 0px solid #CD5D51;
}


#grille_tarifs tr.prestation_nom td{
  background-color: #CD5D51;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}

#grille_tarifs tr.prestation_nom td .action_box table tr td{
  background-color: #fff;
  border-bottom: 0px solid #CD5D51;
}

#grille_tarifs tr td{
  border: 1px solid #fff;
  height: 22px;
}

.cell_prix{
  text-align: center;
  padding :0 15px;
  color: #5B433F;
  font-weight: bold;
}

#grille_tarifs tr td input[type=text].prix{
  width: 30px;
}

.categorie_nom{
  text-align: center;
}

.prestation_nom{
  text-align: center;
}

.periode_nom{
  padding :0 15px;
  color: #5B433F;
  font-weight: bold;
}

#conditions_generales{
   width: 100%;
   border: 0;
}

.cellule{
  color: #5B433F;
  font-weight: bold;
  vertical-align: top;
  padding: 8px 0 4px 0;
}

#diaporama_galerie{
  width: 800px;
  margin: auto;
  height: 532px;
}

/**************************************************************************************************/
/******************************************** PLAN D'ACCES  ***************************************/
/**************************************************************************************************/
#acces_details{
  float: left;
  margin-right: 20px;
  width:320px;
  height: 320px;
  background-color: #CD5D51;
  font-size:12px;
  color: #fff;
  line-height: 14px;
  padding: 15px;
}

#acces_niveaux{
  float: left;
  color: #000;
  font-size: 15px;
  margin-right: 15px;
}

#acces_niveaux div{
  height:80px;
  width:160px;
  margin-bottom: 10px;
  background-color: #CD5D51;
  cursor: pointer;
  vertical-align: middle;
  color:#fff;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  padding: 0 5px;
}

#acces_niveaux div div{
  display: table-cell;
  vertical-align: middle;
  line-height: 20px;
  background: none;
}


#maps_wrapper{
  float: left;
  position:relative;
  width:400px;
  height:350px;
}

.map_acces{
  position:absolute;
  visibility: hidden;
  top:0;
  left:0;
  width:400px;
  height:350px;
}



/**************************************************************************************************/
/********************************************** ABOUT US **********************************************/
/**************************************************************************************************/

#qui-sommes-nous{
  float:left;
  width:424px;
  text-align: left;
}

#qui-sommes-nous h1{
  text-transform: uppercase;
  font-size: 17px;
}

#qui-sommes-nous h2{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  margin-bottom: 18px;
}

#qui-sommes-nous div p{
  margin: 0 10px 0 0;
}

#company{
  float:left;
  padding:40px 20px 40px 27px;
  width:649px;
}

#company_sublinks_frame{
  float:left;
  background:url(../design/barre_separation_veticale.png) top right no-repeat;
  width:186px;
  margin:40px 0;
  padding:0 24px 0 0;
  min-height:420px;
  text-align:right;
}

#company_sublinks_frame a{
  line-height:20px;
  font-weight:normal;
}

#presentation{
  padding-top:5px;
  width:650px;
  margin:0 0 40px 0;
}

#company .cadre_team_member{
  margin-top:0px;
  margin-bottom:27px;
}

#company .photo{
  float:left;
  margin-right:30px;
}

#company .texte{
  float:left;
  padding-top:0px;
  width:530px;
}

#company .nom{
  color:#fff;
  font-weight:bold;
  font-size:12px;
  text-transform:none;
  padding:0;
  margin:0;
  padding-left:1px;
}

#company .fonction{
  color:rgb(79,160,206);
  padding:0;
  margin-bottom:8px;
  font-weight:normal;
  font-style:italic;
  font-size:13px;
  line-height:13px;
}

/**************************************************************************************************/
/********************************************** COMPETENCES ***************************************/
/**************************************************************************************************/
#competences_intro{
  float:left;
  width:410px;
}

#competences_intro h1{
  text-transform: uppercase;
  font-size: 17px;
}

#competences_intro h2{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  margin-bottom: 18px;
}

#competences_intro div p{
  margin: 0;
}


#diaporama_fiche-technique_competences{
  float: left;
  width: 316px;
  margin: 0 26px auto 0;
}

#diaporama_competences{
  text-align: right;
  height: 330px;
  margin: 0 0 20px 0;
}

#contenu_competences{
  color: rgb(94,97,113);
  float: left;
  width: 410px;
  font-size: 14px;
  line-height: 20px;
}

#contenu_competences h1{
  font-size: 21px;
  font-weight: bold;
  line-height: 23px;
  margin-bottom: 18px;
}

#contenu_competences h2{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  margin-bottom: 18px;
}

#contenu_competences div p{
  margin: 10px 0;
  line-height: 20px;
}

/**************************************************************************************************/
/********************************************** REFERENCES ***************************************/
/**************************************************************************************************/
#diaporama_fiche-technique_references{
  float: left;
  width: 316px;
  margin: 0 26px auto 0;
}

#diaporama_references{
  text-align: right;
  height: 330px;
  margin: 0 0 20px 0;
}

#fiche-technique_references{
  text-align: right;
  font-size: 11px;
  line-height: 18px;
}

#fiche-technique_references h3{
  font-size: 12px;
  color:rgb(163,176,11);
  margin-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

#contenu_references{
  float: left;
  width: 410px;
}

#contenu_references h1{
  font-weight: normal;
  text-transform: uppercase;
  font-size: 18px;
}

#contenu_references h2{
  text-transform: none;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  margin-bottom: 18px;
}

#contenu_references div p{
  margin: 10px 0;
}

/**************************************************************************************************/
/********************************************** NEWS **********************************************/
/**************************************************************************************************/
#news{
  float:left;
  padding:40px 24px 40px 66px;
  width:650px;
}

#news_sublinks_frame{
  float:left;
  background:url(../design/barre_separation_veticale.png) top left no-repeat;
  width:184px;
  margin:40px 0;
  padding:0 0 0 22px;
  min-height:420px;
}

#news_sublinks_frame a{
  line-height:20px;
  font-weight:normal;
}

#liste_actualites{
  width:756px;
}

#liste_actualites li{
  border-top: 1px solid rgb(163,176,11);
  height:145px;
  width:100%;
  padding-top:21px;
  margin-bottom:20px;
}

.cadre_photo_actualite{
  width:175px;
  margin-right: 21px;
  /*height:108px;*/
  float:left;
}

.cadre_contenu_actualite{
  float:left;
  /*padding-left:14px;
  height:90px;*/
  width:520px;
}


.cadre_contenu_actualite h2{
  position: relative;
  margin:0 0 5px 0;
  padding:0;
  font-size:17px;
  line-height:17px;
  vertical-align: top;
  font-weight: normal;
  text-transform:uppercase;
  color:rgb(80,83,96);
}

.cadre_contenu_actualite h2 a{
  line-height: 17px;
}

.cadre_contenu_actualite .accroche{
  height: 110px;
  overflow: hidden;
  width: 506px;
}


.contenu_complet{
  visibility:hidden;
  width:542px;
  background-color: #fff;
  border:rgb(163,176,11) solid 1px;
  position:absolute;
  margin-top:-6px;
  margin-left:-19px;
  z-index:2000;
}



/**************************************************************************************************/
/********************************************** PARTENAIRES ***************************************/
/**************************************************************************************************/

#partenaire_liste{
  float:left;
  width:480px;
  position:relative;
}

.partenaire_nom{
  color:rgb(80,83,96);
  font-weight: bold;
}

.partenaire_fonction{
  font-style: italic;
}

.partenaire_descriptif{
  line-height: 22px;
}
/********************************************** FIN PARTENAIRES ***********************************/
/**************************************************************************************************/




/**************************************************************************************************/
/********************************************** CONTACT **********************************************/
/**************************************************************************************************/
#plan_acces{
  float:left;
  width:400px;
  height:350px;
  padding:15px;
  margin:0 20px auto 0;
  background-color: #D37667;
}

#coordonnees{
  background-color: #D37667;
  font-size:14px;
  float:left;
  width:484px;
  padding:15px;
  margin: 0;
  font-weight:normal;
  line-height:20px;
  height: 350px;
  color: #fff;
}

#coordonnees p{
  margin:2px 0;
  padding:0;
}

#coordonnees p#complement_coordonnees{
  margin-top:20px;
}

#coordonnees address{
  font-style:normal;
  line-height: 20px;
  margin-bottom: 8px;
}

#coordonnees h2{
  margin-bottom: 2px;
}

#coordonnees form input, #coordonnees form textarea{
  background-color: #fff;
  width: 100%;
  border: none;
  letter-spacing: 0;
}

#coordonnees form label{
  display: block;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.1px;
  font-size: 13px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  margin-top: 4px;
}

#coordonnees form input[type=submit]{
  background: none;
  font-weight: bold;
  width: 100px;
  text-align: right;
  float: right;
  padding: 0;
  margin: 4px 0;
  cursor: pointer;
  letter-spacing: 0.1px;
  font-size: 13px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  color: #5B433F;
}

table#edit_coordonnees tr{
  border-top: 1px #ccc solid;
}

table#edit_coordonnees tr td{
  vertical-align: top;
  font-weight: bold;
}

.barre_separation{
  background:url(../design/barre_separation.png) no-repeat top center;
  height:2px;
}

#liste_contacts{
  margin:0px 40px 20px 160px;
  padding:0;
  color:#fff;
  letter-spacing:0.7px;
}

#liste_contacts dt{
  line-height:12px;
  letter-spacing:0.7px;
  margin:2px;
  padding:0;
}

#liste_contacts .contact{
  /*	float:left;*/
  display:inline-table;
  height:70px;
  width:240px;
  padding-top:30px;
  padding-bottom:5px;
  margin:0;
  letter-spacing:0.7px;
}

#liste_contacts .nom{
  color:#fff;
  font-weight:bold;
  font-size:12px;
  padding-left:1px;
}

#liste_contacts .fonction{
  color:rgb(79,160,206);
  font-weight:bold;
  font-weight:normal;
  font-style:italic;
  font-size:13px;
  letter-spacing:0.7px;
  margin-bottom:8px;
}

/* DEBUT : CGV */
#cgv{
  margin:20px auto;
  width:800px;
}
/* FIN : CGV */
/******************************************************************************************************************************************************/


/* gestion */
#add_photo_frame{
  float:left;
  width:270px;
  border:#000 solid 0px;
  margin:10px 0;
  /*	background-color:#414141;
	padding:5px;
	margin-left:20px;
	margin-top:20px;
	text-align:left;
	margin-bottom:30px;*/
}

/*
#photo_panel_frame{
	float:left;
	border:#000 solid 0px;
	margin:20px;
	width:630px;
	background-color:#414141;
	padding:5px;
}
*/
#photo_panel_frame{
  min-height:400px;
  float:right;
  border:#CCCCCC solid 0px;
  margin:10px auto;
  padding-left:23px;
  width:500px;
  background:url(../design/barre_separation_veticale.png) no-repeat top left;
}

#photo_list_frame{
  list-style:none;
  border:#F00 solid 0px;
  margin-left:0;
}

.photo_list_frame_li{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  border:#996633 solid 1px;
}

#cartouche_photo{
  height:13px;
  text-align:left;
  margin:0;padding:0;
  border-top:#996633 solid 1px;
}

#cartouche_photo input{
  margin:0;padding:0;
}


#photo_action_frame{
  text-align:left;
  border:#F00 solid 0px;
  padding:10px 45px;
  font-size: 11px;
}

#photo_action_frame p{
  margin:2px;
  line-height: 18px;
}

#photo_action_frame input[type=radio]{
  margin:2px;
  line-height: 18px;
}

#photo_action_frame label{
  cursor: pointer;
}



#order_button_frame{
  margin-left:0;
  width:200px;
  border:#F00 solid 0px;
  text-align:left;
}


.error{
  color:#FF0000;
  font-size:12px;
}

.msgok{
  color:#316AC5;
  font-size:12px;
  font-weight:bold;
}

#menu_admin{
  float:right;
  border:#F00 solid 0px;
  height:30px;
  vertical-align:middle;
  text-align:center;
  display:inline;
}


#admin_frame{
  position:absolute;
  right: 10px;
  width:150px;
  height:100px;
  margin-top:5px;
  margin-right:0px;
  margin-left: auto;
  background-color:#999;
  border-top:#000000 outset 2px;
  border-right:#000000 outset 2px;
  border-bottom:#000000 outset 2px;
  z-index:100;
  color:#fff;
  -moz-border-radius:10px 0 10px 10px;
  -webkit-border-radius:10px 0 10px 10px;
}

/* DEBUT : ERREUR 404 */
#erreur_404{
}
/* FIN : ERREUR 404 */
/******************************************/


.unexpected{
    color:#f00;
    font-weight: bold;
    font-size: 20px;
    text-decoration:#f00;
}

div#overlay{
    display:none;
    width:10000px;
    height:10000px;
    background: #777;
    opacity:0.65;
    z-index: 9;
    position:fixed; 
    top:-20%;
    left:-20%;
    cursor: pointer;
}


div#authorization-request h1{
    text-align:center;
    font-family:"Bebas Neue Bold";
    font-size:40px;
    font-weight:bold;
    text-transform: uppercase;
    margin:35px auto;
    padding:5px;
}

div#authorization-request p{
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    font-weight:normal;
    margin:5px auto;
    padding:2px;
    font-style: normal;
}



div#authorization-request{opacity:0.75;position:fixed;margin:auto;top:200px;right:0;left:0;top:0;bottom:0;background-color:#000;width:100%;height:100%;padding:0;border:none;z-index:10;color:#fff;}

//div#authorization-request p{font-size: 14px; line-height: 22px; font-weight:bold;text-align: center;}
div#authorization-request div{font-size: 14px; line-height: 22px; font-weight:bold;text-align: center; width:450px;margin:10px auto;}
div#authorization-request form input[type=text],
div#authorization-request form input[type=password]{width:300px;height:26px;padding:6px 6px;border-radius:4px;border:1 solid 737373;}
div#authorization-request form input[type=submit]{background: url(../images/bg-intro-submit-btn.png) repeat-x transparent; height:36px;padding:10px 20px;border:none; border-radius:3px; color:#fff; font-family: 'Open Sans', sans-serif; font-size:12px;font-weight:bold;min-width:140px;line-height: 18px; cursor:pointer;vertical-align:middle;}
div#authorization-request form input[type=submit]:hover{background-image: url(../images/bg-intro-submit-btn-off.png)}
div#authorization-request form input[type=text]::placeholder{color:#ccc;text-align: center;}
::-webkit-input-placeholder {text-align: center;}
:-moz-placeholder { /* Firefox 18- */ text-align: center;}
::-moz-placeholder {  /* Firefox 19+ */text-align: center;}
:-ms-input-placeholder {text-align: center;}



div#movie-viewer{position:fixed;width:500px;min-height:320px;height:auto;border:1px solid #999;box-shadow: 0px 0px 10px #000; display:none; opacity:0;padding:10px 20px 0;margin:auto;top:100px;right:0;left:0;z-index:10;background-color: #000;}
div#email-frame{font-family: 'Open Sans', sans-serif; position:fixed;width:500px;min-height:350px;height:auto;border:1px solid #999;box-shadow: 0px 0px 10px #000; display:none; opacity:0;padding:10px 20px 0;margin:auto;top:100px;right:0;left:0;z-index:10;background-color: #000;color:#fff;text-align: center;opacity:0.75;border-radius:10px;}
div#email-frame h3{text-align: center;color:#fff;font-size: 18px;margin:10px 0;}
textarea#msg-content{width:450px; height: 200px;display: block; margin:20px auto 0;font-family: 'Open Sans', sans-serif; }
div#email-frame a{text-decoration:underline;color:#fff;font-size:14px;}
div#email-frame p{color:#fff;font-size:14px;}
div#email-frame input[type=submit]{text-align: center;background: url(../images/bg-intro-submit-btn.png) repeat-x transparent; height:36px;padding:0;border:none; border-radius:3px; color:#fff; font-family: 'Open Sans', sans-serif; font-size:12px;font-weight:bold;min-width:140px;line-height: 36px; cursor:pointer;}
div#email-frame form input[type=submit]:hover{background-image: url(../images/bg-intro-submit-btn-off.png)}

div#email-frame>textarea{text-align: center;margin:5px;font-family: 'Open Sans', sans-serif; }



div#language-flags{text-align: right;position: absolute;top:0;right:0;}

//div#language-flags>a{display:inline-block; margin-left: 5px;}
//div#language-flags>a.current-language{border-bottom:2px solid #000;}
div#language-flags>a{opacity: 0.5;}
div#language-flags>a:hover{opacity: 1;}
div#language-flags>a.current-language{opacity: 1;}

div#language-flags-intro{text-align: center;margin:0 auto 20px;}
div#language-flags-intro>a{display:inline-block; margin:0 50px;}
//div#language-flags-intro>a.current-language{border-bottom:2px solid #000;}
div#language-flags-intro>a{opacity: 0.5;}
div#language-flags-intro>a:hover{opacity: 1;}
div#language-flags-intro>a.current-language{opacity: 1;}

form#delete-cookie{position:fixed;bottom:0;right:0;}
form#delete-cookie>input[type=submit]{border:none;cursor: pointer;margin:5px; padding:2px 5px 2px 20px;background: url(../images/restart-16x16.png) no-repeat left center transparent; height:28px; line-height:24px; font-size:14px; color:#0090FF; font-weight:bold;}
div#social{position: absolute; right:10px; top:100px;}
div#social>a{display:inline-block; margin-left: 5px; border-radius: 18px;width:38px;height:38px;}
div#social>a:hover{box-shadow: 0 0 4px #000;}
a.change-user{font-size: 10px; font-style:italic; color:#eee;}
div#cheat-vimeo{background-color: #fff;padding:15px;color:#000;font-size:14px; border:1px red solid;position:fixed;top:0;left:0;display: none;z-index:100;}