/* FONT FACE */
  /* RALEWAY regular */
@font-face {font-family:'ralewayregular';
src:url('font/raleway-regular-webfont.eot');
src:url('font/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/raleway-regular-webfont.woff2') format('woff2'),
    url('font/raleway-regular-webfont.woff') format('woff'),
    url('font/raleway-regular-webfont.ttf') format('truetype'),
    url('font/raleway-regular-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
  /* RALEWAY bold */
@font-face {font-family:'ralewaybold';
src:url('font/raleway-bold-webfont.eot');
src:url('font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/raleway-bold-webfont.woff2') format('woff2'),
    url('font/raleway-bold-webfont.woff') format('woff'),
    url('font/raleway-bold-webfont.ttf') format('truetype'),
    url('font/raleway-bold-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
  /* RALEWAY semibold */
@font-face {font-family:'ralewaysemibold';
src:url('font/raleway-semibold-webfont.eot');
src:url('font/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/raleway-semibold-webfont.woff2') format('woff2'),
    url('font/raleway-semibold-webfont.woff') format('woff'),
    url('font/raleway-semibold-webfont.ttf') format('truetype'),
    url('font/raleway-semibold-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
  /* RALEWAY extrabold */
@font-face {font-family:'ralewayextrabold';
src:url('font/raleway-extrabold-webfont.eot');
src:url('font/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/raleway-extrabold-webfont.woff2') format('woff2'),
    url('font/raleway-extrabold-webfont.woff') format('woff'),
    url('font/raleway-extrabold-webfont.ttf') format('truetype'),
    url('font/raleway-extrabold-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
  /* RALEWAY italic */
@font-face {font-family:'ralewayitalic';
src:url('font/raleway-italic-webfont.eot');
src:url('font/raleway-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/raleway-italic-webfont.woff') format('woff'),
    url('font/raleway-italic-webfont.ttf') format('truetype'),
    url('font/raleway-italic-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
  /* RALEWAY bold-italic */
@font-face {font-family:'ralewaybolditalic';
src:url('font/raleway-bolditalic-webfont.eot');
src:url('font/raleway-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/raleway-bolditalic-webfont.woff') format('woff'),
    url('font/raleway-bolditalic-webfont.ttf') format('truetype'),
    url('font/raleway-bolditalic-webfont.svg#ralewaybolditalic') format('svg');
font-weight:normal;
font-style:normal;}
  /* RALEWAY thin */
@font-face {font-family:'ralewaythin';
src:url('font/raleway-thin-webfont.eot');
src:url('font/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/raleway-thin-webfont.woff2') format('woff2'),
    url('font/raleway-thin-webfont.woff') format('woff'),
    url('font/raleway-thin-webfont.ttf') format('truetype'),
    url('font/raleway-thin-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
  /* RALEWAY light */
@font-face {font-family:'ralewaylight';
src:url('font/raleway-light-webfont.eot');
src:url('font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/raleway-light-webfont.woff2') format('woff2'),
    url('font/raleway-light-webfont.woff') format('woff'),
    url('font/raleway-light-webfont.ttf') format('truetype'),
    url('font/raleway-light-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
  /* RALEWAY medium */
@font-face {font-family:'ralewaymedium';
src:url('font/raleway-medium-webfont.eot');
src:url('font/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/raleway-medium-webfont.woff2') format('woff2'),
    url('font/raleway-medium-webfont.woff') format('woff'),
    url('font/raleway-medium-webfont.ttf') format('truetype'),
    url('font/raleway-medium-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
  /* TREND SANS one */
@font-face {font-family:'trend_sansone';
src:url('font/TrendSans-One-webfont.eot');
src:url('font/TrendSans-One-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/TrendSans-One-webfont.woff2') format('woff2'),
    url('font/TrendSans-One-webfont.woff') format('woff'),
    url('font/TrendSans-One-webfont.ttf') format('truetype'),
    url('font/TrendSans-One-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
  /* TREND HM SANS one */
@font-face {font-family:'trend_hm_sansone';
src:url('font/TrendHMSans-One-webfont.eot');
src:url('font/TrendHMSans-One-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/TrendHMSans-One-webfont.woff2') format('woff2'),
    url('font/TrendHMSans-One-webfont.woff') format('woff'),
    url('font/TrendHMSans-One-webfont.ttf') format('truetype'),
    url('font/TrendHMSans-One-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
  /* ARACNE CONDENSED regular */
@font-face {font-family:'aracne_condensed_reg';
src:url('font/aracne-condensed_regular-webfont.eot');
src:url('font/aracne-condensed_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/aracne-condensed_regular-webfont.woff') format('woff'),
    url('font/aracne-condensed_regular-webfont.ttf') format('truetype'),
    url('font/aracne-condensed_regular-webfont.svg#ralewayregular') format('svg');
font-weight:normal;
font-style:normal;}
/* *************************** NORMALISATION *************************** */
* {border:0; padding:0; margin:0; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-weight:normal;}
html {font-size:62.5%; width:100%; height:100%;}
body{background:#ffffff; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-style:normal; font-weight:normal; font-variant:normal; line-height:100%; color:#000000; text-align:left; height:100%;}
a{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#000000;}
a img,:link img,:visited img{border:none;}
img {max-width:100%; height:auto;}
embed {max-width:100% !important;}
/*gmap v3 fix bug*/
.gm-style img, .gmnoscreen img, .gmnoprint img {max-width:none !important;}
strong{font-weight:normal; font-family:'ralewaybold',Arial,Verdana,sans-serif;}
i, em{font-style:normal; font-family:'ralewayitalic',Arial,Verdana,sans-serif;}
strong em, strong i, em strong, i strong, b em, b i, em b, i b {font-style:normal; font-weight:normal; font-family:'ralewaybolditalic',Arial,Verdana,sans-serif;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
.seph1{font-size:1px;height:1px;clear:both;}
.clear{clear:both;}
.clear_resp, .display_none {display:none;}
.left {float:left;}
.right {float:right;}
/*effet selection txt*/
  ::selection {color:#ffffff; background:#dadada;}
  ::-moz-selection {color:#ffffff; background:#dadada;}

/* *** POWERMAIL *** */
  div.tx-powermail {width:100%; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:inherit;}
  div.tx-powermail h3 {display:none;}
  div.tx-powermail p {margin:0 0 10px 0;}
  div.tx-powermail legend {display:none;}
  div.powermail_fieldwrap {margin:0 0 10px 0;}
  div.powermail_fieldwrap.powermail_fieldwrap_text {margin:10px 0; color:#475055; font-weight:normal; font-size:1.2em; line-height:1.2em;}
  .powermail_fieldset {background:none; border:0;}
  .powermail_label {width:20%; margin:0 5% 0 0; padding:1% 0 0 0; float:left; display:block; color:#303033; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1em; font-weight:normal;}
  .powermail_field {color:#878787; font-family:'ralewaymedium',Arial,Verdana,sans-serif; font-size:1.7em; line-height:2.2em; padding:12px 3%; width:75%; background:#ffffff; border:0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(/fileadmin/templates/ot/css/PIE.htc); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  select.powermail_field {width:75%;}
  input.powermail_field:focus {background:#ffffff; border:0;}
  .powermail_textarea {max-width:75%;}
  /*btn radio checkbox*/
  .powermail_radio_legend, .powermail_check_legend {display:block !important; margin:0 5% 0 0;}
  .powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {float:none; width:auto; border:0; padding:0; background:none;}
  .powermail_check_outer {float:left; width:auto; border:0; padding:0;}
  .powermail_radio_inner {margin:0 10px 0 0; float:left;}
  .powermail_check_inner {margin:0 0 10px 0; float:left; clear:both;}
  .powermail_radio_outer input[type="checkbox"], .powermail_radio_outer input[type="radio"], .powermail_check_outer input[type="checkbox"], .powermail_check_outer input[type="radio"] {float:left;}
  .tx-powermail .powermail_radio_outer label, .tx-powermail .powermail_captcha_outer label {float:left; color:#475055;}
  .tx-powermail .powermail_check_outer label{float:left; width:70%; color:#475055;}
  .tx-powermail .powermail_check_outer .powermail_check_inner label, .tx-powermail .powermail_radio_outer .powermail_radio_inner label {display:inline; width:auto; float:none; margin:0;}
  /*champ upload fichier*/
/*
  .powermail_fieldwrap.powermail_fieldwrap_file .powermail_fieldwrap_file_inner {background-image:url(../img/powermail_upload_bg.png); background-repeat:no-repeat; background-color:#ffffff; border:1px solid #d9d9d9; width:75%; height:32px; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*/
/*submit*/
  div.powermail_fieldwrap.powermail_fieldwrap_submit {text-align:right;}
  .powermail_submit {text-transform:uppercase; text-decoration:none; color:#ffffff; font-family:Arial,Verdana,sans-serif; font-weight:bold; font-style:normal; font-size:1.8em; line-height:2em; letter-spacing:0.07em; padding:10px 31px; margin:0; background:#ef0e51; width:auto; height:auto; border:2px solid #ef0e51; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(/fileadmin/templates/ot/css/PIE.htc); -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms; cursor:pointer;}
  .tx-powermail .powermail_submit:hover, .tx-powermail .powermail_submit:focus {color:#ef0e51; background:transparent;}
  /*bulle champ obligatoire*/
  .formError .formErrorContent {background:#ffffff; color:#888888; border:2px solid #aaa;}
  .formError .formErrorArrow div {background:#ffffff; border-left:2px solid #aaa; border-right:2px solid #aaa;}
  .formError .formErrorArrow .line3 {border-left:2px solid #aaa; border-right:2px solid #aaa;}
  .formError .formErrorArrow .line2 {background:#aaaaaa;}
  .formError .formErrorArrow .line1 {background:#aaaaaa;}
  /*msg validation reception*/
  .powermail_create {background:none;}
  /*page validation infos*/
  .powermail_confirmation {background:none;}
  .powermail_confirmation .powermail_confirmation_form:hover {color:#ef0e51; background:transparent;}
  .powermail_confirmation .powermail_confirmation_submit:hover {color:#ef0e51; background:transparent;}
  .powermail_confirmation input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  /*page confirmation*/
  dl.powermail_all {color:#303033; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.9em; margin:0 0 20px 0;}
  dl.powermail_all dt {margin:0 15px 15px 0; float:left; clear:left; font-weight:normal;}
  dl.powermail_all dd {margin:0 0 15px 0; float:left; width:auto; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-weight:normal;}
  .powermail_confirmation_form, .powermail_confirmation_submit {cursor:pointer; padding:10px 31px; margin:0; background:#ef0e51; width:auto; height:auto; border:2px solid #ef0e51; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(/fileadmin/templates/ot/css/PIE.htc); -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
  .powermail_confirmation_form {float:left;}
  .powermail_confirmation_submit {float:right;}
  div.tx_powermail_pi1_fieldwrap_html_check label {width:25px; margin-top:2px;}
  .tx_powermail_pi1_fieldwrap_html_check input {width:25px; margin-top:5px;}
  .tx_powermail_pi1_fieldwrap_html_submitgraphic {text-align:center;}
  .tx_powermail_pi1_fieldwrap_html_submitgraphic input {float:none; width:98px; border:0;}
  /* *** END POWERMAIL *** */

/* *** ELEMENTS FORMULAIRE *** */
  fieldset {border:0; max-width:100%; min-width:inherit;}
  legend {display:none;}
  .ligne_form {margin:0 0 10px 0; clear:both;}
  label {width:20%; margin:0 5% 0 0; padding:1% 0 0 0; float:left; display:block; color:#303033; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1em; font-weight:normal;}
  ul li label {font-size:1em; line-height:1em;}
  input, select, textarea {color:#878787; font-family:'ralewaymedium',Arial,Verdana,sans-serif; font-size:1.7em; line-height:2.2em; padding:12px 3%; width:75%; background:#ffffff; border:0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(/fileadmin/templates/ot/css/PIE.htc); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  textarea {max-width:75%;}
  select {color:#878787; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#ffffff url(../img/bg_select_pink.png) no-repeat right center; text-overflow:""; text-indent:0.01px;}
  input[type="checkbox"], input[type="radio"] {padding:0; width:auto; border:0; vertical-align:top; margin:0 4px; background:none; -webkit-appearance:normal;}
  input.input_range {color:#ffffff; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em; padding:0; width:auto; background:none; border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; behavior:url(/fileadmin/templates/ot/css/PIE.htc); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  div.btn_submit {text-align:center; margin:0;}
  input[type="submit"], input[type="button"] { -webkit-appearance:none; -moz-appearance:none; appearance:none; text-transform:uppercase; text-decoration:none; color:#ffffff; font-family:Arial,Verdana,sans-serif; font-weight:bold; font-style:normal; font-size:1.8em; line-height:2em; letter-spacing:0.07em; padding:10px 31px; background:#ef0e51; width:auto; height:auto; border:2px solid #ef0e51; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(/fileadmin/templates/ot/css/PIE.htc); -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms; cursor:pointer;}
  input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {color:#ef0e51; background:transparent;}
  .mandatory {font-size:16px; color:#B4000E; padding:0 3%;}
  #col_left label {float:none; display:inline; margin:0 0 3px 0; width:auto;}
  #col_left input, #col_left select, #col_left textarea {width:100%;}
  #col_left input[type="checkbox"], #col_left input[type="radio"] {width:auto; float:left; margin:0 4px 0 0;}
  #col_left div.btn_submit {float:none; padding:0;}
  #col_left input[type="submit"] {width:auto;}
    /***form date picker***/
    .ligne_form.date_pick {position:relative;}
    .ligne_form.date_pick span.date_pick_calendar {position:absolute; left:0;}
    .ligne_form.date_pick label {padding:0 0 0 29px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  /* *** END ELEMENTS FORMULAIRE *** */

  /* *** REGISTER *** */
  .femanager_fieldset {margin:0 0 10px 0; clear:both;}
  .femanager_fieldset.error {background:none; border:0; position:relative;}
  .femanager_fieldset.femanager_submit {float:none; margin:0 0 10px 25%; padding:0; text-align:center; width:55%;}
  .alert.alert-error {position:absolute; right:0px; top:0px; border:2px solid #B4000E; background:#ffffff; z-index:50; width:25%; padding:1%; color:#1a171b; font-family:'ralewaybold',Arial,Verdana,sans-serif;}
  .alert.alert-error .close {display:none;}
  .alert.alert-error h4, #page .alert.alert-error h4 {margin:0; color:#303033; font-family:'ralewaybold',Arial,Verdana,sans-serif;}
  #global .femanager_flashmessages>.message-ok {border:2px solid #B4000E; background-color:#ffffff; color:#303033;}
  #global .message-body {margin:5px 0; font-size:1.7em; line-height:1.7em; color:#303033; font-family:'ralewaybold',Arial,Verdana,sans-serif; padding:0 0 0 30px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -488px -165px;}

  #bloc_newsletter #erreurNewsletter p, #page #erreurNewsletter p {margin:10px 0; font-size:1.6em; line-height:1.6em; font-family:'ralewaybold',Arial,Verdana,sans-serif; padding:0 0 0 30px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -488px -169px; min-height:21px;}
  #bloc_newsletter #erreurNewsletter p {color:#ffffff;}

/* *** CLASSES SKIN GENERIQUES *** */
  .radius {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(fileadmin/templates/ot/css/PIE.htc);}
  .shadow {box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(fileadmin/templates/ot/css/PIE.htc);}
  /* *** END CLASSES SKIN GENERIQUES *** */

/*   CONTENEUR   */
  #home {position:relative; min-height:100%;}
  #page {position:relative; min-height:100%;}
  #global {position:relative; min-height:100%; margin:0 auto; padding-bottom:50px;}
  .wrap {width:1200px; margin:0 auto;}

/*   INFOS SUR LES COOKIES   */
  #cookie_msg {padding:10px 20px; position:relative; z-index:300; background:#ef0e51; width:175px; position:absolute; top:10%; right:2%;}
  #cookie_msg p {color:#ffffff; font-size:1.4em; line-height:1.4em; text-align:center;}
  #cookie_msg a {color:#ffffff;border-bottom:1px solid #ffffff; text-decoration:none; text-transform:none; font-family:'ralewaybold',Arial,Verdana,sans-serif;}
  #cookie_msg span#cookie_close {background:url(../img/picto_close.png) no-repeat center center; width:10px; height:14px; float:right; cursor:pointer; margin:0 0 0 10px;}

/****** GOOGLE TRANSLATE ****/
/*@-moz-document url-prefix("") {body > .skiptranslate{margin:0 0 0 0}}*/
body {top:0 !important;}
body > .skiptranslate{margin:40px 0 0 0}
font {font-family:inherit;font-weight: inherit;}

/* ***** HEADER ***** */
  #header {background:#303033; width:100%; position:fixed; z-index:150;}

/*   LOGO   */
  #logo {margin:0 22px 0 0; width:221px; height:61px; position:relative;}
  #logo a {display:block; position:absolute; top:0; left:0;}
  #logo.up a {height:35px; overflow:hidden; width:100%; margin:13px 0;}
  #logo.up a img {position:absolute; top:-62px; /*#36245*/ opacity:0;}

/*   ZONE LOGIN   */
  #zone_login {position:relative; margin:22px 0 0 30px; padding:0 4px;}
  #btn_login {width:20px; height:20px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -85px -205px; position:relative; z-index:10; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #btn_login a {text-indent:-9999px; font-size:0; display:block;}
  #btn_login.btn_act {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -122px -205px;}
  #login {display:none; background:#242426; width:100%; height:100%; margin:61px 0 0 0; position:fixed; overflow:hidden; top:0px; right:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;}
  #login .wrap {border:1px solid #ef0e51; padding:32px 28px; margin:80px auto 0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #login legend {display:none; visibility:hidden;}
  #login .ligne_form {margin:0 0 40px 0;}
  #login label {text-align:left; display:block; text-transform:uppercase; color:#ef0e51; font-size:3.6em; line-height:1em; margin:1px auto 0px auto; width:30%;}
  #login input {float:none; color:#878787; font-family:'ralewaymedium',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1em; margin:0; padding:16px 2%; border:0; background:#ffffff; width:auto; width:70%;}
  #login input[type="submit"] {text-transform:uppercase; color:#ffffff; font-family:Arial,Verdana,sans-serif; font-weight:bold; letter-spacing:0.07em; padding:16px 29px; margin:0 0 0 2%; background:#ef0e51; border:2px solid #ef0e51; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(/fileadmin/templates/ot/css/PIE.htc); -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms; width:auto;}
  #login input[type="submit"]:hover, #login input[type="submit"]:focus {background:none; color:#ffffff;}
  #login_status {color:#ffffff; margin:20px 0 40px 0; font-size:2.5em; line-height:1em;}
  #login .txt_lien, #page #login .txt_lien {margin:0 0 0 30%;}
  #login .error {padding:0 0 0 35px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -488px -166px; text-align:left;}
  /**/
  #btn_login_close {cursor:pointer; position:absolute; right:24px; top:22px; width:27px; height:27px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #btn_login_close p, #page #btn_login_close p {position:relative; margin:0; font-size:0;}
  #btn_login_close .close_menu {display:block; position:absolute; left:0; top:11px; width:27px; height:3px; background:none;}
  #btn_login_close .close_menu::before, #btn_login_close .close_menu::after {position:absolute; width:35px; height:3px; background:#ef0e51;}
  #btn_login_close .close_menu:before {-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
  #btn_login_close .close_menu::after {-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
  /**/
  #zone_logout {margin:8px 0 0 0; float:right;}
  #zone_logout p, #page #zone_logout p, #zone_logout input[type="submit"] {color:#ffffff;font-size:1.3em; line-height:1.3em;}
  #zone_logout p, #page #zone_logout p {color:#ffffff; margin:0 0 5px 0;}
  #zone_logout p span, #page #zone_logout p span {font-family:'ralewayitalic',Arial,Verdana,sans-serif;}
  #zone_logout input[type="submit"] {padding:4px 5px 2px 19px; background:url(../img/picto_close_wh.png) no-repeat 3px 6px; border:0; border-bottom:1px solid #ef0e51; font-size:1.1em;}
  #zone_logout input[type="submit"]:hover, #zone_logout input[type="submit"]:focus {color:#ffffff; background:#ef0e51 url(../img/picto_close_wh.png) no-repeat 3px 6px;}

/*   ZONE RECHERCHE   */
  #zone_recherche {position:relative; margin:22px 0 0 30px; padding:0 4px;}
  #btn_search {width:20px; height:20px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 0 -205px; position:relative; z-index:10; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #btn_search a {text-indent:-9999px; font-size:0; display:block;}
  #btn_search.btn_act {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -40px -205px;}
  #recherche {display:none; background:#242426; width:100%; height:100%; margin:61px 0 0 0; position:fixed; overflow:hidden; top:0px; right:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;}
  #recherche .wrap {border:1px solid #ef0e51; padding:32px 28px; margin:80px auto 0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #recherche legend {display:none; visibility:hidden;}
  #recherche label {display:block; text-transform:uppercase; color:#ef0e51; font-size:3.6em; line-height:1em; margin:0px auto 40px auto; width:100%;}
  #recherche input {float:none; color:#878787; font-family:'ralewaymedium',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.3em; margin:20px 0; padding:16px 2%; border:0; background:#ffffff; width:auto; width:70%;}
  #recherche input[type="submit"] {text-transform:uppercase; color:#ffffff; font-family:Arial,Verdana,sans-serif; font-weight:bold; letter-spacing:0.07em; padding:16px 29px; margin:0 0 0 2%; background:#ef0e51; border:2px solid #ef0e51; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(/fileadmin/templates/ot/css/PIE.htc); -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms; width:auto;}
  #recherche input[type="submit"]:hover, #recherche input[type="submit"]:focus {background:none;}
  /**/
  #btn_search_close {cursor:pointer; position:absolute; right:24px; top:22px; width:27px; height:27px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #btn_search_close p, #page #btn_search_close p {position:relative; margin:0; font-size:0;}
  #btn_search_close .close_menu {display:block; position:absolute; left:0; top:11px; width:27px; height:3px; background:none;}
  #btn_search_close .close_menu::before, #btn_search_close .close_menu::after {position:absolute; width:35px; height:3px; background:#ef0e51;}
  #btn_search_close .close_menu:before {-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
  #btn_search_close .close_menu::after {-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

/*   LANGUES   */
  #lang {margin:19px 0 0 25px; padding:0 0 0 15px; border-left:2px solid #ababab; position:relative; height:24px; width:100px;}
  #btn_lang {display:none;}
  #lang ul {position:absolute; top:0;}
  #lang ul * {white-space:normal !important;}
  #lang .goog-te-gadget {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 90px -245px;}
  #lang .goog-te-gadget-simple {background:none; border:0;}
  #lang .goog-te-gadget-simple > img {display:block; float:left; margin:2px 8px 0 0; display:none !important;}
  #lang .goog-te-gadget-simple > span {display:block; float:left; width:101px; text-align:left;}
  #lang .goog-te-menu-value {margin:0;}
  #lang .goog-te-menu-value img {display:none;}
  #lang .goog-te-gadget-simple .goog-te-menu-value span {color:#ffffff !important; font-family:'ralewaysemibold',Arial,Verdana,sans-serif; border:0 !important; line-height:11px;}
  #lang .goog-te-gadget-simple .goog-te-menu-value > * {display:none;}
  #lang .goog-te-gadget-simple .goog-te-menu-value > span:first-child {display:inline !important;}

/*   MENU GALAXIE   */
  #menu_galaxie {margin:0 0 0 28px;}
  #menu_galaxie li {display:block; float:left; margin:0; /*padding:7px 24px;*/ min-width:112px; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;}
  #menu_galaxie li a {color:#303033; font-family:'ralewaylight',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.7em; letter-spacing:1px; display:block; padding:7px 24px;}
  #menu_galaxie li span {display:block; text-transform:uppercase; color:#303033; font-family:'ralewayextrabold',Arial,Verdana,sans-serif; font-size:22px; font-size:1.4em; line-height:0.9em;}
  #menu_galaxie li.ville {border-left:5px solid #ffb22b;}
  #menu_galaxie li.ville a {color:#ffb22b;}
  #menu_galaxie li.ville span {color:#ffb22b;}
  #menu_galaxie li.nautisme {border-left:5px solid #32d6ea;}
  #menu_galaxie li.nautisme a {color:#32d6ea;}
  #menu_galaxie li.nautisme span {color:#32d6ea;}
  #menu_galaxie li.tourisme {border-left:5px solid #ef0e51;}
  #menu_galaxie li.tourisme a {color:#ef0e51;}
  #menu_galaxie li.tourisme span {color:#ef0e51;}
  #header #menu_galaxie li:hover {border-left:5px solid #303033;}
  #menu_galaxie li:hover a {color:#303033;}
  #menu_galaxie li:hover span {color:#303033;}
  #menu_galaxie li.ville:hover {background:#ffb22b;}
  #menu_galaxie li.nautisme:hover {background:#32d6ea;}
  #menu_galaxie li.tourisme:hover {background:#ef0e51;}
  #menu_galaxie li.tourisme:hover a, #menu_galaxie li.portail:hover a {color:#ffffff;}
  #menu_galaxie li.tourisme:hover span, #menu_galaxie li.portail:hover span {color:#ffffff;}
  #menu_galaxie li.portail {border-left:5px solid #006cb0;}
  #menu_galaxie li.portail a {color:#ffffff;}
  #menu_galaxie li.portail span {color:#ffffff;}
  #menu_galaxie li.portail:hover {background:#006cb0;}

/*   ACCESS   */
  #accessi {position:absolute; left:221px; top:61px;}
  #accessi ul li {display:inline;}
  #accessi ul li a {text-indent:-9999999px; display:inline; position:absolute;}
  #accessi ul li a span {color:#ffffff; font-family:'ralewaysemibold',Arial,Verdana,sans-serif; font-size:1.7em; line-height:2.5em; background:#303033; padding:11px 20px; width:205px; display:none;}
  #accessi ul li a:focus {text-indent:0; /**/display:block;}
  #accessi ul li a:focus span {display:block;}

/*   MENU PRINCIPAL   */
  #btn_menu_close {cursor:pointer; position:absolute; right:24px; top:22px; width:27px; height:27px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #btn_menu_close p, #page #btn_menu_close p {position:relative; margin:0; font-size:0;}
  #btn_menu_close .close_menu {display:block; position:absolute; left:0; top:11px; width:27px; height:3px; background:none;}
  #btn_menu_close .close_menu::before, #btn_menu_close .close_menu::after {position:absolute; width:35px; height:3px; background:#ef0e51;}
  #btn_menu_close .close_menu:before {-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
  #btn_menu_close .close_menu::after {-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
  /**/
    #btn_menu {background:#303033; width:160px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    #btn_menu p, #page #btn_menu p {position:relative; display:inline; margin:0; font-size:2.5em; line-height:1em;}
    #btn_menu a {text-transform:uppercase; color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; margin:auto; cursor:pointer; padding:0 0 0 40px; line-height:61px;}
    .close_menu {display:block; position:absolute; left:0; top:13px; width:22px; height:3px; background:#ffffff;}
    .close_menu::before, .close_menu::after {content:""; display:block;}
    .close_menu, .close_menu::before, .close_menu::after {position:absolute; width:22px; height:3px; background:#ffffff;}
    #btn_menu .close_menu::before {margin-top:-7px;}
    #btn_menu .close_menu::after {margin-top:7px;}
    #btn_menu:hover a, #btn_menu.btn_act a {color:#ef0e51;}
    #btn_menu:hover .close_menu, #btn_menu:hover .close_menu::before, #btn_menu:hover .close_menu::after, .btn_act .close_menu, .btn_act .close_menu::before, .btn_act .close_menu::after {background:#ef0e51;}
  /**/
    #menu_principal {background:#242426; margin:0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; /**/ position:absolute; top:61px; padding:0 0 20px 0; z-index:500; position:fixed;}
    #menu_principal.display_none_resp {display:none;}
    #menu_principal .wrap {border:1px solid #ef0e51; padding:32px 28px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    #menu_principal .nom_site {color:#ef0e51; font-size:3.6em; line-height:1em; text-align:center; margin:50px 0 30px 0;}
    #menu_principal ul li {width:235px; margin:0 25px 20px 25px; display:inline-block; vertical-align:top;}
    #menu_principal ul li a {display:block; text-transform:uppercase; color:#ef0e51; font-family:'ralewaymedium',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1em;}
    #menu_principal li ul {margin:20px 0 0 0;}
    #menu_principal li ul li {padding:0; margin:0 0 6px 0; float:none; width:100%;}
    #menu_principal li ul li:first-child {margin:0 0 6px 0;}
    #menu_principal li ul li a {text-transform:none; color:#ffffff; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em; padding:4px 0 4px 17px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -558px -105px; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;}
    #menu_principal ul li li:hover a, #menu_principal ul li a:hover, #menu_principal ul li li a:focus {color:#ef0e51;}

    #menu_tool {text-align:center; margin:26px 0 0 0;}
    #menu_tool ul {display:inline-block; vertical-align:top;}
    #menu_tool ul li {display:inline-block; float:none; margin:0; width:auto;}
    #menu_tool ul li a {text-transform:uppercase; color:#ababab; font-family:'ralewaymedium',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1em;}
    #menu_tool ul.menu_utile {padding:9px 0 0 0;}
    #menu_tool ul.menu_utile li {padding:0 12px; border-right:2px solid #606066;}
    #menu_tool ul.menu_resaux_sociaux {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 5px -115px;}
    #menu_tool ul.menu_resaux_sociaux li {padding:0 4px; height:30px; width:30px;}
    #menu_tool ul.menu_resaux_sociaux li a {display:inline-block; text-indent:-9999px; width:100%; height:100%;}
    #menu_tool ul.menu_resaux_sociaux li a:hover, #menu_tool ul.menu_resaux_sociaux li a:focus {background:rgba(0,0,0,0.3); border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;  behavior:url(/fileadmin/templates/ot/css/PIE.htc);}

/* ***** FOOTER ***** */
  #footer {background:#212223; width:100%; position:absolute; bottom:0px;}
  #footer ul {padding:12px 0 11px 0; text-align:center;}
  #footer li {color:#ffffff; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.5em; display:inline; padding:0 17px;}
  #footer li a {color:#ffffff; font-family:'ralewayregular',Arial,Verdana,sans-serif; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;}
  #footer li a:hover, #footer li a:focus {color:#ef0e51;}

/* *************************** HOME CONTENT *************************** */
  #partenaires_bretagne {position:absolute; right:0; bottom:10px; z-index:140;}
  #partenaires_bretagne li:first-child {margin:0 10px 10px 0;}
  #partenaires_bretagne li:first-child img {margin:0 2px;}

  #marque_bretagne {position:absolute; top:80px; right:0; z-index:145; width:150px; height:59px; display:block;text-align:right;}
  #marque_bretagne p {margin:0;}
  #marque_bretagne p.align{width: 121px;text-align: right;position: relative;top: -35px;}
  #marque_bretagne p a {display:block; padding:0; border:0;}

  /* infos commerces ouverts #41435 */
    #infos_commerces {position:absolute; top:115px; left:0; z-index:145; width:221px; /*height:84px;*/ display:block; /*background:#2b2b30;*/ border-radius:0 5px 5px 0; padding:5px 5px 5px 0; box-sizing:border-box;}
    #infos_commerces p {margin:0;}
    #infos_commerces p a {display:block; padding:0; border:0;}

  #content_home {padding:61px 0 0 0;}

/*   BLOCS   */
  .bg_texture {background:#221e26 url(../img/bg_texture_big.jpg) repeat 0 0; background-size:cover; padding:40px 0;}
  .bg_wave {background:url(../img/pattern_vague.jpg) repeat 0 0; padding:55px 0 125px 0;}
  .bg_texture.wh {background:url(../img/bg_page.jpg) repeat 0 0;}

  .bloc_home {overflow:hidden;}
  .bloc_home .titre_bloc {text-align:center; margin:0 0 60px 0;}
  .bloc_home .titre_bloc h2, #page .titre_bloc h2, .bloc_home .titre_bloc p, #page .titre_bloc p{color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:6.5em; line-height:1em; letter-spacing:-0.058em;}
  .bloc_home .titre_bloc h2::before, .bloc_home .titre_bloc h2::after, .bloc_home .titre_bloc p::before, .bloc_home .titre_bloc p::after  {content:"-"; color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:1em; line-height:1em; letter-spacing:-0.15em;}
  .bloc_home .titre_bloc h2::before, .bloc_home .titre_bloc p::before {padding:0 44px 0 0;}
  .bloc_home .titre_bloc h2::after, .bloc_home .titre_bloc p::after {padding:0 0 0 44px;}

  /* BTN LIEN */
  .btn_lien, #page .btn_lien {text-align:center; display:inline-block; vertical-align:top; font-size:1.8em; line-height:3.3em; margin:0 auto; height:auto;}
  .btn_lien a, #page .btn_lien a {text-transform:uppercase; color:#ffffff; font-family:Arial,Verdana,sans-serif; font-weight:bold; letter-spacing:0.07em; padding:16px 29px; background:#ef0e51; border:2px solid #ef0e51; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(/fileadmin/templates/ot/css/PIE.htc); -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
  .btn_lien a:hover, .btn_lien a:focus, #page .btn_lien a:hover, #page .btn_lien a:focus {color:#ef0e51; background:transparent;}

  /* LIEN TXT PICTO */
  .txt_lien, #page .txt_lien {font-size:1.4em; line-height:1.4em; margin:0 0 9px 0; text-align:left;}
  .txt_lien a, #page .txt_lien a {text-transform:uppercase; color:#ffffff; font-family:'ralewaysemibold',Arial,Verdana,sans-serif; padding:2px 0 2px 25px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 0 -304px; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
  .txt_lien a:hover, .txt_lien a:focus, #page .txt_lien a:hover, #page .txt_lien a:focus {color:#ef0e51;}

  /* LIEN TXT SIMPLE */
  #page .txt_lien_simple {font-size:1.5em; line-height:1.5em; margin:0 0 25px 0;}
  #page .txt_lien_simple a {text-transform:uppercase; color:#878786; font-family:'ralewaybold',Arial,Verdana,sans-serif; padding:0 0 0 15px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 0 -668px; border:0; font-weight:normal; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
  #page .txt_lien_simple a:hover, #page .txt_lien_simple a:focus {color:#ef0e51;}
  /* wh */
  #page .txt_lien_simple.white_txt a {color:#ffffff; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 0 -748px;}
  #page .txt_lien_simple.white_txt a:hover, #page .txt_lien_simple.white_txt a:focus {color:#ef0e51;}
  /* back */
  #page .txt_lien_simple.back a {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 0 -629px;}

  p.more_infos, #page p.more_infos {text-align:right; font-size:1.3em; line-height:1em; margin:0;}
  p.more_infos a, #page p.more_infos a {padding:0 0 0 22px; background:url(../img/arrow_white.png) no-repeat left; color:#000000; font-family:'ralewayitalic',Arial,Verdana,sans-serif;}

/*   SLIDER   */
  #slider {position:relative; min-height:550px;}
  #slider .news, #slider .news-list-view {width:100%; height:100%;}
  #slider_home, #slider_page {position:relative; width:100%; height:100%; overflow:auto;}
  .tx-cim-slider-accessible, #slider ul, #slider .slide_full_container {height:100%;}
  #slider li {position:relative; width:100%; height:100%;}
  .slide_full_container li a, .slide_full_container li img {display:block;}
  #slider .slide_full_container li a {height:100%; width:100%;}
  #slider .slide_full_container li img {min-height:100%; min-width:100%; height:auto; width:auto; max-width:inherit;}
  #slider .coverflow_zone_texte {position:absolute; top:330px; top:35%; left:3%; width:94%; padding:0 74px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #slider .tag_slide span, #slider .coverflow_texte span {text-transform:uppercase; color:#ffffff; display:block; text-shadow:0px 2px 15px rgba(0,0,0,0.7);}
  #slider .tag_slide span {text-transform:uppercase; color:#ffffff; display:block; text-shadow:0px 2px 15px rgba(0,0,0,0.7);}
  #slider .tag_slide span {font-family:'aracne_condensed_reg',Arial,Verdana,sans-serif; font-size:6.5em; line-height:1em;}
  /*#slider .coverflow_texte p*/ #slider .coverflow_texte span {font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:7em; line-height:1em; text-transform:uppercase; color:#ffffff; display:block; text-shadow:0px 2px 15px rgba(0,0,0,0.7);}
    /*NAVIGATION*/
    #slider .slider_nav {position:absolute; width:375px; padding:0 75px 0 30px; left:0; bottom:15px; z-index:50;}
    .slider_nav ul {text-align:center;}
    .slider_nav.left ul {text-align:left;}
    .slider_nav.right ul {text-align:right;}
    .slider_nav li {padding:0 8px; float:none; display:inline; display:inline-block; vertical-align:middle;}
    .slider_nav li a {cursor:pointer; background:none; border:2px solid #ffffff; width:12px; height:12px; display:inline-block; border-radius:15px 15px 15px 15px; -moz-border-radius:15px; -webkit-border-radius:15px;  behavior:url(/fileadmin/templates/ot/css/PIE.htc); -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;}
    .slider_nav li a:hover, .slider_nav li a:focus {background:#ffffff;}
    .slider_nav li a.slider_home_active {background:#ffffff; border:4px solid #ffffff;}
    span.control_home {position:absolute; top:40%; z-index:49; padding:37px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/ot/css/PIE.htc); overflow:hidden;}
    #left_control_home {background:url(../img/pictos_sliders.png) no-repeat -251px -6px rgba(0, 0, 0, 0.65); left:2%;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
    #right_control_home {background:url(../img/pictos_sliders.png) no-repeat -361px -6px rgba(0, 0, 0, 0.65); right:2%;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
    #left_control_home:hover {background:url(../img/pictos_sliders.png) no-repeat -251px -6px #ef0e51;}
    #right_control_home:hover {background:url(../img/pictos_sliders.png) no-repeat -361px -6px #ef0e51;}
    /* CONTROLS */
    .slider_action {position:absolute; bottom:25px; left:3.5%; width:70px; height:70px; z-index:148; display:block; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/ot/css/PIE.htc); overflow:hidden}
    .slider_action.running  {background:url(../img/pictos_sliders.png) no-repeat -481px -6px rgba(0, 0, 0, 0.65);}
    .slider_action.paused {background:url(../img/pictos_sliders.png) no-repeat -593px -6px rgba(0, 0, 0, 0.65);}
    .slider_action.running:hover, .slider_action.running:focus {background:url(../img/pictos_sliders.png) no-repeat -481px -6px #ef0e51;}
    .slider_action.paused:hover, .slider_action.paused:focus {background:url(../img/pictos_sliders.png) no-repeat -593px -6px #ef0e51;}

  #btn_slider {position:absolute; width:100%; bottom:24px; text-align:center; z-index:100;}
  #btn_slider p {display:inline-block; margin:0 32px; vertical-align:top;}
  #scroll_down {background:url(../img/pictos_sliders.png) no-repeat -719px -4px rgba(0, 0, 0, 0.65); width:70px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/ot/css/PIE.htc); overflow:hidden;}
  #scroll_down:hover {background:url(../img/pictos_sliders.png) no-repeat -719px -4px #ef0e51;}
  #scroll_down a {display:block; height:70px; text-indent:-999999px;}
  #btn_slider .btn_lien a:hover, #btn_slider .btn_lien a:focus {text-shadow:0px 2px 15px rgba(0,0,0,0.7);}
  /*#recherche_que_faire {display:none;}*/
   #recherche_que_faire {display:block; position:absolute; /*top:33px;*/ /*top:430px;*/ top:465px;}

/* MODULE RESERVATION */
#ConstellationWidget select, 
#ConstellationWidget input, 
#ConstellationWidget label, 
#ConstellationWidget div, 
#ConstellationWidget button {font-size:1.7rem !important;}

/*   QUE FAIRE   */
#que_faire .left {width:100%;}
#que_faire .left .ligne_form:first-child {display:none;}
#que_faire .right {display:none;}
  #home #que_faire, #zone_tools #que_faire {background:#221e26;}
  #wrap_que_faire {margin:2%; padding:2% 0; border:2px solid #fff; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(/fileadmin/templates/ot/css/PIE.htc); overflow:hidden;}
  #que_faire .titre_bloc h2::before, #que_faire .titre_bloc h2::after, #que_faire .titre_bloc p::before, #que_faire .titre_bloc p::after {content:""; display:none;}
  #que_faire .ligne_form {text-align:center;}
  #que_faire .ligne_form label {display:inline; float:none; margin:0 14px 0 0; padding:0; color:#ffffff; font-family:'ralewaythin',Arial,Verdana,sans-serif; font-size:4em; line-height:1.5em; font-weight:normal;}
  #que_faire .ligne_form select, #que_faire .ligne_form input.date_input {color:#ffffff; font-family:'ralewaymedium',Arial,Verdana,sans-serif; font-size:4em; line-height:1.2em; background:#221e26 url(../img/bg_select_pink.png) no-repeat right center; width:auto; padding:0 40px 0 0; border:0; border-bottom:1px solid #ffffff; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-overflow:""; text-indent:0.01px;}
  select::-ms-expand {display:none;}  
  #que_faire .ligne_form input.date_input {width:55%;}
  #que_faire .wrap_form {display:inline-block; margin:0 11px;}
  #que_faire .switch_search_type {margin:70px 115px 0 115px; display:none;}
  #que_faire .switch_search_type p, #page #que_faire .switch_search_type p {color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:4.5em; line-height:1em; margin:0;}
  #que_faire .right {text-align:center;}
  #que_faire .right .ligne_form label {display:none;}
  #que_faire .right .ligne_form input {margin:56px 0 0 0; width:300px;}
  #que_faire .ligne_form input[type="submit"] {margin:42px 0 0 0;}
  #que_faire .txt_lien {margin:19px 0 0 0; text-align:right;}

/*   MENU ACCES RAPIDE   */
  #acces_rapide li {display:inline-block; vertical-align:top;}
  #acces_rapide.bloc_4 li {margin:0 39px; max-width:219px;}
  #acces_rapide.bloc_6 li {margin:0 20px; max-width:156px;}
  #acces_rapide li a {display:block; text-align:center; height:100%; width:100%;}
  #acces_rapide .img {display:block; margin:0 auto 34px auto; border:3px solid #ffffff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/ot/css/PIE.htc); overflow:hidden}
  #acces_rapide .img img {display:block;}
  #acces_rapide .wrap_titre {text-align:center;}
  #acces_rapide .titre {display:block; text-transform:uppercase; color:#ffffff; font-family:'trend_sansone',Arial,Verdana,sans-serif; font-size:2.6em; line-height:1em; margin:0 0 13px 0;}
  #acces_rapide.bloc_6 .titre {font-size:1.7em;}
  #acces_rapide .ss_titre {display:block; text-transform:none; color:#ffffff; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em;}
  #acces_rapide.bloc_6 .ss_titre {font-size:1.5em;}
  #acces_rapide .img, #acces_rapide .titre, #acces_rapide .ss_titre {-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
  #acces_rapide li a:hover .img {border:3px solid #ef0e51;}
  #acces_rapide li a:hover .titre, #acces_rapide li a:hover .ss_titre {color:#ef0e51;}
 
/*   MISE EN AVANT   */
  .mise_en_avant {position:relative;}
  .img_mise_en_avant {background:#221e26;}
  .img_mise_en_avant img {display:block; width:100%; /*POUR TEST opacity:0.5;*/}
  .txt_mise_en_avant {width:96%; height:90%; position:absolute; top:5%; left:2%; border:2px solid #fff; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); overflow:hidden; behavior:url(/fileadmin/templates/ot/css/PIE.htc);}
  .txt_mise_en_avant .wrap_txt_mise_en_avant {text-align:center; position:relative; height:100%; line-height:100%; vertical-align:middle;}
  .txt_mise_en_avant .wrap_txt_mise_en_avant .wrap {line-height:29em; vertical-align:middle; display:inline-block;}
  .txt_mise_en_avant h2, #page .txt_mise_en_avant h2 {color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:10em; line-height:1em; margin:0 0 50px 0; display:inline-block; vertical-align:text-top; text-shadow:0px 2px 15px rgba(0,0,0,0.7); width:100%;}
  .txt_mise_en_avant span {display:block; font-family:'aracne_condensed_reg',Arial,Verdana,sans-serif; font-size:0.65em; line-height:1em; display:inline-block; width:100%;}
  .txt_mise_en_avant .btn_lien {vertical-align:top;}
  .txt_mise_en_avant .btn_lien a:hover, .txt_mise_en_avant .btn_lien a:focus {color:#fff; text-shadow:0px 2px 15px rgba(0,0,0,0.7);}
  .mise_en_avant.no_txt .img_mise_en_avant img {opacity:1;}

/*   RESERVATION   */
  #resa {text-align:center;}
  #resa ul {margin:0 0 25px 0; text-align:center;}
  #resa li {text-transform:uppercase; color:#ffffff; font-family:'ralewaythin',Arial,Verdana,sans-serif; font-size:4.7em; line-height:1em;}
  #resa li, #resa li a {text-transform:uppercase; color:#ffffff; font-family:'ralewaythin',Arial,Verdana,sans-serif;}
  #resa li + li, #resa li + li a {text-transform:uppercase; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif;}
  #resa li + li + li, #resa li + li + li a {text-transform:none; font-family:'ralewaythin',Arial,Verdana,sans-serif;}
  #resa li + li + li + li, #resa li + li + li + li a {text-transform:none; font-family:'ralewaysemibold',Arial,Verdana,sans-serif;}

  
  #resa li + li + li + li + li, #resa li + li + li + li + li a {text-transform:uppercase; font-family:'ralewaythin',Arial,Verdana,sans-serif;}
  #resa li + li + li + li + li + li, #resa li + li + li + li + li + li a {text-transform:uppercase; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif;}
  #resa li + li + li + li + li + li + li, #resa li + li + li + li + li + li + li a {text-transform:none; font-family:'ralewaythin',Arial,Verdana,sans-serif;}
  #resa li:hover, #resa li a:hover, #resa li a:focus {color:#ef0e51;}

/*   OFFRES SEJOURS   */
  #sejours .wrap {position:relative;}
  #sejours .contenu_bloc {padding:0 140px;}
  #slideshow_sejours {height:336px; overflow:auto; overflow:hidden;}
  #sejours .img {float:left; width:330px; height:330px; border:3px solid #ef0e51; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/ot/css/PIE.htc);}
  #sejours .coverflow_zone_texte {float:left; width:500px; margin:0 0 0 34px; overflow:hidden;}
  #sejours .coverflow_titre {text-transform:uppercase; color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:4em; line-height:1.3em; display:block; margin:0 0 14px 0;}
  #sejours .coverflow_titre a {color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
  #sejours .coverflow_infos {margin:0 0 46px 0; color:#ffffff; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em; display:block;}
  #sejours .coverflow_infos a {color:#ffffff; font-family:'ralewaybold',Arial,Verdana,sans-serif;}
  #sejours .slide_full_container li img {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; height:100%;max-width:inherit;}
  #sejours .txt_lien {display:block;}
  #sejours .coverflow_titre a:hover, #sejours .coverflow_titre a:focus {color:#ef0e51;}
  /* bullet navigation */
    span.control_sejours {position:absolute; top:45%; z-index:49; padding:42px 22px; cursor:pointer;}
    #left_control_sejours {background:url(../img/pictos_sliders.png) no-repeat 0px 0px; left:50px;}
    #right_control_sejours {background:url(../img/pictos_sliders.png) no-repeat -135px 0px; right:50px;}

/*   MENU ACCES DIRECT   */
  #acces_direct.bloc_home .titre_bloc {margin:0 0 129px 0;}
  #acces_direct li {display:inline-block; vertical-align:top; margin:0 0 0 76px; width:120px;}
  #acces_direct li:first-child {margin:0;}
  #acces_direct li a {display:block; text-align:center; height:100%; width:100%;}
  #acces_direct .img {display:block; margin:0 auto 33px auto; background:#ef0e51; width:120px; height:120px; line-height:120px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/ot/css/PIE.htc); overflow:hidden}
  #acces_direct .img img {display:inline-block; vertical-align:middle; margin:auto;}
  #acces_direct .wrap_titre {text-align:center;}
  #acces_direct .titre {display:block; text-transform:uppercase; color:#ffffff; font-family:'trend_sansone',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1em;}
  #acces_direct .ss_titre {display:none;}
  #acces_direct .img {-webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;}
  #acces_direct .titre, #acces_direct .ss_titre {-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
  #acces_direct li a:hover .img {border:3px solid #ef0e51; background:transparent; width:114px; height:114px; line-height:114px;}
  #acces_direct li a:hover .titre {color:#ef0e51;}

/*   BLOC NEWSLETTER SMS   */
  #bloc_social {width:585px; height:400px; margin:0 0 0 95px;}
  #nav_social {margin:0 0 44px 0;}
  #nav_social ul {display:inline-block; vertical-align:top; /* #40233 background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 0px 0px;*/}
  #nav_social li {display:block; float:left; margin:0; /*padding:0 8px; height:100px; width:100px;*/ padding:0 7px; height:84px; width:82px; /* #40233 */ background-color: rgba(0,0,0,0.3);  border-radius: 50%;}
  /* #40233 */
    #nav_social li a {background: url(../img/picto_reseaux_sociaux_tools.png) no-repeat 0px 0px;opacity: 0.3;}
    #nav_social li a.facebook {background-position: 0 0;}
    #nav_social li a.twitter {background-position: -97px 0;}
    #nav_social li a.youtube {background-position: -193px 0;}
    #nav_social li a.vimeo {background-position: -386px 0;}
    #nav_social li a.instagram {background-position: -482px 0;}
    #nav_social li {margin:0 8px 0 0;padding: 0;}


  #nav_social li a {display:inline-block; text-indent:-9999px; width:100%; height:100%; /* #40233 background:rgba(0,0,0,0.3);*/ border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;  behavior:url(/fileadmin/templates/ot/css/PIE.htc);}
  /* #40233 #nav_social li a.active {background:none;}*/
  #nav_social li a:hover, #nav_social li a:focus,#nav_social li a.active {/* #40233 background:none;*/opacity:1;}
  #bloc_social .infos_social p {font-size:1.4em; line-height:1.4em; margin:0 0 10px 0; text-align:center;}
  #bloc_social .infos_social p a {text-transform:uppercase; color:#ffffff; font-family:'ralewaysemibold',Arial,Verdana,sans-serif;}

  #bloc_newsletter {/*margin:25px 75px 0 0;*/ margin:3px 75px 0 0; width:382px;}
  #bloc_newsletter h3 {text-transform:uppercase; color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:3em; line-height:1em; margin:0 0 30px 0;}
  #bloc_newsletter p {color:#ffffff; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em; margin:0 0 20px 0;}
  #bloc_newsletter form {text-align:center;}
  #bloc_newsletter legend, #bloc_newsletter label {display:none;}
  #bloc_newsletter input[type="text"] {margin:0 0 11px 0; width:100%;}
  #bloc_newsletter input[type="submit"] {padding:10px 22px;}
  #bloc_newsletter p.txt_lien {margin:20px 0;}
  /**/ /* COORDONNEES OT */
  #bloc_newsletter #coord_ot {padding:15px 0; margin:32px 0 0 0px; border-top:1px solid #ef0e51; border-bottom:1px solid #ef0e51; text-align:center;}
  #bloc_newsletter #coord_ot .tel {margin:0 0 10px 0; text-transform:uppercase; color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1em;}
  #bloc_newsletter #coord_ot .ad {margin:0; line-height:1.3em; font-size:1.4em;}

/*   BACK TOP   */
  #back_top {display:none; position:fixed; z-index:140; bottom:20px; right:30px; background:url(../img/pictos_sliders.png) no-repeat -849px 0px rgba(0, 0, 0, 0.65); width:70px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/ot/css/PIE.htc); overflow:hidden; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
  .fix #back_top {display:block;}
  #page #back_top p {margin:0;}
  #back_top a {display:block; height:70px; text-indent:-999999px;}
  #back_top:hover {background:url(../img/pictos_sliders.png) no-repeat -849px 0px #ef0e51;}

/* *************************** PAGE CONTENT *************************** */
/*   STRUCTURE   */
  #page {background:url(../img/bg_page.jpg) repeat 0 0;}
  #main_content_top {padding:61px 0 0 0; margin:0 0 30px 0;}
  #main_content_bottom {margin:30px 0 0 0;}
  #page .area_content .wrap {width:928px;}
  #page.search .area_content .wrap {width:1100px;}

  #page #logo p {margin:0;}
  
  .dce_bloc_double{width:49%;margin:0 0 10px 0;}

/*   BLOC RESSOURCES DOWNLOAD   */
  .zone_ressources_download .titre_bloc {padding:15px;}
  .zone_ressources_download .content_bloc {padding:0;}
  .zone_ressources_download ul li {padding:0 15px 15px 15px; margin:0 0 15px 0; border-bottom:1px solid #dddddd; font-size:1.3em; line-height:1.3em;}
  .zone_ressources_download ul li:first-child {margin:16px 0;}
  .zone_ressources_download ul li .wrap {width:auto; display:block; padding:0 0 0 45px; background:url(../img/picto_download_ressource.png) no-repeat 0 0; min-height:38px;}
  .zone_ressources_download ul li:hover .wrap {background:url(../img/picto_download_ressource.png) no-repeat 0 0;}
  .zone_ressources_download ul li span {display:block; background:#ffffff;}
  .zone_ressources_download ul li a {color:#404040; font-weight:bold; line-height:1.1em;}
  .zone_ressources_download ul li a:hover, .zone_ressources_download ul li a:focus {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
  .zone_ressources_download ul li .nm_doc {color:#404040; font-weight:bold;}
  .zone_ressources_download ul li .infos_doc {font-style:italic; font-size:1.1em; line-height:1.1em; display:block; width:auto; margin:5px 0 0 0; color:#707070;}

/*   BLOC ARTICLES ASSOCIES   */
  .zone_articles_associes .titre_bloc {padding:15px;}
  .zone_articles_associes .content_bloc {padding:0;}
  .zone_articles_associes ul {margin:9px 0 0 0;}
  .zone_articles_associes ul li {padding:0 15px 15px 32px; margin:0 0 15px 0; border-bottom:1px solid #dddddd; font-size:1.4em; line-height:1.4em; background:url(../img/picto_ressources.png) no-repeat 0 6px;}
  .zone_articles_associes ul li a {color:#404040; font-weight:bold; display:block; background:#ffffff;}
  .zone_articles_associes ul li:hover {background:url(../img/picto_ressources_hover.png) no-repeat 0 6px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}

/*   FIL D ARIANE   */
  #tools_ariane {background:#e6e6e6; padding:10px 0;}
  #fil_ariane {margin:0 0 0 243px; width:700px;}
  #page #fil_ariane li {display:inline; font-size:1.4em; line-height:2em; padding:0 11px 0 18px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 0 -589px;}
  #page #fil_ariane li:first-child {padding:0 18px 0 0; background:none;}
  #page #fil_ariane li a {text-decoration:none; color:#878786; font-weight:normal;}
  #page #fil_ariane li.last, #page #fil_ariane li.last a {color:#878786; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-weight:normal;}
  #page #fil_ariane li a:hover, #page #fil_ariane li a:focus {color:#212223;}

/*   TOOLS   */
  #tools_page {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 9px -160px;}
  #tools_page li {display:block; float:left; width:30px; height:30px; margin:0 0 0 9px;}
  #tools_page li a {display:block; text-indent:-9999px; width:100%; height:100%;}
  #tools_page li a:hover, #tools_page li a:focus {background:rgba(0,0,0,0.3); border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; behavior:url(/fileadmin/templates/ot/css/PIE.htc);}

/*   PARTAGE   */
  #social_share {float:right; margin:0 0 0 13px;}
  #page #social_share p {float:left; font-size:1.4em; line-height:2em; color:#878786; margin:0;}
  #social_share .a2a_kit {margin:3px 0; float:right; width:237px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -70px -163px;}
  #page #social_share .a2a_kit a {padding:0; line-height:23px;}
  #page #social_share .a2a_kit span {border-radius:0; float:left; display:block; background:none; width:23px; height:23px; line-height:23px; margin:0 0 0 8px;}
  #page #social_share .a2a_kit a:hover span, #page #social_share .a2a_kit a:focus span {background:rgba(0,0,0,0.3); border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; behavior:url(/fileadmin/templates/ot/css/PIE.htc);}

  #titre_page {margin:60px 0 45px 0; text-align:center;}

/**************** PARAM TXT ****************/
  #page h1 {text-transform:uppercase; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:6.5em; line-height:1em; margin:0;}
  #page h1::before {padding:0 44px 0 0;}
  #page h1::after {padding:0 0 0 44px;}
  #page h2 {text-transform:uppercase; font-family:'trend_sansone',Arial,Verdana,sans-serif; font-size:3.2em; line-height:1em; margin:40px 0 25px 0;}
  #page h2 a {border:0;  font-family:'trend_sansone',Arial,Verdana,sans-serif;}
  #page h3 {font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:2.6em; line-height:1em; margin:25px 0 20px 0;}
  #page h3 a {border:0; font-family:'ralewaybold',Arial,Verdana,sans-serif;}
  #page h4 {text-transform:uppercase; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.9em; margin:25px 0 20px 0;}
  #page h4 a {border:0; font-family:'ralewayregular',Arial,Verdana,sans-serif; text-transform:uppercase;}
  #page h1, #page h2, #page h2 a, #page h3, #page h3 a, #page h4, #page h4 a {color:#303033; font-weight:normal;}
  #page h2 a:hover, #page h2 a:focus, #page h3 a:hover, #page h3 a:focus, #page h4 a:hover, #page h4 a:focus {border:0; font-weight:normal; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}

/* SKIN PARAGRAPHE */
  #page p {color:#303033; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.7em; margin:0 0 15px 0;}

/* SKIN LIEN */
  .content_page a {text-decoration:none; text-transform:none; color:#303033; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-weight:normal; border-bottom:1px solid #ef0e51; background:none; padding:0 3px;}
  .content_page a:hover, .content_page a:focus {color:#ffffff; background:#ef0e51; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;}
  .content_page a[name] {border:0; background:none !important; height:25px; display:block;}

/* SKIN LEGENDE LIEN IMG */
  figcaption.csc-textpic-caption {margin:5px 0; color:#878786; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-weight:normal; font-size:1.4em; line-height:1.4em;}
  .content_page .csc-textpic-image a {padding:0;}

/* SKIN LIST */
  .content_page ul, .content_page ol {padding:0 0 0 30px; margin:0 0 20px 0;}
  .content_page ul li, .content_page ol li {color:#303033; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.7em; list-style-image:url(../img/puce_liste_pink.png); margin:0 0 2px 0;}
  .content_page ul li li, .content_page ol li li {font-size:1em;}

/* SKIN TABLEAUX */
  .content_page table {border-spacing:0; border-collapse:collapse; margin:0 0 20px 0;}
  .content_page th, .content_page td {padding:10px; vertical-align:middle;}
  .content_page th {text-align:left; color:#1a171b; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:1.9em; line-height:1em; text-transform:uppercase; border-bottom:2px solid #ef0e51;}
  .content_page td {text-align:left; color:#1a171b; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:2em; border:0; border-bottom:1px solid #bab9ba;}
  .content_page td * {font-size:1em;}

/* ***** BLOC LIEN, DOWNLOAD, GEOLOC ***** */
  .link_page, .download_page, .geoloc_page {margin:15px 0;}
  #page .link_page p, #page .download_page p, #page .geoloc_page p {font-size:1.6em; line-height:2em; margin:0; display:inline-block; background:#ef0e51; border:2px solid #ef0e51; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); behavior:url(/fileadmin/templates/ot/css/PIE.htc);}
  #page .link_page p:hover , #page .download_page p:hover, #page .geoloc_page p:hover {background:none; -webkit-transition-property:background; -webkit-transition-duration:600ms; -moz-transition-property:background; -moz-transition-duration:600ms; transition-property:background; transition-duration:600ms;}
  #page #global .content_page .link_page a, #page #global .content_page .download_page a, #page #global .content_page .geoloc_page a {padding:12px 26px; display:block;}
  #page .content_page .link_page a, #page .download_page a, #page .download_page a .nm_doc, #page .download_page a .infos_doc, #page .content_page .geoloc_page a {color:#ffffff; font-family:'ralewaybold',Arial,Verdana,sans-serif; border:0; padding:0;}
  #page .download_page a .nm_doc {color:#ffffff; font-family:'ralewaybold',Arial,Verdana,sans-serif; padding:0 5px 0 0; border-right:1px solid #ffffff;}
  #page .download_page a .infos_doc {color:#ffffff; font-family:'ralewaybold',Arial,Verdana,sans-serif; padding:0 0 0 5px;}
  #page .link_page p:hover a, #page .download_page p:hover a, #page .download_page p:hover .nm_doc, #page .download_page p:hover .infos_doc, #page .geoloc_page p:hover a, #page .content_page .link_page a:hover, #page .content_page .link_page a:focus, #page .download_page a:hover, #page .download_page a:focus, #page .download_page a:hover .nm_doc, #page .download_page a:focus .nm_doc, #page .download_page a:hover .infos_doc, #page .download_page a:focus .infos_doc, #page .content_page .geoloc_page a:hover, #page .content_page .geoloc_page a:focus {color:#ef0e51; background:none;}

/*   BLOC CONTENU + INFO   */
  .bloc_contenu_infos {margin:0 0 40px 0;}
  .bloc_contenu_infos .left {width:509px; margin:0 32px 15px 0;}
  .bloc_contenu_infos .right {width:295px; padding:26px; margin:0 0 15px 0; background:#e6e6e6;}
  #page.search .bloc_contenu_infos .right {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #page .content_page .titre_info {font-family:'trend_sansone',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1em; margin:0 0 30px 4px;}
  #page .content_page .ss_titre_info {font-family:'ralewaybold',Arial,Verdana,sans-serif; line-height:1.3em; margin:0 0 15px 0;}
  #page .content_page .txt_info p {color:#1f2125; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.2em; margin:0 0 15px 0;}
  #page .content_page .txt_info a {/*text-transform:uppercase;*/ color:#878786; font-family:'ralewaybold',Arial,Verdana,sans-serif; padding:0; background:none; border:0; font-weight:normal; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
  #page .content_page .txt_info a:hover, #page .content_page .txt_info a:focus {color:#ef0e51;}
  /*CURRENT DAY TIDE*/
  #current_day_tide.bloc_contenu_infos {margin:0 0 0px 0;}
  #current_day_tide.bloc_contenu_infos .left {width:460px; margin:0 32px 15px 0;}
  #current_day_tide.bloc_contenu_infos .right {width:385px; padding:15px; margin:0;}


/* *************************** GABARIT PAGE MENU *************************** */
  .bloc_menu {overflow:hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background:#e6e6e6;}
  .bloc_menu .img_rubrique {height:300px; width:300px; overflow:hidden; margin:0 32px 0 0;}
  #page .bloc_menu .img_rubrique a {padding:0;}
  .bloc_menu .img_rubrique img {overflow:hidden; position:relative; width:auto; height:auto; max-width:100%; min-width:100%; max-height:100%; min-height:100%; display:block;}
  .bloc_menu .txt_rubrique {width:555px; padding:30px 0 5px 0;}
  #page .bloc_menu .txt_rubrique h2 {font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:3em; line-height:1.3em; margin:0 0 30px 0; overflow:hidden;}
  #page .bloc_menu .txt_rubrique .desc_rubrique p {font-size:1.5em; line-height:1.5em;}
  /* MAQ */
  .bloc_menu {background:none; border-bottom:1px solid #a6a7a6; margin:0 0 22px 0; padding:0 0 21px 0;}
  #sous_menu_page_int .bloc_menu:first-child {border-top:1px solid #a6a7a6; padding:22px 0 21px 0;}

/* *************************** SITE MAP *************************** */
  .content_page .csc-sitemap ul {padding:0; margin:10px 0 0 0;}
  .content_page .csc-sitemap li {margin:0 0 25px 0; list-style-image:none;}
  .content_page .csc-sitemap li a {text-decoration:none; color:#303033; font-family:'ralewaybold',Arial,Verdana,sans-serif; border:0; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none; padding:0 0 0 23px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -528px -140px;}
  .content_page .csc-sitemap li ul {padding:0 0 0 23px;}
  .content_page .csc-sitemap li li {font-size:0.9em; line-height:0.9em; margin:0 0 12px 0;}
  .content_page .csc-sitemap li li a {font-weight:normal; font-family:'ralewayregular',Arial,Verdana,sans-serif; padding:0 0 0 15px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -557px -111px;}
  .content_page .csc-sitemap li li ul {margin:10px 0 15px 0;}

/* *************************** ACTUALITES *************************** */
  /* mode liste */
    .content_page .news-list-item {background:#e6e6e6; padding:0; margin:0 0 20px 0; height:300px; overflow:hidden;}
    .content_page .news-list-item .left.zone_img {height:300px; width:300px; overflow:hidden; margin:0 32px 0 0;}
    .content_page .news-list-item .right.zone_txt {width:566px; padding:30px 30px 5px 0;}
    .content_page .news-list-item .left.zone_txt {width:566px; padding:30px 0 5px 30px;}
    .content_page .news-list-item .right.zone_img {height:300px; width:300px; overflow:hidden; margin:0 0 0 32px;}
    .content_page .news_list_img {height:300px; width:300px; overflow:hidden;}
    .content_page .news_list_img a, .content_page .news_single_img a {padding:0; border:0; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
    .content_page .news_list_img img {display:block; width:auto; height:auto; min-height:100%; min-width:100%; max-width:inherit; margin:0; padding:0; border:0;}
    #page .news-list-item h2 {font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:3em; margin:0 0 11px 0;}
    #page .content_page .news_list_date p {color:#878786; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em; letter-spacing:0.06em; margin:0 0 25px 0;}
    #page .news-list-item .news_list_txt p:first-child {font-size:1.5em; line-height:1.5em; margin:0 0 30px 0;}
  /* liens */
    #page .news-list-morelink p, #page .news-archives p {margin:0;}
    .news-archives {text-align:center; padding:0 0 15px 0; margin:0 0 16px 0; border-bottom:1px solid #dbdbdb;}
    .content_page .news-backlink-wrap {padding:24px 0 0 0; margin:60px 0 25px 0; border-top:1px solid #a6a7a6;}
  /* mode detail */
    #page .news_single_content h1 {margin:0 0 60px 0;}
    .content_page .news_single_img {width:300px; margin:0 46px 30px 0; float:left; overflow:hidden;}
    .content_page .news_single_img img {height:auto; max-width:100%;}
    #page .news_single_infos p {text-transform:uppercase; color:#878786; font-family:'trend_sansone',Arial,Verdana,sans-serif; font-size:3.2em; line-height:1em; margin:0 0 30px 0;}
    .content_page .news_single_img .news-single-imgcaption {max-width:100%; margin:5px 0; color:#878786; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-weight:normal; font-size:1.4em; line-height:1.4em;}
    .content_page .news_single_txt.left {float:none;}

/* *************************** CIMBOOKING *************************** */
  .item_booking {margin:0 0 30px 0;}
  .item_booking .left {height:300px; width:300px; overflow:hidden; margin:0 32px 0 0;}
  .item_booking .right {width:586px; padding:5px;}
  .item_booking .infos {padding:20px; background:#e6e6e6; margin:20px 0;}
  #page .item_booking .pres h2 {font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:3em; margin:0 0 28px 0;}
  #page .item_booking .pres p.booking_date {color:#878786; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em; letter-spacing:0.06em; margin:0 0 25px 0;}
  .item_booking .infos p {color:#1f2125; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.2em; margin:0 0 10px 0;}
  .item_booking .infos span {text-transform:uppercase; font-family:'ralewaybold',Arial,Verdana,sans-serif; padding:0 2px 0 0;}

/* *************************** RECHERCHE SolR *************************** */
  .content_page .tx-solr-search-form {background:none; border:0; padding:0;}
  .content_page .tx-solr-q {width:65%; padding:12px 3%; border:0; min-height:60px;}
  .content_page .tx-solr-search-form input[type="submit"] {width:30%; padding:10px 31px;}
  /*tri nb result par page*/
  .content_page #tx-solr-pagination {height:auto;}
  .content_page #tx-solr-pagination-results-per-page {float:left;}
  .content_page #tx-solr-pagination-results-per-page p.tx-solr-pagination-results-per-page {float:left; margin:0; /**/ line-height:2.9em;}
  .content_page #tx-solr-pagination-results-per-page select {width:auto; float:left; padding:0 3px;}
  .content_page #tx-solr-pagination label {padding:0; width:auto; margin:0 5px 0 0;}
  .content_page #tx-solr-pagination select {width:auto; /*line-height:1.1em; background:#ffffff;*/ /**/ padding:5px 30px 5px 5px; margin-left:10px; line-height:2.2em; background:#ffffff url(../img/bg_select_pink.png) no-repeat 90% center;}
  .results-topic {font-size:1em;}
  .content_page #tx-solr-search .results-list a {font-family:'ralewaybold',Arial,Verdana,sans-serif;}
  .content_page #tx-solr-search .results-list {padding:0;}
  .content_page #tx-solr-search .results-list li {margin:10px 0; font-size:1.9em;}
  .content_page #tx-solr-search .results-list li p {font-size:0.8em; line-height:1.4em;}
  .relevance-label, .relevance-bar, .relevance-percent {font-size:0.8em;}
  .content_page .tx-solr-relevance {background:#ef0e51;}
  #tx-solr-search .relevance-bar {padding-top:7px; margin-right:5px;}
  .content_page .results-highlight {color:#ffffff; background:#1e2629; padding:0 3px;}
  .content_page #tx-solr-pagination .tx-pagebrowse-pi1 {float:none;}
  .content_page .tx-indexedsearch .tx-indexedsearch-searchbox {margin:0 0 20px 0;}
  .content_page .tx-indexedsearch input[type="text"] {width:auto; float:left; padding:2px 1%}
  .content_page .tx-indexedsearch .btn_submit {float:left; margin:0; padding:0;}
  .content_page .tx-indexedsearch .btn_submit input[type="submit"] {padding:4px 10px 3px 10px;}
  #page .content_page .tx-indexedsearch-res ul {padding:0; margin:0;}
  #page .content_page .tx-indexedsearch-res li {list-style-image:none; margin:20px 0 0 0; font-size:inherit; line-height:inherit;}
  .content_page #tx-solr-search .tx-solr-search-word {font-family:'ralewaybold',Arial,Verdana,sans-serif;}
  #page .content_page .tx-indexedsearch-res .item_search_site h2 {margin:0px 0 10px 0;}
  #page .content_page .tx-indexedsearch-res .item_search_site h2 a {font-size:0.8em; line-height:0.8em;}
  #page .content_page  .tx-indexedsearch-whatis {color:#333333; font-size:2em; line-height:1em; text-transform:uppercase;}
  #page .content_page .tx-indexedsearch-browsebox {display:block; margin:10px 0;}
  #page .content_page .tx-indexedsearch-browsebox p {margin:0; color:#1a171b; font-size:1.4em; line-height:1.4em;}
  #page .content_page .tx-indexedsearch-browsebox ul.browsebox {padding:0; margin:0; text-align:center;}
  #page .content_page .tx-indexedsearch-browsebox ul.browsebox li {padding:0; margin:0 5px; list-style-image:none; display:inline;}
  #page .content_page .tx-indexedsearch-browsebox ul.browsebox li a {text-decoration:none; color:#1a171b;}
  #page .content_page .tx-indexedsearch-browsebox ul.browsebox li.tx-indexedsearch-browselist-currentPage a {color:#888888; font-family:'ralewaybold',Arial,Verdana,sans-serif;}
  span.nautisme{  padding: 4px;  text-transform: uppercase;  font-family: 'ralewaysemibold',Arial,Verdana,sans-serif;  margin: 0 15px 0 0;  font-size: 0.6em;  color: #303033;  background: #32d6ea;  border-radius: 2px;  vertical-align: top;}
  span.ville {  padding: 4px;  text-transform: uppercase;  font-family: 'ralewaysemibold',Arial,Verdana,sans-serif;  margin: 0 15px 0 0;  font-size: 0.6em;  color: #222222;  background: #ffb22b;  border-radius: 2px;  vertical-align: top;}
  span.tourisme {  padding: 4px;  text-transform: uppercase;  font-family: 'ralewaysemibold',Arial,Verdana,sans-serif;  margin: 0 15px 0 0;  font-size: 0.6em;  color: #ffffff;  background: #ef0e51;  border-radius: 2px;  vertical-align: top;}
  /**/
  .content_page #tx-solr-faceting ul, .content_page #tx-solr-faceting ol {padding:0; margin:0;}
  .content_page #tx-solr-faceting li {list-style-image:none;}
  .content_page #tx-solr-faceting a {border:0; padding:0; word-break:break-all;}
  .tx-solr-search-functions .secondaryContentSection .csc-header p {margin:0 0 10px 0; color:#404040; font-size:1.8em; line-height:1.2em;}
  .content_page #tx-solr-sorting {float:left; position:relative; margin:0 0 0 60px; width:40%;}
  .content_page #tx-solr-sorting .csc-header {float:left; margin:0 10px 0 0;}
  .content_page #tx-solr-sorting p {margin:0; line-height:2.9em;}
  .content_page #tx-solr-sorting .btn_sorting {width:125px; height:25px; /*background:#e0e0e0 url(../img/picto_sorting.jpg) no-repeat right 7px;*/ background:#ffffff url(../img/bg_select_pink.png) no-repeat 97% center; float:right; position:relative; cursor:pointer; /*margin:0 5px 0 0;*/ /**/ height:49px;}
  .content_page #tx-solr-sorting .btn_sorting.btn_act {/*width:20px;*/   width:30px; background:#ffffff url(../img/bg_select_pink.png) no-repeat 70% center;}
  .content_page #tx-solr-sorting #wrap_list_sorting {float:left; min-height:20px; min-width:130px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); /**/ min-width:140px; background:#ffffff;}
  .content_page #tx-solr-sorting #wrap_list_sorting ul {padding:3px 20px 3px 3px; margin:0; position:absolute; background:#ffffff; width:107px; display:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); /**/ width:117px;}
  .content_page #tx-solr-sorting #list_sorting li {margin:0 0 10px 0; padding:0; list-style-image:none;}
  .content_page #tx-solr-sorting #list_sorting li a {font-family:'robotoitalic',Arial,Verdana,sans-serif; color:#666666; border:0;}
  .content_page #tx-solr-sorting #list_sorting li a:hover, .content_page #tx-solr-sorting #list_sorting li a:focus {color:#666666; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
  .content_page #tx-solr-facets-in-use ul {padding:0 10px;}
  .content_page #tx-solr-facets-in-use li {margin:0 0 5px 0; padding:0;}
  .content_page #tx-solr-facets-in-use li a {background:url(../img/picto_close.png) no-repeat left 6px; padding:0 0 0 15px;}
  .content_page #tx-solr-faceting ul.facets {padding:0 10px;}
  .content_page .facet-type- {border-bottom:1px solid #cfcecf; margin:0 0 15px 0; padding:0 0 5px 0;}
  .content_page #tx-solr-faceting .facets .facet-option-list {padding:5px 0px 10px 0px;}
  #page p.csc-firstHeader {color:#222222; font-family:'ralewaybold',Arial,Verdana,sans-serif; text-transform:uppercase; border-top:1px solid #e0e0e0; padding:9px 0 0 0; margin:0 10px 15px 0;}
  .content_page #tx-solr-faceting .facets .facet-label {font-weight:normal; font-size:1em; line-height:1.2em; background:#e0e0e0; color:#707070; text-transform:uppercase; /*background:none; margin:0; border-bottom:2px solid #ef0e51; color:#222222; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:0.9em;*/}

  /* *************************** PAGER *************************** */
  .content_page #tx-solr-search #tx-solr-pagination ul.tx-pagebrowse {margin:15px 0px; padding:0;}
  .content_page #tx-solr-pagination ul.tx-pagebrowse li {list-style-image:none; font-size:1.5em;}
  .content_page #tx-solr-pagination ul.tx-pagebrowse li li {font-size:1em;}
  .content_page #tx-solr-search li.tx-pagebrowse-pages {padding:0;}
  /*.content_page #tx-solr-pagination ul.tx-pagebrowse {margin:15px 0px; padding:0;}
  .content_page #tx-solr-pagination ul.tx-pagebrowse li {list-style-image:none; margin:0; display:inline-block; vertical-align:top; text-indent:-9999px; width:27px;}
  .content_page #tx-solr-pagination ul.tx-pagebrowse li a {border:0; display:block;}
  .content_page #tx-solr-pagination .tx-pagebrowse-first a, .content_page #tx-solr-pagination .tx-pagebrowse-prev a, .content_page #tx-solr-pagination .tx-pagebrowse-next a, .content_page #tx-solr-pagination .tx-pagebrowse-last a {width:27px; height:18px;}
  .content_page #tx-solr-pagination .tx-pagebrowse-first a {background:url(../img/pager_first.png) no-repeat center center;}
  .content_page #tx-solr-pagination .tx-pagebrowse-prev a {background:url(../img/pager_prev.png) no-repeat center center;}
  .content_page #tx-solr-pagination .tx-pagebrowse-next a {background:url(../img/pager_next.png) no-repeat center center;}
  .content_page #tx-solr-pagination .tx-pagebrowse-last a {background:url(../img/pager_last.png) no-repeat center center;}
  .content_page #tx-solr-pagination .tx-pagebrowse-first a:hover, .content_page #tx-solr-pagination .tx-pagebrowse-first a:focus, .content_page #tx-solr-pagination .tx-pagebrowse-prev a:hover, .content_page #tx-solr-pagination .tx-pagebrowse-prev a:focus, .content_page #tx-solr-pagination .tx-pagebrowse-next a:hover, .content_page #tx-solr-pagination .tx-pagebrowse-next a:focus, .content_page #tx-solr-pagination .tx-pagebrowse-last a:hover, .content_page #tx-solr-pagination .tx-pagebrowse-last a:focus {-webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
  .content_page #tx-solr-pagination .tx-pagebrowse-first a:hover, .content_page #tx-solr-pagination .tx-pagebrowse-first a:focus {background:url(../img/pager_first_hover.png) no-repeat center center;}
  .content_page #tx-solr-pagination .tx-pagebrowse-prev a:hover, .content_page #tx-solr-pagination .tx-pagebrowse-prev a:focus {background:url(../img/pager_prev_hover.png) no-repeat center center;}
  .content_page #tx-solr-pagination .tx-pagebrowse-next a:hover, .content_page #tx-solr-pagination .tx-pagebrowse-next a:focus {background:url(../img/pager_next_hover.png) no-repeat center center;}
  .content_page #tx-solr-pagination .tx-pagebrowse-last a:hover, .content_page #tx-solr-pagination .tx-pagebrowse-last a:focus {background:url(../img/pager_last_hover.png) no-repeat center center;}
  .content_page #tx-solr-pagination ul.tx-pagebrowse li.tx-pagebrowse-pages {text-indent:0px; width:auto; font-size:1.3em; padding:0;}
  .content_page #tx-solr-pagination .tx-pagebrowse-pages ol {padding:0 10px; margin:0;}
  .content_page #tx-solr-pagination .tx-pagebrowse-pages ol li {color:#858585; text-indent:0px; width:auto;}
  .content_page #tx-solr-pagination .tx-pagebrowse-pages ol .tx-pagebrowse-page a {text-decoration:none; vertical-align:top; border:0; font-family:'robotoregular',Arial,Verdana,sans-serif;}
  .content_page #tx-solr-pagination .tx-pagebrowse-pages ol .tx-pagebrowse-current {color:#333333; font-family:'robotobold',Arial,Verdana,sans-serif;}*/

/* MOTEURS */
  #main_content_moteur {background:#212223; padding:40px 0 15px 0; margin:0 0 20px 0;}
  #main_content_moteur .wrap {position:relative;}
  #main_content_moteur #zone_map {width:700px; margin:0 35px 0 0; padding:0 0 47px 0; position:absolute; height:100%; left:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  #main_content_moteur #zone_map.zone_map_large{width:100%;height:500px;position:inherit;padding:0;}
  #main_content_moteur #map_resultats {overflow:hidden; margin:0 0 10px 0; height:100%;}
  #main_content_moteur #map_resultats img {max-width:inherit; width:auto; min-height:100%;}
  #main_content_moteur #zone_map .txt_lien_simple {text-align:center;}

  /* PLAN DE LA VILLE*/
    #plan_ville #main_content_moteur #zone_map{position:inherit;height:600px;width:100%;}
    #plan_ville #main_content_moteur #search_sit {width:100%; float:none; margin:0;}
  #plan_ville #main_content_moteur #map_tools, #plan_ville #main_content_moteur #map_tools form {width:auto;}
  #plan_ville #main_content_moteur #map_tools {left:70px !important;}
  #plan_ville #main_content_moteur #map_tools form {margin:0;}
    #plan_ville #search_sit .ligne_form {float:left; clear:none; width:30%; margin:0 2% 0 0;}
    #plan_ville #main_content_moteur #search_sit .ligne_form select {height:61px;}
    #plan_ville #search_sit .ligne_form.btn_submit {float:left; width:20%; display:block; clear:none; margin:11px 0 0 0;}
    #plan_ville #tx_cimsearch_form{margin:0 0 20px 0;}
    #plan_ville #infos_retour_sit {height:36px;}
    #plan_ville #infos_retour_sit p {color:#ffffff; font-size:2.1em; line-height:1em; text-align:center;}
  #plan_ville .item_resultat{max-width:750px;}
  #plan_ville .item_resultat .wrap_resultat p{font-size:1.2em;}
  #plan_ville .item_resultat .wrap_resultat a:hover, #plan_ville .item_resultat .wrap_resultat a:focus{color:#ef0e51;}
  #plan_ville .gm-style-mtc{background:#ef0e51}
  #plan_ville .gm-style-mtc > div {background:#ef0e51 !important; color:#fff !important; height:25px; font-size:16px !important; line-height:25px !important;}
  #plan_ville .gm-style .gm-style-mtc label {float:none; font-size:14px; display:inline;}
  #plan_ville #main_content_moteur .map_city input[type="text"] {width:auto;}
  #plan_ville #map_tools form .map_city input[type="submit"] {float:left !important; clear:none !important;}

  /* MOTEUR QUE FAIRE */
    #main_content_moteur #que_faire {width:360px; margin:0 0 38px 0;}
    #main_content_moteur #que_faire .switch_search_type {display:none;}
    #main_content_moteur #que_faire .wrap_form, #main_content_moteur #que_faire .left, #main_content_moteur #que_faire .right {float:none;}
    #main_content_moteur #que_faire .ligne_form {text-align:left;}
    #main_content_moteur #que_faire .ligne_form.btn_submit {text-align:center;}
    #main_content_moteur #que_faire .ligne_form label {margin:0 14px 0 0; font-size:3em; line-height:1.5em;}
    #main_content_moteur input[type="text"] {width:100%;}
    #main_content_moteur #que_faire .ligne_form select, #main_content_moteur #que_faire .ligne_form input.date_input {font-size:3em; line-height:1.2em; background:#212223 url(../img/bg_select_pink.png) no-repeat right center;}
    #main_content_moteur #que_faire .ligne_form select {max-width:80%;}
    #main_content_moteur #que_faire .ligne_form input.date_input {width:227px;}
    #main_content_moteur #que_faire .ligne_form input[type="submit"] {margin:30px 0 0 0;}
    #main_content_moteur .txt_lien {font-size:1.5em; line-height:1.5em; margin:0 0 25px 0; text-align:left;}
    #main_content_moteur .txt_lien a {text-transform:uppercase; color:#ffffff; font-family:'ralewaybold',Arial,Verdana,sans-serif; padding:0 0 0 15px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 0 -748px; border:0; font-weight:normal; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
    #main_content_moteur .txt_lien a:hover, #main_content_moteur .txt_lien a:focus {color:#ef0e51;}

  /* MOTEUR SIT */
    #main_content_moteur #search_sit {width:360px; margin:0 0 38px 0;}
    #search_sit #classement, #search_sit .ligne_form {margin:0 0 40px 0;}
    #search_sit label, #search_sit #classement > span {text-transform:uppercase; color:#ffffff; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:2em; line-height:1em; padding:0; margin:0 0 20px 0; float:none; width:auto;}
    #search_sit #classement > span {display:block;}
    #search_sit #classement .ligne_form {display:inline-block; vertical-align:top; margin:0;}
    #search_sit #classement .ligne_form span, #search_sit #classement > span span.infos {font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.6em; font-size:16px; line-height:1.5em;}
    #search_sit #classement > span span.infos {text-transform:none;}
    #search_sit input.input_range {margin:0 0 12px 0;}
    #search_sit .ligne_form.btn_submit {text-align:center;}

    #main_content_moteur #search_sit input[type="text"] {width:100%;}
    #main_content_moteur #search_sit .ligne_form select, #main_content_moteur #search_sit .ligne_form input.date_input {color:#ffffff; background:#212223 url(../img/bg_select_pink.png) no-repeat right center; width:auto; padding:0 40px 0 0; border:0; border-bottom:1px solid #ffffff; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-overflow:""; text-indent:0.01px;}
    #main_content_moteur #search_sit .ligne_form select {max-width:80%;}
    #main_content_moteur #search_sit .ligne_form input.date_input {width:227px;}
    #main_content_moteur #search_sit .ligne_form input[type="submit"] {margin:30px 0 0 0;}

  /* CLASSEMENT */
    #page .classement_label {margin:0 0 20px 0;}
    .classement_label span {display:inline-block; margin:0 5px 0 0; vertical-align:top; text-indent:-99999px}
    .classement_label .classement_1_etoiles {background:url(../img/pictos_sit.png) no-repeat 0 2px; width:20px;}
    .classement_label .classement_2_etoiles {background:url(../img/pictos_sit.png) no-repeat 0 -36px; width:46px;}
    .classement_label .classement_3_etoiles {background:url(../img/pictos_sit.png) no-repeat 0 -74px; width:62px;}
    .classement_label .classement_4_etoiles {background:url(../img/pictos_sit.png) no-repeat 0 -112px; width:84px;}
    .classement_label .classement_5_etoiles {background:url(../img/pictos_sit.png) no-repeat 0 -150px; width:105px}
    .classement_label .classement_1_epis {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_2_epis {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_3_epis {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_4_epis {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_5_epis {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_1_cles {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_2_cles {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_3_cles {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_4_cles {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_5_cles {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_qualite_tourisme {background:url(../img/pictos_sit.png) no-repeat 0 -227px; width:27px; height:27px;}
    .classement_label .classement_partenaire {/* background:url(../img/logo_partenaire_ot_small.png) no-repeat; */ background:url(../img/logo_vie_en_roz.png) no-repeat center center; background-size:100%; width:100px; height:100px; float:right; margin:0 15px;}
    .classement_label .classement_gite_france {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_tourisme_handicap {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label .classement_famille_plus {background:url(../img/pictos_sit.png) no-repeat 0 0;}
    .classement_label a,.classement_label a:hover, .classement_label a:focus {text-decoration:none;border:none;background:none;}

  /* LISTE RESULTATS */
    #liste_resultats.loading {padding:0 0 20px 0;}
    #liste_resultats .nb_resultats {padding:0 0 20px 0; margin:0 0 28px 0; border-bottom:1px solid #a6a7a6;}
    #liste_resultats .nb_resultats p {text-transform:uppercase; color:#ef0e51; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em;  /**/ font-size:2em; line-height:2em;}
    #liste_resultats .item_resultat {padding:0 0 29px 0; margin:0 0 28px 0; border-bottom:1px solid #a6a7a6;}
    #liste_resultats .img {width:190px; margin:13px 30px 0 0;}
    #liste_resultats .pres {width:430px; margin:5px 35px 0 0;}
    #liste_resultats .infos {padding:26px 26px 16px 26px; width:323px; min-height:198px; background:#e6e6e6;}
    #liste_resultats .infos a {word-wrap:break-word;}
    #liste_resultats .img img {display:block;}
    #liste_resultats .pres h2 {font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:3em; margin:0 0 28px 0;}
    #liste_resultats.sit .pres h2 {margin:0 0 7px 0;}
    #page #liste_resultats.sit .pres h2 a:hover, #page #liste_resultats.sit .pres h2 a:focus {color:#ef0e51; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;}
    #liste_resultats .pres p {font-size:1.5em; line-height:1.5em; margin:0;}
    #liste_resultats .pres p.txt_lien_simple {margin:28px 0 0 0;}
    #page .infos p.titre_info {color:#262728; font-family:'trend_sansone',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1em; margin:0 0 25px 0;}
    #page .infos p {color:#1f2125; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.2em; margin:0 0 10px 0;}
    #page .infos span {text-transform:uppercase; font-family:'ralewaybold',Arial,Verdana,sans-serif; padding:0 2px 0 0;}
    #page .cim_search_no_result{text-align:center;font-size:2.5em;}

    .loader:before, .loader:after, .loader {border-radius:50%; width:2em; height:2em; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:load7 1.8s infinite ease-in-out; animation:load7 1.8s infinite ease-in-out;}
    .loader {margin:0 auto; font-size:9px; position:relative; text-indent:-9999em; -webkit-animation-delay:0.16s; animation-delay:0.16s;}
    .loader:before {left:-3.5em;}
    .loader:after {left:3.5em; -webkit-animation-delay:0.32s; animation-delay:0.32s;}
    .loader:before, .loader:after {content:''; position:absolute; top:0;}
    @-webkit-keyframes load7 {
      0%, 80%, 100% {box-shadow:0 2em 0 -1.3em #ffffff; }
      40% {box-shadow:0 2.5em 0 0 #ef0e51;}
    }
    @keyframes load7 {
      0%, 80%, 100% {box-shadow:0 2em 0 -1.3em #ffffff;}
      40% {box-shadow:0 2em 0 0 #ef0e51;}
    }

  /* DETAIL */
    #zone_img.cim_media{margin:0;}
    #zone_img {background:#212223; padding:40px 0 15px 0; margin:0 0 38px 0;}
    #zone_img .left {width:700px; height:520px; overflow:hidden; text-align:center;}
    /*#zone_img .left img {min-height:100%; max-height:100%;}*/
    #zone_img .right {width:390px;}
    #zone_img .right li {display:block; float:left; width:100px; height:100px; overflow:hidden; margin:15px 0 15px 30px; border:3px solid transparent; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/ot/css/PIE.htc); overflow:hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms; cursor:pointer;}
    #zone_img .right li.activeImage, #zone_img .right li:hover {border:3px solid #ffffff;}
    #zone_img .right li img {min-height:100%; min-width:100%; display:block;}
    #zone_infos .left {margin:0 110px 0 0; width:330px;}
    #zone_infos .right {width:660px;}
    #zone_infos .infos {padding:13px 0 0 80px; margin:0 0 34px 0; min-height:47px;}
    #zone_infos .btn_lien {margin:45px 0; text-align:center; display:block;}
    #zone_infos #btn_fiche {text-align:center;}
    #zone_infos #btn_fiche .btn_lien {margin:45px 15px; text-align:center;}
    #zone_infos #adresse {background:url(../img/pictos_sit.png) no-repeat -599px 0;}
    #zone_infos #tarifs {background:url(../img/pictos_sit.png) no-repeat -540px -79px;}
    #zone_infos #contact {background:url(../img/pictos_sit.png) no-repeat -480px -160px;}
    #zone_infos #services {background:url(../img/pictos_sit.png) no-repeat -420px -240px;}
    #zone_infos #presentation {background:url(../img/pictos_sit.png) no-repeat -360px -320px;}
    #zone_infos #label {background:url(../img/ot_sit_label.png) no-repeat;}
    #zone_infos #agenda {background:url(../img/pictos_sit.png) no-repeat -300px -400px;}

#page #zone_infos #contact.infos p a {text-decoration:none; text-transform:none; color:#303033; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-weight:normal; border-bottom:1px solid #ef0e51; background:none; padding:0 3px;}
#page #zone_infos #contact.infos p a:hover, #page #zone_infos #contact.infos p a:focus {color:#ffffff; background:#ef0e51; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;}

    /* FICHE DETAIL NAUT */
    #zone_img #main_picture.left {min-height:520px; height:auto;}
    #page #zone_img #main_picture.left p {color:#ffffff; margin:0;}
    #zone_infos .infos.bloc_detail {padding:0;}
    #zone_infos .infos .picto_infos {width:60px; margin:0;}
    #zone_infos .infos .content_infos {width:250px;}
    #page .zone_bloc_detail_infos {padding:26px; margin:0 0 15px 0; background:#e6e6e6; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    /**/
    #page .zone_bloc_detail_infos {padding:0; background:none;}
    #page #zone_infos .zone_bloc_detail_infos .picto_infos {width:60px; margin:0;}
    #page #zone_infos .zone_bloc_detail_infos .content_infos {width:575px;}
    /**/
    #zone_infos #btn_fiche.liens_detail {margin:45px 0 30px 0;}
    #zone_infos #btn_fiche.liens_detail .btn_lien {display:inline-block; margin:0 20px 15px 20px;}

    #zone_infos .bloc_contenu_infos > .left {width:615px;}
    #zone_infos .bloc_contenu_infos > .right {width:375px;}

    #page #zone_infos .infos p.titre_info {margin:0 0 15px 0; line-height:1em;}
    #page #zone_infos .infos p {margin:0; line-height:1.5em;}
    #page #zone_infos .infos p span {text-transform:none;}
    #zone_infos #services img {padding:0 5px;}
    #page.search .mise_en_avant {margin:0;}
    #zone_map .contenu_tab {/*background:#e6e6e6;*/}
    #map_detail {/*width:100%;*/width:90%; margin:0 auto; height:500px; overflow:hidden;}
    #map_detail img {min-width:100%; min-height:100%; max-width:inherit;}
    #map_tools {padding:30px 0; width:1000px;}
    #map_tools form {display:block; float:left; margin:0 20px 0 0; width:640px;}
    #map_tools #geolocButton {float:left; text-indent:-99999px; padding:0; margin:0 15px; height:63px; width:63px; background:#e6e6e6 url(../img/pictos_sit.png) no-repeat -395px -22px;}
    #map_tools form input {width:auto; float:left; padding:11px 10px;}
    #map_tools form input[type="submit"] {float:left; padding:10px;}
    #page #map_tools .btn_lien {float:right; line-height:3em;}
    #page #map_tools .btn_lien a {padding:0 20px; display:block;}

    #zone_map #directions-panel .tx-cim-sit table {background:none; border:0; }
    #zone_map .tx-cim-sit table td {vertical-align:middle; text-align:left; color:#1a171b; font-family:'ralewayregular',Arial,Verdana,sans-serif; /*font-size:1.5em; line-height:2em;*/ border:0;}
    #zone_map #directions-panel {color:#303033; font-family:'ralewayregular',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.7em;}
    .gm-style .gm-style-iw {line-height:1.3em;}
    .tx-cim-sit table td.adp-text, .adp-summary span {font-family:'ralewaybold',Arial,Verdana,sans-serif;}
    #zone_map .adp-legal {font-size:0.7em; line-height:0.7em;}

    #page p.titre_tab {font-size:6.5em; line-height:1em; margin:0; padding:47px 0; text-align:center;}
    #page p.titre_tab a {text-transform:uppercase; color:#303033; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; position:relative; padding:0 120px 0 0;}
    .titre_tab a .btn_tab {display:block; position:absolute; right:0px; top:16px; width:50px; height:50px; background:#ef0e51; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/ot/css/PIE.htc);}
    .titre_tab .btn_tab::before, .titre_tab .btn_tab::after {content:""; display:block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
    .titre_tab .btn_tab::before, .titre_tab .btn_tab::after {position:absolute; width:35px; height:10px; background:#e6e6e6; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
    .titre_tab .btn_tab::before {margin-top:20px; left:8px;}
    .titre_tab .btn_tab::after {margin-top:20px; left:8px; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
    .titre_tab .btn_tab:hover::before {-moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); transform:rotate(-20deg);}
    .titre_tab .btn_tab:hover::after {-moz-transform:rotate(70deg); -ms-transform:rotate(70deg); -webkit-transform:rotate(70deg); transform:rotate(70deg);}
    .titre_tab.btn_act a .btn_tab {background:#303033;}
    .titre_tab.btn_act .btn_tab::before {-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
    .titre_tab.btn_act .btn_tab::after {-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

    .contenu_tab.tab_close {display:none;}

/* *************************** FAQ *************************** */
  #page ul.zone_questions {padding:0;}
  #page ul.zone_questions li {padding:0; margin:0 0 5px 0; list-style-image:none;}
  .liste_questions button {padding:0 0 0 26px; background:url(../img/picto_link.png) no-repeat left center transparent; font-size:1.2em; line-height:1.2em; text-decoration:none; cursor:pointer;}
  #page .liste_questions .desc {margin:5px 0 0 0; display:none;}
  #page .liste_questions .desc p {font-size:1.1em; line-height:1.2em;}
  .content_page .liste_questions .desc ul li, .content_page .liste_questions .desc ol li {font-size:1.1em; line-height:1.2em; list-style-image:url(../img/puce_liste_pink.png); margin:2px 0;}
  /* *************************** END FAQ *************************** */

/* *************************** MEDIATHEQUE *************************** */
  /*   MODE GALERIE   */
    #page #description_media {margin:0 0 15px 0; text-align:center;}
    #page #description_media p {margin:0; display:none !important;}
    #page #description_media p:first-child {display:block !important;}
    #page .ad-gallery {margin:0 auto; max-width:100%;}
    #page .ad-nav ul  {padding:0 2%;}
    #page .ad-nav ul li {list-style-type:none; list-style-image:none;}
    .content_page .ad-gallery .ad-thumbs li a, .content_page .ad-gallery .ad-image a {padding:0; border:0;}
    .content_page .ad-gallery .ad-thumbs li a:hover, .content_page .ad-gallery .ad-thumbs li a:focus, .content_page .ad-gallery .ad-image a:hover, .content_page .ad-gallery .ad-image a:focus {border:0; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
    #page .ad-gallery .ad-thumbs li a img {border:1px solid #1e2629;}
    #page .ad-gallery .ad-thumbs li a.ad-active img {border:1px solid #f03f58;}
    #page .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image {background:url(../img/picto_prev_slide_suggest.png) no-repeat center center;}
    #page .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background:url(../img/picto_next_slide_suggest.png) no-repeat center center;}

    .list_media {margin:0 0 15px 0;}
  /*   SLIDER DOCS   */
    #slider_docs {margin:0 auto 8px auto; position:relative; width:100%; overflow:hidden;}
    #slider_docs #slideshow_docs {margin:0 71px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .content_page #slider_docs ul {margin:0; padding:0;}
    .content_page #slider_docs li {margin:0 0 0 10px; list-style-image:none; font-size:1.3em;}
    #slider_docs li .img_last {max-height:111px; overflow:hidden; margin:0 0 10px 0;}
    #page #slider_docs li .img_last a {padding:0; border:0; display:block;}
    #slider_docs li .img_last img {width:auto; height:auto; min-width:100%; display:block;}
    .content_page #slider_docs li .nom_last a {width:149px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
    #slider_docs .control_vignettes {display:inline; padding:43px 23px; position:absolute; z-index:50; top:15px; cursor:pointer;}
    #slider_docs #left_control_vignettes {background:url(../img/pictos_slider.png) no-repeat 0 0; left:0px;}
    #slider_docs #right_control_vignettes {background:url(../img/pictos_slider.png) no-repeat -55px 0; right:0px;}
  /*   LISTE DES CATEGORIES   */
    .content_page #liste_galerie {padding:0; margin:0;}
    .content_page #liste_galerie li.ress_title {list-style-image:none; margin:0 0 10px 0;}
    .content_page li.ress_title a {border:0;}
  /*   LISTE DOC   */
    .content_page ul.zone_liste_doc {width:100%; margin:0; padding:0;}
    .content_page ul.zone_liste_doc li {list-style-image:none; line-height:1em; margin:5px 0 10px 0;}
    .content_page ul.zone_liste_doc li.media_image, .content_page  ul.zone_liste_doc li.media_vid {margin:0 0 15px 0;}
    ul.zone_liste_doc .img_doc {width:35%; height:auto; float:left; overflow:hidden; margin:0 2% 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    ul.zone_liste_doc .img_doc img {height:auto;}
    .content_page ul.zone_liste_doc .img_doc a {display:block; border:0; padding:0;}
    .content_page ul.zone_liste_doc .img_doc a:hover, .content_page ul.zone_liste_doc .img_doc a:focus {border:0; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
    ul.zone_liste_doc .infos_doc {width:60%; float:left; text-align:left;}
    .content_page .titre_doc, .content_page span.date, .content_page .desc, .content_page .infos_doc_fichier {margin:0 0 15px 0; display:block;}
    .content_page .desc {line-height:1.25em;}
    .content_page .infos_doc_fichier {font-size:0.85em;}
  /*DOC + LINK*/
    .content_page .media_doc span, .content_page .media_link span {display:inline; padding:0 10px 0 0; margin:0;}
    .content_page .media_doc span.date, .content_page .media_link span.date, .content_page .media_doc span.desc, .content_page .media_link span.desc {display:block; margin:15px 0;}
    .fleche_media {background:url(../img/arrow_prev_pink.png) no-repeat left center; padding:0 0 0 30px;}
    ul.zone_liste_doc .fleche_media {background:url(../img/fleche_grise.png) no-repeat left 4px; padding:0 0 0 11px;}
  /*   CENTER MEDIA   */
    .show_center {margin:0 0 15px 0;}
    .show_center .wrap_show_center {width:75%; margin:0 auto;}
    #page .show_center p.titre {font-family:'ralewaybold',Arial,Verdana,sans-serif; color:#44586f;}
    #page .show_center .img_doc a, #page .show_center .img_doc a:focus, #page .show_center .img_doc a:hover {border:0;}
    #page .show_center .img_doc img {height:auto;}
    .show_center .infos_doc {margin:15px 0 0 0;}
  /*   DETAIL DOC   */
    #doc {width:100%;}
    .content_page .back_link a {text-transform:uppercase; border:0; font-size:0.9em;}
    #doc iframe, #doc .fb-comments iframe {max-width:100%; margin:0 auto; display:block;}
    #doc .fb-comments.fb_iframe_widget span {width:100% !important;}
    #doc .image {text-align:center; margin:15px 0 3px 0;}
    #doc .image img {width:100%; height:auto;}
    #doc .infos_doc {width:100%; margin:15px 0 3px 0;}
    #doc .infos_doc .left {width:24%; padding:6px 2% 6px 0; border-right:1px solid #cccccc; margin:0 3% 0 0;}
    #page #doc .infos_doc .left .label_info {margin:0 0 6px 0;}
    #page #doc .infos_doc .left .txt_info {text-align:left; text-transform:uppercase; margin:0 0 15px 0;}
    #page #doc .infos_doc .left .txt_info ul {margin:0; padding:0;}
    #page #doc .infos_doc .left .txt_info li {margin:0 0 5px 0; padding:0; list-style-image:none; text-transform:uppercase;}
    #page #doc .infos_doc .left .txt_info li a {text-transform:uppercase; border:0;}
    #doc .infos_doc .left .txt_tag .single_tags {font-size:1.3em; line-height:1em; background:#e7e7e7; float:left; padding:6px 7px; margin:0 5px 5px 0;}
    #doc .infos_doc .right {width:70%;}
    #page #doc .infos_doc .right .desc {padding:6px 0 0 0; margin:0;}
  /* SHARE  
    #doc .share_doc {text-align:right; margin:0 0 8px 0;}
    #doc .share_doc .a2a_kit {float:right; width:255px;}
    #doc .share_doc .a2a_button_facebook span {line-height:normal; border-radius:0; float:left; display:block; background:url(../img/btn_share_fb.jpg) no-repeat; width:72px; height:20px; margin:0 0 0 5px;}
    #doc .share_doc .a2a_button_google_plus span {line-height:normal; border-radius:0; float:left; display:block; background:url(../img/btn_share_gplus.jpg) no-repeat; width:68px; height:20px; margin:0 0 0 5px;}
    #doc .share_doc .a2a_button_twitter span {line-height:normal; border-radius:0; float:left; display:block; background:url(../img/btn_share_twitter.jpg) no-repeat; width:70px; height:20px; margin:0 0 0 5px;}
    .content_page #doc .share_doc a {border:0;}
    .content_page #doc .share_doc a:hover, .content_page #doc .share_doc a:focus {background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}*/
/* *************************** WEATHER *************************** */
  /* METEO */
  #page .content_page .weather .titre_info.date, .weather .infos p, .temperature {text-align:center;}
  .day_weather {float:left; margin:0 50px;}
  #page .area_weather_img p {font-size:1.4em;}
  .weather_image {height:100px; width:100px; margin:0 auto;}
  #page .infos p#temp {color:#262728; font-family:'trend_sansone',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1em;}
  #page #global .content_page .tx-cim-weather td.date {font-family:'ralewaybold',Arial,Verdana,sans-serif;}
  #page #global .content_page .tx-cim-weather {padding:0; position:static; z-index:2; margin:0 auto 20px auto; max-width:100%;}
  #page #global .content_page .tx-cim-weather a {font-family:inherit; padding:0; border:0;}
  #page #global .content_page .tx-cim-weather table td{text-align:center;}

  /* CALENDAR*/
  /* LINE PREV-YEAR-NEXT */
  #page #global .content_page .tx-cim-weather .weather_calendar td.columYear {background:#ef0e51; padding:10px 0; border-top:none; border-right:none; border-bottom:1px solid #ef0e51; border-left:none; color:#ffffff; width:300px; text-align:center; height:40px; font-size:1.7em;  color:#1a171b; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:1.9em; line-height:1em; text-transform:uppercase;}
  #page #global .content_page .tx-cim-weather .weather_calendar td.columYear a {color:#ffffff; vertical-align:middle;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr td.columPrevious {height:23px; padding:10px 0; width:23px; background:url(../img/calendar_prev.png) no-repeat 20% center #ef0e51; border-top:none; border-right:none; border-bottom:1px solid #ef0e51; border-left:0;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr td.columPrevious:hover {background:url(../img/calendar_prev.png) no-repeat 18% center #ef0e51;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr td.columPrevious a {display:block; text-indent:-99999px;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr td.columPrevious img {visibility:hidden;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr td.columNext {height:23px; padding:5px 0; width:23px; background:url(../img/calendar_next.png) no-repeat 80% center #ef0e51; border-top:none; border-right:0; border-bottom:1px solid #ef0e51; border-left:none;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr td.columNext:hover {background:url(../img/calendar_next.png) no-repeat 82% center #ef0e51;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr td.columNext a {display:block; text-indent:-99999px;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr td.columNext img {visibility:hidden;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr td.columPrevious a:hover, #page #global .content_page .tx-cim-weather .weather_calendar tr td.columPrevious a:focus, #page #global .content_page .tx-cim-weather .weather_calendar tr td.columNext a:hover, #page #global .content_page .tx-cim-weather .weather_calendar tr td.columNext a:focus {background:none;}
  /* DAY */
  #page #global .content_page .tx-cim-weather .weather_calendar tr td {color:#505256; vertical-align:middle; height:50px; width:50px; padding:0; text-align:center;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr td {font-size:1.5em;}
  #page #global .content_page .tx-cim-weather .weather_calendar tr {border-collapse:collapse;}
  /* ACT */
  #page #global .content_page .tx-cim-weather .weather_calendar div.linked_day, #page #global .content_page .tx-cim-weather .weather_calendar div.linked_today, #page #global .content_page .tx-cim-weather .weather_calendar div.linked_day > td, #page #global .content_page .tx-cim-weather .weather_calendar div.linked_today > td {text-decoration:none; background:#ef0e51; color:#ffffff; font-family:'ralewaybold',Arial,Verdana,sans-serif; border:none; cursor:pointer; padding:10px;}
  #page #global .content_page .tx-cim-weather .weather_calendar div.linked_today_nolink {border:1px solid #303033; background:#e0e0e0; color:#5b9219; padding:5px 0px; margin:0 5px;}
  /* EVENT HOVER */
  body #newscalendar-canvas {background-color:#ffffff; padding:10px; opacity:0;}
  .bt-wrapper.newscalendar-tip div.bt-content {background:#303033 !important;}
  #page #global div.newscalendarTooltipHeader {text-align:center; font-size:1.2em; font-weight:normal;}
  .newsCalendar_calendarItem_subheader {color:#ffffff; /*font-family:'ralewaysemibold',Arial,Verdana,sans-serif;*/ font-size:1.4em; min-width:250px;}
  #page .newsCalendar_calendarItem_subheader p {color:#ffffff; font-size:1em; line-height:1em; margin:10px 0;}
  #page #global div.newsCalendar_calendarItem {border-bottom:1px solid #ef0e51; margin:0 15px; padding:10px 0;}
  #page #global div.newsCalendar_calendarItem a {color:#ffffff; font-size:1.2em;}
  #page #global div.newsCalendar_calendarItem a:hover, #page #global div.newsCalendar_calendarItem a:focus {color:#ffffff;}
  /* CALENDAR */
  #page #global .content_page .tx-cim-weather .weather_calendar td.columYear {text-transform:uppercase;}
  #page #global .content_page .tx-cim-weather .weather_calendar div.linked_day, #page #global .content_page .tx-cim-weather .weather_calendar div.linked_today, #page #global .content_page .tx-cim-weather .weather_calendar div.linked_day > td, #page #global .content_page .tx-cim-weather .weather_calendar div.linked_today > td {padding:5px 0px; margin:0 5px;}


/* *************************** WEATHER DAY *************************** */
  #group_days_weather .day_weather {display:inline-block; vertical-align:top; float:none; margin:0 18px 50px 18px; width:29%;}
  #page .day_weather p {color:#1f2125; font-size:1.5em; line-height:1em; margin:0 0 15px 0;}
  #page .day_weather p strong {text-transform:uppercase;}
  #group_days_weather .day_weather.first_day {display:block; width:auto; background:#e6e6e6; padding:20px; margin:0 18px 60px 18px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  .day_weather_part {padding:0px 7px 3px 7px; margin:0 0 20px 0; border-bottom:1px solid #d5d3d0;}
  .day_weather_halfday {margin:0 10px;}
  #page .day_weather .day_weather_subtitle p {text-transform:uppercase; color:#262728; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1em; padding:0 0 12px 0; margin:0 0 30px 0; border-bottom:2px solid #ef0e51;}
  #page .day_weather .day_weather_halfday .day_weather_subtitle p {border-bottom:1px solid #d5d3d0;}
  .day_weather_main_part .day_weather_img {margin:0 20px 15px 20px;}
  .day_weather_main_part .right {margin:20px 0 0 0;}
  #page p.day_weather_temperature_main {color:#1f2125; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:3em; line-height:1em;}
  #page .day_weather_title p {text-transform:uppercase; color:#262728; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1em; padding:0 0 10px 0; margin:0 0 30px 0; border-bottom:2px solid #ef0e51;}
  .day_weather_img {width:128px; height:128px; background-repeat:no-repeat; background-image:url(../img/sprite_weather.png); margin:0 auto 15px auto;}
  #page  p.day_weather_desc {text-transform:none; color:#1f2125; font-family:'ralewaybold',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1em;}
  p.day_weather_temperature span {color:#1f2125; /*font-family:'ralewaybold',Arial,Verdana,sans-serif;*/ padding:0 15px; border-left:2px solid #afafb0;}
  p.day_weather_temperature span:first-child {padding:0 15px 0 0; border-left:0;}
  #page .day_weather p.day_weather_wind_direction {height:40px; line-height:43px;}
  p.day_weather_wind_direction span {/*display:block; float:left; margin:0 0 0 10px;*/ display:inline-block; vertical-align:middle; width:25px; height:25px; background-repeat:no-repeat; background-image:url(../img/picto_wind.png); background-position:center;}
  p.day_weather_wind_direction span.clear {float:none; height:0px; width:0px;}
  #page .day_weather p.day_weather_wind_direction strong {float:left; margin:0 10px 0 0;}

  /* PICTOS */
  .day_weather_img.cloudy1,.day_weather_img.cloudy {background-position:0px -37px;}
  .day_weather_img.cloudy1_night {background-position:-148px -37px;}
  .day_weather_img.cloudy2,.day_weather_img.partly-cloudy-day {background-position:-296px -37px;}
  .day_weather_img.cloudy2_night,.day_weather_img.partly-cloudy-night {background-position:-444px -37px;}
  .day_weather_img.cloudy3 {background-position:-592px -37px;}
  .day_weather_img.cloudy3_night {background-position:-740px -37px;}
  .day_weather_img.cloudy4 {background-position:-888px -37px;}
  .day_weather_img.cloudy4_night {background-position:0px -185px;}
  .day_weather_img.cloudy5 {background-position:-148px -185px;}
  .day_weather_img.dunno {background-position:-296px -185px;}
  .day_weather_img.fog {background-position:-444px -185px;}
  .day_weather_img.fog_night {background-position:-592px -185px;}
  .day_weather_img.hail,.day_weather_img.rain {background-position:-740px -185px;}
  .day_weather_img.light_rain {background-position:-888px -185px;}
  .day_weather_img.mist {background-position:0px -333px;}
  .day_weather_img.mist_night {background-position:-148px -333px;}
  .day_weather_img.overcast {background-position:-296px -333px;}
  .day_weather_img.shower1 {background-position:-444px -333px;}
  .day_weather_img.shower1_night {background-position:-592px -333px;}
  .day_weather_img.shower2 {background-position:-740px -333px;}
  .day_weather_img.shower2_night {background-position:-888px -333px;}
  .day_weather_img.shower3 {background-position:0px -481px;}
  .day_weather_img.sleet {background-position:-148px -481px;}
  .day_weather_img.snow1,.day_weather_img.snow {background-position:-296px -481px;}
  .day_weather_img.snow1_night {background-position:-444px -481px;}
  .day_weather_img.snow2 {background-position:-592px -481px;}
  .day_weather_img.snow2_night {background-position:-740px -481px;}
  .day_weather_img.snow3 {background-position:-888px -481px;}
  .day_weather_img.snow3_night {background-position:0px -629px;}
  .day_weather_img.snow4 {background-position:-148px -629px;}
  .day_weather_img.snow5 {background-position:-296px -629px;}
  .day_weather_img.sunny,.day_weather_img.clear-day {background-position:-444px -629px;}
  .day_weather_img.sunny_night,.day_weather_img.clear-night {background-position:-592px -629px;}
  .day_weather_img.tstorm1 {background-position:-740px -629px;}
  .day_weather_img.tstorm1_night {background-position:-888px -629px;}
  .day_weather_img.tstorm2 {background-position:0px -777px;}
  .day_weather_img.tstorm2_night {background-position:-148px -777px;}
  .day_weather_img.tstorm3 {background-position:-296px -777px;}


  .day_weather_wind_direction span.est {transform:rotate(25deg); -webkit-transform:rotate(25deg); -moz-transform:rotate(25deg); -o-transform:rotate(25deg); -ms-transform:rotate(25deg);}
  .day_weather_wind_direction span.nord {transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg);}
  .day_weather_wind_direction span.no {transform:rotate(10deg); -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg);}
  .day_weather_wind_direction span.ne {transform:rotate(50deg); -webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -o-transform:rotate(50deg); -ms-transform:rotate(50deg);}
  .day_weather_wind_direction span.sud {transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
  .day_weather_wind_direction span.so {transform:rotate(120deg); -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); -o-transform:rotate(120deg); -ms-transform:rotate(120deg);}
  .day_weather_wind_direction span.se {transform:rotate(70deg); -webkit-transform:rotate(70deg); -moz-transform:rotate(70deg); -o-transform:rotate(70deg); -ms-transform:rotate(70deg);}
  .day_weather_wind_direction span.est {transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg);}
  .day_weather_wind_direction span.ouest {transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg);}


/*********************************************************************
**********************************************************************
**********************************************************************
**********************************************************************
**************** VERSION  1199 a 1024 / TABLETTE LAND ****************
**********************************************************************
**********************************************************************
**********************************************************************
*********************************************************************/
/*@media screen and (max-width:1221px) {*/
@media screen and (max-width:1279px) {
  /*   CONTENEUR   */
    .wrap, #page.search .area_content .wrap {width:970px;}

    #menu_principal ul li {width:230px; margin:0 37px 25px 37px;}
    #menu_principal ul li a {font-size:2em;}
    #menu_principal li ul li a {font-size:1.4em; line-height:1.2em; padding:2px 0 2px 17px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -558px -109px;}
    #menu_tool ul {margin:0 10px;}
    #menu_tool ul li {width:auto; margin:0;}
    #menu_tool ul li:first-child {margin:0;}
    #menu_tool ul li a {font-size:1.5em;}

    #btn_menu {width:150px;}
    #menu_galaxie {margin:0 0 0 25px;}
    #menu_galaxie li {min-width:inherit; /*padding:9px 20px;*/}
    #menu_galaxie li a {font-size:1.5em; padding:9px 20px;}
    #lang {/*margin:24px 0 0 20px;*/ margin:19px 0 0 20px;}
    #zone_recherche {margin: 22px 0 0 20px;}

    /* infos commerces ouverts #41435 */
    #infos_commerces {top:0; left:221px; height:97px; border-radius:0 0 5px 0;}

    .bloc_home .titre_bloc h2, #page .titre_bloc h2, .bloc_home .titre_bloc p, #page .titre_bloc p {font-size:5.2em;}

  /*   BTN LIEN   */
    .btn_lien, #page .btn_lien {font-size:1.6em;}
    .btn_lien a, #page .btn_lien a {padding:16px 20px;}

  /*   SLIDER   */
    #slider .tag_slide span {font-size:5.5em;}
    /*#slider .coverflow_texte p*/ #slider .coverflow_texte span {font-size:5.8em;}
    #btn_slider p {margin:0 20px;}

    #recherche_que_faire {display:block; position:absolute; /*top:33px;*/ /*top:400px;*/ top:420px;}

  /*   QUE FAIRE   */
    /*#home #que_faire .wrap .titre_bloc p {margin:20px 0 0 0;}
    #home #que_faire .wrap .contenu_bloc {margin:0 0 20px 0;}*/
    #que_faire .wrap_form {margin:0 2%; width:45%;}
    #que_faire .ligne_form input.date_input {width:70%;}
    #que_faire .switch_search_type {margin:70px 2% 0 2%;}
    /*#que_faire .right {width:46%;}*/
    #que_faire #wrap_que_faire .wrap {width:96%;}
    #que_faire .right .ligne_form input {width:265px;}

  /*   MENU ACCES RAPIDE   */
    #acces_rapide.bloc_4 li {max-width:182px; margin:0 29px;}
    #acces_rapide.bloc_6 li {max-width:129px; margin:0 15px;}
    #acces_rapide.bloc_6 .titre {font-size:1.6em;}

  /*   MISE EN AVANT   */
    .txt_mise_en_avant .wrap_txt_mise_en_avant .wrap {line-height:12em;}
    .txt_mise_en_avant h2, #page .txt_mise_en_avant h2 {font-size:8em;}

  /*   OFFRES SEJOURS   */
    #sejours .img {width:280px;}
    #sejours .coverflow_zone_texte {width:370px;}

  /*   ACCES DIRECT   */
    #acces_direct li {margin:0 0 0 65px; width:105px;}
    #acces_direct .img {width:105px; height:105px; line-height:105px;}
    #acces_direct li a:hover .img {width:99px; height:99px; line-height:99px;}

  /*   INFOS CONTACT   */
    #bloc_social {margin:0;}
    #bloc_newsletter {margin:25px 0px 0 0; width:325px;}

  /*   STRUCTURE   */
    #fil_ariane {width:480px;}
    #social_share .a2a_kit {width:110px;}

  /*   MOTEUR   */
    #main_content_moteur #zone_map {width:610px;}
    #main_content_moteur #search_sit, #main_content_moteur #que_faire {width:325px;}
    #main_content_moteur #que_faire .wrap_form {margin:0; width:auto;}
    #liste_resultats .pres {width:383px;}
    #liste_resultats .infos {width:280px;}
    #zone_img .left {width:580px;}
    #zone_img .right li {margin:5px 0 15px 30px;}
    #zone_infos .left {margin:0 70px 0 0; width:320px;}
    #zone_infos .right {width:580px;}

    #map_tools {width:800px;}
    #map_tools form {margin:0 15px 0 0; width:540px;}
    #map_tools #geolocButton {margin:0 15px;}
    #map_tools form input {padding:13px 10px; font-size:1.5em;}
    #map_tools form input[type="submit"] {padding:13px 10px;}
    #page #map_tools .btn_lien {font-size:1.4em;}
    #page #map_tools .btn_lien a {padding:4px 10px;}

  /* FICHE DETAIL NAUT */
    #zone_infos .bloc_contenu_infos > .left {width:525px;}
    /**/
    #page #zone_infos .zone_bloc_detail_infos .content_infos {width:500px;}
    /**/
}
/*********************************************************************
**********************************************************************
**********************************************************************
**********************************************************************
******************* VERSION  1023 a 768 / TABLETTE *******************
**********************************************************************
**********************************************************************
**********************************************************************
*********************************************************************/
@media screen and (max-width:989px) {
  input[type="submit"] {font-size:1.6em;}
  /*   CONTENEUR   */
    #global {padding:0 0 41px 0;}
    .wrap, #home #slider .wrap, #page.search .area_content .wrap, #page .area_content .wrap {width:747px;}
    #home .wrap, #acces_direct .wrap, #que_faire .wrap {width:594px}

  /* ***** HEADER ***** */
    #logo {margin:0 22px 0 0; width:191px;}
    #logo.up a img {top:-55px;}

    #btn_menu {/*width:130px;*/ width:115px;}
    #btn_menu p, #page #btn_menu p {font-size:2.3em;}
    #btn_menu a {padding:0 0 0 35px;}
    .close_menu {top:11px;}
    #menu_galaxie {/*margin:0 0 0 25px;*/ margin:0 0 0 10px;}
    #menu_galaxie li {min-width:inherit; /*padding:10px 13px;*/}
    #menu_galaxie li a {padding:10px 13px;}
    #menu_galaxie li span {font-size:1.3em;}
    #lang {/*margin:24px 0 0 20px;*/ margin:19px 0 0 10px;}

    #zone_login {margin:22px 0 0 10px;}
    #login {min-height:550px;}
    #login .wrap {margin:54px auto 0 auto;}
    #login .ligne_form {margin:0 0 20px 0; text-align:center;}
    #login label {width:30%; text-align:left; margin:6px 0 0 0px; font-size:1.5em;}
    #login input {padding:10px 2%; font-size:1.4em;}
    #login input[type="submit"] {margin:0; padding:10px 2%;}
    #login_status {margin:0 0 20px 0; font-size:1.8em;}

    #zone_recherche {/*margin:22px 0 0 20px;*/ margin:22px 0 0 10px;}

    #recherche_que_faire {top:725px;}

  /* ***** MENU PRINCIPAL ***** */
    #menu_principal .wrap {padding:20px;}
    #menu_principal ul li {display:inline-block; vertical-align:top; float:none; width:42%; margin:0 4% 20px 4%;}
    #menu_principal ul li:first-child {margin:0 4% 20px 4%;}
    #menu_principal ul li a {font-size:2em;}
    #menu_principal li ul {margin:20px 0 0 0;}
    #menu_principal li ul li a {font-size:1.4em; line-height:1.2em; padding:2px 0 2px 17px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -558px -109px;}
    #menu_tool ul {margin:10px auto;}
    #menu_tool ul li {width:auto; margin:0;}
    #menu_tool ul li:first-child {margin:0;}
    #menu_tool ul.menu_utile {width:450px;}
    #menu_tool ul.menu_utile li {border-right:0; border-left:2px solid #606066;}
    #menu_tool ul.menu_utile li:first-child {border:0;}
    #menu_tool ul li a {font-size:1.5em;}
    #menu_tool ul.menu_resaux_sociaux {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 14px -115px; width:225px;}
    #menu_tool ul.menu_resaux_sociaux li {margin:0 4px; padding:0;}

  /* ***** FOOTER ***** */
    #footer li {font-size:1.2em; padding:0 10px;}

  /* *************************** HOME CONTENT *************************** */
    /* infos commerces ouverts #41435 */
    #infos_commerces {width:191px; left:191px; height:76px;}

    .bloc_home .titre_bloc h2, #page .titre_bloc h2, .bloc_home .titre_bloc p, #page .titre_bloc p {font-size:5.2em; line-height:1.2em;}

  /*   BTN LIEN   */
    .btn_lien, #page .btn_lien {font-size:1.6em;}
    .btn_lien a, #page .btn_lien a {padding:16px 20px;}

  /*   SLIDER   */
    #slider .slide_full_container li img {min-height:100%; max-width:inherit;}
    #slider .tag_slide span {font-size:5.5em;}
    /*#slider .coverflow_texte p*/ #slider .coverflow_texte span {font-size:5.8em;}
    #home #btn_slider .wrap {width:700px;}
    #btn_slider p {margin:0 2%; max-width:25%; line-height:1.5em;}
    #btn_slider .btn_lien a {padding:10px 10px; display:block;}

  /*   QUE FAIRE   */
    #que_faire .wrap_form {margin:0 0 10px 0; width:100%;}
    #que_faire .ligne_form input.date_input {width:70%;}
    #que_faire .left, #que_faire .right {float:none}
    #que_faire .switch_search_type {margin:30px 0; float:none; text-align:center;}
    #que_faire .txt_lien {text-align:center;}
    #que_faire .right {width:100%;}
    #que_faire #wrap_que_faire .wrap {width:auto;}

  /*   MENU ACCES RAPIDE   */
    #acces_rapide.bloc_4 li {max-width:220px; margin:0 37px 55px 37px;}
    #acces_rapide.bloc_6 li {margin:0 29px 35px 29px; max-width:138px;}
    #acces_rapide .img {margin:0 auto 20px auto;}
    #acces_rapide .titre {margin:0 0 10px 0;}

  /*   MISE EN AVANT   */
    .txt_mise_en_avant .wrap_txt_mise_en_avant {line-height:580px;}
    .txt_mise_en_avant .wrap_txt_mise_en_avant .wrap {/*line-height:19em;*/ display:inline-block; vertical-align:middle;}
    .txt_mise_en_avant h2, #page .txt_mise_en_avant h2 {font-size:6.5em;}
    .img_mise_en_avant {height:600px; position:relative;}
    .img_mise_en_avant img {min-height:600px; min-width:100%; max-width:inherit; width:auto; /*position:absolute; left:50%; margin:0 0 0 -650px;*/}

  /*   RESA   */
    #resa li {margin:0 0 10px 0; font-size:4em;}

  /*   OFFRES SEJOURS   */
    #sejours .contenu_bloc {padding:0;}
    #slideshow_sejours {height:auto;}
    #sejours .img {width:226px; float:none; margin:0 auto;}
    #sejours .coverflow_zone_texte {width:90%; float:none; margin:25px auto 0 auto;}
    span.control_sejours {top:35%;}

  /*   ACCES DIRECT   */
    #acces_direct li {margin:0 38px 0px 38px; width:120px;}
    #acces_direct li:first-child {margin:0 38px 0 38px;}
    #acces_direct li + li + li + li {margin:80px 38px 0px 38px;}
    #acces_direct .img {width:120px; height:120px; line-height:120px;}
    #acces_direct li a:hover .img {width:114px; height:114px; line-height:114px;}

  /*   INFOS CONTACT   */
    #bloc_social {margin:0; width:100%; /*NEW*/ height:470px !important;}
    #bloc_newsletter {margin:25px 0px 0 0; width:100%;}
    #bloc_newsletter form {text-align:left;}
    #bloc_newsletter input[type="text"] {width:60%; margin:0 2% 0 0;}
    #bloc_newsletter div.btn_submit {text-align:left;}

  /* *************************** PAGE CONTENT *************************** */
  /*   STRUCTURE   */
    #fil_ariane {width:515px; margin:0 10px 0 220px; float:none;}
    #social_share .a2a_kit {width:110px;}

    #page h1 {font-size:4em;}

    .bloc_contenu_infos .left {width:457px; margin:0 25px 15px 0;}
    .bloc_contenu_infos .right {width:225px; padding:20px;}
    /*CURRENT DAY TIDE*/
    #current_day_tide.bloc_contenu_infos .left {width:430px;}
    #current_day_tide.bloc_contenu_infos .right {width:250px;}

    .bloc_menu .img_rubrique {width:275px; margin:0 20px 0 0;}
    .bloc_menu .txt_rubrique {width:452px; padding:5px 0;}

    .content_page .news-list-item .right.zone_txt {width:385px;}

  /*   MOTEUR   */
    #main_content_moteur #zone_map {width:442px;}
    #main_content_moteur #search_sit, #main_content_moteur #que_faire {width:270px;}
    #main_content_moteur #que_faire .wrap_form {margin:0; width:auto;}
    #liste_resultats .pres {width:527px; margin:5px 0 0 0;}
    #liste_resultats .pres p.txt_lien_simple {margin:20px 0 0 0;}
    #liste_resultats .infos {width:717px; min-height:inherit; padding:15px; margin:15px 0 0 0;}
    #zone_img .left {width:447px;}
    #zone_img .right {width:300px;}
    #zone_img .right li {margin:5px 0 5px 10px; width:90px; height:90px;}
    #zone_infos .left {margin:0 30px 0 0; width:292px;}
    #zone_infos .right {width:425px;}
    #zone_infos .infos {padding:13px 0 0 70px;}
#page #map_tools {max-width:100%;}
    #map_tools form {float:none; margin:0 0 0 50px;}
    #page #map_tools .btn_lien {float:none; margin:30px 0 0 50px;}

  /* FICHE DETAIL NAUT */
    /*#zone_infos .infos .content_infos {width:220px;}*/
    /**/
    #page #zone_infos .zone_bloc_detail {width:100%; margin:0 0 30px 0;}
    #zone_infos .zone_bloc_detail .content_infos {float:none; width:100%; padding:0 0 0 80px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
    #page #zone_infos .zone_bloc_detail_infos {width:100%; margin:0;}
    #page #zone_infos .zone_bloc_detail_infos .content_infos {float:none; width:100%; padding:0 0 0 80px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
    /**/
    #zone_infos .bloc_contenu_infos > .left {width:100%; float:none; margin:0 0 30px 0;}
    #zone_infos .bloc_contenu_infos > .right {width:100%; float:none;}
    
  /* *************************** CIMBOOKING *************************** */
  .item_booking .right {width:405px;}

  /* *************************** WEATHER DAY *************************** */
    #group_days_weather .day_weather.first_day {width:auto; margin:0 4% 60px 4%;}
    #group_days_weather .day_weather {width:41%; margin:0 4% 50px 4%;}
    .day_weather_main_part .left, .day_weather_main_part .right {float:none;}
}

@media screen and (max-width:816px) {
  #btn_menu a {padding:0 0 0 27px;}
  #menu_galaxie li a {padding:10px;}
  #lang {width:93px; padding:0 0 0 9px;}
  #lang .goog-te-gadget {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 84px -242px;}
  #lang .goog-te-gadget-simple > img {display:none;}

  /* *************************** WEATHER DAY *************************** */
    .day_weather_halfday {float:none}
    .day_weather_halfday.left {margin:0 10px 50px 10px;}
    .day_weather_main_part .left {float:left;}
    .day_weather_main_part .right {float:right;}
}
/*********************************************************************
**********************************************************************
**********************************************************************
**********************************************************************
************************* VERSION SMARTPHONE *************************
**********************************************************************
**********************************************************************
**********************************************************************
*********************************************************************/
@media screen and (max-width:768px) {
    #header {position:absolute;}
    #menu_principal {position:absolute; height:auto; padding:50px 0 10px 0;}
    #menu_principal .nom_site {display:none;}
    #btn_menu_close {top:12px; width:25px; height:25px;}
    #btn_menu_close a {display:block; text-indent:-9999px;}
    /*#menu_principal ul li, #menu_principal ul li:first-child {width:100%; margin:0 0 20px 0;}
    #menu_principal ul li a {font-size:1.7em;}
    #menu_principal li ul {margin:10px 0 0 0;}*/
    #menu_tool {width:90%; margin:20px auto 0 auto;}
    #menu_tool ul {width:100%; margin:0;}
    #menu_tool ul.menu_utile {padding:0; margin:0 0 15px 0; width:100%;}
    #menu_tool ul.menu_utile li:first-child, #menu_tool ul.menu_utile li {width:28%; padding:0; border:0;}
    #menu_tool ul.menu_resaux_sociaux {background:none; width:auto;}
    #menu_tool ul.menu_resaux_sociaux li {width:30px; margin:0; padding:0 4px;}
    #menu_tool ul.menu_resaux_sociaux li {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 4px -115px;}
    #menu_tool ul.menu_resaux_sociaux li + li {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -36px -115px;}
    #menu_tool ul.menu_resaux_sociaux li + li + li {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -76px -115px;}
    #menu_tool ul.menu_resaux_sociaux li + li + li + li {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -116px -115px;}
    #menu_tool ul.menu_resaux_sociaux li + li + li + li + li {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -156px -115px;}

}
@media screen and (max-width:767px) {
  html {width:100%;}
  body {width:100%;}
  img {max-width:100%;}
  iframe {max-width:100%;}
#que_faire .right .ligne_form input {margin:0; width:auto;}

  /* *** ELEMENTS FORMULAIRE *** */
    .ligne_form {margin:0 0 15px 0; clear:both;}
    label, .powermail_label {margin:0 0 5px 0; padding:0; float:none; width:100%;}
    label.label_box {float:left;}
    input, select, textarea, .powermail_field {width:100%; width:auto; line-height:1em; padding:10px 2%;}
    textarea,.powermail_textarea {max-width:100%;}
    div.btn_submit, div.powermail_fieldwrap.powermail_fieldwrap_submit {float:none; margin:10px 0 10px 0; padding:0;}
    input[type="submit"] {font-size:1.5em; line-height:1em;}
    input[type="checkbox"], input[type="radio"] {float:none;}
    /* *** END ELEMENTS FORMULAIRE *** */

  /*   CONTENEUR   */
    #global {padding:0 0 69px 0;}
    #header {position:absolute;}
    .wrap, #home #slider .wrap, #page.search .area_content .wrap, #page .area_content .wrap {width:747px; width:90%;}
    #home .wrap, #acces_direct .wrap, #que_faire .wrap {width:90%;}

    #cookie_msg {z-index:30000;}
    #cookie_msg span#cookie_close {background:url(../img/picto_close_gd_wh.png) no-repeat center center; width:25px; height:25px;}

  /* ***** HEADER ***** */
    #logo {max-width:50%; margin:0 3% 0 0; height:61px; /**/ height:auto; max-height:61px; width:155px;}
    #logo a, #logo.up a {position:static; width:100%; height:100%; margin:0;}
    #logo img {width:100%; height:auto;}
    #logo.up a img {position:static;}
    #page #logo {height:61px;}
    #page #logo a {text-indent:-9999px; background:url(../img/logo_ot_smart.png) no-repeat 0 center; background-size:auto 100%;}
    #btn_menu {width:auto; margin:0 5%;}
    #btn_menu a {padding:0 0 0 30px; line-height:60px;}

    #btn_tools.display_none {display:block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:20px; behavior:url(/fileadmin/templates/ot/css/PIE.htc); position:absolute; right:4%; top:15px; border:2px solid #ffffff;}
    #page #btn_tools.display_none {top:12px;}
    #btn_tools.display_none.btn_act {border:2px solid #ef0e51;}
    #btn_tools.display_none p {font-size:2.6em; line-height:1.2em; color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif;}
    #page  #btn_tools.display_none p {margin:0; line-height:1.2em;}

    #tools_top {width:100%; position:relative; z-index:500; background:#272727; margin:0 !important; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
    #tools_top.display_none_resp {display:none; margin:0;}

    #menu_galaxie {margin:0 0 0 4%;}
    #menu_galaxie.display_none_resp {display:none;}
    #menu_galaxie li {min-width:inherit; /*padding:7px 10px;*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    #menu_galaxie li a {padding:7px 10px;}
    #menu_galaxie li span {font-size:1.2em;}

    #zone_login {margin:22px 0 0 2%; position:static;}
    #login {position:absolute; height:auto; margin:54px 0 0 0;}
    #login {min-height:550px;}
    #login .wrap {margin:60px auto 28px auto; padding:30px 28px;}
    #login legend {display:none; visibility:hidden;}
    #login .ligne_form {margin:0 0 40px 0;}
    #login label {font-size:2em;}
    #login input {padding:10px 2%; font-size:1.4em;}
    #login input[type="submit"] {padding:9px 3%;}
    #login_status {color:#ffffff; margin:20px 0 40px 0; font-size:2.5em; line-height:1em;}
    #login .txt_lien, #page #login .txt_lien {margin:0 0 0 30%;}
    #login .error {padding:0 0 0 35px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -488px -166px; text-align:left;}
    /**/
    /*#zone_logout {margin:8px 0 0 0; float:right;}
    #zone_logout p, #page #zone_logout p, #zone_logout input[type="submit"] {font-size:1.3em; line-height:1.3em;}
    #zone_logout p, #page #zone_logout p {color:#ffffff; margin:0 0 5px 0;}
    #zone_logout p span, #page #zone_logout p span {font-family:'ralewayitalic',Arial,Verdana,sans-serif;}
    #zone_logout input[type="submit"] {padding:4px 5px 2px 19px; background:url(../img/picto_close_wh.png) no-repeat 3px 6px; border:0; border-bottom:1px solid #ef0e51; font-size:1.1em;}
    #zone_logout input[type="submit"]:hover, #zone_logout input[type="submit"]:focus {color:#ffffff; background:#ef0e51 url(../img/picto_close_wh.png) no-repeat 3px 6px;}*/

    #zone_recherche {margin:22px 0 0 2%; position:static;}
    #recherche {position:absolute; height:auto; margin:54px 0 0 0;}
    #recherche .wrap {margin:60px auto 28px auto; padding:30px 28px;}
    #recherche label {font-size:2em;}
    #recherche input {padding:10px 2%; font-size:1.4em;}
    #recherche input[type="submit"] {padding:9px 3%;}

    #lang, #lang.close {padding:0 0 0 2%; margin:20px 0 0 2%; height:auto; width:auto;}
    #btn_lang {display:none !important;}
    #lang ul {position:static; height:auto; width:auto;}
    #lang ul li {display:inline; padding:0 7px 8px 7px; background:none;}
    #lang .goog-te-gadget {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 115px -245px;}
    #lang .goog-te-gadget-simple > img {display:block;}

    #accessi {display:none;}

    #menu_principal {position:absolute; height:auto; padding:50px 0 10px 0;}
    #menu_principal .nom_site {display:none;}
    #btn_menu_close {top:12px; width:25px; height:25px;}
    #btn_menu_close a {display:block; text-indent:-9999px;}
    /*#menu_principal ul li, #menu_principal ul li:first-child {width:100%; margin:0 0 20px 0;}
    #menu_principal ul li a {font-size:1.7em;}
    #menu_principal li ul {margin:10px 0 0 0;}*/
    #menu_tool {width:90%; margin:20px auto 0 auto;}
    #menu_tool ul {width:100%; margin:0;}
    #menu_tool ul.menu_utile {padding:0; margin:0 0 15px 0; width:100%;}
    #menu_tool ul.menu_utile li:first-child, #menu_tool ul.menu_utile li {width:28%; padding:0; border:0;}
    #menu_tool ul.menu_resaux_sociaux {background:none; width:auto;}
    #menu_tool ul.menu_resaux_sociaux li {width:30px; margin:0; padding:0 4px;}
    #menu_tool ul.menu_resaux_sociaux li {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 4px -115px;}
    #menu_tool ul.menu_resaux_sociaux li + li {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -36px -115px;}
    #menu_tool ul.menu_resaux_sociaux li + li + li {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -76px -115px;}
    #menu_tool ul.menu_resaux_sociaux li + li + li + li {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -116px -115px;}
    #menu_tool ul.menu_resaux_sociaux li + li + li + li + li {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -156px -115px;}

  /* ***** FOOTER ***** */
    #footer {width:100%; height:69px;}
    #footer li {display:inline-block; margin:0px 0px 5px 0px;}

  /* *************************** HOME CONTENT *************************** */
    .bg_wave, .bg_texture {padding:30px 0;}

    .bloc_home .titre_bloc {margin:0 0 40px 0;}
    .bloc_home .titre_bloc h2, #page .titre_bloc p, .bloc_home .titre_bloc p, #page .titre_bloc p {font-size:3.2em; line-height:1em;}
    .bloc_home .titre_bloc h2::before, .bloc_home .titre_bloc p::before {padding:0 20px 0 0;}
    .bloc_home .titre_bloc h2::after, .bloc_home .titre_bloc p::after {padding:0 0 0 20px;}

    #marque_bretagne, #partenaires_bretagne, #btn_slider .wrap .btn_lien:first-child, #btn_slider #scroll_down, #navDiapo_actu {display:none !important;}

    /* infos commerces ouverts #41435 */
    #infos_commerces {left:155px; width:120px; height:50px;}

  /*   BTN LIEN   */
    .btn_lien, #page .btn_lien {font-size:1.5em; line-height:1em;}
    .btn_lien a, #page .btn_lien a {padding:10px 20px; display:block;}

  /*   SLIDER   */
    #slider .slide_full_container li img {min-height:100%; max-width:inherit; max-height:100%; /*NEW CENTER*/ position:absolute; left:-25%; margin:0 0 0 -12.5%;}
    #slider .tag_slide span {font-size:3.7em;}
    /*#slider .coverflow_texte p*/ #slider .coverflow_texte span {font-size:4em;}
    span.control_home {padding:24px; top:145px; opacity:0.7;}
    #left_control_home {background:url(../img/pictos_sliders.png) no-repeat -1091px 9px rgba(0, 0, 0, 0.65);}
    #right_control_home {background:url(../img/pictos_sliders.png) no-repeat -1146px 9px rgba(0, 0, 0, 0.65);}
    #left_control_home:hover {background:url(../img/pictos_sliders.png) no-repeat -1091px 9px #ef0e51;}
    #right_control_home:hover {background:url(../img/pictos_sliders.png) no-repeat -1146px 9px #ef0e51;}
    #btn_slider p {max-width:60%; margin:0 2% 5px 2%;}
    .slider_action {width:48px; height:48px; opacity:0.7;}
    .slider_action.running  {background:url(../img/pictos_sliders.png) no-repeat -1089px -44px rgba(0, 0, 0, 0.65);}
    .slider_action.paused {background:url(../img/pictos_sliders.png) no-repeat -1146px -44px rgba(0, 0, 0, 0.65);}
    .slider_action.running:hover, .slider_action.running:focus {background:url(../img/pictos_sliders.png) no-repeat -1089px -44px #ef0e51;}
    .slider_action.paused:hover, .slider_action.paused:focus {background:url(../img/pictos_sliders.png) no-repeat -1146px -44px #ef0e51;}
    /*#recherche_que_faire {top:70px;}*/

  /*   QUE FAIRE   */
    #home #que_faire .wrap .titre_bloc p {margin:0;}
    #home #que_faire .wrap .contenu_bloc {margin:0;}
    #wrap_que_faire {padding:10px 0;}
    #que_faire .ligne_form label {margin:0 0 10px 0; font-size:2.8em;font-size:3.2em; line-height:1em; display:block;}
    #que_faire .wrap_form label {width:17%; float:left;}
    #que_faire .ligne_form input.date_input {width:75%;}
    #que_faire .ligne_form select, #que_faire .ligne_form input.date_input {font-size:2.8em;font-size:3.2em; line-height:1em; padding:0 28px 0 0;}
    #que_faire .switch_search_type p, #page #que_faire .switch_search_type p {font-size:1.8em; line-height:1em;}
    #que_faire .ligne_form input[type="submit"] {margin:20px 0 0 0;}

  /*   MENU ACCES RAPIDE   */
    #acces_rapide ul {text-align:center;}
    #acces_rapide.bloc_4 li {max-width:43%; margin:0 3% 25px 3%;}
    #acces_rapide.bloc_6 li {max-width:27%; margin:0 3% 25px 3%;}
    #acces_rapide .img {margin:0 auto 20px auto; border-radius:150px; -moz-border-radius:150px; -webkit-border-radius:150px;}
#acces_rapide .img img {border-radius:150px; -moz-border-radius:150px; -webkit-border-radius:150px;}
    #acces_rapide .titre {margin:0 0 10px 0; font-size:1.8em; line-height:1em;}
    #acces_rapide .ss_titre {font-size:1.5em;}

  /*   MISE EN AVANT   */
    .txt_mise_en_avant .wrap_txt_mise_en_avant {line-height:300px;}
    .txt_mise_en_avant .wrap_txt_mise_en_avant .wrap {display:inline-block; vertical-align:middle;}
    .txt_mise_en_avant h2, #page .txt_mise_en_avant h2 {font-size:6.5em; font-size:2.8em;font-size:3.2em; line-height:1em; margin:0 0 30px 0;}
    .txt_mise_en_avant span {font-size:0.8em;}
    .img_mise_en_avant {height:300px; position:relative;}
    .img_mise_en_avant img {min-height:300px; min-width:100%; max-width:inherit; width:auto; max-height:300px; position:absolute; left:-50%; margin:0 0 0 50%;}

  /*   RESA   */
    #resa li {margin:0 0 10px 0; font-size:4em; font-size:2em;}

  /*   OFFRES SEJOURS   */
    #sejours .contenu_bloc {padding:0;}
    #slideshow_sejours {height:auto;}
    #sejours .img {width:auto; float:none; margin:0 55px; border:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; behavior:none;}
    #sejours .img img {border:3px solid #ef0e51; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/ot/css/PIE.htc);}
    #sejours .coverflow_zone_texte {width:90%; float:none; margin:25px auto 0 auto;}
    #sejours .coverflow_titre {font-size:2em;}
    #sejours .coverflow_infos {margin:0 0 30px 0;}
    span.control_sejours {top:35%; padding:24px;}
    #left_control_sejours {background:url(../img/pictos_sliders.png) no-repeat -985px -11px; left:5px;}
    #right_control_sejours {background:url(../img/pictos_sliders.png) no-repeat -1041px -11px; right:5px;}

  /*   ACCES DIRECT   */
    #acces_direct.bloc_home .titre_bloc {margin:0 0 40px 0;}
    #acces_direct li {margin:0 3% 25px 3%; width:43%; max-width:43%;}
    #acces_direct li:first-child, #acces_direct li + li + li + li {margin:0 3% 25px 3%;}
    #acces_direct .titre {font-size:1.6em;}

  /*   INFOS CONTACT   */
    #bloc_social .infos_social {text-align:center;}
    #flickr_badge_wrapper {margin:0 auto ;}
    #nav_social {margin:0 0 30px 0; text-align:center;}
    #nav_social ul {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 0px -114px;}
    #nav_social li {width:31px; height:31px; /*padding:0 4px;*/ padding:0 4px 0 5px;}
    #nav_social li:first-child {padding:0 5px 0 0;}
    #bloc_newsletter {margin:25px 0px 0 0; width:100%;}
    #bloc_newsletter h3 {font-size:1.9em; margin:0 0 20px 0;}
    #bloc_newsletter form {text-align:center;}
    #bloc_newsletter input[type="text"] {width:100%; margin:0 0 15px 0;}
    .fb_iframe_widget, .fb_iframe_widget span {max-width:100%;}

  /* *************************** PAGE CONTENT *************************** */
  /*   STRUCTURE   */
    .area_content {overflow:hidden;}
    #tools_ariane {padding:10px 4%; width:92%; margin:0 auto 20px auto;}
    #fil_ariane {width:100%; float:none; margin:0 0 10px 0; padding:0 0 9px 0; border-bottom:1px solid #D0D0D0;}
    #social_share .a2a_kit {width:110px;}

    #titre_page {margin:0 0 30px 0;}
    #page h1 {font-size:2.9em; word-break:break-word;}
    #page h1::before {padding:0 20px 0 0;}
    #page h1::after {padding:0 0 0 20px;}
    #page h2 {font-size:2.5em; line-height:1em;}
    #page h3 {font-size:1.9em; line-height:1em;}
    #page h4 {font-size:1.5em; line-height:1.5em;}
    #page p {font-size:1.5em; line-height:1.5em;}
    figcaption.csc-textpic-caption {font-size:1.3em; line-height:1.3em;}
    .content_page ul li, .content_page ol li {font-size:1.5em; line-height:1.5em;}
    .content_page th {font-size:1.7em; line-height:1em;}
    .content_page td {font-size:1.5em; line-height:1.5em;}
    #page .link_page p, #page .download_page p, #page .geoloc_page p {font-size:1.5em; line-height:1em; padding:10px 26px;}
    
    .bloc_contenu_infos{margin:0 0 30px 0;}
    .bloc_contenu_infos .left {width:100%; margin:0 0 15px 0; float:none;}
    .bloc_contenu_infos .right {width:96%; padding:10px 2%; float:none;}
    /*CURRENT DAY TIDE*/
    #current_day_tide.bloc_contenu_infos .left {width:100%; margin:0 0 15px 0; float:none;}
    #current_day_tide.bloc_contenu_infos .right {width:96%; padding:10px 2%; float:none;}

    .bloc_menu .img_rubrique {width:275px; margin:0 20px 0 0;}
    .bloc_menu .txt_rubrique {width:452px; padding:5px 0;}
    #page .bloc_menu .txt_rubrique h2 {font-size:1.9em;}

    .content_page .news-list-item .right.zone_txt {width:385px;}
    
  /*   MOTEUR   */
    #main_content_moteur {padding:10px 0;}
    #main_content_moteur #zone_map {width:100%; height:140px; float:none; padding:0 0 32px 0; margin:0 0 25px 0; position:static;}
    #main_content_moteur #map_resultats {margin:0 0 5px 0;}
    #main_content_moteur #search_sit, #main_content_moteur #que_faire {float:none; margin:0 auto;}
    #main_content_moteur #search_sit {width:80%;}
    #main_content_moteur #que_faire {width:100%;}
    #search_sit #classement, #search_sit .ligne_form {margin:0 0 25px 0;}
    #main_content_moteur #que_faire .wrap_form {margin:0 0 15px 0; width:100%; display:block;}
    #main_content_moteur #que_faire .ligne_form label, #main_content_moteur #que_faire .ligne_form select, #main_content_moteur #que_faire .ligne_form input.date_input {font-size:1.9em;}
    #main_content_moteur #que_faire .ligne_form label {width:auto; display:inline;}
    #main_content_moteur #que_faire .ligne_form input[type="submit"] {margin:0;}
    #main_content_moteur #zone_map .txt_lien_simple {margin:0;}

    #liste_resultats .nb_resultats {padding:0; margin:0; border:0;}
    #liste_resultats .item_resultat {position:relative; padding:0; margin:0 0 25px 0; border:0; overflow:hidden;}
    #liste_resultats .img {width:46%; margin:0; position:absolute; height:100%;}
    #liste_resultats .img img {display:block; position:absolute; top:50%; margin:-50% 0 0 0;}
    #liste_resultats .pres {width:46%; margin:0 0 0 46%; padding:15px 4%;}
    #liste_resultats .pres h2 {font-size:1.9em;}
    #liste_resultats .pres p.classement_label {display:block; margin:0 0 10px 0;}
    #liste_resultats .pres p {display:none;}
    #liste_resultats .pres p.txt_lien_simple {display:block; margin:0;}
    #liste_resultats .infos {display:none;}

    #zone_img {padding:10px 0;}
    #zone_img .left {width:100%; height:auto; }
    #zone_img .right {width:300px; /**/display:none;}
    #zone_img .right li {margin:5px 0 5px 10px; width:90px; height:90px;}
    #zone_infos .left {margin:0 30px 0 0; width:292px; /**/ width:100%; margin:0;}
    #zone_infos .right {width:425px;/**/ width:100%;}
    #zone_infos .infos {padding:13px 0 0 70px; /**/ padding:10px 0 0 75px; margin:0 0 20px 0;}

    #page p.titre_tab {font-size:2.5em; font-size:3.1em;}
    #page p.titre_tab a {padding:0 40px 0 0;}
    .titre_tab a .btn_tab {top:0; width:30px; height:30px;}
    .titre_tab .btn_tab::before, .titre_tab .btn_tab::after {width:20px; height:5px;}
    .titre_tab .btn_tab::before, .titre_tab .btn_tab::after {margin-top:13px; left:4px;}

    #zone_img #main_picture.left {min-height:inherit; float:none;}
    #zone_img .right {display:block; width:100%; margin:0 auto; float:none;}
    #zone_img .right ul {text-align:center;}
    #zone_img .right li {width:70px; height:70px; display:inline-block; vertical-align:top; float:none; margin:5px;}

    #map_detail {height:320px; /*width:90%;*/}
    #map_detail #map_cimsit {height:100%;}
    #map_tools {width:90%; z-index:10000000 !important; left:50px !important; padding:0;}
    #map_tools form, #plan_ville #main_content_moteur #map_tools form {width:100%; margin:0;}
    #map_tools form input {font-size:1.2em;}
    #map_tools #geolocButton {background:#e6e6e6 url(../img/pictos_sit.png) no-repeat -405px -31px; height:45px; width:45px; margin:0 0 15px 10px;}
    #map_tools form input[type="submit"] {float:none; clear:left; padding:5px 10px 5px 10px; display:block; font-size:1.2em;}
    #plan_ville #main_content_moteur .map_city input[type="text"] {padding:5px 10px 5px 10px;}
    #plan_ville #map_tools {margin:0 0 10px 0;}
    #page #map_tools .btn_lien {margin:15px 0 0 0; font-size:1.2em; line-height:1em;}

  /* FICHE DETAIL NAUT */
    #zone_infos .infos.bloc_detail {margin:0 0 30px 0;}
    #zone_infos .infos .picto_infos {margin:0 30px 0 0;}
    #zone_infos .infos .content_infos {width:auto; float: none;}
    #zone_infos #btn_fiche.liens_detail .btn_lien {display:block; margin:0 0 20px 0;}
    /**/
    #page .zone_bloc_detail_infos {padding:0; background:none;}
    #page #zone_infos .zone_bloc_detail_infos .picto_infos {margin:0 30px 0 0;}
    #page #zone_infos .zone_bloc_detail_infos .content_infos {width:auto; float: none;}
    /**/

   /*PLAN VILLE*/
  #plan_ville #main_content_moteur #map_tools {left:inherit !important;}
    #plan_ville #main_content_moteur #search_sit .ligne_form select {height:40px;}

  /* *************************** RECHERCHE SolR *************************** */
    .content_page .tx-solr-q {width:100%; margin:0 0 20px 0;}
    .content_page .tx-solr-search-form input[type="submit"] {width:auto; margin:0 0 20px 0;}

  /* *************************** CIMBOOKING *************************** */
    .item_booking .left {display:none;}
    .item_booking .right {width:96%; height:auto; float:none; padding:0 2%;}
    #page .item_booking .pres h2 {font-size:1.9em; margin:0 0 10px 0;}

  /* *************************** GABARIT PAGE MENU *************************** */
    .bloc_menu .img_rubrique {display:none;}
    .bloc_menu .txt_rubrique {width:96%; height:auto; float:none; padding:0 2%;}
    #page .bloc_menu .txt_rubrique h2 {max-height:inherit; font-size:1.9em; margin:0 0 10px 0;}
    #page .bloc_menu .txt_rubrique p {display:none;}
    #page .bloc_menu .txt_rubrique .txt_lien_simple {margin:0; display:block;}
    /* MAQ */
    .bloc_menu {background:none; border-bottom:1px solid #a6a7a6; margin:0 0 12px 0; padding:0 0 11px 0;}
    #sous_menu_page_int .bloc_menu:first-child {border-top:1px solid #a6a7a6; padding:12px 0 11px 0;}

  /* *************************** ACTUALITES *************************** */
    .content_page .news-list-item {position:relative; height:auto;}
    .content_page .news-list-item .left.zone_img {width:40%; margin:0; position:absolute; height:100%;}
    .content_page .news_list_img {height:auto; width:100%; overflow:hidden;}
    .content_page .news-list-item .left img {display:block; position:absolute; top:50%; margin:-50% 0 0 0; max-width:100%; min-height:inherit;}
    .content_page .news-list-item .right.zone_txt {width:52%; margin:0 0 0 40%; padding:15px 4%;}
    #page .news-list-item h2 {font-size:1.9em; margin:0 0 10px 0;}
    #page .content_page .news_list_date p {margin:0 0 10px 0; line-height:1.2em;}
    .content_page .news_list_txt p {display:none;}
    .content_page .news_list_txt p.txt_lien_simple {display:block; margin:0;}

/* *************************** MEDIATHEQUE *************************** */
  #page .ad-gallery .ad-image-wrapper, #page .ad-gallery .ad-image-wrapper .ad-image {max-width:100%;}
  #page .ad-gallery .ad-image-wrapper .ad-image a {display:block; line-height:285px;}
  #page .ad-gallery .ad-image-wrapper .ad-image img {height:auto; display:inline-block; vertical-align:middle;}

/* *************************** WEATHER *************************** */
    #page #global .content_page .tx-cim-weather {padding:0; position:static; z-index:2; margin:0 auto 20px auto; max-width:450px;}
    #page #global .content_page .tx-cim-weather th {font-size:1.1em; line-height:0.8em;}
    #page #global .content_page .tx-cim-weather td {font-size:1em; line-height:0.8em;}
    #page #global .content_page th, #page #global .content_page td {text-transform:none; font-size:1em; line-height:1.1em;}

/* *************************** SOLR *************************** */
  .content_page #tx-solr-faceting .facets .facet-label {font-size:0.8em; margin:0 0 10px 0;}
  #tx-solr-faceting .facets li li {font-size:0.8em; line-height:1.1em; margin:0 0 15px 0;}
}
@media screen and (max-width:663px) {
  /*#recherche_que_faire {top:125px;}*/
}
@media screen and (max-width:579px) {
#recherche_que_faire {top:910px;}
}

@media screen and (max-width:515px) {

  /*#btn_slider .btn_lien a {background:blue;}*/

    /*
  #slider {max-width:100%;}
  #slider {height:550px !important;}
  #slider .slide_full_container li img {min-width:100%; min-height:550px; max-height:inherit; max-width:inherit; left:0; margin:0 auto; }
  #btn_slider .wrap p {display:none !important;}
  #btn_slider .wrap p + p + p {display:inline-block; max-width:90%;}
  */

    #menu_tool ul.menu_utile li:first-child, #menu_tool ul.menu_utile li {width:auto; margin:0 0 15px 0; display:block;}
    #tools_top {padding:0 0 10px 0;}
    
    .dce_bloc_double{width:100%;float:none;margin:0 0 10px 0;}

    #menu_galaxie {float:none;}
    #menu_galaxie li {/*padding:6px 15px;*/ width:49%;}
    #menu_galaxie li:first-child {margin:0 2% 0 0;}
    #menu_galaxie li.nautisme {border-bottom:5px solid #32d6ea; border-left:0;}
    #menu_galaxie li.ville {border-bottom:5px solid #ffb22b; border-left:0;}
    #menu_galaxie li.tourisme {border-bottom:5px solid #ef0e51; border-left:0;}
    #header #menu_galaxie li:hover {border-left:0;}
    #menu_galaxie li a {font-size:1.3em; font-size:1.5em; padding:6px 15px;}
    #menu_galaxie li span {font-size:1em; display:inline; padding:0 0 0 5px;}
    #header .clear_resp {clear:both; display:inline;}

    #lang, #lang.close {padding:0 0 0 3%; margin:15px 3% 0 2%;}
    #lang ul li {padding:0 10px 0px 10px; display:block; float:left;}

    #zone_recherche, #zone_login {margin:14px 0 0 3%;}
    #login label {width:100%; margin:0 0 10px 0; text-align:center;}
    #login_status {font-size:2em;}
    #login .txt_lien, #page #login .txt_lien {margin:0; text-align:center;}

    #menu_principal ul li, #menu_principal ul li:first-child {width:100%; margin:0 0 20px 0;}
    #menu_principal ul li a {font-size:1.7em;}
    #menu_principal li ul {margin:10px 0 0 0;}
    #menu_tool ul.menu_resaux_sociaux li, #menu_tool ul.menu_resaux_sociaux li:first-child {width:30px;}

  /* PLAN VILLE*/
    #plan_ville #search_sit .ligne_form {float:none; margin:0 0 15px 0; width:100%}
    #plan_ville #search_sit .ligne_form.btn_submit {float:none; margin:0; width:100%;}
    #plan_ville #infos_retour_sit {height:57px;}

  /* *************************** SOLR *************************** */
    #tx-solr-search-functions {display:none; visibility:hidden;}
    #page #tx-solr-search {float:none; width:100%;}
    .content_page #tx-solr-pagination-results-per-page {float:none; margin:0 0 30px 0;}
    .content_page #tx-solr-sorting {float:none; margin:0; width:auto;}
    .content_page #tx-solr-search #tx-solr-pagination ul.tx-pagebrowse {margin:30px 0;}

  /* *************************** WEATHER DAY *************************** */
    .day_weather_halfday  {margin:0 10px 50px 10px;}
    #group_days_weather .day_weather.first_day {margin:0 3% 60px 3%;}
    #group_days_weather .day_weather {margin:0 3% 50px 3%; width:94%;}
    .day_weather_main_part .left, .day_weather_main_part .right {float:none;}
    .day_weather_main_part .day_weather_img {margin:0 auto 15px auto;}
}

@media screen and (max-width:375px) {
    #cookie_msg {top:70px;}
    #global {padding-bottom:69px;}

    #logo {/*max-width:40%;*/ width:142px;}
    #btn_menu {margin:0 5% 0 0;}

    #home #footer, #page #footer {height:69px;}
    #footer .wrap {width:96%;}
    #footer li {font-size:1.1em;}
    .bloc_home .titre_bloc h2, #page .titre_bloc h2, .bloc_home .titre_bloc p, #page .titre_bloc p {font-size:2.8em;}

  /* infos commerces ouverts #41435 */
    #infos_commerces {top:19px; left:inherit; right:0; width:140px; height:auto; border-radius:5px 0 0 5px;}

  /*   BTN LIEN   */
    .btn_lien, #page .btn_lien {font-size:1.5em;}
  /*   SLIDER   */
    #slider .tag_slide span {font-size:2.4em;}
    /*#slider .coverflow_texte p*/ #slider .coverflow_texte span {font-size:2em;}
  #btn_slider .btn_lien {/*display:inline-block !important; max-width:74%;*/ margin:0; line-height:1em; font-size:1.3em;}
    #btn_slider .btn_lien a {letter-spacing:0;}
    .slider_action {width:48px; height:48px; opacity:0.7; bottom:85px;}
    /*NEW SLID*/
    /* #36469 */ /* #slider {min-height:350px !important; height:auto !important;} */
    /* #36469 */ /* #slider_home {height:350px !important;} */
    /* #36469 */ /* #slider .slide_full_container li img {height:100%; height:350px !important; max-height:inherit !important} */
    #btn_slider .wrap p {display:none;}
    #btn_slider .wrap p + p + p {display:inline-block; max-width:90%;}
    #recherche_que_faire {display:none;}

  /*   QUE FAIRE   */
    #que_faire .ligne_form label {font-size:1.8em;}
    #que_faire .ligne_form select, #que_faire .ligne_form input.date_input {font-size:1.8em;}
    #que_faire .switch_search_type p, #page #que_faire .switch_search_type p {font-size:1.8em;}
  /*   MENU ACCES RAPIDE   */
    #acces_rapide.bloc_6 li {max-width:43%;}
    #acces_rapide .titre {font-size:1.8em;}
    #acces_rapide .ss_titre {font-size:1.5em;}
  /*   MISE EN AVANT   */
    .txt_mise_en_avant h2, #page .txt_mise_en_avant h2 {font-size:2.8em;}
    .txt_mise_en_avant span {font-size:0.8em;}
    .img_mise_en_avant {height:300px;}
    .img_mise_en_avant img {min-height:300px; max-height:300px; position:absolute; left:-50%; margin:0 50% 0 0;}
  /*   RESA   */
    #resa li {font-size:2em;}
  /*   OFFRES SEJOURS   */
    #sejours .coverflow_titre {font-size:2em;}
  /*   ACCES DIRECT   */
    #acces_direct .img {width:100px; height:100px; line-height:100px; margin:0 auto 15px auto;}
    #acces_direct li a:hover .img {width:94px; height:94px; line-height:94px;}
    #acces_direct .titre {font-size:1.6em;}
  /*   INFOS CONTACT   */
    #bloc_newsletter h3 {font-size:1.9em; margin:0 0 20px 0;}
    #bloc_social {height:365px !important;}
  /* MOTEUR */
    #main_content_moteur #zone_map {width:100%; float:none; margin:0 0 25px 0; padding:0; position:static;}
    #main_content_moteur #zone_map.zone_map_large {height:200px;}
    #main_content_moteur #search_sit, #main_content_moteur #que_faire {width:100%; float:none; margin:0;}
    #main_content_moteur #que_faire .wrap_form {margin:0; width:auto;}
    #main_content_moteur #que_faire .ligne_form label, #main_content_moteur #que_faire .ligne_form select, #main_content_moteur #que_faire .ligne_form input.date_input {font-size:1.9em;}
    #main_content_moteur #zone_map .txt_lien_simple {margin:0;}

    #liste_resultats .nb_resultats {padding:0; margin:0; border:0;}
    #liste_resultats .item_resultat {position:relative; padding:0; margin:0 0 25px 0; /*border:0;*/ border-bottom: 1px solid #a6a7a6;}
    #liste_resultats .img {width:100%; margin:0; position:static; height:auto;}
    #liste_resultats .img img {display:block; position:static; top:inherit; margin:0; min-width:100%;}
    #liste_resultats .pres {width:92%; margin:0; padding:15px 4%; position:absolute; bottom:0px; background:rgba(255, 255, 255, 0.85);}
    #liste_resultats .pres h2 {font-size:1.9em;}
    #liste_resultats .pres p.classement_label {display:block; margin:0 0 10px 0;}
    #liste_resultats .pres p {display:none;}
    #liste_resultats .pres p.txt_lien_simple {display:block; margin:0;}
    #liste_resultats .infos {display:none;}

    #zone_infos .left {width:100%; margin:0;}
    #zone_infos .right {width:100%;}
    #zone_infos .infos {padding:0; background:none !important;}

    #page p.titre_tab {font-size:2.5em;}

    .content_page .news-list-item .left.zone_img {width:100%; margin:0; position:static; height:auto;}
    .content_page .news-list-item .left img {display:block; position:static; top:inherit; margin:0;}
    .content_page .news-list-item .right.zone_txt {width:92%; margin:0; padding:15px 4%; position:absolute; bottom:0px; background:rgba(255, 255, 255, 0.85);}

  /* *************************** WEATHER *************************** */
    #page #global .content_page .tx-cim-weather {padding:0; position:static; z-index:2; margin:0 auto 20px auto; max-width:300px;}
    #page #global .content_page .tx-cim-weather a {font-family:inherit; padding:0; border:0;}
    /* LINE PREV-YEAR-NEXT */
    #page #global .content_page .tx-cim-weather  td.columYear {background:#ef0e51; padding:5px 0; border-top:none; border-right:none; border-bottom:1px solid #ef0e51; border-left:none; color:#ffffff; width:180px; text-align:center; height:20px; font-size:1.3em;}
    #page #global .content_page .tx-cim-weather  td.columYear a {color:#ffffff; vertical-align:middle;}
    #page #global .content_page .tx-cim-weather  tr td.columPrevious {height:23px; padding:5px 0; width:23px; background:url(../img/calendar_prev.png) no-repeat 20% center #ef0e51; border-top:none; border-right:none; border-bottom:1px solid #ef0e51; border-left:0;}
    #page #global .content_page .tx-cim-weather  tr td.columPrevious:hover {background:url(../img/calendar_prev.png) no-repeat 18% center #ef0e51;}
    #page #global .content_page .tx-cim-weather  tr td.columPrevious a {display:block; text-indent:-99999px;}
    #page #global .content_page .tx-cim-weather  tr td.columPrevious img {visibility:hidden;}
    #page #global .content_page .tx-cim-weather  tr td.columNext {height:23px; padding:5px 0; width:23px; background:url(../img/calendar_next.png) no-repeat 80% center #ef0e51; border-top:none; border-right:0; border-bottom:1px solid #ef0e51; border-left:none;}
    #page #global .content_page .tx-cim-weather  tr td.columNext:hover {background:url(../img/calendar_next.png) no-repeat 82% center #ef0e51;}
    #page #global .content_page .tx-cim-weather  tr td.columNext a {display:block; text-indent:-99999px;}
    #page #global .content_page .tx-cim-weather  tr td.columNext img {visibility:hidden;}
    #page #global .content_page .tx-cim-weather  tr td.columPrevious a:hover, #page #global .content_page .tx-cim-weather  tr td.columPrevious a:focus, #page #global .content_page .tx-cim-weather  tr td.columNext a:hover, #page #global .content_page .tx-cim-weather  tr td.columNext a:focus {background:none;}
    /* DAY */
    /*#page #global .content_page .tx-cim-weather  tr th {display:none;}*/
    #page #global .content_page .tx-cim-weather  tr td {color:#505256; vertical-align:middle; height:30px; width:30px; padding:0; text-align:center;}
    #page #global .content_page .tx-cim-weather  tr td {font-size:1.2em;}
    #page #global .content_page .tx-cim-weather  tr {border-collapse:collapse;}
    /* ACT */
    #page #global .content_page .tx-cim-weather  div.linked_day, #page #global .content_page .tx-cim-weather  div.linked_today, #page #global .content_page .tx-cim-weather  div.linked_day > td, #page #global .content_page .tx-cim-weather  div.linked_today > td {text-decoration:none; background:#ef0e51; color:#222222; border:none; cursor:pointer; padding:10px;}
    #page #global .content_page .tx-cim-weather  div.linked_today_nolink {border:1px solid #222222; background:#e0e0e0; color:#5b9219; padding:5px 0px; margin:0 5px;}
    /* EVENT HOVER */
    #page #newscalendar-canvas {visibility:hidden !important;}
    .bt-wrapper.newscalendar-tip div.bt-content {padding:10px !important; background:#303033 !important;}
    #page #global div.newscalendarTooltipHeader {text-align:center; font-size:1.2em;}
    #page #global div.newsCalendar_calendarItem {border-bottom:1px solid #ef0e51; margin:0 15px; padding:5px 0;}
    #page #global div.newsCalendar_calendarItem a {color:#ffffff; font-size:1.2em;}
    #page #global div.newsCalendar_calendarItem a:hover, #page #global div.newsCalendar_calendarItem a:focus {color:#ffffff;}
    /* CALENDAR */
    #page #global .content_page .tx-cim-weather  td.columYear {text-transform:uppercase;}
    #page #global .content_page .tx-cim-weather  div.linked_day, #page #global .content_page .tx-cim-weather  div.linked_today, #page #global .content_page .tx-cim-weather  div.linked_day > td, #page #global .content_page .tx-cim-weather  div.linked_today > td {padding:5px 0px; margin:0 5px;}
}

/*////////////////////////////////////////////////////////*/
@media screen and (min-width:768px) and (max-height:898px) {
  /*#menu_principal {background:pink;}*/
}
@media screen and (min-width:768px) and (max-height:659px) {
  /*#menu_principal {background:green;}*/
  #menu_principal .nom_site {font-size:2.5em; margin:20px 0; display:none;}
  #menu_principal .wrap {padding:10px 20px 0 20px; margin:5px auto 0 auto;}
  #menu_principal ul li {width:31%; margin:0 1% 9px 1%; /*test*/width:23%;}
  #menu_principal ul li:first-child {margin:0 1% 9px 1%;}
  #menu_principal ul li a {font-size:1.3em;}
  #menu_principal li ul {margin:10px 0 0 0;}
  #menu_principal li ul li a {font-size:1.1em; line-height:1.2em; padding:0px 0 0px 11px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -558px -113px;}
  #menu_tool {margin:10px 0 0 0;}
  #menu_tool ul {margin:10px auto;}
  #menu_tool ul li {width:auto; margin:0;}
  #menu_tool ul li:first-child {margin:0;}
  #menu_tool ul.menu_utile {width:43%; margin:0;}
  #menu_tool ul.menu_utile li {border-right:0; border-left:2px solid #606066;}
  #menu_tool ul.menu_utile li:first-child {border:0;}
  #menu_tool ul li a {font-size: 1.2em;}
  #menu_tool ul.menu_resaux_sociaux {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 14px -115px; width:225px; margin:0;}
  #menu_tool ul.menu_resaux_sociaux li {margin:0 4px; padding:0;}
}
@media screen and (min-width:990px) and (max-height:898px) {
  /*#menu_principal {background:yellow;}*/
  #menu_principal .nom_site {font-size:2.5em; margin:20px 0; display:none;}
  #menu_principal .wrap {padding:10px 10px 0 10px; margin:5px auto 0 auto;}
  #menu_principal ul li {width:31%; margin:0 1% 9px 1%; /*test*/width:23%;}
  #menu_principal ul li:first-child {margin:0 1% 9px 1%;}
  #menu_principal ul li a {font-size:1.3em;}
  #menu_principal li ul {margin:10px 0 0 0;}
  #menu_principal li ul li a {font-size:1.1em; line-height:1.2em; padding:0px 0 0px 11px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -558px -113px;}
  #menu_tool {margin:10px 0 0 0;}
  #menu_tool ul {margin:10px auto;}
  #menu_tool ul li {width:auto; margin:0;}
  #menu_tool ul li:first-child {margin:0;}
  #menu_tool ul.menu_utile {width:43%; margin:0;}
  #menu_tool ul.menu_utile li {border-right:0; border-left:2px solid #606066;}
  #menu_tool ul.menu_utile li:first-child {border:0;}
  #menu_tool ul li a {font-size: 1.2em;}
  #menu_tool ul.menu_resaux_sociaux {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 14px -115px; width:225px; margin:0;}
  #menu_tool ul.menu_resaux_sociaux li {margin:0 4px; padding:0;}
 }
 @media screen and (min-width:990px) and (max-height:659px) {
  /*#menu_principal {background:orange;}*/
 }
@media screen and (min-width:1280px) and (max-height:950px) {
  /*#menu_principal {background:purple;}*/
  #menu_principal .wrap li ul li a {font-size:1.6em; line-height:1.2em; padding:0 0 0 17px; background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat -558px -110px;}
}
@media screen and (min-width:1280px) and (max-height:798px) {
  /*#menu_principal {background:red;}*/
  #menu_principal .nom_site {margin:55px 0 30px 0;}
  #menu_principal .wrap {padding:32px 28px 6px 28px;}
  #menu_principal ul li {margin:0 25px 20px 25px;}
  #menu_principal .wrap ul li a {font-size:2em;}
  #menu_principal li ul {margin:15px 0 0 0;}
  #menu_tool ul li {margin:0;}
}
@media screen and (min-width:1280px) and (max-height:698px) {
  /*#menu_principal {background:blue;}*/
  #menu_principal .nom_site {margin:20px 0;}
  #menu_principal .wrap {padding:20px 28px 0px 28px;}
  #menu_principal ul li {width:31%; margin:0 1% 9px 1%;}
  #menu_principal ul li:first-child {margin:0 1% 9px 1%;}
  #menu_tool {margin:10px 0 0 0;}
  #menu_tool ul {margin:10px auto;}
  #menu_tool ul li {width:auto; margin:0;}
  #menu_tool ul li:first-child {margin:0;}
  #menu_tool ul.menu_utile {width:43%; margin:0;}
  #menu_tool ul.menu_utile li {border-right:0; border-left:2px solid #606066;}
  #menu_tool ul.menu_utile li:first-child {border:0;}
  #menu_tool ul li a {font-size: 1.2em;}
  #menu_tool ul.menu_resaux_sociaux {background:url(../img/picto_reseaux_sociaux_tools.png) no-repeat 14px -115px; width:225px; margin:0;}
  #menu_tool ul.menu_resaux_sociaux li {margin:0 4px; padding:0;}
}
/*////////////////////////////////////////////////////////*/

/* NEW FOR HEADER BACK PORTAL */
#zone_login {margin:22px 0 0 0;}
/* VERSION  1199 a 1024 / TABLETTE LAND */
@media screen and (max-width:1279px) {
  #btn_menu {width:130px;}
  #menu_galaxie {margin:0 0 0 20px;}
  #menu_galaxie li a {padding:9px 14px;}
  #zone_recherche {margin:22px 0 0 15px; padding:0;}
  #zone_login {padding:0}
  /* #36469 */ #slider .coverflow_zone_texte {top:15%;}
  /* #36469 *//* #slider .tag_slide span {font-size:4.5em;}*/
  /* #36469 *//* #slider .coverflow_texte span {font-size:4.5em;}*/
  
}
@media screen and (max-width:930px) {
  #btn_tools.display_none {display:block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:20px; behavior:url(/fileadmin/templates/ot/css/PIE.htc); position:absolute; right:4%; top:15px; border:2px solid #ffffff;}
  #page #btn_tools.display_none {top:12px;}
  #btn_tools.display_none.btn_act {border:2px solid #ef0e51;}
  #btn_tools.display_none p {font-size:2.6em; line-height:1.2em; color:#ffffff; font-family:'trend_hm_sansone',Arial,Verdana,sans-serif;}
  #page  #btn_tools.display_none p {margin:0; line-height:1.2em;}
  #tools_top {width:100%; position:relative; z-index:500; background:#272727; margin:0 !important; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
  #tools_top.display_none_resp {display:none; margin:0;}
  /* #36469 */ #slider .coverflow_zone_texte {padding-right:50px; padding-left:50px;}
  /* #36469 */ #ConstellationWidget .co-widget-type {display:none !important;}
}
@media screen and (max-width:555px) {
  #tools_top {padding:0 0 7px 0;}
  #menu_galaxie {float:none; margin:0 1%;}
  #menu_galaxie li {/*padding:6px 5px;*/ width:32%; margin:0 0 0 2%;}
  #menu_galaxie li:first-child {margin:0;}
  #menu_galaxie li.nautisme {border-bottom:5px solid #32d6ea; border-left:0;}
  #menu_galaxie li.ville {border-bottom:5px solid #ffb22b; border-left:0;}
  #menu_galaxie li.tourisme {border-bottom:5px solid #ef0e51; border-left:0;}
  #menu_galaxie li.portail {border-bottom:5px solid #006cb0; border-left:0;}
  #header #menu_galaxie li:hover {border-left:0;}
  #menu_galaxie li a {font-size:1.2em; padding:6px 5px;}
  #menu_galaxie li span {font-size:1em; display:inline; padding:0 0 0 5px; display:block;}
  #header .clear_resp {clear:both; display:inline;}
  #lang, #lang.close {padding:0 0 0 3%; margin:15px 3% 0 2%;}
  #lang ul li {padding:0 10px 0px 10px; display:block; float:left;}
  #zone_recherche, #zone_login {margin:14px 0 0 3%;}
  #login label {width:100%; margin:0 0 10px 0; text-align:center;}
  #login_status {font-size:2em;}
  #login .txt_lien, #page #login .txt_lien {margin:0; text-align:center;}
}


/*////////////////////////////////////////////////////////*/
/*@media screen and (min-width:768px) and (max-height:898px) {
  #menu_principal {background:pink;}
}
@media screen and (min-width:768px) and (max-height:659px) {
  #menu_principal {background:green;}
}
@media screen and (min-width:990px) and (max-height:898px) {
  #menu_principal {background:yellow;}
 }
 @media screen and (min-width:990px) and (max-height:659px) {
  #menu_principal {background:orange;}
 }

  @media screen and (min-width:1024px) and (max-height:659px) {
  #menu_principal {background:crimson;}
 }

@media screen and (min-width:1280px) and (max-height:898px) {
  #menu_principal {background:purple;}
}
@media screen and (min-width:1280px) and (max-height:798px) {
  #menu_principal {background:red;}
}
@media screen and (min-width:1280px) and (max-height:698px) {
  #menu_principal {background:blue;}
}*/

@media screen and (max-height:400px) {
  #header {position:absolute;}
  #menu_principal {position:absolute;}
}

.xdsoft_datetimepicker{
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: white;
  border-bottom: 1px solid $greySoft2;
  border-left: 1px solid $greySoft2;
  border-right: 1px solid $greySoft2;
  border-top: 1px solid $greySoft2;
  color: #333333;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
  padding-left: 0px;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display:none;
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border:none !important;
}
.xdsoft_noselect{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker *{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0px;
  margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
  display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
  display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
  width: 224px;
  float:left;
  margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
  width: 58px;
  float:left;
  text-align:center;
  margin-left:8px;
  margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
  margin-top:8px;
  margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}
.xdsoft_datetimepicker  .xdsoft_prev{
  float: left;
  background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
  float: left;
  background-position:-70px 0px;
  margin-left:5px;
}
.xdsoft_datetimepicker  .xdsoft_next{
  float: right;
  background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0px none currentColor;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  outline: medium none currentColor;
  overflow: hidden;
  padding: 0px;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
  float:none;
  background-position:-40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left:14px;
  margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
  background-position:-40px 0px;
  margin-bottom:7px;
  margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
  height:151px;
  overflow:hidden;
  border-bottom:1px solid $greySoft1;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
  background: white;
  border-top:1px solid $greySoft1;
  color: $grey1;
  font-size: 12px;
  text-align: center;
  border-collapse:collapse;
  cursor:pointer;
  border-bottom-width:0px;
  height:25px;
  line-height:25px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
  border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
  opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float:left;
  width:182px;
  text-align:center;
  cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
  text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
  border:1px solid #ccc;
  position:absolute;
  right:0px;
  top:30px;
  z-index:101;
  display:none;
  background:#fff;
  max-height:160px;
  overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
  color: #fff;
  background: $red3;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
  padding:2px 10px 2px 5px;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
  background: $blue1;
  box-shadow: $blue1 0px 1px 3px 0px inset;
  color:#fff;
  font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
  width:90px;
  text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
  clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
  width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
  border-collapse:collapse;
  width:100%;
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
  padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
  height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
  width:14.2857142%;
  background: #F5F5F5;
  border:1px solid #DDDDDD;
  color: #666666;
  font-size: 12px;
  text-align: right;
  padding:0px;
  border-collapse:collapse;
  cursor:pointer;
  height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
  background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
  color:$blue1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
  background: $blue1;
  box-shadow: $blue1 0px 1px 3px 0px inset;
  color:#fff;
  font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
  opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
  opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
  color: #fff !important;
  background: $red3 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
  color: inherit  !important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}
.xdsoft_time_box{
  position:relative;
  border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
  background:#ccc !important;
  height:20px;
  border-radius:3px;
}
.xdsoft_scrollbar{
  position:absolute;
  width:7px;
  right:0px;
  top:0px;
  bottom:0px;
  cursor:pointer;
}
.xdsoft_scroller_box{
  position:relative;
}