@import url('reset.css');
@import url('stylesheet2.css');
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Noticia+Text:700&subset=latin,vietnamese);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,vietnamese);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400italic,700italic);
@import url('skin.css');

@viewport {
   width: device-width;
   zoom: 1;
}

/**/
/* ajout hermann */

.spacer{ clear: both; }

.col_auto {  width:auto;  margin:0 1% 20px 1%;  float:left;}
.col_5  {  width:3%;  margin:0 1% 20px 1%;  float:left;}
.col_10 {  width:8%;  margin:0 1% 20px 1%;  float:left;}
.col_11 {  width:9%;  margin:0 1% 20px 1%;  float:left;}
.col_12 {  width:10%;  margin:0 1% 20px 1%;  float:left;}
.col_13 {  width:11%;  margin:0 1% 20px 1%;  float:left;}
.col_14 {  width:12%;  margin:0 1% 20px 1%;  float:left;}
.col_15 {  width:13%;  margin:0 1% 20px 1%;  float:left;}
.col_16 {  width:14%;  margin:0 1% 20px 1%;  float:left;}
.col_17 {  width:15%;  margin:0 1% 20px 1%;  float:left;}
.col_20 {  width:18%;  margin:0 1% 20px 1%;  float:left;}
.col_23 {  width:21%;  margin:0 1% 20px 1%;  float:left;}
.col_30 {  width:28%;  margin:0 1% 20px 1%;  float:left;}
.col_34 {  width:32%;  margin:0 1% 20px 1%;  float:left;}
.col_70 {  width:68%;  margin:0 1% 20px 1%;  float:left;}
.col_80 {  width:78%;  margin:0 1% 20px 1%;  float:left;}
.col_90 {  width:88%;  margin:0 1% 20px 1%;  float:left;}

/**/

.col_25 {  width:23%;  margin:0 1% 20px 1%;  float:left;}
.col_25_2 {  width:23%;  margin:0 1% 20px 1%;  float:left;}
.col_33 {  width:31%;  margin:0 1% 20px 1%;  float:left;}
.col_33_2 {  width:31%;  margin:0 1% 20px 1%;  float:left;}
.col_40 {  width:38%;  margin:0 1% 20px 1%;  float:left;}
.col_50 {  width:48%;  margin:0 1% 20px 1%;  float:left;}
.col_60 {  width:58%;  margin:0 1% 20px 1%;  float:left;}
.col_66 {  width:64%;  margin:0 1% 20px 1%;  float:left;}
.col_66_2 {  width:64%;  margin:0 1% 20px 1%;  float:left;}
.col_75 {  width:73%;  margin:0 1% 20px 1%;  float:left;}
.col_100 {  width:98%;  margin:0 1% 20px 1%;  float:left;}

.col_50_ext {display:block; position:relative; float:left; margin:0; width:50%;}
.col_100_ext {display:block; position:relative; float:left; margin:0; width:100%;}

/**/
/* ajout hermann */

.col_auto.wrap {  width:auto;  margin:0;}
.col_5.wrap {  width:5%;  margin:0;}
.col_10.wrap {  width:10%;  margin:0;}
.col_11.wrap {  width:11%;  margin:0;}
.col_12.wrap {  width:12%;  margin:0;}
.col_13.wrap {  width:13%;  margin:0;}
.col_14.wrap {  width:14%;  margin:0;}
.col_15.wrap {  width:15%;  margin:0;}
.col_16.wrap {  width:16%;  margin:0;}
.col_17.wrap {  width:17%;  margin:0;}
.col_20.wrap {  width:20%;  margin:0;}
.col_23.wrap {  width:23%;  margin:0;}
.col_30.wrap {  width:30%;  margin:0;}
.col_34.wrap {  width:34%;  margin:0;}
.col_70.wrap {  width:70%;  margin:0;}
.col_80.wrap {  width:80%;  margin:0;}
.col_90.wrap {  width:90%;  margin:0;}

.col_auto.wrapLeft {  width:auto;  margin:0 0 8px 1%;}
.col_5.wrapLeft {  width:4%;  margin:0 0 8px 1%;}
.col_10.wrapLeft {  width:9%;  margin:0 0 8px 1%;}
.col_11.wrapLeft {  width:10%;  margin:0 0 8px 1%;}
.col_12.wrapLeft {  width:11%;  margin:0 0 8px 1%;}
.col_13.wrapLeft {  width:12%;  margin:0 0 8px 1%;}
.col_14.wrapLeft {  width:13%;  margin:0 0 8px 1%;}
.col_15.wrapLeft {  width:14%;  margin:0 0 8px 1%;}
.col_16.wrapLeft {  width:15%;  margin:0 0 8px 1%;}
.col_17.wrapLeft {  width:16%;  margin:0 0 8px 1%;}
.col_20.wrapLeft {  width:19%;  margin:0 0 8px 1%;}
.col_23.wrapLeft {  width:22%;  margin:0 0 8px 1%;}
.col_25.wrapLeft {  width:24%;  margin:0 0 8px 1%;}
.col_30.wrapLeft {  width:29%;  margin:0 0 8px 1%;}
.col_33.wrapLeft {  width:32%;  margin:0 0 8px 1%;}
.col_34.wrapLeft {  width:33%;  margin:0 0 8px 1%;}
.col_50.wrapLeft {  width:49%;  margin:0 0 8px 1%;}
.col_70.wrapLeft {  width:69%;  margin:0 0 8px 1%;}
.col_80.wrapLeft {  width:79%;  margin:0 0 8px 1%;}
.col_90.wrapLeft {  width:89%;  margin:0 0 8px 1%;}
.col_100.wrapLeft {  width:99%;  margin:0 0 8px 1%;}

.col_25.wrapRight {  width:24%;  margin:0 1% 8px 0;}
.col_33.wrapRight {  width:32%;  margin:0 1% 8px 0;}
.col_34.wrapRight {  width:33%;  margin:0 1% 8px 0;}
.col_50.wrapRight {  width:49%;  margin:0 1% 8px 0;}
.col_60.wrapRight {  width:59%;  margin:0 1% 8px 0;}
.col_100.wrapRight {  width:99%;  margin:0 1% 8px 0;}

.col_10.wrapCustom {  width:8%;  margin:0 1% 8px 1%;}
.col_100.wrapCustom {  width:98%;  margin:0 1% 0 1%;}

/**/

.col_25.wrap { width:25%; margin:0;}
.col_25_2.wrap { width:25%; margin:0;}
.col_33.wrap { width:33%; margin:0;}
.col_33_2.wrap { width:33%; margin:0;}
.col_40.wrap { width:40%; margin:0;}
.col_50.wrap { width:50%; margin:0;}
.col_60.wrap { width:60%; margin:0;}
.col_66.wrap { width:66%; margin:0;}
.col_66_2.wrap { width:66%; margin:0;}
.col_75.wrap { width:75%; margin:0;}
.col_100.wrap { width:100%; margin:0;}
/* End columns */



.padding_col_33 { padding:5px 2% 20px 2%; }
.padding_col_50 { padding:30px; }
.padding_lr_2p { padding:0 2% 0 2%; }
.padding_lr_50 { padding:0 30px 0 30px; }
.padding_col_100 { padding:5px 2% 20px 2%; }
.padding_tb_10 {padding:10px 0 10px 0; }
.padding_t_5 {padding:5px 0 0 0; }
.padding_t_10 {padding:10px 0 0 0; }
.padding_t_20 {padding:20px 0 0 0; }
.padding_5 {padding:5px;}
.padding_10 {padding:10px;}
.padding_l20 {padding:0 0 0 20px;}
.padding_20 {padding:20px;}

.marge_all0 {margin:0px;}
.marge_b0 {margin-bottom:0px;}
.marge_b5 {margin-bottom:5px;}
.marge_b10 {margin-bottom:10px;}
.marge_b20 {margin-bottom:20px;}
.marge_b40 {margin-bottom:40px;}
.marge_t20 {margin-top:20px;}
.marge_r10 {margin-right:10px;}


.inlineblock {display:inline-block;}

/* Helper classes */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.justify {text-align:justify;}

.floatleft {float:left;}
.floatright {float:right;}

.img {max-width:100%;}
/* End helper classes */

.image_haut_mobile { }

.tableau_1 {display:table; width:102%; float:left; margin:-20px 1% 0 -1%; padding:0; border-spacing:20px;}
.tableau_tickets {display:table; width:100%; float:left; margin:0 1% 0 1%; padding:0; border-spacing:5px;}
.tab_20, .encart_20 {width:20%;}
.tab_40, .encart_40 {width:40%;}
.tab_50, .encart_50 {width:50%;}
.tab_60, .encart_60 {width:60%;}
.tab_100, .encart_100 {width:100%;}
.tab_60 img, .encart_60 img {max-width:100%;}

.police_titre {font-family:'ITCOfficinaSerifW04-BdI';}
html:lang(vi) .police_titre {font-family: 'Noticia Text', serif; font-weight:600; font-style:italic;}

.titres_pages {font-size:2em; line-height:1em; font-family:'ITCOfficinaSerifW04-BdI'; }
html:lang(vi) .titres_pages {font-size:1.8em; line-height:1em; font-family: 'Noticia Text', serif; font-weight:600; font-style:italic; }

.textes_pages { margin:5px 0 5px 0;}
.titres_blocs { font-size:1.8em; line-height:1em; font-weight:700; text-align:left;}

.cadre { -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px; }
.cadre1 { padding:30px; -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px; }

.cadre_grisnoir { background:#2c2c2c; color:#fff;
  -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px;
}
.cadre_corail { background:#FF585F; color:#fff;
  -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px;
}
.cadre_vert { background:#00b2a9; color:#fff;
  -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px;
}
.cadre_blanc { background:#fff;
  -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px;
}
.bordure_grisnoir { border:1px solid #2c2c2c; }
.bouton1
{
height:39px; line-height:39px; border:1px solid #00b2a9; background:#00b2a9; color:#fff;
  -webkit-border-radius:4px; -moz-border-radius:4px;  border-radius:4px;
  padding:8px 10px 9px 10px; margin:2px 2px 2px 0;
}
.bouton2
{
height:39px; line-height:42px;/*marge!*/ border:1px solid #2c2c2c; background-color:#2c2c2c; color:#fff;
  -webkit-border-radius:4px; -moz-border-radius:4px;  border-radius:4px;
  padding:8px 10px 9px 10px; margin:2px 2px 2px 0;
}
.bouton2.deco
{
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;

    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;

    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;

    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.bouton2.bt_annuler_new_ticket
{
    font-size:1em;
    height:35px;
    line-height:35px;
    padding: 3px 10px 3.5px 10px;
}
.bouton_input
{  font-size:1em; height:35px;
  line-height:35px;
  margin:2px 2px 2px 0;
  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px; padding:0 10px 0 10px; }

.bouton_corail {border:1px solid #FF585F; background-color:#FF585F;color:#fff;}
.bouton_noir {border:1px solid #2c2c2c; background-color:#2c2c2c;color:#fff;}
.bouton_vert {border:1px solid #00b2a9; background-color:#00b2a9;color:#fff;}
.bouton_gris {border:1px solid #B7B7B7; background-color:#B7B7B7;color:#fff;}

.dernier_post_tab { margin-top:-20px; }
.dernier_post {width:100%;}
.dernier_post_fb { background:url(../images/fond_bloc_facebook2.png) repeat-y; }
.dernier_post_facebook1 {width:5%; vertical-align:top; padding:20px 10px 20px 20px; text-align:left; }
.dernier_post_facebook2 {width:95%; padding:30px; color:#fff; text-align:left;  margin-left:3px; }
.dernier_post_tw { background:url(../images/fond_bloc_twitter2.png) repeat-y; }
.dernier_post_twitter1 {width:5%; vertical-align:top; padding:20px 10px 20px 20px; text-align:left; }
.dernier_post_twitter2 {width:95%; padding:30px; color:#fff; text-align:left; }

.ligne_titre_block {
  background:url(../images/ligne.png) center repeat-x; padding-bottom:15px; margin-top:25px;
}
.ligne_titre_block span {
  background-color:#efefef; padding:0 30px 0 30px; font-size:2.1em; line-height:1em; font-family:'ITCOfficinaSerifW04-BdI';
}
html:lang(vi) .ligne_titre_block span {
  font-size:2em; font-family: 'Noticia Text', serif; font-weight:600; font-style:italic;
}
.block_reseaux { padding-left:60px; height:45px; line-height:45px; margin-top:10px; margin-bottom:10px; }

.liste_footer li { display: block} /* hack pour chrome */
.liens_footer, .liste_footer li a { height:25px; line-height:25px; font-size:0.9em; background:url(../images/points.png) no-repeat left top; background-position:0 -33px; padding:0 0 2px 30px; color:#F4F4F4; margin-left:0; }
.liens_footer:hover, .liste_footer li a:hover  {background-position:0 -4px; }


/* Listes */
.select_html_33 {display:inline-block; width:31%; font-family: 'Titillium Web', sans-serif; font-size:1em; -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px; background:#00b2a9; border:6px solid #00b2a9; margin:3px 1% 3px 1%;}
.select_html_100 {display:inline-block; width:98%; font-family: 'Titillium Web', sans-serif; font-size:1em; -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px; background:#00b2a9; border:6px solid #00b2a9; margin:3px 1% 3px 1%;}
.select_html_vert {background:#00b2a9; color:#fff; border:6px solid #00b2a9;}
/* ------ */

/* NEW SELECT */
:root .css3-metro-dropdown option, :root .css3-metro-dropdown:after, :root .css3-metro-dropdown::after, :root .css3-metro-dropdown select
{ color: #fff; cursor:pointer; }

:root .css3-metro-dropdown select, :root .css3-metro-dropdown:after, :root .css3-metro-dropdown::after
{ display: block; background: #00b2a9; }

:root .css3-metro-dropdown select, :root .css3-metro-dropdown option
{ padding-left: 8px; padding-right:8px; }

:root .css3-metro-dropdown
{ position: relative; display: inline-block; border: 0; }

:root .css3-metro-dropdown::after
{
    content: "\25bc";
    position: absolute;
    top: 0; right: 0;
    display: block;
    width: 32px;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
  border:0;
  border-left:2px solid #009790;
  -webkit-border-radius:0 6px 6px 0;  -moz-border-radius:0 6px 6px 0;  border-radius:0 6px 6px 0;
}

:root .css3-metro-dropdown select
{
   height: 40px;
   width:100%;
   border:1px solid #00b2a9;
   vertical-align: middle;
   font: normal 1em 'Titillium Web', sans-serif;
   outline: 0 none;
   -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px;
}

:root .css3-metro-dropdown option
{
    background: #dde1e6; color: #2c2c2c; border-bottom:1px solid #CCC;
}

/* more colors */
:root .css3-metro-dropdown-color-corail select, :root .css3-metro-dropdown-color-corail:after, :root .css3-metro-dropdown-color-corail::after
{ background: #FF585F; border-color:#FF585F; }
:root .css3-metro-dropdown-color-gris select, :root .css3-metro-dropdown-color-gris:after, :root .css3-metro-dropdown-color-gris::after
{ background:#999; border-color:#999; }
:root .css3-metro-dropdown-color-gris::after
{ border-left:2px solid #666; }

/* Size */
:root .css3-metro-dropdown_33 { display:inline-block; width:31%; margin:3px 1% 3px 1%; }
:root .css3-metro-dropdown_100 { display:inline-block; width:98%; margin:3px 1% 3px 1%; }

/* END NEW SELECT */




.select_0 {margin:0; padding:0; text-align:left;}
.select_1 {  display:block; height:39px; line-height:39px; color:#FFF; background:url(../images/fleche_select2.png) no-repeat right; background-color:#2c2c2c; text-align:left; margin:0 0 0 0; padding:0 22px 0 10px; cursor:pointer;    -webkit-border-radius:4px; -moz-border-radius:4px;  border-radius:4px; /*overflow:hidden;*/
}
.select_2 { position:absolute; z-index:999999; padding:0 0 0 0; margin:0 0 0 0; height:250px; max-height:250px; overflow:auto; display:none;
}
.select_2 div {width: 100%; height: 100%; overflow: auto;}
.select_2 li { list-style:none;  width:100%; background:#DDE1E6; border-bottom:1px solid #CCC; line-height:1em; color:#2c2c2c; margin:0 0 0 0; cursor:pointer;
}
.select_2 li a {  display:block; width:100%; padding:10px 2px 8px 10px; margin:0; font-size:0.9em; color:#000;  z-index:2;}
.select_2 li a:hover { color:#fff; }
.select_2 li:hover { background:#FF585F; }
.select_2 li a.not_ok { color:#fff; cursor:text; }
.select_2 li a.not_ok:hover { background:#CCC; }

.select_1_w300 { width:300px; }
.select_2_w300 { width:300px; }
.select_2_w300p { width:300px; }
.select_2_w300m {  width:300px; }

.select_1_w400 { width:400px; }
.select_2_w400 { width:400px; }


/*   */
.select_ben1 {  display:block; width:300px; height:39px; line-height:39px; color:#FFF; background:url(../images/fleche_select2.png) no-repeat right; background-color:#2c2c2c; text-align:left; margin:0 0 0 0; padding:0 0 0 10px; cursor:pointer;   -webkit-border-radius:4px; -moz-border-radius:4px;  border-radius:4px;
}
.select_ben2 {  list-style:none; position:absolute; float:none; display:none; width:300px; z-index:999999; margin:0 0 0 -10px; padding:0 0 0 0;
}
.select_ben2 li { list-style:none; display:block; width:100%; background:#DDE1E6; border-bottom:1px solid #CCC; height:35px;  line-height:35px; color:#2c2c2c; padding:0 0 0 2%; margin:0 0 0 0; cursor:pointer;
}
.select_ben2 li a {  display:block; width:100%; height:35px; padding-left:2%; margin:0 0 0 -2%; font-size:0.9em; color:#000; line-height:35px; z-index:2;}
.select_ben2 li a:hover { color:#fff; }
.select_ben2 li:hover { background:#FF585F; }

/*   */

.select_ben3 {  display:block; width:1000px; border:2px solid #CACACA; height:39px; line-height:39px; color:#666; background:url(../images/fleche_select3.png) no-repeat right; background-color:#fff; text-align:left; margin:0 0 0 0; padding:0 0 0 10px; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px;  border-radius:4px;
}
.select_ben4 {  list-style:none; position:absolute; float:none; display:none; width:999px; z-index:999999; margin:-2px 0 0 -10px; padding:0 0 0 0;
}
.select_ben4 li { list-style:none; display:block; width:100%; background:#FFF; border:1px solid #CCC; border-top:none; height:35px;  line-height:35px; color:#2c2c2c; padding:0 0 0 2%; margin:0 0 0 0; cursor:pointer;
}
.select_ben4 li a {  display:block; width:100%; height:35px; padding-left:2%; margin:0 0 0 -2%; font-size:0.9em; color:#000; line-height:35px; z-index:2;}
.select_ben4 li a:hover { color:#fff; }
.select_ben4 li:hover { background:#FF585F; }


/* Fin Listes */

.form_loading {position:absolute; background:url(../images/fond_blanc80.png); height:500%;
  top:0; padding:200px 0 0 0; margin:0; float:center; text-align:center; display:none;
  width:100%; z-index:99999999; overflow:none;}
.image_ajax_loader { position:fixed; top:250px; }

.champs_contact
{  font-size:1em; height:35px; line-height:35px; color:#666;
  background:#fff; border:2px solid #CACACA; padding-left:5px;
  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;
}
.champs_contact1
{  width:100%; float:left; font-size:1em; height:35px; line-height:35px; color:#666;
  background-color:#fff; border:2px solid #CACACA; padding-left:5px;
  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;
}
textarea.champs_contact1
{
    height:auto;
}
.champs_contact1.small
{
    width:175px; float:none; font-size:11px; height:20px; line-height:16px;
}
.champs_select1
{
  width:100%; float:left; font-size:1em; height:35px; color:#666;
  background-color:#fff; border:2px solid #CACACA; padding:0;
  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;
}
.champs_select2
{
  font-size:1em; height:35px; color:#666;
  background-color:#fff; border:2px solid #CACACA; padding:0;
  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;
}
.champs_contact1_err
{  border:1px solid #FF0000; }
.champs_txt_contact1
{  width:100%; font-size:1em; border:2px solid #CACACA; padding:5px; color:#666;
  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;
}
.champs_txt_contact1_err
{  border:1px solid #FF0000; }
.champs_file_contact1
{  width:50%; font-size:1em; font-size:1em; height:35px; line-height:35px; color:#666;
  background:#fff;  padding-left:5px; border:2px solid #CACACA; border-right:none;
  -webkit-border-radius:4px 0 0 4px;  -moz-border-radius:4px 0 0 4px;  border-radius:4px 0 0 4px;
}
.champs_bouton
{  font-size:1em; height:35px; line-height:35px;
  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px; padding:0 10px 0 10px;
}
.champs_bouton1
{  font-size:1em; height:35px; line-height:35px; border:1px solid #00b2a9; background:#00b2a9; color:#fff;
  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px; padding:0 10px 0 10px;
}




img.zoomEffect {
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
opacity: 1;
}
img.zoomEffect:hover {
/*-moz-transform: rotate(5deg) scale(1.10);-webkit-transform: rotate(5deg) scale(1.10);-o-transform: rotate(5deg) scale(1.10);-ms-transform: rotate(5deg) scale(1.10);transform: rotate(5deg) scale(1.10);*/
-moz-transform: scale(1.10);
-webkit-transform: scale(1.10);
-o-transform: scale(1.10);
-ms-transform: scale(1.10);
transform: scale(1.10);

opacity: 1;
}

.encart_droite {  padding:20px 70px 20px 0;  }
.encart_gauche {  padding:20px 0 20px 70px;  }


.appel_pop
{  cursor:pointer; max-width:30%;}
.geek_pop_int {
  background:#FFF; position:fixed; top:0; left:0; border:0; padding:5%; height:100%; width:100%;
  text-align:left; display:none; text-align:center;
  -moz-box-shadow: 1px 1px 15px #000000; -webkit-box-shadow: 1px 1px 15px #000000; box-shadow: 1px 1px 15px #000000;
  z-index:9999999;
  overflow:auto;
}
.geek_pop_int img { position:relative; max-width:100%; }
.close_pop
{  position:absolute; right:0; top:0; height:30px; width:30px; cursor:pointer;
  background:url(../images/close.png) no-repeat right top;}

.presse_haut {  position:relative; height:29px; top:-25px;  }
.presse_bas {  position:relative; height:16px; bottom:-25px;  }

.popup_fond {
  position:fixed; top:0; left:0; border:0; height:100%; width:100%;
  background-color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4);
  text-align:center; display:none;
  z-index:9999999;
}
.popup_inter {
  position:relative; display:inline-block; top:20px; text-align:left; color:#000;
  border:1px #333333 solid; padding:10px; width:100%; max-width:900px;
  background-color:#fff;
  -moz-box-shadow: 1px 1px 15px #2c2c2c; -webkit-box-shadow: 1px 1px 15px #2c2c2c; box-shadow: 1px 1px 15px #2c2c2c;
  overflow:auto;
}
.popup_close {
  position:absolute; display:block; right:10px; top:10px; background:url(../images/close.png) no-repeat; width:30px; height:30px;
}

/* Choix langues */
.popup_fond_choix_langues {
  position:absolute; top:0; right:0; border:0; height:100%; width:100%;
  background-image:url(/images/fond_noir.png);
  text-align:right; display:none;
  z-index:9999999;
}
.popup_inter_choix_langues {
  position:relative; display:block; top:0; right:-350px; text-align:left;
  padding:0; width:100%; max-width:80%; 
  -moz-box-shadow: 1px 1px 15px #2c2c2c; -webkit-box-shadow: 1px 1px 15px #2c2c2c; box-shadow: 1px 1px 15px #2c2c2c;
  background-color:#00b2a9;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
}
.bandeau_choix_langues {
  position:relative; display:block; padding:45px 0 36px 20px; width:100%; margin:0; background:#2c2c2c;
}
.bt_langues_pop_close {
  position:absolute; display:block; margin:10px; right:10px; top:30px; background:url(../images/close_b.png) no-repeat; width:30px; height:30px;
}
.pays_choix_langue {
  padding:6px 0 6px 10px; border-bottom:1px solid #009790; border-right:1px solid #009790; border-top:1px solid #52ccc6; border-left: 1px solid #52ccc6; margin:0; width:100%; display:inline-block; position:relative;
}
.pays_choix_langue a:hover {
  color:#2c2c2c;
}
.continent_choix_langue {
  padding:10px 0 7px 10px; display:block; width:100%;
}
/* -- */

.pop_cookies {display:block; position:fixed; left:0; bottom:0; width:600px; padding:10px; background-color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 0.8); text-align:center; color:#fff; z-index:9999999;}

.retailers {display:inline-table; width:100%; margin:0; padding:0;}
.retailers a {display:table-cell;width:100%; max-width:120px; height:60px; vertical-align:middle; text-align:center;}
.retailers img { max-height:60px; max-width:100%; max-width:120px; text-align:center;}

.gal_faq {display:inline-block; width:12%; margin:0; padding:0;}
.gal_faq img {width:70%; margin:0;}
.gal_faq div {margin:0 0 20px 0;}

.yes_mobile_p { display:none; }
.yes_mobile { display:none; }

.pointer { cursor:pointer; }

.close_pop_cookies { padding:5px; size:1.2em;}

/* youtube */
.youtubadapt{ width:100%; height:630px}

@media only screen and (max-width:1024px) {
.image_haut_mobile { max-width:100%; }

/* youtube */
.youtubadapt{ width:100%; height:480px}
}

@media only screen and (max-width:980px) {
.appel_pop
{  cursor:pointer; max-width:100%;}

  .col_33, .col_40, .col_60, .col_66,  .col_50,  .col_75, .col_80, .col_100 {
    width:96%;
  margin-left:2%; margin-right:2%;
  /*margin:0 2% 20px 2%;*/
    float:left;
  }
  .col_16, .col_20, .col_25, .col_33_2, .col_66_2 {
    width:48%;
  margin-left:1%; margin-right:1%;
  /*margin:0 1% 20px 1%;*/
    float:left;
  }
.col_50_ext {width:100%;}

.padding_col_50 { padding:20px 3% 20px 3%; }
.padding_lr_50 { padding:0 0 0 0; }

.select_html_33 {width:100%;}

.select_1_w300 {  width:100%;}
.select_2_w300 {  width:92%; float:left;}
.select_2_w300p {  width:96%; float:left;}
.select_2_w300m {  width:86%; float:left;}

.select_1_w400 {  width:100%;}
.select_2_w400 {  width:92%; float:left;}
.select_2_w400p {  width:96%; float:left;}
.select_2_w400m {  width:86%; float:left;}

/*.select_2_w300, .select_2_w400 { width:88%; }*/


.select_ben1 {  width:100%;}
.select_ben2 {  width:92%; float:left;}

.select_ben3 {  width:100%;}
.select_ben4 {  width:95%; float:left;}

.container:not(#nltrContainerMob) {  padding-bottom: 150px;  }
.nltrActivated .container:not(#nltrContainerMob){ padding-bottom: 390px;}

.tableau_1 {width:100%; float:left; padding:0; border-spacing:0px; margin:0 0 20px 0;}
.tab_40, .tab_50, .tab_60 { display:block; width:96%; margin:0 2% 20px 2%; float:left; }
.encart_40, .encart_50, .encart_60 { display:block; width:100%; padding:0 2% 20px 2%; float:left; }
.tab_60 img, .encart_60 img {width:100%;}

.presse_haut {  position:static; }
.presse_bas {  position:static; }
.dernier_post_tab { margin-top:0px; }

.encart_droite {padding:20px;}
.encart_gauche {padding:20px;}

.block_colonne {  width:48%; margin:0 1% 15px 1%; float:left;}

.marge_b0 {margin-bottom:0px;}

.ligne_titre_block { padding-bottom:15px; margin-top:15px;}
.ligne_titre_block span { padding:0 10px 0 10px; font-size:2.2em; }

.popup_inter { height:100%;}

.no_mobile { display:none; }

.yes_mobile { display:block; }

.gal_faq {display:inline-block; width:19%;}

.select_html_33 {width:98%;}
:root .css3-metro-dropdown_33 {  display:inline-block; width:98%; margin:3px 1% 3px 1%; }

/* youtube */
.youtubadapt{ width:100%; height:480px}

}

@media only screen and (max-width:580px) {
  body
  {font-size:1em;}
  .col_16, .col_20, .col_25_2, .col_25, .col_33_2, .col_66_2 {
    width:96%;
  margin-left:2%; margin-right:2%;
  /*margin:0 2% 20px 2%;*/
    float:left;
  }

.block_colonne {  width:98%; margin:0 1% 15px 1%;  float:left; }

.no_mobile_p { display:none; }
.yes_mobile_p { display:inline-block; }

.gal_faq {display:inline-block; width:32%;}

.pop_cookies {width:100%;}


/* youtube */
.youtubadapt{ width:100%; height:250px}
}




@media print { /* Printer */
  * { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; }
  a, a:visited { color:#444 !important; text-decoration:underline; }
  a[href]:after { content:" (" attr(href) ")"; }
  abbr[title]:after { content:" (" attr(title) ")"; }
  pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
  thead { display:table-header-group; }
  tr, img { page-break-inside:avoid; }
  img { max-width:100% !important; }
  p, h2, h3 { orphans:3; widows:3; }
  h2, h3{ page-break-after:avoid; }

  .header, .footer, .form, .div_footer {display:none;}
  .col_33, .col_66, .col_50  { width:98%; float:none; }
}