/* FONT FACE */
/* UBUNTU regular */
@font-face {font-family:'ubuntu_regular';
src:url('font/ubuntu-r-webfont.eot');
src:url('font/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
  url('font/ubuntu-r-webfont.woff') format('woff'),
  url('font/ubuntu-r-webfont.ttf') format('truetype'),
  url('font/ubuntu-r-webfont.svg#istok_webregular') format('svg');
font-weight:normal;
font-style:normal;}
/* UBUNTU BOLD */
@font-face {font-family:'ubuntu_bold';
src:url('font/ubuntu-b-webfont.eot');
src:url('font/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
  url('font/ubuntu-b-webfont.woff') format('woff'),
  url('font/ubuntu-b-webfont.ttf') format('truetype'),
  url('font/ubuntu-b-webfont.svg#istok_webregular') format('svg');
font-weight:normal;
font-style:normal;}
/* UBUNTU ITALIC */
@font-face {font-family:'ubuntu_italic';
src:url('font/ubuntu-ri-webfont.eot');
src:url('font/ubuntu-ri-webfont.eot?#iefix') format('embedded-opentype'),
  url('font/ubuntu-ri-webfont.woff') format('woff'),
  url('font/ubuntu-ri-webfont.ttf') format('truetype'),
  url('font/ubuntu-ri-webfont.svg#istok_webregular') format('svg');
font-weight:normal;
font-style:normal;}
/* UBUNTU BOLD ITALIC */
@font-face {font-family:'ubuntu_bolditalic';
src:url('font/ubuntu-bi-webfont.eot');
src:url('font/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'),
  url('font/ubuntu-bi-webfont.woff') format('woff'),
  url('font/ubuntu-bi-webfont.ttf') format('truetype'),
  url('font/ubuntu-bi-webfont.svg#istok_webregular') format('svg');
font-weight:normal;
font-style:normal;}
/* UBUNTU MEDIUM */
@font-face {font-family:'ubuntu_medium';
src:url('font/ubuntu-m-webfont.eot');
src:url('font/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'),
  url('font/ubuntu-m-webfont.woff') format('woff'),
  url('font/ubuntu-m-webfont.ttf') format('truetype'),
  url('font/ubuntu-m-webfont.svg#istok_webregular') format('svg');
font-weight:normal;
font-style:normal;}

/* *************************** NORMALISATION *************************** */
*{border:0; padding:0; margin:0; font-family:'ubuntu_regular',Arial,Verdana,Helvetica,sans-serif; font-weight:normal;}
html{font-size:62.5%; width:100%; height:100%;}
body{background:#ffffff; font-family:'ubuntu_regular',Arial,Verdana,Helvetica,sans-serif; font-style:normal; font-weight:normal; font-variant:normal; line-height:100%; color:#747474; text-align:left; height:100%;}
a{text-decoration:none;color:#222222;}
a:hover{text-decoration:none;color:#222222;}
a img,:link img,:visited img{border:none;}
img{max-width:100%; height:auto;}
.gm-style img, .gmnoscreen img, .gmnoprint img {max-width:none !important;}/*gmap v3 fix bug*/
strong, b {font-weight:normal; font-family:'ubuntu_bold',Arial,Verdana,sans-serif;}
i, em{font-style:normal; font-family:'ubuntu_italic',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:'ubuntu_bolditalic',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;}
span.clear {display:block; height:0; width:0;}
.display_none {display:none;}
.left {float:left;}
.right {float:right;}

p.align-left { text-align: left }
p.align-right { text-align: right }
p.align-center { text-align: center }
p.align-justify { text-align: justify }

#page p.indent{margin-left:20px;}

/*effet selection txt*/
  ::selection {color:#ffffff; background:#dadada;}
  ::-moz-selection {color:#ffffff; background:#dadada;}

/* *** POWERMAIL *** */
  div.tx-powermail {width:100%; font-family:'ubuntu_regular',Arial,Verdana,Helvetica,sans-serif; font-size:inherit;}
  div.tx-powermail h3 {display:none;}
  div.tx-powermail p {margin:0 0 20px 0;}
  div.tx-powermail legend {font-size: 1.8em; line-height:1.4em; color:#747474; margin:0 0 20px 0;}
  div.tx-powermail fieldset .powermail_fieldwrap legend  {font-size: 1.6em;}
  div.powermail_fieldwrap {margin:0 0 30px 0; position:relative;}
  div.powermail_fieldwrap.powermail_fieldwrap_text {margin:10px 0; color:#747474; font-weight:normal; font-size:1.6em; line-height:1.6em;}
  .powermail_fieldset {background:none; border:0;}
  .powermail_label {position:absolute; left:0; width:30%; height:100%; margin:0 5% 0 0; padding:0; display:block; color:#747474; font-weight:normal; font-size:1.6em; line-height:1.3em; vertical-align:middle; /**/ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
  .powermail_field {position:relative; border:0; border-bottom:2px solid #ee3251; background:transparent; padding:10px 3% 10px 35%; width:100%; color:#222222; font-size:1.6em; line-height:1.6em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s; transition:all 0.3s; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/agglo/css/PIE.htc);}
  select.powermail_field {max-width:100%;}
  .powermail_textarea {max-width:100%;}
  input.powermail_field:focus {outline:none; width:65%; padding:10px 3% 10px 3%; margin:0 0 0 35%; -webkit-transition-delay:0.3s; transition-delay:0.3s;}
  input.powermail_field:focus, .powermail_textarea:focus {background:#EBEBEB;}
  select.powermail_field:focus {background:transparent url(../img/bg_select.png) no-repeat right center;}
  .powermail_radio_outer input[type="checkbox"]:focus, .powermail_radio_outer input[type="radio"]:focus, .powermail_check_outer input[type="checkbox"]:focus, .powermail_check_outer input[type="radio"]:focus {outline:initial; width:auto; padding:0; margin:10px 3% 10px 35%; -webkit-transition-delay:0; transition-delay:0;}
  /*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, .powermail_check_inner {margin:0 10px 0 0; /*float:left;*/float:none;}
  /*.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"] {border:0; background:none; padding:0; margin:10px 3% 10px 35%; width:auto; vertical-align:top; -webkit-transition:none; transition:none;}
  .tx-powermail .powermail_radio_outer label, .tx-powermail .powermail_captcha_outer label {}
  .tx-powermail .powermail_check_outer label {}
  .tx-powermail .powermail_check_outer .powermail_check_inner label, .tx-powermail .powermail_radio_outer .powermail_radio_inner label {font-size:1.6em; margin:11px 0px; display:inline-block;}
  /*champ upload fichier*/
  .powermail_fieldwrap.powermail_fieldwrap_file .powermail_fieldwrap_file_inner {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 {float:right; margin:20px 0;}
  .powermail_submit {border:2px solid #ee3251; background:none; padding:5px 10px; width:auto; height:auto; text-transform:none; text-decoration:none; color:#222222; font-size:1.6em; line-height:1.6em; font-style:normal; font-weight:normal; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/agglo/css/PIE.htc); transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
  .tx-powermail .powermail_submit:hover, .tx-powermail .powermail_submit:focus {background:#ee3251; color:#ffffff; -webkit-transition-delay:0.3s; transition-delay:0.3s; width:auto; padding:5px 10px; margin:0;}
  /*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, .powermail_confirmation .powermail_confirmation_submit {width:auto; height:auto; text-transform:none; text-decoration:none; color:#222222; font-size:1.6em; line-height:1.6em; font-style:normal; font-weight:normal; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/agglo/css/PIE.htc); transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
  .powermail_confirmation .powermail_confirmation_form:hover, .powermail_confirmation .powermail_confirmation_submit:hover {background:#ee3251; color:#ffffff; -webkit-transition-delay:0.3s; transition-delay:0.3s;}
  .powermail_confirmation input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  /*page confirmation*/
  dl.powermail_all {margin:0 0 20px 0; font-size:1.6em; line-height:1.6em;}
  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; color:#222222; font-family:'ubuntu_medium',Arial,Verdana,sans-serif; font-weight:normal;}
  .powermail_confirmation_form, .powermail_confirmation_submit {cursor:pointer; padding:inherit; margin:0; border:0; width:80px; height:30px; background:#4bc7c7; color:#ffffff; font-size:1.2em; line-height:1.2em;}
  .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;}
  legend {font-size: 1.8em; line-height:1.4em; color:#747474; margin:0 0 20px 0;}
  .ligne_form {margin:0 0 30px 0; position:relative;}
  .ligne_form label {position:absolute; left:0; width:30%; height:100%; margin:0 5% 0 0; padding:0; display:block; color:#747474; font-weight:normal; font-size:1.6em; line-height:1.3em; vertical-align:middle; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
  ul li label {font-size:1em; line-height:1em;}
  .ligne_form input, .ligne_form select, .ligne_form textarea {position:relative; border:0; border-bottom:2px solid #ee3251; background:transparent; padding:10px 3% 10px 35%; width:100%; color:#222222; font-size:1.6em; line-height:1.6em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  -webkit-transition:all 0.3s; transition:all 0.3s; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/agglo/css/PIE.htc);}
  textarea {max-width:100%;}
  select {-webkit-appearance:none; -moz-appearance:none; appearance:none;  text-overflow:""; text-indent:0.01px;}
  .ligne_form input[type="checkbox"], .ligne_form input[type="radio"] {border:0; background:none; padding:0; margin:10px 3% 10px 35%; width:auto; vertical-align:top; -webkit-transition:none; transition:none;}
  div.btn_submit {float:right; margin:20px 0;}
  input[type="submit"] {border:2px solid #ee3251; background:none; padding:5px 10px; width:auto; height:auto; text-transform:none; text-decoration:none; color:#222222; font-size:1.6em; line-height:1.6em; font-style:normal; font-weight:normal; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/agglo/css/PIE.htc); transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
  input[type="submit"]:hover, input[type="submit"]:focus {background:#ee3251; color:#ffffff; -webkit-transition-delay:0.3s; transition-delay:0.3s; width:auto; padding:5px 10px; margin:0;}
  /*EFFECT*/
  .ligne_form input:focus, .ligne_form textarea:focus, .ligne_form select:focus {outline:none; width:65%; padding:10px 3% 10px 3%; margin:0 0 0 35%; -webkit-transition-delay:0.3s; transition-delay:0.3s;}
  .ligne_form input:focus, .ligne_form textarea:focus {background:#EBEBEB;}
  .ligne_form select:focus {background:transparent url(../img/bg_select.png) no-repeat right center;}
  .ligne_form input[type="checkbox"]:focus, .ligne_form input[type="radio"]:focus {outline:initial; width:auto; padding:0; margin:10px 3% 10px 35%; -webkit-transition-delay:0; transition-delay:0;}
  .ligne_form label + input:focus, .ligne_form label + textarea:focus, .ligne_form label + select:focus {-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
  .mandatory {font-size:16px; color:#ee3251; padding:0 3%;}
  #col_right label {float:none; display:inline; margin:0 0 3px 0; width:auto;}
  #col_right input, #col_right select, #col_right textarea {width:100%;}
  #col_right input[type="checkbox"], #col_right input[type="radio"] {width:auto; float:left; margin:0 4px 0 0;}
  #col_right div.btn_submit {float:none; padding:0;}
  #col_right 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-weight:normal; font-family:'ubuntu_bold',Arial,Verdana,sans-serif;}
    .alert.alert-error .close {display:none;}
    .alert.alert-error h4, #page .alert.alert-error h4 {margin:0; color:#1a171b; font-weight:normal; font-family:'ubuntu_bold',Arial,Verdana,sans-serif;}
    #global .femanager_flashmessages>.message-ok {border:2px solid #B4000E; background-color:#ffffff; color:#1a171b;}
    #global .message-body {margin:0; line-height:1.2em; color:#1a171b; font-weight:normal; font-family:'ubuntu_bold',Arial,Verdana,sans-serif;}

/* *** CLASSES SKIN GENERIQUES *** */
  .radius {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/agglo/css/PIE.htc);}
  .shadow {box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); behavior:url(fileadmin/templates/agglo/css/PIE.htc);}
  .shadow_inset {-moz-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1); behavior:url(fileadmin/templates/agglo/css/PIE.htc);}
  .grey_border {border:1px solid #d0d0d0;}
  .gradient_green {}
  .sep_border {width:50px; height:3px; display:inline-block;}
  .grey_bg {background:#ebebeb;}
  .black_bg {background:#323232;}
  .yellow {background:#ffe21c;}  
  .red {background:#c1102f;}
  .orange {background:#ff5c14;}
  .purple {background:#b32271;}
  .blue {background:#1bc0f0;}
  .green {background:#b3cc2d;}
  .raspberry {background:#ee3251;}
  /* *** 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;}
  .wrap {width:1202px; margin:0 auto;}

/* INFOS SUR LES COOKIES */
  #cookie_msg {margin:0 auto; padding:10px 20px; z-index:5000; background:#ebebeb; position:relative;}
  #cookie_msg p {font-size:1.2em; line-height:1.2em; color:#666666; text-align:center;}
  #cookie_msg a {color:#666666; border-bottom:1px solid #ee3251; text-transform:none; font-weight:normal; font-family:'ubuntu_medium',Arial,Verdana,sans-serif;}
  #cookie_msg a:hover, #cookie_msg a:focus {color:#ee3251;}
  #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;}

/* ***** HEADER ***** */
  #header {width:100%; position:relative;}
  #logo a, #logo img {display:block;}

/*   LOGOUT   */
  #header #zone_logout p {display:block; visibility:visible; font-size:1em; line-height:1em; margin-bottom:5px; margin-top:10px;}
  #header #zone_logout input[type="submit"] {float:right; clear:both; margin-bottom:10px;}
  #zone_logout {float:right; margin:0 0 0 30px;}
  #zone_logout p {display:none; visibility:hidden;}
  #zone_logout input[type="submit"] {-webkit-transition-delay:0; transition-delay:0; line-height:normal; font-size:1.2em; padding:3px;}
  
/*   OUTILS ACCESSIBILITE   */
  #accessi {margin:10px 0 25px 0;}
  #accessi li {display:inline; color:#bababa; font-family:'ubuntu_medium',Arial,Verdana,sans-serif; font-size:1em; line-height:1em; padding:0 0 0 15px; margin:0 0 0 30px; background:url(../img/sprite.png) no-repeat -122px -165px;}
  #accessi li a {color:#bababa; font-family:'ubuntu_medium',Arial,Verdana,sans-serif; text-transform:uppercase;}
  #accessi li a:hover, #accessi li a:focus {color:#494949;}

/*   ZONE RECHERCHE   */
  #btn_search_smart {display:none;}
  #zone_recherche {margin:0 0 0 20px; width:351px;}
  #zone_recherche legend {display:none;}
  #zone_recherche label {position:static; float:left; color:#29292c; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.9em; margin:0 13px 0 0; padding:0; width:auto;}
  .wrap_form_header {float:left; background:#ffffff; padding:5px 10px; border:2px solid #abc22e;}
  #zone_recherche input{float:left; color:#878786; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.4em; margin:0; padding:1px 0; border:0; background:none; width:200px;}
  #zone_recherche input[type="submit"] {text-indent:-9999px; font-size:0; width:17px; height:17px; padding:0; margin:0; border:0; background:url(../img/sprite.png) no-repeat -88px -131px;}

/* COMPETENCES */
  #col_right .competence p strong{color:#3c3c3c;font-size:1.3em;line-height:1.3em;float:left;padding:35px 0px;}
  #col_right .competence {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
  #col_right .competence span{padding:5px 0 0px 0;}

/*   RESEAUX SOCIAUX   */
  #header .menu_resaux_sociaux {width:330px; height:41px; margin:0 0 38px 0; float:left;}
  .menu_resaux_sociaux li {display:block; float:left; margin:0 3px;}
  .menu_resaux_sociaux li a {text-indent:-9999px; display:block; width:41px; height:41px; line-height:41px; padding:0; background-color:#e0e0e0; background-image:url(../img/sprite.png); background-repeat:no-repeat; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/agglo/css/PIE.htc); overflow:hidden; -webkit-transition-property:background-color; -webkit-transition-duration:500ms; -moz-transition-property:background-color; -moz-transition-duration:500ms; transition-property:background-color; transition-duration:500ms;}
  .menu_resaux_sociaux li a span {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none !important;}
  #header .reseau_fb a {background-position:-1px 1px;}
  #header .reseau_twit a {background-position:-60px 1px;}
  #header .reseau_gp a {background-position:-121px 1px;}
  #header .reseau_youtube a {background-position:-183px 1px;}
  #header .reseau_flickr a {background-position:-243px 0px;}
  #header .reseau_pint a {background-position:-304px 1px;}
  #header .reseau_instagram a {background-position:-377px 1px;}
  #header .menu_resaux_sociaux li a:hover, #header .menu_resaux_sociaux li a:focus {background-color:#abc22e;}

/* ***** MENU PRINCIPAL ***** */
  #btn_menu_smart {display:none;}
  #menu_principal {background:#494949; position:relative;}
  #menu_principal ul li {padding:0 11px 0 13px; background:url(../img/sep_menu.png) no-repeat left center; display:block; float:left;}
  #menu_principal ul > li:first-child {background:none; padding:0 11px 0 0;}
  #menu_principal ul li a {padding:15px 8px; color:#ffffff; font-family:'ubuntu_medium',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1em; vertical-align:middle; display:block; text-transform:uppercase; -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:hover a, #menu_principal ul li a:hover, #menu_principal ul li a:focus {color:#ffe21c; border-bottom:2px solid #ffe21c; padding:15px 8px 13px 8px;}
  /****sous menu****/
  #menu_principal li ul {display:none; background:#363636; position:absolute; width:100%; top:44px; left:0; z-index:60; overflow:hidden; padding:24px 0px 14px 0px;}
  #menu_principal li:hover ul {display:block;}
  #menu_principal li ul .wrap {display:block;}
  #menu_principal li ul li {width:375px; padding:0; margin:0 25px 12px 0; line-height:normal; background:none; display:inline-block; vertical-align:top;}
  #menu_principal li ul li a {font-size:inherit; line-height:inherit; display:block; vertical-align:top; padding:0 0 12px 0; border-bottom:1px solid #575757;}
  #menu_principal ul li:hover li a {border-bottom:1px solid #575757;}
  .img_rubrique {float:left; width:80px; height:80px; margin:0 15px 0 0; overflow:hidden; background:#ffe21c; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  .img_rubrique img {min-width:100%; min-height:auto; width:100%; height:100%; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; -webkit-transition-property:opacity; -webkit-transition-duration:500ms; -moz-transition-property:opacity; -moz-transition-duration:500ms; transition-property:opacity; transition-duration:500ms;}
  .txt_rubrique {float:left; width:280px; padding:5px 0;}
  .txt_rubrique span.titre {text-transform:none; color:#ffffff; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.7em; line-height:1.1em; -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:hover li a, #menu_principal li ul li a:hover, #menu_principal li ul li a:focus {padding:0 0 12px 0;}
  #menu_principal li ul li a:hover, #menu_principal li ul li a:focus, #menu_principal li ul li.act a {border-bottom:1px solid #ffe21c;}
  #menu_principal li ul li a:hover span.titre, #menu_principal li ul li a:focus span.titre {color:#ffe21c;}
  #menu_principal li ul li a:hover img, #menu_principal li ul li a:focus img {opacity:0.7;}

/* ***** FOOTER ***** */
  #footer {position:fixed; position:absolute; bottom:0px; width:100%; height:395px; background:#cccccc;}
  #menu_footer {background:#cccccc;}
  #menu_footer ul {padding:10px 0; text-align:center;}
  #menu_footer li {color:#3c3c3c; font-size:1.3em; line-height:1.3em; padding:0 15px; display:inline; background:url(../img/sep_menu_footer.png) no-repeat left center;}
  #menu_footer li:first-child {padding:0 15px 0 0; background:none;}
  #menu_footer li a {color:#3c3c3c; padding:0 4px 0 11px; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;}
  #menu_footer li a:hover, #menu_footer li a:focus {color:#000000;}

/* *************************** FIL ROUGE *************************** */
  #fil_rouge {width:100%; position:relative; margin:0 0 19px 0; z-index:51;}
  #fil_rouge .wrap {padding:3px 3px 3px 40px; background:#7A7A7A url(../img/picto_fil_rouge.png) no-repeat 17px center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #fil_rouge p, #page #fil_rouge p {background:#ffffff; font-size:1.5em; line-height:1.2em; padding:5px 15px; margin:0; text-transform:uppercase; color:#7A7A7A; font-weight:normal; font-family:'ubuntu_bold',Arial,Verdana,sans-serif;}
  #fil_rouge a, #page #fil_rouge a {text-transform:none; color:#7A7A7A; font-family:'ubuntu_italic',Arial,Verdana,sans-serif;}

/* *************************** HOME CONTENT *************************** */
  #content_home {padding-bottom:395px;}
  .bg_white {background:#ffffff; position:relative; z-index:1; box-shadow:0px 1px 2px 0px rgba(50,50,50,0.2); -moz-box-shadow:0px 1px 2px 0px rgba(50,50,50,0.2); -webkit-box-shadow:0px 1px 2px 0px rgba(50,50,50,0.2);}

/*   SLIDER   */
  .coverflow_img {display:none; visibility:hidden;}
  #bandeau_home {width:100%; height:280px;}
  #global #bandeau_home .wrap {width:100%;}
  #global #bandeau_home .titre_bloc {display:none; visibility:hidden;}
  #slider_home, #slider_page {position:relative; width:100%; height:280px;}
  #slideshow_home {height:280px; overflow:hidden;}
  .slide_full_container li {position:relative; display:block; width:100%; height:100%;}
  .slide_full_container li .img a, .slide_full_container li .img img {display:block;}
  .slide_full_container li .img {/*overflow:hidden;*/ width:100%; height:100%;}
  .slide_full_container li .img a {width:100%; height:100%;}
  .slide_full_container li .img img {min-width:100%; min-height:100%; height:auto; width:auto; max-width:130%;}
  #bandeau_home .coverflow_zone_texte {position:absolute; bottom:50px; width:100%;}
  #bandeau_home .wrap_zone_texte {width:1202px; margin:0 auto;}
  #bandeau_home .coverflow_titre {font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:3em; line-height:1.1em; display:block; width:665px; margin:0 50px;}
  #bandeau_home .coverflow_titre a {font-family:'ubuntu_bold',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;}
  #bandeau_home .slide_darker .coverflow_titre, #bandeau_home .slide_darker .coverflow_titre a {color:#3c3c3c;}
  #bandeau_home .slide_freed .coverflow_titre, #bandeau_home .slide_freed .coverflow_titre a {color:#ffffff; text-shadow:2px 2px 7px rgba(0,0,0,0.3);}
  /*NAVIGATION*/
    .slider_nav {position:absolute; bottom:13px; z-index:49; float:none; padding:0; text-align:center;}
    .slider_nav.left {width:auto; left:5px;}
    .slider_nav.center {width:100%;}
    .slider_nav.right {width:auto; right:5px;}
    .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 4px; float:none; display:inline-block; vertical-align:top;}
    .slider_nav li a.control_home, .slider_nav li a.control_page, #page .slider_nav li a.control_fiche, #page .slider_nav li a.control_fiche_actu {cursor:pointer; background:#747474; width:15px; height:15px; display:inline-block; border-radius:15px 15px 15px 15px; -moz-border-radius:15px; -webkit-border-radius:15px; behavior:url(/fileadmin/templates/agglo/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, #page .slider_nav li a:hover {width:11px; height:11px; background:#404040; border:2px solid #404040;}
    .slider_nav li a.control_home.slider_home_active, .slider_nav li a.control_page.slider_page_active, .slider_nav li a.control_fiche.slider_fiche_active, .slider_nav li a.control_fiche_actu.slider_fiche_actu_active {background:#404040; border:2px solid #404040;}
    span.control_home, span.control_page, span.control_fiche, span.control_fiche_actu {position:absolute; top:33%; z-index:49; padding:30px 18px; cursor:pointer;}
    #left_control_home, #left_control_page, #left_control_fiche, #left_control_fiche_actu {left:20px; background:url(../img/sprite.png) no-repeat -197px -237px;}
    #right_control_home, #right_control_page, #right_control_fiche, #right_control_fiche_actu {right:20px; background:url(../img/sprite.png) no-repeat -253px -237px;}
    #left_control_home:hover, #left_control_page:hover, #left_control_fiche:hover, #left_control_fiche_actu:hover {opacity:0.8;}
    #right_control_home:hover, #right_control_page:hover, #right_control_fiche:hover, #right_control_fiche_actu:hover {opacity:0.8;}
  /*CONTROLS*/
    #home #bandeau_galaxie .slider_action {display:none;}
    .slider_action {position:absolute; bottom:-5px; right:20px; width:50px; height:50px; z-index:148; display:block; cursor:pointer;}
    .slider_action.running  {background:url(../img/sprite.png) no-repeat -378px -237px;}
    .slider_action.paused {background:url(../img/sprite.png) no-repeat -308px -237px;}
    .slider_action.running:hover, .slider_action.running:focus {background:url(../img/sprite.png) no-repeat -378px -237px;}
    .slider_action.paused:hover, .slider_action.paused:focus {background:url(../img/sprite.png) no-repeat -308px -237px;}
  /*slider zone contenu page*/
  #page .slide_full_container li {margin:0; font-size:inherit; line-height:inherit;}
  #page .slide_full_container li .img a {padding:0; border:0;}
  #page .slider_nav li {margin:0; font-size:inherit; line-height:inherit;}
  #page .slider_nav li a {padding:0;}
  #page .slider_nav li a.control_page, #page .slider_nav li a.control_fiche, #page .slider_nav li a.control_fiche_actu {border-bottom:0; background:#ffffff;}
  #page .slider_nav li a:hover {background:#ee3251; border:2px solid #ee3251; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;}
  #page .slider_nav li a.control_page.slider_page_active, #page .slider_nav li a.control_fiche.slider_fiche_active, #page .slider_nav li a.control_fiche_actu.slider_fiche_actu_active {background:#ee3251; border:2px solid #ee3251;}
  #page .slider_nav li a.control_page.slider_page_active:hover, #page .slider_nav li a.control_fiche.slider_fiche_active:hover, #page .slider_nav li a.control_fiche_actu.slider_fiche_actu_active:hover {border:2px solid #ee3251; width:15px; height:15px;}

/*   BLOCS   */
  .bloc_home, .bloc_col {overflow:hidden;}
  #col_right .bloc_col {margin:0 0 40px 0;}
  .bloc_home .titre_bloc, .bloc_col .titre_bloc {padding:30px 0px 0px 0px;}
  #col_right .bloc_col .titre_bloc {padding:0;}
  .bloc_home .titre_bloc h2, .bloc_home .titre_bloc p, #page .bloc_col .titre_bloc h2, #page .bloc_col .titre_bloc p {text-transform:uppercase; color:#3c3c3c; font-size:3.2em; line-height:1.2em; margin:0;}
  .bloc_home .titre_bloc .sep_border, .bloc_col .titre_bloc .sep_border {margin:9px 0;}
  .bloc_home .contenu_bloc .sep_border, .bloc_col .contenu_bloc .sep_border {margin:0px 9px 2px 0;}
  #col_right .bloc_col .titre_bloc {margin:9px 0 17px 0;}

  .bloc_home .contenu_bloc h3, #page .bloc_col .contenu_bloc h3, 
  .bloc_home .contenu_bloc p.subtitle, #page .bloc_col .contenu_bloc p.subtitle {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; margin:0 0 10px 0;}
  .bloc_home .contenu_bloc p, #page .bloc_col .contenu_bloc p {color:#3c3c3c; font-size:1.3em; line-height:1.4em; margin:0 0 10px 0;}
  .bloc_home .contenu_bloc p strong, #page .bloc_col .contenu_bloc p strong {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif;}

/*   BLOCS LISTE ITEM 2 COL   */
  .list_col ul li {margin:0 0 13px 0;}
  .list_col ul li h2, #page .list_col ul li h2 {font-size:inherit; line-height:inherit; margin:0;}
  .list_col li a {padding:0 0 12px 0; border-bottom:1px solid #e6e6e6; display:block; -webkit-transition-property:border; -webkit-transition-duration:500ms; -moz-transition-property:border; -moz-transition-duration:500ms; transition-property:border; transition-duration:500ms;}
  .list_col li span {display:block;}
  .list_col li .left {width:80px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  .list_col li .left img {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; display:block; overflow:hidden; -webkit-transition-property:opacity; -webkit-transition-duration:500ms; -moz-transition-property:opacity; -moz-transition-duration:500ms; transition-property:opacity; transition-duration:500ms;}
  .list_col li .left .date {text-transform:uppercase; text-align:center; padding:9px 12px; height:42px;}
  .list_col .date span {color:#3c3c3c;}
  .list_col .date span.d {font-family:'ubuntu_medium',Arial,Verdana,sans-serif;}
  .list_col .date span.one_date .d {font-size:3.8em; line-height:0.9em;}
  .list_col .date span.one_date .m {font-family:'ubuntu_light',Arial,Verdana,sans-serif; font-size:1.2em; line-height:1em;}
  .list_col .date span.two_date span {display:inline;}
  .list_col .date span.two_date .d {font-size:1.6em; line-height:1em;}
  .list_col .date span.two_date .m {font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.1em; line-height:1em;}
  .list_col li .right {width:290px;}
  .list_col li .infos {text-transform:uppercase; color:#666666; font-size:1.2em; line-height:1em; margin:0 0 10px 0;}
  .list_col li .titre {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.1em; max-height:48px; overflow:hidden; margin:0 0 5px 0;}
  .list_col li .titre.ptt {font-size:1.8em; max-height:57px;}
  .list_col li .desc {color:#747474; max-height:43px; overflow:hidden; font-size:1.4em; line-height:1.4em;}
  .list_col li .desc p {color:#747474; font-size:1em; line-height:1.4em;}
  .list_col li a:hover .left img, .list_col li a:focus .left img, .list_col li a:hover .left .date, .list_col li a:focus .left .date {opacity:0.7;}

/*   BTN LIEN   */
  .btn_lien, .bloc_home .contenu_bloc .btn_lien, #page .btn_lien, #page .info_utile .part_bloc .btn_lien {font-family:'ubuntu_regular',Arial,Verdana,Helvetica,sans-serif; font-size:1.3em; line-height:1.3em; margin:0; letter-spacing:-0.04em;}
  .btn_lien a, .bloc_home .contenu_bloc .btn_lien a, #page .btn_lien a, #page .info_utile .part_bloc .btn_lien a {color:#000000; border:0; font-family:'ubuntu_regular',Arial,Verdana,Helvetica,sans-serif; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;}
  .btn_lien a:hover, .btn_lien a:focus, .bloc_home .contenu_bloc .btn_lien a:hover, .bloc_home .contenu_bloc .btn_lien a:focus, #page .btn_lien a:hover, #page .btn_lien a:focus, #page .info_utile .part_bloc .btn_lien a:hover, #page .info_utile .part_bloc .btn_lien a:focus {background:none;}
  #page .btn_lien.close_map a {color:#ffffff;}
  #page .btn_lien span {margin:0 10px 0 0;}
  #page .btn_lien a:hover, #page .btn_lien a:focus, #page .btn_lien.close_map a:hover, #page .btn_lien.close_map a:focus {color:#ee3251;}

/* MENU ACCES RAPIDE */
  #acces_rapide {box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0px 1px 2px 0px rgba(0,0,0,0.1);}
  #page #acces_rapide {border-bottom:1px solid #cccccc;}
  #acces_rapide .wrap {padding:13px 0 8px 0;}
  #acces_rapide .titre_bloc {margin:0 30px 0 0; padding:0;}
  #page #acces_rapide .titre_bloc p {color:#3c3c3c; font-size:3.2em; line-height:1.2em; margin:0;}
  #acces_rapide .contenu_bloc {width:1032px;}
  #acces_rapide li {display:block; float:left; margin:0 0 0 28px; max-width:95px; /**/max-width:60px;}
  #acces_rapide li:first-child {margin:0;}
  #acces_rapide li a {display:block; text-align:center; height:100%; width:100%;}
  #acces_rapide .img {display:block; margin:0px 0px 12px 0px;}
  #acces_rapide .img img {display:block; margin:auto;}
  #acces_rapide .titre {display:block; text-align:center; color:#666666; font-size:1.2em; line-height:1.2em;}
  #acces_rapide li a:hover .titre, #acces_rapide li a:focus .titre {color:#c1102f;}
  #acces_rapide li a:hover .img {opacity:0.7;}

/* ACTUALITES A LA UNE */
  #alaune {width:794px; margin:0 0 37px 0;}
  #alaune .titre_bloc {margin:0 0 8px 0;}
  #alaune .contenu_bloc {padding:0;}
  #slider_alaune {position:relative; width:100%; height:434px;}
  #alaune .img {width:100%; overflow:hidden;}
  #alaune .img img {height:auto; width:auto; min-height:100%; min-width:100%; max-width:inherit;}
  #alaune .coverflow_zone_texte {position:absolute; left:12px; bottom:12px; /*height:150px;*/ height:78px; width:360px; padding:55px 15px 15px 15px; background:rgba(255,255,255,0.8); overflow:hidden;}
  #alaune .coverflow_titre {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:2.6em; line-height:1em; display:block; max-height:52px; overflow:hidden; margin:0 0 10px 0;}
  #alaune .coverflow_titre a {color:#3c3c3c; font-family:'ubuntu_bold',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;}
  #alaune .coverflow_desc {display:block; margin:0 0 15px 0; max-height:58px; overflow:hidden; display:none;}
  #alaune .coverflow_desc p {font-size:1.6em; line-height:1.2em; margin:0;}
  #alaune .coverflow_desc p a {color:#3c3c3c;}
  #alaune .coverflow_titre a:hover, #alaune .coverflow_titre a:focus, #alaune .btn_lien a:hover, #alaune .btn_lien a:focus {color:#ff5c14;}
  /*NAVIGATION*/
    #alaune .slider_nav {position:absolute; width:360px; left:30px; /*bottom:197px;*/ bottom:123px; z-index:50;}
    .slider_nav li {padding:0 4px; float:none; display:inline; display:inline-block; vertical-align:middle;}
    #alaune .slider_nav li a {cursor:pointer; background:none; border:2px solid #ffffff; background:#ffceb8; width:11px; height:11px; display:inline-block; border-radius:15px 15px 15px 15px; -moz-border-radius:15px; -webkit-border-radius:15px;  behavior:url(/fileadmin/templates/agglo/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;}
    #alaune .slider_nav li a:hover {background:#ff5c14;}
    #alaune .slider_nav li a.slider_alaune_active {background:#ff5c14; border:2px solid #ff5c14;}
    span.control_alaune {position:absolute; bottom:10px; z-index:49; padding:24px; cursor:pointer;}
    #left_control_alaune {background:url(../img/pictos_slider.png) no-repeat 0px center; left:20px;}
    #right_control_alaune {background:url(../img/pictos_slider.png) no-repeat -53px center; left:355px;}

/* ACTUALITES LISTE */
  #actus {width:386px; margin:0 0 37px 0;}
  #actus .titre_bloc {margin:0 0 8px 0;}
  #actus li a:hover, #actus li a:focus {border-bottom:1px solid #ff5c14;}
  #actus li .left {height:80px; background:#ff5c14;}  
  #actus .no-news-found p {color:#3c3c3c; font-size:1.3em; line-height:15px;}
  #actus .btn_lien a:hover, #actus .btn_lien a:focus {color:#ff5c14;}

/* ACTUALITES DETAIL */
  #page .maj {margin: 0; font-size: 1.3em;text-align:right;}

/* BREVES */
  #breves .wrap {padding:13px 0;}
  #breves .titre_bloc {margin:0 30px 0 0; padding:0;}
  #breves .contenu_bloc {width:1000px;}
  #breves p.btn_lien {float:right;}
  #breves ul {float:left; max-width:825px;}
  #breves li {margin:0 0 10px 0; padding:0 0 0 19px; background:url(../img/puce_liste_purple.png) no-repeat left center; color:#222222; font-size:1.6em; line-height:1.6em;}
  #breves li h2 {font-size:inherit; line-height:inherit; margin:0;}
  #breves li a {color:#222222; font-family:'ubuntu_italic',Arial,Verdana,sans-serif; text-decoration:underline; padding:0 2px; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;}
  #breves li a:hover, #breves li a:focus, #breves .btn_lien a:hover, #breves .btn_lien a:focus {color:#b32271;}

/* ZOOM */
  #zoom {width:794px; margin:0 0 54px 0;}
  #zoom .titre_bloc {margin:0 0 8px 0;}
  #zoom .contenu_bloc .left {width:315px;}
  #zoom .contenu_bloc .left img {display:block;}
  #zoom .contenu_bloc .right {width:450px; margin:0 10px 0 0; max-height:446px; overflow:hidden;}
  #zoom .contenu_bloc h3 {font-size:2.6em; margin:0 0 20px 0;}
  #zoom .contenu_bloc .txt p {font-size:1.6em; line-height:1.5em; margin:0 0 20px 0;}
  #zoom .txt a {border-bottom:2px solid #1bc0f0; padding:0 2px;}
  #zoom .txt a:hover, #zoom .txt a:focus {background:#1bc0f0; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;}
  #zoom .btn_lien a:hover, #zoom .btn_lien a:focus {color:#1bc0f0;}

/* AGENDA */
  #agenda {width:386px; margin:0 0 54px 0;}
  #agenda .titre_bloc {margin:0 0 8px 0;}
  #agenda .titre_bloc p.btn_lien {background:url(../img/sprite.png) no-repeat -147px -188px; padding:3px 0 0 37px; width:75px; font-size:1.3em; line-height:1.2em; text-transform:none;}
  #agenda li a:hover, #agenda li a:focus {border-bottom:1px solid #b3cc2d;}
  #agenda li .left {background:#b3cc2d;}
  #agenda li .left img {height:60px;}
  #agenda .no-news-found p {color:#3c3c3c; font-size:1.3em; line-height:15px;}
  #agenda .btn_lien {line-height:1.1em;}
  #agenda .btn_lien a:hover, #agenda .btn_lien a:focus {color:#b3cc2d;}

/* RETOUR EN IMAGES */
  #retour_images {position:relative;}
  #retour_images .img {width:100%; height:auto; opacity:0.5;}
  #retour_images .img img {display:block; width:100%; height:auto;}
  #retour_images .wrap_content {position:absolute; top:0; left:0; width:100%;height: 100%;}
  #retour_images .wrap_content .wrap{height: 100%;position: relative;}
  #retour_images .contenu_bloc {/*margin:21px 205px 0 205px;*/position: absolute;bottom: 20px;right: 0px;}
  #retour_images .contenu_bloc p {font-size:1.4em;}
  #retour_images .contenu_bloc p strong {font-size:1.5em; line-height:1.2em;}
  #retour_images * {color:#ffffff;}
  #retour_images .contenu_bloc .btn_lien{text-align: right;}
  #retour_images .btn_lien a:hover, #retour_images .btn_lien a:focus {color:#ffe21c;}
  /*#retour_images .btn_lien{float:right;clear:both;}*/

/* GALAXIE */
  #bandeau_galaxie .contenu_bloc {margin:16px 0 0 0; height:220px; padding:0px 30px; position:relative;}
  #slider_galaxie {height:220px; overflow:hidden;}
  #bandeau_galaxie .slide_full_container li {width:182px; width:182px !important; height:182px; margin:0 21px;}
  #bandeau_galaxie .img {overflow:hidden;}
  #bandeau_galaxie .coverflow_zone_texte .wrap_zone_texte {text-align:center; position:absolute; left:0; top:0; padding:15px; width:152px; height:152px; line-height:152px; vertical-align:middle; z-index:60; background:rgba(50,50,50,0.65); overflow:hidden; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
  #bandeau_galaxie li:hover .coverflow_zone_texte .wrap_zone_texte {background:rgba(179,34,113,0.6); padding:0; top:15px; left:15px;}
  #bandeau_galaxie .coverflow_titre {color:#ffffff; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1em; display:inline-block; vertical-align:middle; padding:0 10px;}
  #bandeau_galaxie .coverflow_titre a {color:#ffffff; font-family:'ubuntu_bold',Arial,Verdana,sans-serif;}
  #bandeau_galaxie .coverflow_zone_texte_content {display:none;}
  #bandeau_galaxie .slider_nav {width:100%; bottom:-30px;}
  #bandeau_galaxie .slider_nav li a.control_galaxie {border:2px solid #878786;}
  #bandeau_galaxie .slider_nav li a:hover {background:#878786;}
  #bandeau_galaxie .slider_nav li a.control_galaxie.slider_galaxie_active {background:#878786; border:4px solid #878786;}
  span.control_galaxie {position:absolute; top:33%; z-index:49; padding:30px 14px; cursor:pointer;}
  #left_control_galaxie {background:url(../img/sprite.png) no-repeat -446px -237px; left:0px;}
  #right_control_galaxie {background:url(../img/sprite.png) no-repeat -494px -237px; right:0px;}

/* BLOC INFOS CONTACT */
  #bloc_infos_contact .col_contact {margin:0 115px 0 0; width:250px;}
  #bloc_infos_contact .contenu_bloc {padding:20px 0 25px 0;}
  #bloc_infos_contact .contenu_bloc a:hover {color:#c1102f;}
  /*   RESEAUX SOCIAUX   */
  #bloc_infos_contact .menu_resaux_sociaux {width:457px; height:55px; margin:0 0 35px 0;}
  #bloc_infos_contact .menu_resaux_sociaux li {margin:0 0 0 12px;}
  #bloc_infos_contact .menu_resaux_sociaux li:first-child {margin:0;}
  #bloc_infos_contact .menu_resaux_sociaux li a {width:55px; height:55px; line-height:55px; background-color:#cccccc;}
  #bloc_infos_contact .reseau_fb a {background-position:6px 8px;}
  #bloc_infos_contact .reseau_twit a {background-position:-54px 8px;}
  #bloc_infos_contact .reseau_gp a {background-position:-114px 8px;}
  #bloc_infos_contact .reseau_youtube a {background-position:-177px 8px;}
  #bloc_infos_contact .reseau_flickr a {background-position:-238px 6px;}
  #bloc_infos_contact .reseau_pint a {background-position:-298px 8px;}
  #bloc_infos_contact .reseau_instagram a {background-position:-370px 8px;}
  #bloc_infos_contact .menu_resaux_sociaux li a:hover, #bloc_infos_contact .menu_resaux_sociaux li a:focus {background-color:#c1102f;}
  /*   NEWSLETTER   */
  #bloc_newsletter p.titre, #page #bloc_newsletter p.titre {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; margin:0 0 10px 0;}
  #newsletter {padding:0 0 0 65px; background:url(../img/bg_newsletter.png) no-repeat left 0px;min-height:45px;}
  #bloc_newsletter legend, #bloc_newsletter label {display:none;}
  #bloc_newsletter .ligne_form {background:#ffffff; padding:5px 10px; border:2px solid #c1102f;}
  #bloc_newsletter input {float:left; color:#878786; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.4em; margin:0; padding:1px 0; border:0; background:none; width:272px;}
  #bloc_newsletter input#btn_newsletter {cursor:pointer; text-transform:uppercase; color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:1.6em; padding:0; margin:0; border:0; width:auto; float:right;}
  #bloc_newsletter input#btn_newsletter:hover, #bloc_newsletter input#btn_newsletter:focus {color:#c1102f;}

/* *************************** PAGE CONTENT *************************** */
  #bandeau_image {text-align:center;}
  #bandeau_image #bg_bandeau {position:relative;}
  #bandeau_image #bg_bandeau .coverflow_zone_texte {left:3px;}
  #bandeau_image #bg_bandeau p {color:#ffffff; text-transform:uppercase; font-family:'',Arial,Verdana,sans-serif; margin:0;}
  #bandeau_image #bg_bandeau img {width:auto; height:auto; min-height:100%; min-width:100%;}

/*   STRUCTURE   */
  #page #footer {height:529px;}
  #content {/*padding-bottom:395px;*/ padding-bottom:529px;}
  #col_left, #col_left_int  {float:left; width:750px; padding:0 0 40px 0;}
  #col_right, #col_right_int  {float:right; width:386px; padding:0 0 40px 0;}
  .one_col #col_left {float:none; width:100%;}
  .one_col #col_right {display:none;}
  .fiche #col_left {width:794px;}

  #page #logo p {margin:0;}

/*   BLOC RESSOURCES DOWNLOAD   */
  #page .zone_ressources_download ul {padding:0; margin:0;}
  #page .zone_ressources_download ul li {font-size:1.8em; line-height:1.5em; padding:0; margin:0; list-style-image:none;}
  #page .zone_ressources_download ul li .wrap {width:auto;}
  #page .zone_ressources_download ul li a {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-weight:normal; line-height:1.1em; padding-left:95px; background:url(../img/bg_list_download.png) no-repeat 0 0; min-height:70px; border:0; /**/ background:url(../img/little_arrow_list_download.png) no-repeat 0 0; min-height:43px; padding-left:60px;}
  #page .zone_ressources_download ul li a:hover {border:0; background:url(../img/bg_list_download.png) no-repeat 0 0; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; /**/ background:url(../img/little_arrow_list_download.png) no-repeat 0 0;}
  #page .zone_ressources_download ul li span {display:block;}
  #page .zone_ressources_download ul li .nm_doc {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-weight:normal; padding:5px 0 0 0; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;}
  #page .zone_ressources_download ul li .infos_doc {color:#666666; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:0.7em; line-height:1.1em; display:block; width:auto; margin:5px 0 0 0;}
  #page .zone_ressources_download ul li a:hover .nm_doc, .zone_ressources_download ul li a:focus .nm_doc {color:#b3cc2d;}
  #page .zone_ressources_download li a:hover, .zone_ressources_download li a:focus {border-bottom:1px solid #b3cc2d;}
  /*#page .zone_ressources_download ul li.pdf a {background:url(../img/bg_list_download.png) no-repeat 0 0;}
  #page .zone_ressources_download ul li.mp4 a {background:url(../img/picto_player.png) no-repeat 0 0;}
  #page .zone_ressources_download ul li.mp3 a {background:url(../img/picto_song.png) no-repeat 0 0;}*/
  #page .zone_ressources_download ul li.pdf a {background:url(../img/little_arrow_list_download.png) no-repeat 0 0;}
  #page .zone_ressources_download ul li.mp4 a {background:url(../img/little_picto_player.png) no-repeat 0 0;}
  #page .zone_ressources_download ul li.mp3 a {background:url(../img/little_picto_song.png) no-repeat 0 0;}
  #page .zone_ressources_download ul li.link_asso a {background:url(../img/little_picto_link_associe.png) no-repeat 0 0;}

/*   BLOC ARTICLES ASSOCIES   */
  .zone_articles_associes li .left {background:#ffffff;}
  .zone_articles_associes li a:hover, .zone_articles_associes li a:focus {border-bottom:1px solid #c1102f;}
  /*.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:normal; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; 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;}*/

  #page .zone_articles_lies ul {padding:0; margin:0;}
  #page .zone_articles_lies ul li {font-size:1.8em; line-height:1.5em; padding:0; margin:0; list-style-image:none;}
  #page .zone_articles_lies ul li .wrap {width:auto;}
  #page .zone_articles_lies ul li a {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-weight:normal; line-height:1.1em; padding-left:95px; background:url(../img/little_picto_link_associe.png) no-repeat 0 0; min-height:70px; border:0; /**/ background:url(../img/little_picto_link_associe.png) no-repeat 0 0; min-height:43px; padding-left:60px;}
  #page .zone_articles_lies ul li a:hover {border:0; background:url(../img/little_picto_link_associe.png) no-repeat 0 0; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; /**/ background:url(../img/little_picto_link_associe.png) no-repeat 0 0;}
  #page .zone_articles_lies ul li span {display:block;}
  #page .zone_articles_lies ul li .nm_doc {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-weight:normal; padding:5px 0 0 0; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;}
  #page .zone_articles_lies ul li .infos_doc {color:#666666; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:0.7em; line-height:1.1em; display:block; width:auto; margin:5px 0 0 0;}
  #page .zone_articles_lies ul li a:hover .nm_doc, .zone_articles_lies ul li a:focus .nm_doc {color:#b3cc2d;}
  #page .zone_articles_lies li a:hover, .zone_articles_lies li a:focus {border-bottom:1px solid #b3cc2d;}

  #page .zone_articles_external ul {padding:0; margin:0;}
  #page .zone_articles_external ul li {font-size:1.8em; line-height:1.5em; padding:0; margin:0; list-style-image:none;}
  #page .zone_articles_external ul li .wrap {width:auto;}
  #page .zone_articles_external ul li a {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-weight:normal; line-height:1.1em; padding-left:95px; background:url(../img/little_arrow_list_external.png) no-repeat 0 0; min-height:70px; border:0; /**/ background:url(../img/little_arrow_list_external.png) no-repeat 0 0; min-height:43px; padding-left:60px;}
  #page .zone_articles_external ul li a:hover {border:0; background:url(../img/little_arrow_list_external.png) no-repeat 0 0; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; /**/ background:url(../img/little_arrow_list_external.png) no-repeat 0 0;}
  #page .zone_articles_external ul li span {display:block;}
  #page .zone_articles_external ul li .nm_doc {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-weight:normal; padding:5px 0 0 0; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;}
  #page .zone_articles_external ul li .infos_doc {color:#666666; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:0.7em; line-height:1.1em; display:block; width:auto; margin:5px 0 0 0;}
  #page .zone_articles_external ul li a:hover .nm_doc, .zone_articles_external ul li a:focus .nm_doc {color:#b3cc2d;}
  #page .zone_articles_external li a:hover, .zone_articles_external li a:focus {border-bottom:1px solid #b3cc2d;}

/*   BLOC INFO UTILE   */
  .map_infos {max-width:100%; width:100%; margin:25px 0; overflow:hidden; min-height:260px;}
  #page .info_utile p {font-size:1.4em; line-height:1.4em; color:#747474; margin:0 0 5px 0;}
  #page .info_utile .sous_titre {margin:15px 0 10px 0;}
  #page .info_utile .sous_titre p {color:#3c3c3c; font-size:2.2em; line-height:1.1em; margin:0;}
  #page .info_utile .sous_titre.ptt p {font-size:1.8em;}
  #page .info_utile .part_bloc p.btn_lien {margin:0 0 10px 0;}
  #page .info_utile .part_bloc a {color:#222222; text-decoration:none; text-transform:none; font-weight:normal; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; background:none; padding:0 2px; border:0;}
  #page .info_utile .part_bloc a:hover, #page .info_utile .part_bloc a:focus {color:#b32271; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;}

/*   FIL D ARIANE   */
  #tools_ariane {padding:12px 0 35px 0;}
  #page #fil_ariane li {display:inline; text-transform:uppercase; color:#747474; font-size:1.4em; line-height:1.4em; padding:0 13px 0 16px; background:url(../img/sep_ariane.png) no-repeat left center;}
  #page #fil_ariane li:first-child {padding:0 5px 0 0; background:url(../img/picto_home.png) no-repeat left center;}
  #page #fil_ariane li:first-child a {text-indent:-9999px; display:inline-block; padding:0 5px;}
  #page #fil_ariane li a {text-transform:uppercase; color:#747474; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; text-decoration:none; padding:0px;}
  #page #fil_ariane li a:hover, #page #fil_ariane li a:focus {color:#ee3251;}
  #page #fil_ariane ul{padding:0;}

  #tools_ariane .menu_resaux_sociaux li {margin:0 0 0 7px;}
  #tools_ariane .menu_resaux_sociaux li a {width:35px; height:35px; line-height:35px;}
  #tools_ariane .menu_resaux_sociaux li a:hover, #tools_ariane .menu_resaux_sociaux li a:focus {background-color:#ee3251;}
  #tools_page .flux_rss a {background-position:-2px -64px;}
  #tools_page .print a {background-position:-64px -64px;}

/*   PARTAGE   */
  #social_share {float:right;width:150px; margin:0 0 0 40px;}
  #page #social_share p {float:left; text-transform:uppercase; color:#747474; font-size:1.4em; line-height:1.4em; line-height:35px; margin:0;}
  #page #social_share p a {cursor:pointer; width:35px; height:35px; line-height:35px; text-indent:-9999px; display:block; padding:0; margin:0 0 0 7px; background-color:#e0e0e0; background-image:url(../img/sprite.png); background-repeat:no-repeat; background-position:-125px -64px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/agglo/css/PIE.htc); overflow:hidden; -webkit-transition-property:background-color; -webkit-transition-duration:500ms; -moz-transition-property:background-color; -moz-transition-duration:500ms; transition-property:background-color; transition-duration:500ms;}
  #page #social_share p a:hover, #page #social_share p a:focus {background-color:#ee3251;}
  #a2apage_dropdown {margin:7px 0 0 0;}

  #titre_page {margin:0 0 40px 0;}
  #titre_page .sep_border {margin:7px 0 0 0;}
/**************** PARAM TXT ****************/
  #page h1 {color:#222222; font-family:'ubuntu_medium',Arial,Verdana,sans-serif; font-size:3.2em; line-height:1.2em; margin:0; /**/ font-size:3.3em;}
  #page h2 {color:#222222; font-family:'ubuntu_medium',Arial,Verdana,sans-serif; font-size:2.6em; line-height:1.2em; margin:40px 0 20px 0; /**/ font-size:2.9em;}
  #page #content_page h2 a {font-family:'ubuntu_medium',Arial,Verdana,sans-serif;}
  #page h3 {color:#222222; font-family:'ubuntu_medium',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; margin:30px 0 20px 0; /**/ font-size:1.8em; text-transform:uppercase;}
  #page #content_page h3 a {font-family:'ubuntu_medium',Arial,Verdana,sans-serif;}
  #page h4 {text-transform:uppercase; color:#222222; font-size:1.65em; line-height:1.4em; margin:20px 0 10px 0; /**/ font-size:1.45em; font-family:'ubuntu_medium',Arial,Verdana,sans-serif; color:#565555;}
  #page #content_page h4 a {text-transform:uppercase; font-family:'ubuntu_regular',Arial,Verdana,sans-serif;}
  #page #content_page h2 a, #page #content_page h3 a, #page #content_page h4 a, #page h2 a:hover, #page h2 a:focus, #page h3 a:hover, #page h3 a:focus, #page h4 a:hover, #page h4 a:focus {color:#222222; border:0; padding:0; font-weight:normal; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}

/*SKIN PARAGRAPHE*/
  #page p, #page #login_status div {font-size:1.65em; line-height:1.4em; color:#747474; margin:0 0 20px 0;}
  #page p.csc-copyright {font-size:1.2em; line-height:1.2em; margin:5px 0 0 0;}
  #page p.csc-copyright:before {content:"© "; padding-left:5px;}

/*SKIN LIEN*/
  #content_page a {color:#222222; text-decoration:none; text-transform:none; font-weight:normal; font-family:'ubuntu_bolditalic',Arial,Verdana,sans-serif; border-bottom:1px solid #ee3251; background:none; padding:0 2px;}
  #content_page a:hover, #content_page a:focus {background:#ee3251; color:#ffffff; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}

/*SKIN LEGENDE LIEN IMG*/
  figcaption.csc-textpic-caption {margin:5px 0;font-size:1.2em;}
  #content_page .csc-textpic-image a {padding:0;}
  #col_right div.csc-textpic .csc-textpic-imagewrap img {max-width:386px;}

/*SKIN LIST*/
  #content_page ul, #content_page ol, #content ul, #content ol  {padding:0 0 0 60px; margin:5px 0 20px 0;}
  #content_page ul li, /*#content_page ol li,*/ #content ul li/*, #content ol li*/ {list-style-image:url(../img/puce_liste.png); margin:2px 0; font-size:1.65em; line-height:1.4em;}
  #content #col_right  ul li, #content  #col_right ol li {font-size:1.4em;}
  #content_page ul li li, #content_page ol li li, #content ul li li, #content ol li li {font-size:1em;}
  #content_page ol, #content ol {list-style-type:decimal;}
  #content_page ol li, #content ol li {margin:2px 0; font-size:1.65em; line-height:1.4em;}

/*SKIN TABLEAUX*/
  #content_page table {border-spacing:0; border-collapse:collapse; margin:0 0 30px 0;}
  #content_page th, #content_page td {padding:10px 10px 10px 0; line-height:1em; vertical-align:middle;}
  #content_page th {text-align:left; color:#222222; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:1.65em; line-height:1.6em; text-transform:uppercase; border-bottom:2px solid #ee3251;}
  #content_page td {text-align:left; color:#747474; font-size:1.65em; line-height:1.4em; border:0; border-bottom:1px solid #bab9ba;}
  #content_page td * {font-size:1em;}

/* QUESTIONNAIRE QUALITE */
    #content_page #quality_form form fieldset legend, #content_page_popin #quality_form form fieldset legend {display:block; color:#1d1d1b; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.2em; margin-bottom:0;text-transform:none; padding:14px 0px; float:left; width:auto;}
    #content_page #quality_form form fieldset legend .sep_border {margin-right:5px; vertical-align:middle;}
    #content_page #quality_form form, #content_page_popin #quality_form form {padding:0px 14px;}
    #quality_form .form_item > .ligne_form {clear:none; margin-left:10px; float:right; margin-bottom:0; position:relative;}
    #quality_form .form_item > .ligne_form > label {position:initial; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:1.6em; color:#222222; cursor:pointer; text-transform:none; padding:14px 12px 13px 12px; width:auto; margin:0;background-image:url(../img/puce_liste.png); background-repeat:no-repeat; background-position:0px center; /*#20984*/ position:static;}        
    #quality_form .ligne_form > label, #quality_form .ligne_form > label:hover, #quality_form .ligne_form > label:focus {-moz-transition: all 0.3s; -o-transition: all 0.3s;-webkit-transition: all 0.3s; transition: all 0.3s;}
    #quality_form .ligne_form input[type="radio"] {display: none;}
    #comment {clear: both;float: none;width: 100%;padding-bottom: 14px;}
    #comment textarea {font-size: 1.5em;padding: 0;}
    #comment .ligne_form textarea:focus {width: 100%;margin: 0;}
    #comment .ligne_form input[type="submit"]:focus {width: auto;margin: 0;}
    #comment label {position: static;width: 100%;color: #222222;font-family: 'ubuntu_bold',Arial,Verdana,sans-serif;}
    #comment.clicked {display: inline-block;}
    #quality_form .ligne_form.btn_submit {margin: 0;}
    #quality_form .ligne_form.btn_submit input[type="submit"] {padding: 5px 10px;background-color: #efefef;background-image: url(../img/long_yellow_arrow.png);background-repeat: no-repeat;background-position: 0 center; color: #1d1d1b;font-family:'montserratregular',Arial,Verdana,sans-serif;}
    #quality_form > p {padding:5px;}

    .sk-circle.qual {float: right;margin: 0 20px 0 0;width: 39px;height: 39px;position: relative;}
    .sk-circle .sk-child {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
    .sk-circle .sk-child:before {content: ''; display: block; margin: 0 auto;height: 6px;width: 6px;background-color: #ee3251;border-radius: 100%;-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}
    .sk-circle .sk-circle2 {-webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg);}
    .sk-circle .sk-circle3 {-webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg);}
    .sk-circle .sk-circle4 {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
    .sk-circle .sk-circle5 {-webkit-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg);}
    .sk-circle .sk-circle6 {-webkit-transform:rotate(150deg); -ms-transform:rotate(150deg); transform:rotate(150deg);}
    .sk-circle .sk-circle7 {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
    .sk-circle .sk-circle8 {-webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg);}
    .sk-circle .sk-circle9 {-webkit-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg);}
    .sk-circle .sk-circle10 {-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);}
    .sk-circle .sk-circle11 {-webkit-transform:rotate(300deg); -ms-transform:rotate(300deg); transform:rotate(300deg);}
    .sk-circle .sk-circle12 {-webkit-transform:rotate(330deg); -ms-transform:rotate(330deg); transform:rotate(330deg);}
    .sk-circle .sk-circle2:before {-webkit-animation-delay:-1.1s; animation-delay:-1.1s;}
    .sk-circle .sk-circle3:before {-webkit-animation-delay:-1s; animation-delay:-1s;}
    .sk-circle .sk-circle4:before {-webkit-animation-delay:-0.9s; animation-delay:-0.9s;}
    .sk-circle .sk-circle5:before {-webkit-animation-delay:-0.8s; animation-delay:-0.8s;}
    .sk-circle .sk-circle6:before {-webkit-animation-delay:-0.7s; animation-delay:-0.7s;}
    .sk-circle .sk-circle7:before {-webkit-animation-delay:-0.6s; animation-delay:-0.6s;}
    .sk-circle .sk-circle8:before {-webkit-animation-delay:-0.5s; animation-delay:-0.5s;}
    .sk-circle .sk-circle9:before {-webkit-animation-delay:-0.4s; animation-delay:-0.4s;}
    .sk-circle .sk-circle10:before {-webkit-animation-delay:-0.3s; animation-delay:-0.3s;}
    .sk-circle .sk-circle11:before {-webkit-animation-delay:-0.2s; animation-delay:-0.2s;}
    .sk-circle .sk-circle12:before {-webkit-animation-delay:-0.1s; animation-delay:-0.1s;}
    @-webkit-keyframes sk-circleBounceDelay {
        0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);}
        40% {-webkit-transform:scale(1); transform:scale(1);}
    }
    @keyframes sk-circleBounceDelay {
        0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);}
        40% {-webkit-transform:scale(1); transform:scale(1);}
    }

/* ***** BLOC LIEN, DOWNLOAD, GEOLOC ***** */
  .link_page, .download_page, .geoloc_page {margin:0 0 20px 0;}
  #page .geoloc_page .btn_lien a {padding:0 20px 0 0; background:url(../img/picto_geoloc.png) no-repeat right 2px;}
  #page .link_page .btn_lien, #page .download_page .btn_lien {font-size:1.65em; line-height:1.4em;}

  #page .quote {margin:0 0 15px 0; /**/ margin:0 0 20px 0;}
  #page .quote span {border-right:2px solid #ee3251; margin:0 20px 0 0; padding:0 0 0 88px; display:block; float:left; background:url(../img/bg_quote.png) no-repeat left top; min-height:65px; /**/ display:none;}
  #page .quote p, #page .quote h2 {color:#747474; font-family:'ubuntu_medium',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.5em; /***/ text-align:right; border-right:2px solid #ee3251; padding:0 20px 0 0; margin:0 0 0 80px;}

  #page .cit {margin:0 0 15px 0; /**/ margin:0 0 20px 0;}
  #page .cit span {border-right:2px solid #ee3251; margin:0 20px 0 0; padding:0 0 0 88px; display:block; float:left; background:url(../img/bg_quote.png) no-repeat left top; min-height:65px;}
  #page .cit p, #page .cit h2 {color:#747474; font-family:'ubuntu_italic',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.6em;}
  #page .cit blockquote {border-left:2px solid #ee3251; margin-left:88px; padding-left:20px;}

  /*CIT NEWS*/
  #page p.citationtxt {font-family:'ubuntu_italic',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.6em; margin:30px 0 20px 0; padding:0 0 0 88px; 
  background:url(../img/bg_quote.png) no-repeat left top; min-height:65px;}
  #page p.citationauthor {font-family:'ubuntu_italic',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1em; padding:0 0 0 88px;}

/* *************************** DOCS INFOS LIST *************************** */
  .tx_cim_mag .bloc_mag_infos:first-child {margin:0;}
  .bloc_mag_infos {margin:23px 0 0 0;}
  .bloc_mag_infos .left {width:150px;}
  #page .bloc_mag_infos .left p {margin:0;}
  #content_page .bloc_mag_infos .left a {padding:0; border:0;}
  .bloc_mag_infos .right_docs, .bloc_mag_infos .right {float:left; width:500px; margin:0 0 0 20px; padding:0 20px; border-left:1px solid #d8d8d8; min-height:218px;}

/* LISTE ANNUAIRES */
  #content_page .pres_assoc a:hover, #content_page .pres_assoc a:focus {background:none;}
  #content .titre_assoc p {color:#b32271; font-size:1.6em; line-height:1.6em;}

/* *************************** LOADER *************************** */
  .loader:before, .loader:after, .loader {display:none; visibility:hidden; border-radius:2px; width:20px; height:20px; -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:0px auto 23px auto; font-size:9px; position:relative; text-indent:-9999em; -webkit-animation-delay:0.16s; animation-delay:0.16s;}
    .loader:before {left:-30px;}
    .loader:after {left:30px; -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 #ee3251;}
    }
    @keyframes load7 {
      0%, 80%, 100% {box-shadow:0 2em 0 -1.3em #ffffff;}
      40% {box-shadow:0 2em 0 0 #ee3251;}
    }

/* *************************** GABARIT PAGE MENU *************************** */
  #page.one_col .bloc_menu {width:278px; display:inline-block; vertical-align:top; overflow:hidden; margin:0 20px 20px 0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
  #page.one_col .bloc_menu .img_rubrique {height:278px; overflow:hidden; margin:0 0 11px 0; width:100%; background:#ee3251;}
  #page .bloc_menu .img_rubrique a {padding:0; border:0;}
  .bloc_menu .img_rubrique a:hover img, .bloc_menu .img_rubrique a:focus img {opacity:0.7; -webkit-transition-property:opacity; -webkit-transition-duration:500ms; -moz-transition-property:opacity; -moz-transition-duration:500ms; transition-property:opacity; transition-duration:500ms;}
  .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;}
  #page #content_page .bloc_menu h2 {margin:0; font-size:2em; line-height:1.2em;}
  #page #content_page .bloc_menu h2 a {display:block; padding:0 0 19px 0; border-bottom:1px solid #e6e6e6;}
  #page #content_page .bloc_menu h2 a:hover, #page #content_page .bloc_menu h2 a:focus {color:#ee3251; border-bottom:1px solid #ee3251; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
  #page .bloc_menu.int {height:130px;}
  #page .bloc_menu.int h2 {max-height:105px;}

  #page #content_page .bloc_menu .desc_rubrique.subpage p {margin:10px 0; font-size:1.5em;}

  /* display 2 columns with right column */
  .bloc_menu {width:353px; display:inline-block; vertical-align:top; overflow:hidden; margin:0 20px 20px 0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
  .bloc_menu .img_rubrique {height:353px; overflow:hidden; margin:0 0 11px 0; width:100%; background:#ee3251;}

/* *************************** SITE MAP *************************** */
  #content_page .csc-sitemap ul {padding:0 0 0 30px; margin:0;}
  #content_page .csc-sitemap li {margin:0 0 15px 0;}
  #content_page .csc-sitemap li a {border:0; font-weight:normal; font-family:'ubuntu_medium',Arial,Verdana,sans-serif;}
  #content_page .csc-sitemap li ul {padding:0 0 0 20px; margin:15px 0 15px 0;}
  #content_page .csc-sitemap li li {font-size:0.9em; line-height:0.9em; margin:0 0 15px 0; list-style-image:none;}
  #content_page .csc-sitemap li li a {font-weight:normal; font-family:'ubuntu_regular',Arial,Verdana,sans-serif;}

/* *************************** LISTE D ELEMENTS *************************** */
  /*   MOTEUR   */
  #moteur {padding:12px 30px; margin:0 0 20px 0;}
  #moteur .part_moteur {float:left; margin:0 40px 0 0;}
  #page #moteur .ligne_form {float:left; margin:0;}
  #page #moteur .part_moteur p {float:left; color:#222222; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:1.7em; line-height:2em; margin:0 15px 0 0;}
  #page #moteur legend {display:none; visibility:hidden;}
  #page #moteur label {float:left; display:inline; position:static; width:auto; height:auto; margin:0 20px 0 0; color:#222222; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:1.7em; line-height:2em;}
  #page #moteur input {float:left; background:#ffffff url(../img/bg_date_picker.png) no-repeat 95% center; border:2px solid #dedede; color:#878786; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.3em; padding:4px 10px; -webkit-transition:none; transition:none;}
  #page #moteur select {float:left; width:295px; background:#ffffff url(../img/bg_select_cat.png) no-repeat 95% center; border:2px solid #dedede; color:#878786; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.3em; padding:4px 10px; -webkit-transition:none; transition:none;}
  #page #moteur #element_date_evenement .ligne_form {width:180px; margin:0 10px 0;}
  #page #moteur #element_date_evenement .ligne_form:first-child {margin:0;}
  #page #moteur #element_date_evenement label {text-transform:uppercase; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.3em; line-height:2.7em; margin:0 8px 0 0;}
  #page #moteur #element_date_evenement input {width:146px;}
  #page #moteur input[type="submit"] {float:none; color:#000000; font-family:'ubuntu_regular',Arial,Verdana,Helvetica,sans-serif; font-size:1em; line-height:2.6em; margin:0; padding:0; letter-spacing:-0.04em; border:0; background:none; display:inline; background:none;}
  #page #moteur input[type="submit"]:hover {color:#ee3251;}
  /*EFFECT*/
  #page #moteur input:focus, #page #moteur select:focus {outline:initial; padding:4px 10px; margin:0; -webkit-transition-delay:0; transition-delay:0;}
  #page #moteur input:focus {background:#ffffff url(../img/bg_date_picker.png) no-repeat 95% center; width:146px;}
  #page #moteur input[type="submit"]:focus {background:none; width:auto; padding:0;}
  #page #moteur select:focus {background:#ffffff url(../img/bg_select_cat.png) no-repeat 95% center; width:295px;}
  label + #page #moteur input:focus, label + #page #moteur select:focus {-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
  #page p.nb_result {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.2em; margin:0 0 15px 0;}
  /*   LISTE   */
  #liste_resultats {padding:0 0 45px 0;}
  .list_item, .news .list_item.article {position:relative; display:inline-block; vertical-align:top; width:284px; margin:0 19px 22px 0; padding:0; overflow:hidden; border-bottom:1px solid #e6e6e6; -webkit-transition-property:border; -webkit-transition-duration:500ms; -moz-transition-property:border; -moz-transition-duration:500ms; transition-property:border; transition-duration:500ms; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  .list_item:nth-child(4n+4), .news .list_item.article:nth-child(4n+4) {margin:0 0 22px 0;}
  .list_item .img {position:relative; margin:0 0 10px 0; background:#ee3251; }
  #page .list_item .img a {border-radius:2px; display:block; padding:0; border:0; overflow:hidden;}
  .list_item .img img {display:block;}
  #page .list_item .date {text-transform:uppercase; height:80px; position:absolute; bottom:0; letter-spacing:0; margin:0;}
  .list_item .date span {color:#000000; display:block;}
  .list_item .date .one_date {margin:0 2px 0 0; padding:15px; width:50px; height:50px; background:#ee3251; text-align:center;}
  .list_item .date .one_date .i {text-transform:none;}
  #page .list_item .pres p.infos {text-transform:uppercase; color:#666666; font-size:1.2em; line-height:1em; margin:0 0 10px 0;}
  #page .list_item .pres h2 {font-size:2.2em; line-height:1.1em; margin:0 0 10px 0;}
  #page .list_item .pres h2 a {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif;}
  #page .list_item .pres .desc {margin:0; font-size:1.4em; line-height:1.1em;}
  #page .list_item .pres .desc p {margin:0 0 5px 0; font-size:1em; line-height:1em;}
  #page .list_item .pres .desc a {color:#747474; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; display:block; padding:0 0 22px 0; border:0;}
  #page .list_item .pres .desc a:hover, #page .list_item .pres .desc a:focus {color:#747474; background:none; border:0;}
  .list_item .display_infos {display:none !important; position:absolute; top:0; width:100%; min-height:40px; background:#494949; text-align:center;}
  #page .list_item p.btn_lien a {color:#ffffff; display:block; padding:12px 10px;}
  #page .list_item p.btn_lien a:hover, #page .list_item p.btn_lien a:focus {color:#ee3251;}
  .list_item:hover {border-bottom:1px solid #ee3251;}
  #page .list_item .img a:hover, #page .list_item .img a:focus {background:none; border:0; padding:0;}
  #page .page-navigation a {min-height:inherit;}
  #liste_resultats .classification, #wrap_fiche .classification{position: absolute;top: 5px;right: 5px;z-index: 999;}
  #liste_resultats .classification p, #wrap_fiche .classification p{color: #fff;background: #e10d3a;margin-right: 0px;text-transform: uppercase;font-size: 1.4em;padding: 7px;}  
  #wrap_fiche .txt.right.zone_infos p.tag{font-size:1.3em;margin-left:30px;}

/* *************************** FICHE DETAIL ELEMENT *************************** */
  #wrap_fiche, .fiche #titre_page, #page.fiche h1 {width:750px;}
  #page #wrap_fiche .btn_lien {text-align:right;}
  #wrap_fiche .img.left {position:relative; width:65%; margin:0 0 25px 0;}
  #wrap_fiche .img_actu.left {position:relative; width:100%; margin:0 0 25px 0;}
  #wrap_fiche .img_actu a, #wrap_fiche .img_actu a:hover, #wrap_fiche .img_actu a:focus {display:block; border:0; padding:0; background:none;}
  #wrap_fiche .img_actu a img {display:block;}
  #page #wrap_fiche .tag {font-size:11px; line-height:11px; padding:2px 2px 2px 5px; margin:0 0 10px 0; background:#ebebeb; border:1px solid #ebebeb; color:#66667a; text-transform:uppercase; display:inline-block;}
  #page #wrap_fiche .tag_cat {font-size:11px; line-height:11px; padding:2px 5px; margin:0 10px 10px 0; border:1px solid #494949; background:#494949; color:#ffffff; text-transform:uppercase; display:inline-block;}
  #wrap_fiche .txt.right.zone_infos {padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:right; width:35%; background-color:#ebebeb; min-height:325px;}
  #wrap_fiche .txt.right.zone_infos p{display:block;visibility:visible;}
  #page .zone_infos p.infos {text-transform:uppercase; font-size:1.2em; line-height:1.6em; color:#747474; font-family:'ubuntu_regular',Arial,Verdana,sans-serif;}
  #page .zone_infos p {color:#666666; font-family:'ubuntu_medium',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.1em; margin:0 0 15px 0;}
  #page .zone_infos p.horaires {color:#747474; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.65em; line-height:1.3em;}
  .ico_duree {padding:0 0 0 30px; background:url(../img/ico_duree.png) no-repeat 4px 0;}
  .ico_prix {padding:0 0 0 30px; background:url(../img/ico_prix.png) no-repeat 0 0;}
  .ico_place {padding:0 0 0 30px; background:url(../img/ico_lieu.png) no-repeat 0 0;}
  .ico_infos {padding:0 0 0 30px; background:url(../img/ico_infos.png) no-repeat 4px 0;}
  .display_infos_fiche {margin:0 0 15px 0; display:none !important;}

  /*   SLIDER FICHE   */
  #slider_fiche {position:relative; width:100%; height:325px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/agglo/css/PIE.htc);}
  #slider_fiche_actu {position:relative; width:100%; height:500px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/agglo/css/PIE.htc);}
  #slideshow_fiche {height:325px; overflow:hidden;}
  #slideshow_fiche_actu {height:500px; overflow:hidden;}
  #slider_fiche ul, #slider_fiche_actu ul {padding:0; margin:0;}
  #slider_fiche .slide_full_container li, #slider_fiche_actu .slide_full_container li {position:relative; width:100%; height:100%;}
  #slider_fiche li img, #slider_fiche_actu li img {max-width:100%;}
  #page p.btn_lien.btn_back, #page #wrap_fiche p.btn_lien.btn_back {margin:15px 0; text-align:left;}

/* *************************** CARTE INTERACTIVE *************************** */
  #page.map #col_left {width:1202px;}
  #page.map #col_right {display:none;}
  #page.map #content_page {position:relative;}
  #moteur_geoloc {position:absolute; left:12px; top:12px; z-index:50; width:386px;}
  #page.map #moteur_geoloc legend {text-transform:uppercase; color:#222222; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.2em; padding:20px; margin:0;}
  #page.map #moteur_geoloc #area_search {background:#ffffff url(../img/sprite.png) no-repeat 225px -159px; border:2px solid #dedede; margin:0 20px 13px 20px;}
  #page.map #moteur_geoloc #area_search input[type="text"] {float:left;width:275px; color:#878786; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1.4em; margin:0; padding:5px 20px; border:0; background:none;}
  #moteur_geoloc #categories .categorie, #moteur_geoloc .btn_submit {border-top:1px solid #e6e6e6; padding:15px 20px 0 20px; margin:0 0 15px 0;}
  #moteur_geoloc .list_cat {padding:15px 15px 5px 15px;}
  #moteur_geoloc #categories p {color:#222222; font-size:1.8em; line-height:1em; margin:0; padding:0 30px 0 0; position:relative; cursor:pointer;}
  #categories .close_menu {left:inherit; position:absolute; right:0px; top:0px; width:30px; height:30px; background:#ee3251; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/agglo/css/PIE.htc);}
  #categories .close_menu::before, #categories .close_menu::after {content:""; display:block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; position:absolute; width:18px; height:6px; background:#e6e6e6; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
  #categories .close_menu::before {margin-top:12px; left:6px;}
  #categories .close_menu::after {margin-top:12px; left:6px; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
  #categories .btn_act .close_menu::before {-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
  #categories .btn_act .close_menu::after {-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
  #categories .close_menu:hover {background:#EC7487;}
  #moteur_geoloc .ligne_form {margin:0 0 10px 0;}
  #moteur_geoloc #categories label {color:#222222; font-size:1.5em; line-height:1em; position:static; display:inline; float:none; width:auto; padding:0; margin:0 0 0 10px;}
  #moteur_geoloc #categories input[type="checkbox"] {width:auto; float:left; padding:0; border:0; vertical-align:top; margin:2px 4px 2px 0; background:none;}
  #moteur_geoloc .btn_submit {width:100%; text-align:right; font-family:'ubuntu_regular',Arial,Verdana,Helvetica,sans-serif; font-size:1.3em; line-height:1.3em; margin:0; padding:15px 20px 15px 20px; letter-spacing:-0.04em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  #moteur_geoloc input[type="submit"] {border:0; background:none; display:inline; font-size:1em; line-height:1em; margin:0 0 0 10px; padding:0; transition:none; -webkit-transition:none; -moz-transition:none;}
  #moteur_geoloc input[type="submit"]:hover, #moteur_geoloc input[type="submit"]:focus {color:#ee3251;width:auto;}

  #page.map #zone_map {position:relative; width:100%; height:760px; overflow:hidden;}
  #page.map #map_search {overflow:hidden; margin:0 0 10px 0; height:100%;}
  #page.map #zone_map #modal_window {position:absolute; top:0; left:0; background-color:rgba(54,54,54,0.6); width:100%; height:100%;}
  #page.map #zone_map #modal_window #modal_window_content {width:386px; position:absolute; right:250px; top:200px;}
  .map_item_infobulle {width:100%; border-top:1px solid #e6e6e6; padding:30px 0 0 0;}
  #page .btn_lien.close_map {float:right; margin:0 0 15px 0;}
  #page.map p.map_item_title {color:#ffffff; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:2.2em; line-height:1.2em; margin:0 0 7px 0;}
  #page .map_item_desc * {color:#ffffff;}
  #page p.close_map a {padding:0; border:0;}
  .close_map .close_menu {left:inherit; position:absolute; right:0px; top:-25px; width:30px; height:30px; background:#ffffff; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/agglo/css/PIE.htc);}
  .close_map .close_menu::before, .close_map .close_menu::after {content:""; display:block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; position:absolute; width:18px; height:6px; background:#4b4b4b; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
  .close_map .close_menu::before {margin-top:12px; left:6px; moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
  .close_map .close_menu::after {margin-top:12px; left:6px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
  .close_map .close_menu:hover {background:#ee3251;}

/* *************************** RECHERCHE SolR *************************** */
  #content_page #tx-solr-search {width:70%;}
  /*FORMULAIRE*/
  #page .tx-solr label {position:static;}
  #content_page .tx-solr-search-form {background:none; border:0; padding:0; margin-bottom:20px;}
  #content_page .tx-solr-q, #content_page .tx-solr-q:focus {width:60%; padding:3px 3%; margin:0 5% 0 0; border:2px solid #dedede; background:#ffffff; -webkit-transition:none; transition:none;}
  #content_page .tx-solr-search-form input[type="submit"], #content_page .tx-solr-search-form input[type="submit"]:focus {width:25%; padding:3px 15px; float:right;}
  #content_page .tx-solr-search-form input:focus, #content_page .tx-solr-search-form select:focus {outline:initial; padding:10px 3%; margin:0 2% 0 0; -webkit-transition-delay:0; transition-delay:0;}
  /*tri nb result par page*/
  #content_page #tx-solr-pagination {height:auto; margin:25px 0px;}
  #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.2em;}
  #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; padding:2px 30px 1px 5px; margin-left:10px; border:2px solid #dedede; background:#ffffff url(../img/bg_select.png) no-repeat 90% center;}
  /*tri pertinance*/
  #content_page #tx-solr-sorting {float:left; position:relative; margin:0 0 0 60px; width:40%; float:right; width:auto;}
  #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.2em; border:0;}
  #content_page #tx-solr-sorting .btn_sorting {width:125px; height:30px; background:#ffffff url(../img/bg_select.png) no-repeat 95% center; border:2px solid #dedede; float:right; position:relative; cursor:pointer;}
  #content_page #tx-solr-sorting .btn_sorting.btn_act {width:30px; background:#ffffff url(../img/bg_select.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; 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; 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:'ubuntuitalic',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;}
  /*list results*/
  #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;}
  #content_page #tx-solr-search .results-list li .results-topic {font-size:1em;}
  .relevance-label, .relevance-bar, .relevance-percent {font-size:0.8em;}
  #content_page .tx-solr-relevance {background:#ee3251;}
  #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"] {border:2px solid #ee3251; background:none; padding:5px 10px; width:auto; height:auto; text-transform:none; text-decoration:none; color:#222222; font-size:1.6em; line-height:1.6em; font-style:normal; font-weight:normal;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(fileadmin/templates/agglo/css/PIE.htc); transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
  #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:'ubuntubold',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:'ubuntubold',Arial,Verdana,sans-serif;}
  /**/
  #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;}
  /*facet*/
  #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:'ubuntubold',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;}
  /*PAGER*/
  #content_page #tx-solr-search #tx-solr-pagination ul.tx-pagebrowse {margin:30px 0 0 0; padding:0; text-align:center;}
  #content_page #tx-solr-search #tx-solr-pagination ol {padding:0; margin:0; display:inline;}
  #content_page #tx-solr-pagination ul.tx-pagebrowse li {list-style-image:none; font-size:1.5em; display:inline; margin:0; padding:0 3px;}
  #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 ul.tx-pagebrowse {margin:30px 0 0 0; padding:0; text-align:center;}
  #content_page ul.tx-pagebrowse ol {padding:0; margin:0; display:inline;}
  #content_page ul.tx-pagebrowse li {list-style-image:none; font-size: 1.65em; display:inline; margin:0; padding: 0 6px;}
  #content_page ul.tx-pagebrowse li li {font-size:1em;}
  #content_page ul.tx-pagebrowse li a {font-family:'ubuntu_regular',Arial,Verdana,sans-serif; border:0;display: inline;min-height: inherit;}
  #content_page ul.tx-pagebrowse li.tx-pagebrowse-current a {font-family:'ubuntu_bold',Arial,Verdana,sans-serif;}
  #content_page li.tx-pagebrowse-pages {padding:0;}
  #content_page ul.tx-pagebrowse li.tx-pagebrowse-prev {background: url(../img/pager_prev.png) no-repeat center 5px;}
  #content_page ul.tx-pagebrowse li.tx-pagebrowse-next {background: url(../img/pager_next.png) no-repeat center 5px;}
  #content_page ul.tx-pagebrowse li.tx-pagebrowse-prev a:hover, #content_page ul.tx-pagebrowse li.tx-pagebrowse-prev a:focus, #content_page ul.tx-pagebrowse li.tx-pagebrowse-next a:hover, #content_page ul.tx-pagebrowse li.tx-pagebrowse-next a:focus {background: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.png); margin:2px 0;}

/* *************************** GALERIE *************************** */
  #zone_img.cim_media {margin:0;}
  #zone_img.cim_media .wrap {width:auto;}
  #page.one_col #zone_img #main_picture.left {width:750px; min-height:356px;}
  #page.one_col #zone_img .right {width:374px;}
  #zone_img #main_picture.left {width:475px; min-height:356px; height:auto; text-align:center; overflow:hidden;}
  #zone_img .right {width:275px;}
  #page #zone_img #main_picture.left p {margin:10px 0 0 0; text-align:left; color:#747474; font-family:'ubuntu_italic',Arial,Verdana,sans-serif; font-size:1.3em; line-height:1.5em;}
  #page #zone_img .right ul {padding:0; margin:0;}
  #zone_img .right li {display:block; float:left; width:80px; height:80px; overflow:hidden; margin:0 0 12px 11px; background:#ee3251; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(/fileadmin/templates/agglo/css/PIE.htc); overflow:hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; cursor:pointer;}
  #zone_img .right li img {min-height:100%; min-width:100%; display:block; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;}
  #zone_img .right li.activeImage img, #zone_img .right li:hover img {opacity:0.75;}
  #content_page #zone_img.cim_media a {border:0; padding:0;}

/* *************************** 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; padding:0; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;}
    #page .ad-gallery .ad-thumbs li a img {border:1px solid #1e2629; display:block;}
    #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:'museo_sans500',Arial,Verdana,sans-serif; color:#000000;}
    #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;}

/* *************************** METEO *************************** */
  #group_days_weather .day_weather {display:inline-block; vertical-align:top; float:none; margin:0 0px 19px 19px; width:284px;}
  #group_days_weather .day_weather:nth-child(4) {margin:0 0 19px 0;}
  #page .day_weather p {color:#747474; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1em; margin:0;}
  #page .day_weather p strong {text-transform:uppercase; color:#666666; font-family:'ubuntu_regular',Arial,Verdana,sans-serif; font-size:12px;}

  #group_days_weather .day_weather.first_day {background:#ebebeb; width:588px; margin:0 0 19px 0; border-radius:0px 0px 2px 2px;}
  #group_days_weather .day_weather.first_day .halfday {width:50%;}
  #page .day_weather .day_weather_subtitle {padding:13px 25px 15px 25px; background:#1bc0f0;}
  #page .day_weather .day_weather_subtitle p {text-align:center; text-transform:uppercase; color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:2.6em; line-height:1em;}

  #group_days_weather .day_weather.first_day .day_top {padding:0 25px 15px 25px;}
  .day_top {background:#1bc0f0; border-radius:2px; padding:13px 25px 15px 25px;}
  .day_weather.first_day .day_top .left, .day_weather.first_day .day_top .right {width:50%;}
  .day_weather_img {width:128px; height:128px; background-repeat:no-repeat; background-image:url(../img/sprite_weather.png); margin:0 auto 15px auto;}

  #page .day_weather p.day_weather_temperature {font-size:inherit; margin:0; line-height:inherit; text-align:center;}
  p.day_weather_temperature span {display:inline-block; color:#3c3c3c;}
  span.day_weather_temperature_min {border-right:2px solid #16a0c9; padding:0 19px 0 0;}
  span.day_weather_temperature_max {display:block; padding:0 19px;}
  p.day_weather_temperature span.temp_type {text-transform:uppercase; font-size:1.2em; font-family:'ubuntu_light',Arial,Verdana,Helvetica,sans-serif; display:block;}
  p.day_weather_temperature span.temp_value {font-family:'ubuntu_medium',Arial,Verdana,Helvetica,sans-serif; font-size:3.8em; line-height:1em; display:block;}

  .day_weather.first_day .day_bottom {padding:17px 25px 0px 25px;}
  .day_weather.first_day .day_bottom .left, #group_days_weather .day_weather.first_day .day_bottom .right {width:50%;}

  .day_weather_part {padding:19px 7px 19px 7px; border-bottom:1px solid #e6e6e6;}

  #page .day_weather_title p {color:#3c3c3c; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:2.6em; line-height:1em; margin:0 0 12px 0;}
  #page p.day_weather_desc {color:#747474; font-family:'ubuntu_bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.2em;}
  #page p.day_weather_desc strong {text-transform:none; font-size:17px; font-family:'ubuntu_bold',Arial,Verdana,sans-serif;}

  #page .day_weather p.day_weather_wind_direction {height:40px; line-height:43px;}
  #page .day_weather p.day_weather_wind_direction strong {float:left; margin:0 10px 0 0;}
  p.day_weather_wind_direction span {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;}

  /* 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_img.clear-day {background-position:0px -37px;}
  .day_weather_img.clear-night {background-position:-148px -37px;}
  .day_weather_img.rain {background-position:-296px -37px;}
  .day_weather_img.snow {background-position:-444px -37px;}
  .day_weather_img.sleet {background-position:-592px -37px;}
  .day_weather_img.wind {background-position:-740px -37px;}
  .day_weather_img.fog {background-position:-888px -37px;}
  .day_weather_img.cloudy {background-position:0px -185px;}
  .day_weather_img.partly-cloudy-day {background-position:-148px -185px;}
  .day_weather_img.partly-cloudy-night {background-position:-296px -185px;}
  .day_weather_img.hail {background-position:-444px -185px;}
  .day_weather_img.thunderstorm {background-position:-592px -185px;}
  .day_weather_img.tornado {background-position:-740px -185px;}

  .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) {
  /*   CONTENEUR   */
    .wrap {width:970px;}

    #logo {width:390px;}
    #tools_top {width:545px; position:relative;}
    #zone_logout {position:absolute; top:-5px; right:0;}
    #zone_logout input[type="submit"] {padding:1px;}
    #accessi {position:absolute; top:0; right:95px; margin:0;}
    #accessi li {padding:0 0 0 13px; margin:0 0 0 8px;}
    #zone_recherche {margin:30px 0 0 20px; width:330px;}
    #zone_recherche .wrap_form_header {float:right;}
    #zone_recherche label {font-size:1.6em; line-height:2.2em;}
    #zone_recherche input {width:190px; font-size:1.3em;}
    #header .menu_resaux_sociaux {width:195px;}
    #header .menu_resaux_sociaux ul {text-align:center;}
    #header .menu_resaux_sociaux li {float:none; display:inline-block; margin:0 3px 3px 3px;}
  /*** MENU PRINCIPAL ***/
    #menu_principal ul li {padding:0 7px 0 9px;}
    #menu_principal ul > li:first-child {padding:0 7px 0 0;}
    #menu_principal ul li a {padding:15px 0px; font-size:1.4em; letter-spacing:-0.01em;}
    #menu_principal ul li:hover a, #menu_principal ul li a:hover, #menu_principal ul li a:focus {padding:15px 0px 13px 0px;}
    #menu_principal li ul li {width:295px;}
    .txt_rubrique {width:200px;}
    .txt_rubrique span.titre {font-size:1.4em;}

    #home #footer {height:411px;}
    #content_home {padding-bottom:411px;}

  /* COMPETENCES */
    #col_right .competence {text-align:center; padding:10px;}
    #col_right .competence p {margin:0;}
    #col_right .competence p strong {float:none;}
    #col_right .competence span {float:none;}

  /*   SLIDER   */
    #bandeau_home .wrap_zone_texte {width:970px;}
  /*   BLOCS LISTE ITEM 2 COL   */
    .list_col li .right {width:215px;}
  /* MENU ACCES RAPIDE */
    #acces_rapide .titre_bloc {float:none; margin:0 0 15px 0;}
    #acces_rapide .contenu_bloc {float:none; width:auto;}
    #acces_rapide li {margin:0 0 0 25px; max-width:59px;}
  /* ACTUALITES A LA UNE */
    #alaune {width:640px; margin:0 0 37px 0;}
  /* ACTUALITES LISTE */
    #actus {width:311px; margin:0 0 37px 0;}
  /* BREVES */
    #breves .titre_bloc {float:none; margin:0 0 15px 0;}
    #breves .contenu_bloc {float:none; width:auto;}
    #breves ul {max-width:790px;}
  /* ZOOM */
    #zoom {width:640px; margin:0 0 54px 0;}
    #zoom .contenu_bloc .left {width:311px;}
    #zoom .contenu_bloc .right {width:306px; max-height:426px; overflow:hidden;}
    #zoom .contenu_bloc h3 {font-size:2.2em; margin:0 0 15px 0;}
    #zoom .contenu_bloc .txt p {font-size:1.5em; line-height:1.3em; margin:0 0 11px 0;}
  /* AGENDA */
    #agenda {width:311px; margin:0 0 54px 0;}
  /* RETOUR EN IMAGES */
    #retour_images .img img {min-height:240px; width:auto; min-width:100%; max-width:inherit;}
  /* GALAXIE */
    #bandeau_galaxie .contenu_bloc {margin:16px 0 0 0; height:220px; padding:0px 30px; position:relative;}
    #slideshow_galaxie {height:220px; overflow:hidden;}
  /* BLOC INFOS CONTACT */
    #bloc_infos_contact .col_contact {margin:0 36px 0 0; width:220px;}

  /* *************************** PAGE CONTENT *************************** */
    #bandeau_image {height:275px; margin:0 0 15px 0;}
    #bandeau_image #bg_bandeau {height:269px;}
  /*   STRUCTURE   */
    #col_left, #col_left_int {width:640px;}
    #col_right, #col_right_int  {width:311px;}
    .fiche #col_left {width:640px;}

    #col_right div.csc-textpic .csc-textpic-imagewrap img {max-width:311px;}

  /* *************************** GABARIT PAGE MENU *************************** */
    #page.one_col .bloc_menu {width:220px;}
    #page.one_col .bloc_menu .img_rubrique {height:220px;}

    .bloc_menu {width:293px;}
    .bloc_menu .img_rubrique {height:293px;}

  /* *************************** GALERIE *************************** */
    #page.one_col #zone_img #main_picture.left {width:640px; min-height:306px; float:left;}
    #page.one_col #zone_img .right {width:311px; float:right;}
    #zone_img #main_picture.left {width:100%; float:none; margin:0 0 15px 0; min-height:306px;}
    #zone_img .right {width:100%; float:none;}

  /* *************************** DOCS INFOS LIST *************************** */
    .bloc_mag_infos .right_docs, .bloc_mag_infos .right {width:429px;}

  /* *************************** LISTE D ELEMENTS *************************** */
    /*   MOTEUR   */
    #moteur {padding:12px 19px;}
    #page #moteur .part_moteur p {float:none; margin:0;}
    #page #moteur #element_categorie label {float:none; margin:0; display:block;}
    #page #moteur .ligne_form.btn_lien {float:right; margin:32px 0 0 0;}
    #page p.nb_result {margin:0 19px 15px 19px;}

    /*   LISTE   */
    .list_item, .news .list_item.article, .list_item:nth-child(4n+4), .news .list_item.article:nth-child(4n+4) {width:226px;}

  /* *************************** FICHE DETAIL ELEMENT *************************** */
    #wrap_fiche, .fiche #titre_page, #page.fiche h1 {width:640px;}
    #page .zone_infos p {font-size:1.8em; line-height:1.1em; margin:0 0 10px 0;}
    .display_infos_fiche {margin:0 0 15px 0;}

  /* *************************** CARTE INTERACTIVE *************************** */
    #page.map #col_left {width:970px;}
    #moteur_geoloc {width:311px;}
    #page.map #moteur_geoloc #area_search {background:#ffffff url(../img/sprite.png) no-repeat 155px -160px;}
    #page.map #zone_map #modal_window #modal_window_content {right:50px; top:50px; width:311px;}

  /* *************************** METEO *************************** */
    #group_days_weather .day_weather:nth-child(4) {margin:0 0px 19px 19px;}
    #group_days_weather .day_weather:nth-child(3) {margin:0 0px 19px 0px;}

}
/*********************************************************************
**********************************************************************
**********************************************************************
**********************************************************************
******************* VERSION  1023 a 768 / TABLETTE *******************
**********************************************************************
**********************************************************************
**********************************************************************
*********************************************************************/
@media screen and (max-width:989px) {
  /*   CONTENEUR   */
    #home {min-height:inherit;}
    #page {min-height:inherit;}
    #global {min-height:inherit;}
    .wrap {width:747px;}

  /* ***** HEADER ***** */
    #header {height:125px; padding:5px 0 0 0;}
    /*   LOGOUT   */
    #zone_logout {position:absolute; right:51px; top:95px; z-index:150; margin:0;}
    #zone_logout input[type="submit"] {font-size:1.2em; padding:3px; background:#ffffff;}
    #accessi {display:none;}
    #header .menu_resaux_sociaux {float:right; margin:0 0 10px 0;}

    #logo {width:275px;}
    #tools_top {width:445px;}
    #zone_recherche {margin:0; width:auto;}
    #zone_recherche label {float:none; line-height:1.8em;}
    #zone_recherche .wrap_form_header {float:none;}
    #header .menu_resaux_sociaux {margin:0 0 10px 15px; height:auto;}
    #header .menu_resaux_sociaux li a {width:37px; height:37px; line-height:37px;}
    #header .reseau_fb a {background-position:-3px -1px;}
    #header .reseau_twit a {background-position:-63px -1px;}
    #header .reseau_gp a {background-position:-124px -1px;}
    #header .reseau_youtube a {background-position:-186px -1px;}
    #header .reseau_flickr a {background-position:-246px 0px;}
    #header .reseau_pint a {background-position:-307px -1px;}
    #header .reseau_instagram a {background-position:-380px -1px;}

    /* ***** MENU PRINCIPAL ***** */
    #btn_menu_smart {display:block; background:#494949; position:relative; z-index:50; text-align:center; width:100%; margin:15px auto 0 auto; height:35px; position:absolute; bottom:0;}
    #page #btn_menu_smart p {margin:0;}
    #btn_menu_smart p {position:relative; display:inline; font-size:inherit; line-height:inherit;}
    #btn_menu_smart a {text-transform:uppercase; color:#ffffff; font-weight:normal; font-size:1.7em; line-height:35px; margin:auto; display:block; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .close_menu {display:block; position:absolute; left:-55px; top:16px; width:20px; height:2px; background:#ffffff;}
    .close_menu::before, .close_menu::after {content:""; display:block;}
    .close_menu, .close_menu::before, .close_menu::after {position:absolute; width:20px; height:2px; background:#ffffff; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
    .close_menu::before {margin-top:-5px;}
    .close_menu::after {margin-top:5px;}
    .btn_act .close_menu {background:transparent;}
    .btn_act .close_menu::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
    .btn_act .close_menu::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
    #menu_principal {padding:0; width:100%; margin:0; position:absolute; top:125px; left:0; z-index:50;}
    #menu_principal.display_none_resp {display:none;}
    #menu_principal .wrap, #menu_principal li ul .wrap {width:100%;}
    #menu_principal li.display_none_resp {display:none;}
    #menu_principal ul li {padding:0; border:0; background:none; float:none; position:static; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    #menu_principal ul li a {padding:15px 11px 13px 11px; border-bottom:2px solid #494949;}
    #menu_principal ul li:hover a, #menu_principal ul li a:hover, #menu_principal ul li a:focus {padding:15px 11px 13px 11px;}
    #menu_principal ul li > a {display:block; position:relative; overflow:hidden;}
    #menu_principal ul li.sub.sub_open a {display:none;}
    #menu_principal ul li.sub.sub_open ul a {display:block;}
    #menu_principal ul li.sub > a:before {-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; content:""; position:absolute; width:20px; height:20px; top:12px; right:10px; background:url(../img/pictos_menu_smart.png) no-repeat 0 0;}
    #menu_principal ul li.sub.sub_open > a:before {background:none;}
    #menu_principal li ul.sous_menu {width:0; opacity:0; right:0; top:10px; padding:0; z-index:-1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; display:block;}
    #menu_principal li:hover ul.sous_menu {display:none;}
    #menu_principal li ul.sous_menu.open {display:block;}
    #menu_principal ul li a.back_menu {padding:20px 8px; border:0; border-bottom:1px solid #575757; display:block; text-align:left;}
    #menu_principal ul li a.back_menu span {padding:2px 0 2px 25px; text-transform:uppercase; background:url(../img/pictos_menu_smart.png) no-repeat 0 -30px;}
    #menu_principal li ul li, #menu_principal ul > li:first-child {width:100%; padding:10px 0px 0 0; margin:0;}
    #menu_principal li ul li a {width:100%; padding:0 11px 9px 11px; text-align:left; color:#ffffff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    #menu_principal ul li:hover li a, #menu_principal li ul li a:hover, #menu_principal li ul li a:focus {padding:0 11px 9px 11px;}
    #menu_principal .img_rubrique {display:none;}
    #menu_principal .txt_rubrique {float:none; width:100%; padding:0;}
    #menu_principal .txt_rubrique span.titre {font-size:1.4em; line-height:1.5em;}

    /**/
    #menu_principal li ul.sous_menu {display:none;}
    #menu_principal li.sub.sub_open ul.sous_menu {display:block;}

  /* ***** FOOTER ***** */
    #home #footer {height:395px;}
    #content_home {padding-bottom:395px;}

    #page #footer {height:709px;}
    #content {padding-bottom:709px;}

  /* *************************** HOME CONTENT *************************** */
  /*   SLIDER   */
    #bandeau_home, #slider_home, #slider_page, #slideshow_home {height:214px;}
    #bandeau_home .wrap_zone_texte {width:747px;}
  /*   BLOCS LISTE ITEM 2 COL   */
    .list_col li .left {width:55px;}
    .list_col li .right {width:175px;}
    .list_col li .titre {font-size:1.7em; max-height:35px;}
    #home .list_col li .desc, #col_right .list_col li .desc {display:none;}
    .list_col li .left .date {padding:5px; height:52px;}
    .list_col .date span.one_date .d {font-size:3em;}
  /*   BLOCS   */
    .bloc_home .titre_bloc h2, .bloc_home .titre_bloc p, #page .bloc_col .titre_bloc h2, #page .bloc_col .titre_bloc p {font-size:2.8em;}
    .bloc_home .contenu_bloc h3, #page .bloc_col .contenu_bloc h3, .bloc_home .contenu_bloc p.subtitle, #page .bloc_col .contenu_bloc p.subtitle {font-size:1.6em;}
  /* MENU ACCES RAPIDE */
    #acces_rapide .titre_bloc {margin:0;}
    #acces_rapide li, #acces_rapide li:first-child {margin:10px 25px 10px 25px; width:95px; float:none; display:inline-block; vertical-align:top; /**/max-width:72px;}
  /* ACTUALITES A LA UNE */
    #alaune {width:493px;}
    #slider_alaune, #slideshow_alaune {height:270px;}
    #alaune .coverflow_zone_texte {height:110px; width:335px; padding:40px 15px 15px 15px;}
    #alaune .coverflow_titre {font-size:1.9em; max-height:18px;}
    #alaune .coverflow_desc {max-height:65px;}
    #alaune .coverflow_desc p {font-size:1.4em;}
    #alaune .slider_nav {bottom:150px;}
  /* ACTUALITES LISTE */
    #actus {width:239px;}
    #actus li .left {height:55px;}
    #actus li + li + li + li {display:none;}
  /* BREVES */
    #breves ul {max-width:565px;}
    #breves li {font-size:1.4em; line-height:1.5em;}
  /* ZOOM */
    #zoom {width:493px;}
    #zoom .contenu_bloc {position:relative;}
    #zoom .contenu_bloc .left {position:absolute; width:100%; overflow:hidden; float:none; opacity:0.1;}
    #zoom .contenu_bloc .left img {min-width:100%;}
    #zoom .contenu_bloc .right {position:relative; width:90%; margin:10px auto; float:none; max-height:inherit; min-height:200px;}
  /* AGENDA */
    #agenda {width:239px;}
    #agenda .titre_bloc p.btn_lien {background:url(../img/sprite.png) no-repeat -130px -186px; padding:33px 0 0 0px; width:60px; font-size:1.1em; text-align:center;}
    #agenda li .left img {display:none;}
  /* RETOUR EN IMAGES */
    #retour_images .contenu_bloc {margin:15px 0;}
  /* BLOC INFOS CONTACT */
    #bloc_infos_contact .contenu_bloc {padding:8px 0;}
    #bloc_infos_contact .col_contact {margin:0 45px 0 0; width:190px;}
    #social_newsletter {width:275px; float:right;}
    #bloc_infos_contact .menu_resaux_sociaux {width:auto; height:35px;}
    #bloc_infos_contact .menu_resaux_sociaux li {margin:0 0 0 5px;}
    #bloc_infos_contact .menu_resaux_sociaux li a {width:35px; height:35px; line-height:35px;}
    #bloc_infos_contact .reseau_fb a {background-position:-3px -1px;}
    #bloc_infos_contact .reseau_twit a {background-position:-64px -1px;}
    #bloc_infos_contact .reseau_gp a {background-position:-123px -1px;}
    #bloc_infos_contact .reseau_youtube a {background-position:-187px -1px;}
    #bloc_infos_contact .reseau_flickr a {background-position:-248px -2px;}
    #bloc_infos_contact .reseau_pint a {background-position:-308px -1px;}
    #bloc_infos_contact .reseau_instagram a {background-position:-380px -2px;}
    #bloc_newsletter input {width:150px;}

  /* *************************** PAGE CONTENT *************************** */
    #bandeau_image {height:275px; margin:0 0 13px 0;}
    #bandeau_image #bg_bandeau {height:269px;}

  /*   STRUCTURE   */
    #col_left, #col_left_int {width:493px;}
    #col_right, #col_right_int {width:239px;}
    .fiche #col_left {width:493px;}
    .zone_ressources_download ul li {font-size:1.7em;}
    #social_share {margin:0 0 0 14px;}

    #col_right div.csc-textpic .csc-textpic-imagewrap img {max-width:239px;}

  /*PARAM TXT*/
    #page h1 {max-width:98%;}
    #content_page th {font-size:1.4em; line-height:1.4em;}
    #content_page td {font-size:1.2em; line-height:1.3em;}
    
  /* Cim quality */
    #quality_form .form_item > .ligne_form > label {padding-top:0; padding-bottom:0;}
    #quality_form #comment {padding-top:20px;}
    #page.one_col #quality_form .form_item > .ligne_form > label {padding-top:14px; padding-bottom:13px;}
    #page.one_col #quality_form #comment {padding-top:0px;}
    #content_page #quality_form form, #content_page_popin #quality_form form {padding-bottom:14px;}    
    #comment{padding-bottom:0;}
    #content_page #quality_form form fieldset legend, #content_page_popin #quality_form form fieldset legend{width:100%;}
    #page.one_col #content_page #quality_form form fieldset legend, #page.one_col #content_page_popin #quality_form form fieldset legend{width:auto;}
    #page.one_col #content_page #quality_form form, #page.one_col #content_page_popin #quality_form form {padding-bottom:0px;}

  /* *************************** GABARIT PAGE MENU *************************** */
    #page.one_col .bloc_menu {width:220px;}
    #page.one_col .bloc_menu .img_rubrique {height:220px;}

    .bloc_menu {width:220px;}
    .bloc_menu .img_rubrique {height:220px;}

  /* *************************** GALERIE *************************** */
    #page.one_col #zone_img #main_picture.left {width:493px; min-height:306px;}
    #page.one_col #zone_img .right {width:239px;}
    #zone_img #main_picture.left {width:100%; float:none; margin:0 0 15px 0; min-height:306px;}
    #zone_img .right {width:100%; float:none;}

  /* BLOC INFOS MAG LISTE */
    .bloc_mag_infos .left {width:110px;}
    .bloc_mag_infos .right_docs, .bloc_mag_infos .right {width:268px; padding:0 0 0 20px; min-height:161px;}

  /* *************************** LISTE D ELEMENTS *************************** */
    /*   MOTEUR   */
    #moteur {padding:12px 20px;}
    #moteur .part_moteur {width:80%; margin:0 0 10px 0;}
    #page #moteur .part_moteur p {float:left; margin:0 15px 0 0;}
    #page #moteur #element_categorie label {float:left; margin:0 20px 0 0;}
    #page #moteur .ligne_form.btn_lien {float:right; margin:0;}
    #page p.nb_result {margin:0 14px 15px 14px;}
    /*   LISTE   */
    .list_item, .news .list_item.article, .list_item:nth-child(4n+4), .news .list_item.article:nth-child(4n+4) {width:234px; margin:0 19px 22px 0;}
    .list_item:nth-child(3n+3), .news .list_item.article:nth-child(3n+3) {margin:0 0 22px 0;}
    #page .list_item .date {height:60px;}
    .list_item .date .one_date {width:50px; height:40px; padding:10px 5px;}

  /* *************************** FICHE DETAIL ELEMENT *************************** */
    #wrap_fiche, .fiche #titre_page, #page.fiche h1 {width:493px;}
    #page .zone_infos p {font-size:1.8em; line-height:1.1em; margin:0 0 10px 0;}
    .display_infos_fiche {margin:0 0 15px 0;}
    /*   SLIDER FICHE   */
    #slider_fiche, #slideshow_fiche {height:292px;}

    #wrap_fiche .img.left {position:relative; width:100%; min-height:325px; overflow:hidden; float:none; margin:0;}
    #wrap_fiche .txt.right.zone_infos {padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:none; width:100%; background-color:#ebebeb; min-height:inherit; margin:0 0 20px 0;}

  /* *************************** CARTE INTERACTIVE *************************** */
    #page.map #col_left {width:747px;}
    #page.map #zone_map #modal_window #modal_window_content {right:50px; top:50px; width:239px;}

  /* *************************** METEO *************************** */
    #group_days_weather .day_weather:nth-child(4) {margin:0 0px 19px 0px;}
    #group_days_weather .day_weather:nth-child(3) {margin:0 0px 19px 0px;}
    #group_days_weather .day_weather.first_day {width:100%; margin:0 0px 19px 0px !important;}
    #group_days_weather .day_weather {width:48%; margin:0 0px 19px 0px;}
    #group_days_weather .day_weather:nth-child(2n+1) {margin:0 0px 19px 3%;}
}
/*********************************************************************
**********************************************************************
**********************************************************************
**********************************************************************
************************* VERSION SMARTPHONE *************************
**********************************************************************
**********************************************************************
**********************************************************************
*********************************************************************/
@media screen and (max-width:767px) {
  html {width:100%;}
  body {width:100%;}
  img {max-width:100%;}
  p {font-size:1.3em; line-height:1.3em;}

  /* *** 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%;}
    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="checkbox"], input[type="radio"] {float:none;}
    /* *** END ELEMENTS FORMULAIRE *** */

  /*   CONTENEUR   */
    #home {min-height:inherit;}
    #page {min-height:inherit;}
    #global {min-height:inherit; padding:0;}
    .wrap {width:90%;}

  /* ***** HEADER ***** */
    #header {padding:0;}
    #header > .wrap {position:relative;}
    #logo {width:auto; padding:0 150px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:none;}
    #logo img {max-width:inherit; max-height:90px; width:auto;}
    #zone_logout {top:22px; right:50px; z-index:initial;}
    #zone_logout input[type="submit"] {color:#222222;}
    #tools_top {width:auto; position:absolute; top:0; right:0;}
    #header .menu_resaux_sociaux {display:none;}
    #zone_recherche {margin:0; position:absolute; top:20px; right:0;}
    #btn_search_smart {display:block; position:relative; z-index:100;}
    #btn_search_smart a {cursor:pointer; text-indent:-9999px; display:block; width:30px; height:30px; line-height:30px; background-color:#abc22e; background-image:url(../img/sprite.png); background-repeat:no-repeat; background-position:-80px -309px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/agglo/css/PIE.htc); overflow:hidden; -webkit-transition-property:background-color; -webkit-transition-duration:500ms; -moz-transition-property:background-color; -moz-transition-duration:500ms; transition-property:background-color; transition-duration:500ms;}
    #btn_search_smart.btn_act a {background-image:url(../img/picto_close_wh.png); background-repeat:no-repeat; background-position:10px 10px;}
    #recherche {display:none; position:absolute; top:0px; right:0px; z-index:50; width:220px; height:30px; padding:0 30px 0 0; overflow:hidden; border-radius:20px 20px 20px 20px; -moz-border-radius:20px; background:#ffffff; border:2px solid #abc22e; -webkit-border-radius:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .wrap_form_header {width:177px; border:0;}
    #zone_recherche label {display:none;}
    #zone_recherche input {width:155px; font-size:1.1em;}
  /* ***** FOOTER ***** */
    #home #footer {height:390px;}
    #menu_footer li, #menu_footer li:first-child {font-size:1.2em; line-height:1.2em; padding:0 4px;}

  /* COMPETENCES */
    #col_right .competence p strong{color:#3c3c3c;font-size:1.3em;line-height:1.3em;float:left;padding:35px 0px;}
    #col_right .competence {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
    #col_right .competence span{padding:5px 0 0px 0;}

  /* *************************** HOME CONTENT *************************** */
    .bg_white {padding:0 0 10px 0;}
    #content_home {padding-bottom:390px;}
    #alaune, #actus, #zoom, #agenda {width:100%; float:none; margin:0 0 30px 0;}
  /*   SLIDER   */
    #bandeau_home, #slider_home, #slider_page, #slideshow_home {height:214px; height:120px;}
    #bandeau_home .coverflow_zone_texte {bottom:39px;}
    #bandeau_home .wrap_zone_texte {width:90%;}
    #bandeau_home .coverflow_titre {width:55%; margin:0; padding:0 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1.7em;}
    #bandeau_home .slide_full_container li .img img {max-width:inherit; max-height:100%;}
    span.control_home, span.control_page, span.control_fiche {top:8%; opacity:0.8;}
  /*   BLOCS LISTE ITEM 2 COL   */
    .list_col li a {min-height:60px;}
    .list_col li .left {position:absolute; height:60px; width:60px; overflow:hidden;}
    .list_col li .right {width:100%; padding:0 0 0 75px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .list_col li .titre {max-height:inherit;}
    #home .list_col li .desc, #col_right .list_col li .desc {display:none;}
    .list_col li .left .date {padding:5px; height:40px; height:100%; top:0; position:absolute; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    .list_col .date span.one_date .d {font-size:3em;}
  /* MENU ACCES RAPIDE */
    #acces_rapide li, #acces_rapide li:first-child {margin:10px 1% 10px 1%; width:17%; max-width:14%;}
  /* ACTUALITES A LA UNE */
    #slider_alaune, #slideshow_alaune {height:270px;}
    #alaune .img img {max-height:100%;}
    #alaune .coverflow_zone_texte {height:85px; width:55%; padding:50px 15px 15px 15px;}
    #alaune .coverflow_titre {max-height:inherit; font-size:1.65em;}
    #alaune .coverflow_desc {display:none}
    #alaune .slider_nav {bottom:135px;}
  /* ACTUALITES LISTE */
    #actus li + li + li + li {display:block;}
  /* BREVES */
    #breves ul {max-width:100%;}
  /* ZOOM */
    #zoom .contenu_bloc .left {position:absolute; width:100%; overflow:hidden; float:none; opacity:0.1;}
    #zoom .contenu_bloc .left img {min-width:100%;}
    #zoom .contenu_bloc .right {position:relative; width:90%; margin:10px auto; float:none; max-height:inherit; min-height:200px;}
  /* AGENDA */
    #agenda .titre_bloc p.btn_lien {background:url(../img/sprite.png) no-repeat -130px -186px; padding:33px 0 0 0px; width:60px; font-size:1.1em; text-align:center;}
    #agenda li .left img {display:none;}
  /* RETOUR EN IMAGES */
    #retour_images .img {position:absolute; height:100%;}
    #retour_images .wrap_content {width:100%; position:relative; padding:0 0 15px 0px;}
    #retour_images .contenu_bloc {margin:15px 2% 0 2%;position:initial;}
    #retour_images .contenu_bloc p{text-align:right;}
    #retour_images .img img {min-height:100%;}
  /* GALAXIE */
    #bandeau_galaxie .contenu_bloc {width:454px; margin:16px auto 0 auto;}
  /* BLOC INFOS CONTACT */
    #bloc_infos_contact .contenu_bloc {padding:8px 0;}
    #bloc_infos_contact .col_contact {margin:0 20px 0px 0; width:165px;}
    #social_newsletter {width:245px;}
    #bloc_infos_contact .menu_resaux_sociaux {width:180px; height:auto; margin:0 0 20px 0;}
    #bloc_infos_contact .menu_resaux_sociaux li, #bloc_infos_contact .menu_resaux_sociaux li:first-child {margin:0 0 9px 9px;}
    #newsletter {padding:0; background:none;}
    #bloc_newsletter input {width:120px;}
  /* *************************** PAGE CONTENT *************************** */
  /*   STRUCTURE   */
    #col_left, .fiche #col_left, #col_left_int  {float:none; width:100%;}
    #col_right, #col_right_int  {float:none; width:100%; padding:0;}

    #col_right div.csc-textpic .csc-textpic-imagewrap img {max-width:100%;}

  /*   ARIANE   */
    #tools_ariane {padding:10px 0; border-bottom:1px solid #ccc; margin:0 0 10px 0;}
    #fil_ariane {float:none; width:100%; margin:0 0 10px 0;}
    #social_share {margin:0 0 0 15px;}
  
  /*Cimquality*/
    #content_page #quality_form form fieldset legend, #content_page_popin #quality_form form fieldset legend{width:100%;}
    #page.one_col #quality_form .form_item > .ligne_form > label {padding-top:0px; padding-bottom:0px;}
    #page.one_col #quality_form #comment {padding-top:20px;}
    #page.one_col #content_page #quality_form form fieldset legend, #page.one_col #content_page_popin #quality_form form fieldset legend{width:100%;}
    #page.one_col #content_page #quality_form form, #page.one_col #content_page_popin #quality_form form {padding-bottom:14px;}

  /* *************************** GABARIT PAGE MENU *************************** */
    #page.one_col .bloc_menu {float:none; width:100%; margin:0; border-top:1px solid #a6a7a6; padding:12px 0 11px 0;}
    #page.one_col .bloc_menu .img_rubrique {display:none;}

    .bloc_menu {float:none; width:100%; margin:0; border-top:1px solid #a6a7a6; padding:12px 0 11px 0;}
    .bloc_menu .img_rubrique {display:none;}

    #page #content_page .bloc_menu h2 a, #page #content_page .bloc_menu h2 a:hover, #page #content_page .bloc_menu h2 a:focus {padding:0; border:0;}

  /* *************************** LISTE D ELEMENTS *************************** */
    /*   MOTEUR   */
    #moteur .part_moteur {width:47%;}
    #page #moteur .ligne_form {clear:none;}
    #page #moteur .part_moteur p    #page #moteur .part_moteur p, #page #moteur label {font-size:1.3em;}
    #page #moteur select {width:200px;}
    #page #moteur #element_date_evenement .ligne_form {margin:0 0 10px 0;}
    /*   LISTE   */
    .list_item, .news .list_item.article, .list_item:nth-child(4n+4), .news .list_item.article:nth-child(4n+4), .list_item:nth-child(3n+3), .news .list_item.article:nth-child(3n+3) {margin:0 7% 22px 0; width:46%;}
    .list_item:nth-child(2n+2), .news .list_item.article:nth-child(2n+2) {margin:0 0 22px 0;}

    .list_item .img img {width:100%; height:auto;}
    #page .list_item .pres h2 {height:auto;}

  /* *************************** FICHE DETAIL ELEMENT *************************** */
    #wrap_fiche, .fiche #titre_page, #page.fiche h1 {width:100%;}
    #page .zone_infos p {font-size:1.8em; line-height:1.1em; margin:0 0 10px 0;}
    .display_infos_fiche {margin:0 0 15px 0;}

  /* *************************** GALERIE *************************** */
    #page.one_col #zone_img #main_picture.left {width:493px; min-height:306px; max-width:100%; margin:0 auto 15px auto;}
    #page.one_col #zone_img .right {width:100%;}

  /* BLOC INFOS MAG LISTE */
    .bloc_mag_infos .left {width:25%}
    .bloc_mag_infos .right_docs, .bloc_mag_infos .right {width:68%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

  /* *************************** CARTE INTERACTIVE *************************** */
    #page.map #col_left {width:100%;}
    #moteur_geoloc {position:static; margin:0 0 20px 0; width:100%; left:inherit; top:inherit;}
    #page.map #moteur_geoloc #area_search {background:#ffffff;}

    #page.map #moteur_geoloc #area_search input[type="text"] {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    #page.map #zone_map #modal_window #modal_window_content {right:5%; top:5%; width:90%;}
}

@media screen and (max-width:700px) {
  #content_home, #content {padding-bottom:0px;}
  #footer {position:relative;}
  #bloc_infos_contact .col_contact {width:47%; margin:0;}
  #bloc_infos_contact .col_contact:first-child {margin:0 5% 0 0;}
  #social_newsletter {width:100%;}
  #bloc_infos_contact .menu_resaux_sociaux {width:100%; margin:17px 0 11px 0;}
}

@media screen and (max-width:630px) {
  p.day_weather_temperature span.temp_value {font-size:3em; line-height:1.2em;}
}

@media screen and (max-width:620px) {
  #logo img {max-width:100%; height:auto; max-height:initial;}
}

@media screen and (max-width:570px) {
  #header {height:110px;}
  #bandeau_galaxie .contenu_bloc {width:224px;}
  #wrap_fiche .img.left {min-height: 270px}
  #slider_fiche, #slideshow_fiche {height: 240px;}
  #menu_principal {top:110px;}
}

@media screen and (max-width:540px) {
  p.day_weather_temperature span.temp_value {font-size:2em;}
}

@media screen and (max-width:500px) {
  #group_days_weather .day_weather {width:100%; margin:0 0 25px 0 !important;}
  #group_days_weather .day_weather.first_day .halfday {width:100%;}
  p.day_weather_temperature span.temp_value {font-size:3em;}
}

@media screen and (max-width:460px) {
  #zone_logout {right:40px;}
  #bandeau_home .coverflow_titre {width:100%; font-size:1.7em;}
  #acces_rapide li, #acces_rapide li:first-child {width:43%; max-width:inherit; margin:10px 3%;}
  #acces_rapide .img {float:left; width:15%; margin:0px;}
  #acces_rapide .wrap_titre {float:right; width:70%;}
  #acces_rapide .titre {text-align:left;}
  #bloc_infos_contact .col_contact {width:45%;}
  #bloc_infos_contact .col_contact:first-child {margin:0 10% 0px 0;}
  #moteur .part_moteur {width:95%;}
  .list_item, .news .list_item.article, .list_item:nth-child(4n+4), .news .list_item.article:nth-child(4n+4), .list_item:nth-child(3n+3), .news .list_item.article:nth-child(3n+3), .list_item:nth-child(2n+2), .news .list_item.article:nth-child(2n+2) {margin:0 4% 22px 4%; width:90%;}

  .list_item .img {max-height:200px; overflow:hidden;}
  .list_item .img img {min-width:100%;}

  #slider_fiche, #slideshow_fiche, #slider_fiche .slide_full_container li {height:190px;}
  #slider_fiche li img {min-width:inherit; margin:auto;}

  #wrap_fiche .img.left {min-height: 230px}
  #slider_fiche, #slideshow_fiche {height: 240px;}
}

@media screen and (max-width:420px) {
  #header {height:160px;}
  #header > .wrap {padding:0 0 30px 0;}
  #logo {width:100%; padding:0; height:75px; position:relative;}
  #logo h1, #logo p {height:100%;}
  #logo a {height:100%; width:auto; text-align:center;}
  #logo img {max-height:100%; margin:auto; max-width:100%;}
  #tools_top {top:inherit; bottom:18px;}
  #zone_logout {top:2px;}
  #zone_recherche {top:0;}
  #menu_principal {top:160px;}
}

@media screen and (max-width:400px) {
  #bloc_infos_contact .col_contact {width:100%; float:none; margin:0 0 20px 0px; padding:0 0 10px 0; border-bottom:1px solid #000;}
  #bloc_infos_contact .col_contact:first-child {margin:0 0 20px 0px; padding:0 0 10px 0; border-bottom:1px solid #000;}
  #menu_footer li, #menu_footer li:first-child {line-height:2em;}

  #wrap_fiche .img.left {min-height: 172px}
  #slider_fiche, #slideshow_fiche, #slider_fiche .slide_full_container li, #slider_fiche, #slideshow_fiche {height: 136px;}

  /* BLOC INFOS MAG LISTE */
  .bloc_mag_infos .left {width:100%; float:none; margin:0 0 15px 0;}
  .bloc_mag_infos .right_docs, .bloc_mag_infos .right {width:100%; float:none; border:0; padding:0; margin:0;}
  #page .bloc_mag_infos .left p {text-align:center;}
  .bloc_mag_infos .link_page, .bloc_mag_infos .download_page {margin:5px 0;}
}

@media screen and (max-width:315px) {
  #bloc_infos_contact .menu_resaux_sociaux li {margin:0 0 9px 5px;}
  #bloc_infos_contact .menu_resaux_sociaux li:first-child {margin:0;}
}