/*
Theme Name: Theme Icare (light)
Author: Maxence KRINER, développeur spécialisé Web chez Adgensite
Author URI: http://www.adgensite.com/
Description : Un thème créé spécialement pour I-Care pour répondre à leurs besoins de la façon la plus précise possible.
Version: 1.0.1.1 
*/

/* Table of content
-----------------------------------------------
0. Fonts
1. Global
2. Header

*/

/* Fonts
-----------------------------------------------*/

/* MyriadPro
===========*/
@font-face {
    font-family: "MyriadPro";
    src: url('fonts/MYRIADPRO-BOLD.eot');
    src: url('fonts/MYRIADPRO-BOLD.eot#iefix') format('embedded-opentype'),
         url('fonts/MYRIADPRO-BOLD.woff') format('woff'),
         url('fonts/MYRIADPRO-BOLD.ttf') format('truetype'),
         url('fonts/MYRIADPRO-BOLD.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "MyriadPro";
    src: url('fonts/MYRIADPRO-BOLDIT.eot');
    src: url('fonts/MYRIADPRO-BOLDIT.eot#iefix') format('embedded-opentype'),
         url('fonts/MYRIADPRO-BOLDIT.woff') format('woff'),
         url('fonts/MYRIADPRO-BOLDIT.ttf') format('truetype'),
         url('fonts/MYRIADPRO-BOLDIT.svg') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "MyriadPro";
    src: url('http://i-carecluster.org/wp-content/themes/Icare/fonts/MYRIADPRO-REGULAR.eot.eot');
    src: url('fonts/MYRIADPRO-REGULAR.eot') format('embedded-opentype'),
         url('fonts/MYRIADPRO-REGULAR.woff') format('woff'),
         url('fonts/MYRIADPRO-REGULAR.ttf') format('truetype'),
         url('fonts/MYRIADPRO-REGULAR.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProSemiBold';
    src: url('fonts/MYRIADPRO-SEMIBOLDIT.eot');
    src: url('fonts/MYRIADPRO-SEMIBOLDIT.eot#iefix') format('embedded-opentype'),
         url('fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff'),
         url('fonts/MYRIADPRO-SEMIBOLDIT.ttf') format('truetype'),
         url('fonts/MYRIADPRO-SEMIBOLDIT.svg') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'MyriadProSemiBold';
    src: url('http://i-carecluster.org/wp-content/themes/Icare/fonts/MYRIADPRO-SEMIBOLD.eot.eot');
    src: url('fonts/MYRIADPRO-SEMIBOLD.eot') format('embedded-opentype'),
         url('fonts/MYRIADPRO-SEMIBOLD.woff') format('woff'),
         url('fonts/MYRIADPRO-SEMIBOLD.ttf') format('truetype'),
         url('fonts/MYRIADPRO-SEMIBOLD.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* Regencie
===========*/
@font-face {
    font-family: 'Regencie';
    src: url('fonts/RegencieLight.eot');
    src: url('fonts/RegencieLight.eot#iefix') format('embedded-opentype'),
         url('fonts/RegencieLight.woff') format('woff'),
         url('fonts/RegencieLight.ttf') format('truetype'),
         url('fonts/RegencieLight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Regencie';
    src: url('fonts/RegencieLightObl.eot');
    src: url('fonts/RegencieLightObl.eot#iefix') format('embedded-opentype'),
         url('fonts/RegencieLightObl.woff') format('woff'),
         url('fonts/RegencieLightObl.ttf') format('truetype'),
         url('fonts/RegencieLightObl.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* couleurs
-----------------------------------------------*/
.orange {
  color:#d67c33;
}
.rouge {
  color:#a04349;
}
.cyan {
  color:#67aab3;
}
.bleu {
  color:#267580;
}
.vert {
  color:#86b371;
}
.gris {
  color:#838383;
}


/* global
-----------------------------------------------*/
.bloc .post-content {
    min-height: 200px;
}

a .img_projet  {

    width: 20%;
  margin-right: 10px;

}
a .img_contact {

    width: 20%;
  margin-right: 10px;

}
a .img_tel {

  margin-right: 10px;

}
body {
    background: #fff;
    color: #838383;
    font-family: "MyriadPro", Arial, sans serif;
    font-size: 13px;
    line-height: 13px;
    word-wrap: break-word;
    line-height: 1.7;
}
p {
    line-height: 1.5em;
}

span.annonce, p.annonce {
    font-size: 16px;
    line-height: 17px;
}
span.annonce2 {
    font-size: 15px;
}
p#breadcrumbs {
    margin-bottom: 25px;
}

a {
  color:#267580;
  text-decoration: none;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}

a:hover,
a:focus {
  color:#67aab3;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a.readMore.right.bouton {width: 160px; padding: 4px 10px!important; margin-bottom: 12px;}
a.center {text-align:center;}

.menu-menu-principal-container a {
  color:#fff;
}

h1,.h1{font-size:28px; margin-top: 0; margin-bottom: 40px; font-family: "Regencie", arial, sans-serif;}
h2,.h2{font-size:29px; margin-top: 0; margin-bottom: 20px; font-family: "Regencie", arial, sans-serif; text-transform:uppercase; color:#267580;}
h3,.h3{font-size:23px; margin-top: 0; margin-bottom: 20px; font-family: "MyriadProSemiBold", arial, sans-serif; text-transform:uppercase; color:#267580;}
h4,.h4{font-size:20px; margin-top: 0; margin-bottom: 20px; font-family: "MyriadProSemiBold", arial, sans-serif; text-transform:uppercase; color:#267580;}
h5,.h5{font-size:16px; margin-top: 0; margin-bottom: 20px; font-family: "MyriadPro", arial, sans-serif; text-transform:uppercase; color:#267580;}
h6,.h6{font-size:13px; margin-top: 0; margin-bottom: 20px; font-family: "MyriadPro", arial, sans-serif; text-transform:uppercase; color:#267580;}

img{height:auto;max-width:100%;}

label { 
    display: block ;
    font-weight: normal;
}

ul { 
    margin: 0;
    padding: 0;
}

button,
input,
select,
textarea {
  font-size: 100%; 
  margin: 0; 
  vertical-align: baseline; 
  *vertical-align: middle; 
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0; 
}
input[type="search"] {
  -webkit-appearance: textfield; 
  -webkit-box-sizing: content-box; 
  -moz-box-sizing:  content-box;
  box-sizing:     content-box;
}
input[type="search"]::-webkit-search-decoration { 
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea {
  color: #666;
  border: 1px solid #d67c33;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"],
textarea:focus {
  color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="search"] {
    padding: 3px 8px;
  width: 90%;
}
textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 100%;
}

.sidebar input[type="text"],
.sidebar input[type="email"],
.sidebar input[type="url"],
.sidebar input[type="password"],
.sidebar input[type="number"],
.sidebar input[type="search"]{
    width: 100%;
}

.wpcf7 form .w70 {padding:0 12px;}
.wpcf7 form .w30 {padding:0;}
.wpcf7 form .imgRight {margin: 5px 34px 10px 30px;}
.wpcf7 form {color: #67aab3;}
.wpcf7 form input {border-color: #a4a4a4;}

div.tweets {
  height:380px;
}
iframe#twitter-widget-0{
  height:380px!important;
}

a.bouton {
    padding: 10px;
    background-color: #838383;
    margin: 10px 0 10px 0px;
    display: inline-block;
}

.sidebar a.bouton {
    display: block;
cursor:pointer!important;
}

div.newsletter.col5 {padding:0;margin-left:60px;}
div.newsletter.col5 h2 {text-align:right;}
.home div.tweeter {margin:0px;padding:0;}

.fondGris a.bouton {background-color:#838383; color:#fff;cursor:text;text-decoration:none;}
.fondOrange a.bouton {
  background-color:#d67c33; 
  color:#fff;
  width: 260px;
  text-decoration:none;
}
.fondRouge a.bouton {background-color:#a04349; color:#fff;cursor:pointer;text-decoration:none;}
.fondBleu a.bouton {background-color:#267580; color:#fff;cursor:pointer;text-decoration:none;}
.fondCyan a.bouton {background-color:#67aab3; color:#fff;cursor:pointer;text-decoration:none;}
.fondVert a.bouton {background-color:#86b371; color:#fff;cursor:pointer;text-decoration:none;}

.fondGris h2 {color:#838383;}
.fondOrange h2 {color:#d67c33;}
.fondRouge h2 {color:#a04349;}
.fondBleu h2 {color:#267580;}
.fondCyan h2 {color:#67aab3;}
.fondVert h2 {color:#86b371;}

.txtGris {color:#838383;}
.txtOrange {color:#d67c33;}
.txtRouge {color:#a04349;}
.txtBleu {color:#267580;}
.txtCyan {color:#67aab3;}
.txtVert {color:#86b371;}

.page-template-Home-page .cluster.fondPleinCyan h3 {display:none;}

div.fondPleinGris {background-color: #838383; padding: 15px; color:#fff;}
div.fondPleinOrange {background-color: #d67c33; padding: 15px; color:#fff;}
div.fondPleinRouge {background-color: #a04349; padding: 15px; color:#fff;}
div.fondPleinBleu {background-color: #267580; padding: 15px; color:#fff;}
div.fondPleinCyan {background-color: #67aab3; padding: 15px; color:#fff;}
div.fondPleinVert {background-color: #86b371; padding: 15px; color:#fff;}

.fondPleinGris a.bouton {color:#838383; background-color:#fff;cursor:text;text-decoration:none;}
.fondPleinOrange a.bouton {color:#d67c33; background-color:#fff;cursor:text;text-decoration:none;}
.fondPleinRouge a.bouton {color:#a04349; background-color:#fff;cursor:text;text-decoration:none;}
.fondPleinBleu a.bouton {color:#267580; background-color:#fff;cursor:text;text-decoration:none;}
.fondPleinCyan a.bouton {color:#67aab3; background-color:#fff;cursor:text;text-decoration:none;}
.fondPleinVert a.bouton {color:#86b371; background-color:#fff;}cursor:text;text-decoration:none;

.fondPleinGris h2 {color:#838383; display:none;}
.fondPleinOrange h2 {color:#d67c33; display:none;}
.fondPleinRouge h2 {color:#a04349; display:none;}
.fondPleinBleu h2 {color:#267580; display:none;}
.fondPleinCyan h2 {color:#67aab3; display:none;}
.fondPleinVert h2 {color:#86b371; display:none;}
.wrapp-sidebar .fondPleinCyan h2 {color:#67aab3; display:block;}

div a.suivant {background:url(images/picto-fleche-blanc.png) no-repeat center right 7px;}
.fondPleinGris div a.suivant {background:url(images/picto-fleche-gris.png) no-repeat center right 7px #fff;}
.fondPleinOrange a.suivant {background:url(images/picto-fleche-orange.png) no-repeat center right 7px #fff;}
.fondPleinRouge a.suivant {background:url(images/picto-fleche-rouge.png) no-repeat center right 7px #fff;}
.fondPleinBleu a.suivant {background:url(images/picto-fleche-bleu.png) no-repeat center right 7px #fff;}
.fondPleinCyan a.suivant {background:url(images/picto-fleche-cyan.png) no-repeat center right 7px #fff;}
.fondPleinVert a.suivant {background:url(images/picto-fleche-vert.png) no-repeat center right 7px #fff;}

div.newsletter::before, div.newsletter:before {background:url(images/bandeau-cluster.png) no-repeat bottom right;display: table;content: ""; height: 17px; width: 100%;}
div.membres.en::before, div.membres.en:before {background:url(images/bandeau-cluster.png) no-repeat bottom right;display: table;content: ""; height: 17px; width: 100%;}
.wrapp-sidebar div.newsletter::before, .wrapp-sidebar div.newsletter:before {background-image:none;}
.wrapp-sidebar .newsletter input.wysija-submit.wysija-submit-field{margin: -38px 0 0 205px;}
.wrapp-sidebar .newsletter h2, .wrapp-sidebar .membres h2 {font-size:19px; text-align:right;}
.wrapp-sidebar .membres.fondOrange.fullwidth {
    margin: 0px 0 0 -58px;
    width: 310px;
}
.wrapp-sidebar .inscription a.bouton.center {margin:5px 0;/*width: 100%;*/}
/*.agenda .event:after, .agenda .event::after { border-top: 2px solid #86b371; content: " "; height: 5px; display: block;}*/
.agenda .event-date{
    margin: 0 5px 1.5em 15px;
}
.agenda .event-date .event-day {font-size:27px;}
.agenda .event-date .event-month {font-size:16px;}
.event-list .start-date, .event-list .end-date{
    width: auto; 
}

.zoom h2 {background: url(images/picto-zoom.jpg) no-repeat center left 0px #fff; padding: 12px 0 0 48px;}
.agenda h2 {background: url(images/picto-event.jpg) no-repeat center left 0px #fff; padding: 12px 0 0 48px;}

.newsletter h2 {background: url(images/picto-newsl.jpg) no-repeat 0px 12px #fff; padding: 6px 0 0 8px; text-align:right; margin-bottom: 0px;}
.ecosysteme h2 {background: url(images/picto-ecosys.jpg) no-repeat center left 0px #fff; padding: 12px 0 0 48px;}
.actualites h2 {background: url(images/picto-actu.jpg) no-repeat center left 0px #fff; padding: 12px 0 0 48px;}
.membres h2 {background: url(images/picto-membres.jpg) no-repeat center left 0px #fff; padding: 26px 0 0 48px;}
#membreCustom h2{padding: 13px 0 0 48px;}
.membres h2:after,.membres h2::after {border-top:2px solid #d67c33; content:" "; height:13px; display:block;margin: 4px -7px;}
.actualites h2:after,.actualites h2::after {border-top:2px solid #838383; content:" "; height:13px; display:block;margin: 4px -7px;}
.ecosysteme h2:after,.ecosysteme h2::after {border-top:2px solid #67aab3; content:" "; height:13px; display:block;margin: 4px -7px;}
.newsletter h2:after,.newsletter h2::after {border-top:2px solid #67aab3; content:" "; height:40px; display:block;margin: 5px 0 -40px -10px;}
.agenda h2:after,.agenda h2::after {border-top:2px solid #86b371; content:" "; height:13px; display:block;margin: 5px -7px;}
.zoom h2:after,.zoom h2::after {border-top:2px solid #a04349; content:" "; height:13px; display:block;margin: 5px -7px;}

hr {border-color:#d67c33; clear: both;}
/* formatage
-----------------------------------------------*/
p.post-info, #wp-socials-fb-like {display:none;}
.newsletter input[type="text"] {float:left;margin-bottom:10px; border-color:#67aab3;}
.home .newsletter input[type="text"]{ width: 88%!important;}
.newsletter input.wysija-submit.wysija-submit-field {width: 5%; float: left; padding:3px 13px; background:url(images/picto-fleche.png) no-repeat center center #67aab3; margin:0;}
.inscription a.bouton.center {
  margin: 10px 0 0 0; 
  padding: 5px;
}
#newsletterCustom{position: relative;width: 100%;}
#newsletterCustom h2{
    padding: 46px 0 0 10px;
    /*modif*/
    margin-top: 6px!important;
    font-size:24px;
    line-height: 24px;
}
#newsletterCustom h2 span{
    top: 25px;/*modif*/

    display: block;
    position: absolute;
}
.inscription {
  padding:20px;
}
.post-43 .post-content ul{
    width: 80%;
    padding: 5px 20px;
    margin: auto;
    background: #eee;
}
.post-43 .post-content li{
    padding: 0;
    margin: 0;
    list-style: none;
}
.clearBoth{
    clear: both;
}
.fr{
    font-weight: bold;
}

#lang_sel_list {height:auto !important;}
#lang_sel_list a.lang_sel_sel {font-weight:bold;}
#lang_sel_list a {color:#267580 !important; font-weight:normal;}

/* Formulaire de recherche avancée */
.site-main .searchandfilter input[type="submit"] {
cursor: pointer;
background: url('images/picto-search.svg') no-repeat scroll 50% 50% / 24px auto #D3031B;
border: 0px none;
color: transparent;
padding: 0px 0px 0px 32px;
font-family: "MyriadPro";
width: 60px;
text-indent: 10px;
height: 32px;
overflow: hidden;
position: relative;
float: left;
display: block;
margin: -33px 0px 35px 345px;
}
.site-main .search-filtre { padding:0 50px; }
.site-main .searchandfilter input[type="text"] {
width: 550px;
}

.site-main .searchandfilter select.postform {
width: 200px;
}

/* Clearing floats */
.clearfix:after {clear: both;}
.clearfix:before,
.clearfix:after {display: table; content: "";}
 
/* structure */
.widthBox {width: 100%; max-width: 1200px;}
.fullSize {width: 100%;}
.left {float:left !important;}
.right {float:right !important;}
img.left {margin-right: 1em;}
img.right {margin-left: 1em;}
img.center {text-align: center !important; display: inherit;}
.center {margin-right:auto !important;margin-left:auto !important;}
.txtleft   { text-align: left !important; }
.txtright  { text-align: right !important; }
.txtcenter { text-align: center !important; }
.txtjustify { text-align: justify !important;}
.w30 {width:30%; box-sizing: border-box; padding: 0 20px; float: left;}
.w33 {width:33.33333%; box-sizing: border-box; padding: 0 20px; float: left;}
.w40 {width:40%; box-sizing: border-box; padding: 0 20px; float: left;}
.w66 {width:66.66666%; box-sizing: border-box; padding: 0 20px; float: left;}
.w70 {width:70%; box-sizing: border-box; padding: 0 20px; float: left;}
.w50 {width:50%; box-sizing: border-box; padding: 0 20px; float: left;}
.col4 {width:25%; box-sizing: border-box; padding: 0 20px; float: left;}
.col3 {width:33.33333%; box-sizing: border-box; padding: 0 20px; float: left;}
.col2 {width:50%; box-sizing: border-box; padding: 0 20px; float: left;}
.col5 {width:20%; box-sizing: border-box; padding: 0 20px; float: left;}
.col6 {width:16.66666%; box-sizing: border-box; padding: 0 20px; float: left;}

.relative {position: relative !important;}

li.noafter:after { content: " "; display: none;}

.p10 {padding:10px;}
.pl10 { padding-left: 10px;}
.pr10 { padding-right: 10px;}
.pt10 { padding-top: 10px;}
.pb10 { padding-bottom: 10px;}

.p20 {padding:20px;}
.pl20 { padding-left: 20px;}
.pr20 { padding-right: 20px;}
.pt20 { padding-top: 20px;}
.pb20 { padding-bottom: 20px;}

.p30 {padding:30px;}
.pl30 { padding-left: 30px;}
.pr30 { padding-right: 30px;}
.pt30 { padding-top: 30px;}
.pb30 { padding-bottom: 30px;}

.p50 {padding:50px;}
.pl50 { padding-left: 50px;}
.pr50 { padding-right: 50px;}
.pt50 { padding-top: 50px;}
.pb50 { padding-bottom: 50px;}

.m0 {margin:0px;}
.ml0 { margin-left: 0px;}
.mr0 { margin-right: 0px;}
.mt0 { margin-top: 0px;}
.mb0 { margin-bottom: 0px;}

.m10 {margin:10px;}
.ml10 { margin-left: 10px;}
.mr10 { margin-right: 10px;}
.mt10 { margin-top: 10px;}
.mb10 { margin-bottom: 10px;}

.m20 {margin:20px;}
.ml20 { margin-left: 20px;}
.mr20 { margin-right: 20px;}
.mt20 { margin-top: 20px;}
.mb20 { margin-bottom: 20px;}

.m30 {margin:30px;}
.ml30 { margin-left: 30px;}
.mr30 { margin-right: 30px;}
.mt30 { margin-top: 30px;}
.mb30 { margin-bottom: 30px;}

.m50 {margin:50px;}
.ml50 { margin-left: 50px;}
.mr50 { margin-right: 50px;}
.mt50 { margin-top: 50px;}
.mb50 { margin-bottom: 50px;}

.transition {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.none {display: none;}
.mobiloff {display: block;}
.mobilon {display: none;}

.colcontent { width: 77%; box-sizing: border-box;padding: 0px;float: left;}
.colsidebar { width: 23%; box-sizing: border-box;padding: 0 0 0 20px;float: left;}

/*Formulaire de contact*/
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding: 10px; }
.home .zoom article{
  margin-top: 10px;
}
.zoom {padding: 0px 40px 0 0px;}
.agenda {padding: 0px 40px 0 0px;}
.newsletter {padding: 0px; float:right;}
.wrapp-actu .newsletter,.wrapp-actu .membres{width:100%!important;margin:0px!important;padding: 0px;}
.wrapp-actu .newsletter .inscription,.wrapp-actu .membres .inscription{padding: 0px;margin-top: 30px;margin-bottom: 30px;}
.wrapp-actu .membres .inscription{margin:0;}
.wrapp-actu .membres .inscription a.bouton.center{width: 100%!important;}
.wrapp-actu .newsletter input.wysija-submit.wysija-submit-field{margin:-37px 0 0 191px!important;}
.wrapp-actu .membres h2:after,.wrapp-actu .membres h2::after {margin: 4px 0 0 -8px!important;}
.wrapp-actu .newsletter h2:after,.wrapp-actu .newsletter h2::after {margin: 5px 0 -40px -8px!important;}
.wrapp-actu div.newsletter::before, .wrapp-actu div.newsletter:before {background:none; height: 0px; width: 100%;}

.ecosysteme {padding: 0px 40px 0 0px; background: url("images/fond-carte.png") 0px 95px no-repeat;}
.actualites {padding: 0px 40px 0 0px;}
.membres {padding: 0px 40px 0 0px;}

/* barre de cookie */
div#cookie-notice, #cookie-notice a.button {font-family: "myriadPro";}

/*****Forms*****/
ol.forms { list-style: none; margin: 0; width: 100%; }
ol.forms li {
clear: both;
float: left;
position: relative;
width: 100%;
}
ol.forms label {
cursor: pointer;

}
ol.forms label.comments{
display:inline;

}
ol.forms input, ol.forms textarea {
border: 1px solid #7E8AA2;
border-radius: 3px;
font: inherit;
-moz-border-radius: 3px;
padding: 2px;
-webkit-border-radius: 3px;
width: 40%;
}
/* Cases à cocher */
/* Aspect général de la coche */  
ol.forms input.checkbox[type="checkbox"]:not(:checked) + label:after,  
ol.forms input.checkbox[type="checkbox"]:checked + label:after {  
  content: '✔';  
  position: absolute;  
  top: 0; left: 4px;  
  font-size: 14px;  
  color: #09ad7e;  
  transition: all .2s; /* on prévoit une animation */  
}  
/* Aspect si "pas cochée" */  
ol.forms input.checkbox[type="checkbox"]:not(:checked) + label:after {  
  opacity: 0; /* coche invisible */  
  transform: scale(0); /* mise à l'échelle à 0 */  
}  
/* Aspect si "cochée" */  
ol.forms input.checkbox[type="checkbox"]:checked + label:after {  
  opacity: 1; /* coche opaque */  
  transform: scale(1); /* mise à l'échelle 1:1 */  
}  
ol.forms input.checkbox{
width: 0px;

}
ol.forms label.checkbox {
margin-top: 0px;
width: 200px;
}
ol.forms input.btn {
position: relative;
/* width:20%; */
margin:0;
font-family:"MyriadPro";
width : 87px;
cursor: pointer;
background: #D3031B;
border: 0;
color: white;
padding: 4px 22px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;

}
ol.forms textarea {  height: 40%; width: 40% !important; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error {
display: block;
position: absolute;
right: 0;
top: 0;
width: 100px;
}

ol.forms li.buttons button {
background: #ff9800;
border: none;
color:#838383;
cursor: pointer;
font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif;
overflow: hidden;
padding: 6px 3px 3px 3px;
text-transform: uppercase;
width: auto;
}
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; width: 460px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }


span.error {
font-family: "MyriadPro";
color: #ED1C24;
}
/* champs "ville" et code postal sur la même ligne !Suppression du padding par défaut*/
.col-xs-6.city {
  margin-right: -220px;
    padding-left: 0;
    width: 68%;
  
}
.col-xs-6.zip{
  width:30%;
  
}
/* checkbox */
input[type=checkbox].css-checkbox {
              position:absolute; z-index:-1000; 
            }

            input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
              padding-left:19px;
              height:14px; 
              display:inline-block;
              line-height:14px;
              background-repeat:no-repeat;
              background-position: 0 0;
              font-size:14px;
              vertical-align:middle;
              cursor:pointer;

            }

            input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
              background-position: 0 -14px;
            }
            label.css-label {
        background-image:url(../../../checkboxes/u/csscheckbox_7b03bebb2025a517bc0a34e86592d029.png);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }



/* elements specifique global
-----------------------------------------------*/
.ligne-bouton {
    min-height: 70px;
    clear: both;
    display: block;
}
      
span.asterix {
font-family: "MyriadPro";
color: #ED1C24;
}
.readMore {
    cursor: pointer;
}
.readMore span {
    /*background: url(images/picto-plus.png) no-repeat top center;*/
    height: 15px;
    width: 15px;
    display: inline-block;
    margin: 0 0 -3px 3px;
}
.readMore.blanc {
    color: #fff;
}
.readMore.blanc span {
    background: url(images/picto-plus-b.png) no-repeat top center;
}
.readMore.ribbon {
    background: #d67c33;
    padding: 2px 11px;
    position: relative;
}
.readMore.ribbon:after {
    content: '';
    border-top: solid 10px #A20013;
    border-right: solid 27px transparent;
    position: absolute;
    bottom: -10px;
    right: 0;
}

.btn {
    color: #fff;
   background: #d67c33;
   font-family: "MyriadPro", arial, sans-serif;
   font-size: 24px;
   padding: 0px 0;
   display: block;
   max-width: 100%;
   text-align: center;
   border-radius: 0;
   margin: 20px auto;
   transition: all 0.3s ease;
}
.btn:hover {
    background: #000;
    color: #fff;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
background: #d67c33;
border: 0;
color: #fff;
padding: 4px 22px;
font-family: "MyriadPro";
}

button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
background: #000;
}

.line {
    width: 100%;
    height: 1px;
    border-top: 1px solid #fff;
    margin: 15px 0;
}
.txtrouge {color: #d67c33;}
.txtvert {color: #246F0F;}
b {}
.imgLeft { float: left; margin: 5px 30px 10px 0; max-width:20%;}
.imgRight { float: right ; margin: 5px 0px 10px 30px;}
.imgFullsize { margin: 20px 0; }
.imgFullsize img { width: 100%; height: auto; }
.imgCenter { text-align: center;}
.pictoFleche { background: url(images/picto-arrow-small.svg) no-repeat 0px 3px; padding: 0 0 0 30px; background-size: 14px; display: block;}
.pictoMail { background: url(images/picto-mail.svg) no-repeat 0px 0px; padding: 0 0 0 30px;}
.separator-small-gris { width: 25%; margin: 20px auto; border-top: 1px solid #ccc;}
.separator-gris { width: 100%; margin: 20px auto; border-top: 1px solid #ccc; clear:both;}
.separator-rouge {width: 100%; margin: 20px auto; height: 22px; background: url(images/separator-rouge.svg) no-repeat top center; clear:both;}
.separator-noir {width: 100%; margin: 20px auto; height: 22px; background: url(images/separator-noir.svg) no-repeat top center; clear:both; }

span.fr,
span.all,
span.cn,
span.es,
span.it,
span.uk,
span.jp {
display: inline-block;
width: 21px;
position: relative;
margin: 0 5px;
top: 3px;
}

span.fr { background: url(images/flag-FR.svg) no-repeat; }
span.all{ background: url(images/flag-ALL.svg) no-repeat;}
span.cn { background: url(images/flag-CN.svg) no-repeat;}
span.es { background: url(images/flag-ES.svg) no-repeat;}
span.it { background: url(images/flag-IT.svg) no-repeat;}
span.uk { background: url(images/flag-UK.svg) no-repeat;}
span.jp { background: url(images/flag-JP.svg) no-repeat;} 

.articles-annexe {
    width: 45%;
    float: left;
    margin-right: 37px;
    margin-top: 24px;
    margin-bottom: 10px;
}

.post-content .articles-annexe li:first-child { 
    background-color:#838383;
    background-image: none;
    color: #fff;
    padding: 6px 30px;
    border-bottom: 0;
    text-transform: uppercase;
}

.post-content .articles-annexe li { 
    list-style: circle; 
    background: url(images/picto-arrow-small.png) no-repeat 2px 10px;
    background-size: 14px;
    padding: 4px 30px;
    margin-left: 0;
    border-bottom: 1px dotted #ccc;
}
.post-content .articles-annexe li a { color:#838383; }
.post-content .articles-annexe li:last-child { border-bottom: 0; }

.ancre-liens {
    width: 85%;
    float: left;
    margin:0 auto;
}

.post-content .ancre-liens li:first-child { 
    background-color: #d67c33;
    background-image: none;
    color: #fff;
    padding: 6px 30px;
    border-bottom: 0;
    text-transform: uppercase;
}

.post-content .ancre-liens li { 
    list-style: circle; 
    background: url(images/picto-arrow-small.png) no-repeat 2px 10px;
    background-size: 14px;
    padding: 4px 30px;
    margin-left: 0;
    border-bottom: 1px dotted #ccc;
}
.post-content .ancre-liens li a { color:#838383; }
.post-content .ancre-liens li:last-child { border-bottom: 0; }

#wp-socials {
    clear: both;
}

.gap {width: 100%; padding: 20px 0;}

.fullwidth {width: 100%; clear:both; display:block; }

.post-info {font-family: "MyriadPro"; color: #d67c33; }

.aiwidgetscss h3.widget-title, .aiwidgetscss div.aiwidget-title, .aiwidgetscss div.imgdisplay img.imgalign, .aiwidgetscss p.thinkTwitFollow {
  display: none;
}

.bloc .wrappDesc p {
  text-align: justify;
}

.imgCenter img {
    margin: 0 auto;
    display: block;
}

.alignleft {
    float: left;
    display: block;
}

.alignright {
    float: right;
    display: block;
}

.aligncenter {
    float: initial;
    display: block;
    margin: 0 auto;
}

.membres .fullDesc .wp-caption.alignleft, .membres .fullDesc .wp-caption.alignright {
    max-width: 33%;
    padding: 1%;
}

.membres .imgLeft {
    float: left;
    margin: 1% 1% 1% 0;
  width:30%;
}
.membres .imgRight {
    float: right;
    margin: 1% 1% 1% 0;
  width:30%;
}

/* header
-----------------------------------------------*/

.header .header-col1{
    width:34%; box-sizing: border-box; float: left;
}
.header .header-col2{
    width:33%; box-sizing: border-box; float: left;
}
.header .header-col3{
    width:32%; box-sizing: border-box; float: left;
}
.header .topBar{
    color:#838383;
    padding: 10px 0 15px;
}

.header .topBar img{
    
}

.header .logo h2{
    font-family: "MyriadPro", arial, sans-serif;
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
    float: left;
    margin: 0;
}
.header .logo .header-logo {
  font-family: "MyriadPro", arial, sans-serif;
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
    float: left;
    margin: -10px 0 0;
}

.header .logo span{
    padding-top: 14px;
    color: #fff;
    float: left;
    padding-left: 10px;
    line-height: 14px;
}

.social {
    text-align: center;
    margin-top: 9px;
}
.social ul { display: inline-block; margin-bottom: 0;}
.social li {
    float: left;
    list-style: circle;
    margin: 0 10px;
}

.social a { width: 26px;text-indent: 50px;height: 26px;display: block;overflow: hidden;}
.social a[title=youtube] { background: url(images/Social-youtube.svg) no-repeat; }
.social a[title=twitter] { background: url(images/Social-twitter.svg) no-repeat;}
.social a[title=facebook] { background: url(images/Social-facebook.svg) no-repeat;}
.social a[title=googleplus] { background: url(images/Social-googleplus.svg) no-repeat;}
.social a[title=linkedin] { background: url(images/Social-linkedin.svg) no-repeat;}
.social a[title=viadeo] { background: url(images/Social-viadeo.svg) no-repeat;}


.lang {
    width: 320px;
    margin-top: 9px;
}
.lang li {
    float: left;
    list-style: none;
    margin: 0 7px;
}

.mainHeader {
    background: #fff;
    padding-top: 34px;
    padding-bottom: 30px;
}
.logoMain {
    margin-left: 40px;
  margin-right:10px;
}
.search-bar {margin: 0; padding: 9px 0 0 18px; background-color: #267580;}
.search-bar .form-group {margin: 0;}
.search-bar input[type="submit"] {
    cursor: pointer;
background: url(images/picto-search.svg) no-repeat;
border: 0;
background-size: 24px;
color: transparent;
background-position: 50% 50%;
border-radius: 4px;
padding: 0px 0px;
font-family: "MyriadPro";
display: block;
padding-left: 32px;
width: 32px;
display: block;
text-indent: 10px;
margin: 0 0 0 -40px;
height: 32px;
overflow: hidden;
}
.search-bar input[type="search"] { padding-top: 0; padding-bottom: 0;}
.search-bar input {
    width: 220px;
    float: left;
  height:30px;
}
.search-bar a {
    margin-right: 40px;
    color:#838383;
}


.headerProject {margin-right: 25px;}
.headerProject a{
    background: #d67c33;
    font-family: "MyriadPro", arial, sans-serif;
    font-size: 15px;
    width: 150px;
    padding: 5px 0px;
    color: #fff;
    display: block;
    text-align: center;
    background: -moz-linear-gradient(top,  #d67c33 0%, #9c0315 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d67c33), color-stop(100%,#9c0315));
    background: -webkit-linear-gradient(top,  #d67c33 0%,#9c0315 100%);
    background: -o-linear-gradient(top,  #d67c33 0%,#9c0315 100%);
    background: -ms-linear-gradient(top,  #d67c33 0%,#9c0315 100%);
    background: linear-gradient(to bottom,  #d67c33 0%,#9c0315 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d67c33', endColorstr='#9c0315',GradientType=0 );
}
.contact {margin-right: 25px;text-align: center;}
.contact>a{
    color: #fff;
    background: #000;
    font-family: "MyriadPro", arial, sans-serif;
    font-size: 15px;
    padding: 5px 0px;
    width: 150px; 
    display: block;
    text-align: center;
}
.contact span a {
    color:#838383;
}
.navbar {
    background-color: #267580;
    margin-bottom: 0;
   color:#fff;
}

ul.navbar-nav li.menu-item { 
  padding : 10px 0; 
  height: 100%; 
  text-align: center; 
  text-transform: uppercase;}
ul.navbar-nav li.menu-item:hover { 
  background-color:#d67c33;}
ul.navbar-nav li.menu-item a,ul.navbar-nav li.menu-item a:hover, ul.navbar-nav li.menu-item a:visited, ul.navbar-nav li.menu-item.open a, ul.nav.navbar-nav li.active a, ul.nav.navbar-nav li.active a:hover,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color:#fff;}
ul.nav.navbar-nav li.active { 
  background-color: #d67c33; }
.navbar-nav > li > .dropdown-menu { 
  margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; background: #267580;}
.navbar-nav > li > a { 
  padding-top: 6px; padding-bottom: 6px; padding-left: 30px; padding-right: 30px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .selected_page > a,.navbar-default .navbar-nav > .selected_page > a:focus {
    background: none;
    color: #d67c33;
}
.navbar-nav > li:after {
content: '';
height: 32px;
/*border-right: 1px solid #fff;*/
position: absolute;
top: 50%;
right: 0;
margin: -16px 0 0 0;
}

.navbar-header {
  width:100%;
}

.menu-menu-principal {
    display: flex;
    -webkit-align-items: center;
  width:100%;
}

#menu-menu-principal-en-1{
  font-size:13px!important;
}
.dropdown-menu{
  display: none;
  opacity: 1;
  border: none;
  padding:0px;
  transition:display 2s;
}
#menu-menu-principal-en-1 li.menu-item:hover > ul.dropdown-menu, #menu-menu-principal-en-1 li.menu-item:focus > ul.dropdown-menu {
  display: block;
}
.dropdown-menu li{
  line-height: 35px;
}
.dropdown-menu a{
  text-transform: none;
  padding: 0 10px 0 10px!important;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu .active > a:focus{
    background: #D67C33!important;
    color:#fff!important;
}

#mega-menu-wrap-primary, #menu-wrap {width:78%;float:left;}

.menu-menu-principal-container ul li {
    width: 15%;
    position: relative;
    float: left;
    list-style: none;
    text-align:center;
    margin: 0px;
    padding: 12px;
    background-color: #267580;
}

button.goToBox {
  width: 380px;
  height: 30px;
  padding: 0% 1.2%;
  font-family:"MyriadPro",Arial,sans serif;
  font-size:11px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(-90deg);
}

button.goToBox.bp1 {
  position: absolute;
  margin: 175px -14.3%;
}

button.goToBox.bp2 {
  position: absolute;
  margin: 175px -12.3%;
}

button.goToBox.bm1 {
  position: absolute;
  margin: 175px -8.5%;
}

button.goToBox.bm2 {
  position: absolute;
  margin: 175px -10.5%;
}

.connexion span.label,span.spacer{width:120px;float:left;}
.connexion span.button {padding-left:120px;}
.connexion .notice a {color:#d67c33;}
.connexion p.notice {color:#d67c33; clear:right;}
.connexion div.clear {clear:both;padding-top:5px;}
.password input[type="submit"] {width: 5%; float: left; padding:4px 15px; background:url(images/picto-fleche.png) no-repeat center center #d67c33; border-right: 1px solid #d67c33;}
.password input[type="password"] {width: 75%; float: left;}

.menu-menu-principal-container ul.sub-menu {max-height:none; position: relative; z-index: 50; overflow: visible; margin-top: 14px;display:none;width:100%;}
.menu-menu-principal-container li.menu-item-has-children:hover ul.sub-menu {display:block;}
ul.sub-menu li {width:100%;}

@media (min-width: 768px) { 
.navbar {
    border-radius: 0px;
}
}
/* 1ere partie home
-----------------------------------------------*/
.section1 {
    padding: 45px 60px;
    background-color:#fff;
}
.section1 h1{
    font-family: "MyriadPro", arial, sans-serif;
    font-size: 24px;
    color:#838383;
}
.section1 h2{
    font-family: "MyriadPro", arial, sans-serif;
    font-size: 30px;
    color:#838383;
}
.section1 h2 a{
    color:#838383;
}
.Actu-home ul {
    margin: 0;
    padding: 0;
}
.Actu-home li {
    list-style: circle;
}
.post-news-home {
    margin-bottom: 25px;
}
.post-news-home h3 {
    margin: 0 20px 5px 0;
    width:320px;
}
.page-template-default .post-news-home h3 {
    width:auto;
}
.post-news-home h3 a{
    font-family: "MyriadPro", arial, sans-serif;
    font-size: 18px;
    color:#838383;
}
.post-news-home .thumbActu {
    float: left;
    margin: 0 20px 0 0;
}
.post-news-home .post-categories {
    display: inline-block;
}
.post-news-home p {
    margin: 0;
  display: block;
  text-align:left;
  width:340px;
  padding-left:0px;
}
.wrapp-sidebar .post-news-home p {
    margin: 0;
  display: block;
  text-align:left;
  width:200px;
  padding-left:0;
}

.agenda hr {border-top: 1px solid #86b371;}

.post-news-home .post-info {font-family: "MyriadPro"; color: #d67c33; }
.wrapp-sidebar .post-news-home .post-info  {font-family: "MyriadPro"; color: #d67c33; clear:left; }
/*.post-news-home p:after {
    content: ' ...';
}*/
/*.post-news-home p:last-child {
    display: none;
}*/

.Actu-home .post-news-home .thumbActu img.wp-post-image {
    max-width: 70%;
  display:none;
}

/* Footer
-----------------------------------------------*/

.prefooter {
    background: #267580;
  color: #fff;
}
.prefooter a {
  background: #267580;
  color: #fff;
}
.prefooter .col6,.prefooter .col3 {
    margin-top: 8px;
}
.prefooter .col6.actualites {
    margin-top: 0px;
}
.footer {
  padding-top:10px;
    background: #67aab3;
    color: #fff;
}
.footer .col5,.footer .col4{padding:0 40px; }
.footer a { color: #fff; font-size: 12px; }
.footer h3 { color: #fff; font-size: 16px; font-family: "MyriadPro"; }
.footer h4 { font-family: "MyriadPro"; font-size: 16px; }
.footer ul {}
.footer li { list-style: none;}

.footer .menu-menu-sections-utiles-footer-container a { padding: 0 0 0 36px;}
.footer a[title=newsletter] { background: url(images/file.svg) no-repeat; padding: 0 32px; }
.footer a[title=phototheque] { background: url(images/images.svg) no-repeat; padding: 0 32px;}
.footer a[title=carto] { background: url(images/map.svg) no-repeat; padding: 0 32px; }
.footer a[title=faq] { background: url(images/faq.png) no-repeat; padding: 0 32px; margin-left: 0px; }
.footer a[title=lyonTV] { background: url(images/youtube.svg) no-repeat; padding: 0 32px; }
.footer a[title=doc] { background: url(images/books.svg) no-repeat; padding: 0 32px; }
.footer a[title=rss] { background: url(images/connection.svg) no-repeat; padding: 0 32px; }
.footer #menu-premier-niveau li,.footer #menu-premier-niveau-en li{display:inline-block;padding:10px;}
.footer #menu-premier-niveau li a,.footer #menu-premier-niveau-en li a{padding:0px 20px;font-size:13px;text-transform:uppercase;}
.footer .utiles li { 
    float: left;
    width: 50%;
}
.footer .footerContact {
    margin-bottom: 20px;
}
.footer .footerContact a {
    background: #d67c33;
    padding: 10px 15px;
}
.footer .logoFooter { text-align: center;}

/* SideBar
-----------------------------------------------*/

.wrapp-widget {
    margin-bottom: 40px;
}

.sidebar { 
    background: #fff;
    padding: 20px;
}
.sidebar h3 {
    font-family: "MyriadPro"; font-size: 25px; color:#267580;text-transform:ucase;
}
.sidebar h3:first-letter {
    /*color: #d67c33;*/
}

.wrapp-sidebar .widget_nav_menu {}
.wrapp-sidebar .widget_nav_menu ul { padding: 0;}
.wrapp-sidebar .widget_nav_menu li { list-style: none; border-bottom: 1px dotted #ccc;}
.wrapp-sidebar .widget_nav_menu li:last-child { list-style: none; border-bottom: 0px dotted #ccc;}
.wrapp-sidebar .widget_nav_menu a {
    padding: 12px 0;
    display: block;
    /*background-image: url(images/picto-arrow.svg);
    background-repeat: no-repeat;
    background-position: -50px -37px;
    background-size: 25px;*/

}
.wrapp-sidebar .widget_nav_menu a:hover {
    color: #d67c33;
    padding: 12px 0 12px 55px;
    /*background-color: #d67c33;*/
    /*background-image: url(images/picto-arrow.svg);
    background-repeat: no-repeat;
    background-position: 15px -37px;
    background-size: 25px;*/
}

.wrapp-sidebar .widget_nav_menu .current_page_item > a {
  color: #d67c33;
    padding: 12px 0 12px 55px;
    /*background-color: #d67c33;*/
    /*background-image: url(images/picto-arrow.svg);
    background-repeat: no-repeat;
    background-position: 15px -37px;
    background-size: 25px;*/
}
.sidebar li.current-menu-parent > a {
  color: #d67c33;
  padding: 12px 0 12px 10px;
    /*background-color: #d67c33;*/

}
.wrapp-sidebar .widget_nav_menu ul.sub-menu {
  padding: 0 0px 0 25px;
}
.sidebar li.current-menu-item > a:hover {    text-decoration: none;}
.sidebar li.current-menu-item > a {
  color: #d67c33;
  padding: 12px 0 12px 55px !important;
    /*background-color: #d67c33;*/
    /*background-image: url(images/picto-arrow.svg);
    background-repeat: no-repeat;
    background-position: 15px -37px !important;
    background-size: 25px;*/

}
.sidebar li.current-menu-item > a:before {
  content:"\f0da";
  font-family: FontAwesome;
  padding-right: 5px;

}

.wrapp-contact { 
    margin-bottom: 25px;
}
.wrapp-contact .contactWrapp {}
.wrapp-contact .wrapp-img { 
    float: left;
    margin: 0 10px 0 0;
}
.wrapp-contact p { 
    line-height: 16px; 
    margin: 0;
}
.wrapp-contact .wrappDesc {}
.wrapp-contact .mail {
    background: url(images/picto-mail.svg) no-repeat 0px 1px;
    padding: 0 0 0 27px;
    background-size: 18px;
}
.wrapp-contact h3 {}
.wrapp-contact h4 { 
    font-size: 14px;
    font-family: "MyriadPro";
    color: #d67c33;
    margin: 0;
    line-height: 16px; 
}


.wrapp-actu .thumbActu { width: 50px; height: auto;}
.wrapp-actu li { list-style: none;}
.wrapp-actu .thumbActu .post-info { font-size: 12px;}
.wrapp-actu h3 a {font-size: 18px; color:#838383;}
.wrapp-actu .post-news-home h3:first-letter { color:#838383;}
.wrapp-actu .post-news-home h3 {width:215px;clear:both;}
.wrapp-bu .thumbBU { width: 50px; height: auto;}
.wrapp-bu li { list-style: none;}
.wrapp-bu .thumbActu .post-info { font-size: 12px;}
.wrapp-bu h3 a {font-size: 18px; color:#838383;}

.wrapp-bu .post-bu-home h3:first-letter { color:#838383; text-transform:uppercase;}
.wrapp-actu h3 a:first-letter {/*color:#d67c33*/}
.wrapp-bu h3 a:first-letter {/*color:#d67c33*/}

/* file d'ariane'
-----------------------------------------------*/

#crumbs { margin: 0 0 20px 0;}
#crumbs ul {}
#crumbs li { float: left; list-style: none;}
#crumbs a {}
#crumbs li:after { content: '>'; display: inline-block;  padding: 0 6px;}
#crumbs li:last-child:after { content: ''; display: none;}


/* Article -single
--------------------------------------------------------------------------------------*/

.col2 a.bouton {
    padding: 10px 5px !important;
    margin: 0;
    min-width: 70px !important;
    display: table-cell;
	cursor:text;text-decoration:none;
}

.col2 .imgLeft a.bouton {
    min-width: 10px!important;
    padding: 5px !important;
    margin: 0;
    line-height: 9px;
cursor:text;text-decoration:none;
}

.col2 .ligne-bouton .imgLeft {
    margin: 0 15px 0 0;

}

.tri { font-size:17px; }

.col2 .ligne-bouton h3 {
    float: left;
    display: block;
    width: 90%;
    margin-bottom: 10px;
}

#single.wrapp-content {
    background: #fff;
    padding: 20px 0 20px 20px;
    margin-bottom: 30px;
}
#single.wrapp-content h1 {
    font-family: "MyriadPro";
    font-size: 36px;
    padding: 0 0 0 50px;
    background: url(images/picto-membres-plein.jpg) no-repeat 0px 3px;
    text-transform: uppercase;
    color: #d67c33;
}
#single.wrapp-content h1:after, #single.wrapp-content h1::after {
    border-top: 2px solid #d67c33;
    content: " ";
    height: 13px;
    display: block;
    margin: 3px 0px 0 -20px;
}
.post-content p {
    margin: 0 10px 20px 0;
}
.post-content .wrapp-img {
    float: left; 
    border-bottom: 5px solid #d67c33; 
    margin: 5px 20px 20px 0px;
}

.post .post-info { padding: 0 50px;}
.wrapp-desc .post-info { padding: 0 0px;}
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    padding: 0 0px;
}

.post-content {
    padding: 0px;
}

.post-content blockquote {
    border-left: 3px solid #d67c33;
    margin: 0 0 20px 0;
    padding: 0 0 0 30px;
    font-size: 12px;
    font-style: italic;
}
.post-content ul { 
    margin: 0 0 20px 0;
    padding: 0;
}
.post-content ul ul { 
    margin: 5px 0;
}
.post-content ol li{
    list-style: upper-roman;
}
.post-content li { 
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
    list-style: circle;
    /*background: url(images/picto-point.svg) no-repeat;
    background-size: 5px;
    background-position: 0px 8px;*/
}
.post-content li li { 
    /*background: url(images/picto-cercle.svg) no-repeat;
    background-size: 7px;
    background-position: 0px 7px;*/
}
div.filterbar ul.hlist li + li:before {padding: 0 10px 0 1px !important;}
li.event {border-bottom: 2px solid #86b371; margin: 0;margin-bottom: 10px !important;}
.post-content table {
    width: 100%;
max-width: 100%;
margin-bottom: 20px;
border-spacing: 0;
border-collapse: collapse;
}
.post-content thead {}
.post-content tr {}
.post-content th {
    vertical-align: bottom;
border-bottom: 2px solid #d67c33;
padding: 8px;
line-height: 1.42857143;
text-align: left;
}
.post-content tbody {}
.post-content td {
    padding: 8px;
line-height: 1.42857143;
text-align: left;
}

#single .bouton {
  width:auto;
  padding:10px 30px;
  min-width:150px;
}
.page-id-1282 .col2{
    padding: 0px;
}
.page-id-1282 .w66{
    padding: 0px;
}
.page-id-1282 .ligne-bouton{
    min-height: auto;
}
.post-1282 #single .deuxlignes{
    padding: 19px 5px !important;
}
.page-id-1282 .post-content .text{
    float: left;
    margin: 0 0 5px 0;
    color: #267580;
    width: 81%;
    padding: 10px 5px;
    background-color: #eee;
}
.page-id-1282 .imgRight{
    float: right; 
    margin: 0px;
}
.page-id-1282 .imgRight .bouton{
    background-color: #d67c33;
    color: #fff;
}
.page-id-1282 .w33{
    padding: 0; 
}
.page-id-1282 .cotegauche{
    padding: 0 0 0 20px;
}
/* archive - actualité
-----------------------------------------------*/

.archive .wrapp-content {
    background: #fff;
    padding: 20px 50px;
    margin-bottom: 30px;
}
.archive .wrapp-content h1 {
    font-family: "MyriadPro";
    font-size: 36px;
    padding: 0 50px;
    background: url(images/picto-membres-plein.jpg) no-repeat 0px 3px;
  text-transform:uppercase;
  color:#d67c33;
}
.archive .wrapp-content h1:after,.archive .wrapp-content h1::after{
  border-top: 2px solid #d67c33;
    content: " ";
    height: 13px;
    display: block;
    margin: 3px -10px;
}
.archive .wrapp-content h2 {
    font-family: "MyriadPro"; font-size: 25px;
    margin-bottom: 14px;
}
.archive .wrapp-content h2 a{
    color:#838383;
}

.archive .wrapp-content .wrapp-img {
    float: left;
    margin: 0 20px 0 0;
  width: 120px;
}
.archive .wrapp-content .wrapp-desc {
    line-height: 19px;
}
.archive .wrapp-content .post-inner-content {
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}
.archive .wrapp-content .blog-item-wrap .post-info {
    margin: 0;
  padding-left:140px;
}
.blog-item-wrap .entry-content {
  margin: 0;
  display: block;
  text-align: left;
  width: auto;
}
article .blog-item-wrap:after,article .blog-item-wrap::after {
  border-top: 2px solid #d67c33;
    content: " ";
    height: 13px;
    display: block;
    margin: 3px -10px;
}
.archive h2.entry-title a {
  text-transform:uppercase;
  color:#267580;
}
.archive .post-info {
  display:none;
}
.archive a.bouton {
  width:150px;
}

/* search
-----------------------------------------------*/

.searchPage .wrapp-content {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}
.searchPage .wrapp-content h1 {
    font-family: "MyriadPro"; font-size: 35px;
}
.searchPage .wrapp-content h2 {
    font-family: "MyriadPro"; font-size: 25px;
    margin-bottom: 14px;
}
.searchPage .wrapp-content h2 a{
    color:#838383;
}
.searchPage .wrapp-content .wrapp-img {
    float: left;
    margin: 0 20px 0 0;
}
.searchPage .wrapp-content .wrapp-desc {

}
.searchPage .wrapp-content .post-inner-content {
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}

/* page Experts
-----------------------------------------------*/

.pageExperts {}
.pageExperts h2 { 
    padding: 7px 0 3px 0;
    font-size: 18px;
  font-family:"MyriadPro";
}
.pageExperts .name { 
    display: block;
    width: 100%;
    text-align: center;
    line-height: 18px;
}
.pageExperts .titre { 
  display: block;
  width: 80%;
  clear: both;
  color:#838383;
  line-height: 18px;
  margin: 9px auto 0 auto;
}
.pageExperts .spec {
    background: #E4E4E4;
  padding: 10px 10px;
  border-top: 1px solid #ccc;
  min-height: 90px;
}
.pageExperts .bloc { width: 25%; height:250px; box-shadow: 0px 0px 0px rgba(0,0,0,0); float: left; margin: 0; overflow: hidden; }
.pageExperts .bloc > a {display: block;}

.pageExperts .bloc .linktopage {
    padding: 10px;
height: 141px;
}
.pageExperts .spec a {
    display: block;
}

.pageExperts .spec .mail {
  background: url(images/picto-mail.svg) no-repeat 0% 43%;
  padding: 0 0 0 25px;
  color:#838383;
  background-size: 19px;
  display: block;
}

.pageExperts .wrapp-img-exp {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    text-align: center;
    float: left;
}
.pageExperts .wrapp-img-exp img {
height: auto;
max-width: 100%;
}
.pageExperts .linktopage:hover {
 text-decoration: none;
}
.pageExperts .bloc:hover {    
    box-shadow: 0px 7px 15px rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
.pageExperts .blocpashover:hover { 
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
.pageExperts .bloc:hover .spec {
    border-top: 1px solid #d67c33;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}

.pageExperts div.img {
    clear: both;
    position: relative;
    margin: 15px auto 30px;
    display: block;
    width: 30%;
}

.pageExperts .post-content {
  padding:0;
}

.pageExperts h3.titre-membre {
    margin-bottom: 0;
}

.pageExperts .wrappDesc {
  color : #267580;
}

.pageExperts .logo {
  width:20%;
  display:block;
  float:left;
}

.pageExperts .membres {
  width:80%;
  display:block;
  float:left;
  padding-left: 1%;
}

.pageExperts .video {
  width:70%;
  display:block;
  float:left;
}

.pageExperts .lien {
  width:30%;
  display:block;
  float:left;
  font-size:11px;
}

.fullDesc {
  margin: 15px 0;
  text-align:justify;
  list-style-position: outside;
}

.fullDesc li {
    margin: 0 15px;
}

/* page carrousel
-----------------------------------------------*/
.banniere .slick-slide {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

.slick-slider {
    margin-bottom:0px;
    position: initial;
}
.slick-prev {
    left: 0;
    width: 60px;
height: 300px;
margin-top: -150px;
}
.slick-prev:hover { background: rgba(250,250,250,0.5);}
.slick-next {
    right: 0;
width: 60px;
height: 300px;
margin-top: -150px;
}
.slick-next:hover {background: rgba(250,250,250,0.5);}
.carrousel { position: relative; height:380px; overflow:hidden;}
.carrousel .box { 
    width: 50%; 
    margin: 100px 25% 100px;
    height: 180px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    position: relative;
    padding:20px;
    float: left;
}
.banniere .readMore.ribbon {
    position: absolute;
    bottom: 22px;
    right: 22px;
}
.carrousel .box p {
line-height: 1.3em;
}

/* page Newsletter
-----------------------------------------------*/

.event-title h3 a{
    font-size: 17px;
    line-height: 17px;
}
.home .fondVert h2{
    margin-bottom:10px;
}
.home .fondVert ul.single-list-view{
    margin:1em 0 2em 0!important;
}
.home .event-info{
  float: right;
  width: 193px;
  margin-left: 0px;

}
.home .agenda .event{
  clear: both;
}
.home .agenda .event-date{
  float: left;
  width: 45px;
  margin:0 5px 0px 0px;
}
.home .agenda .event-time,.home .agenda .event-location{
  display: none;
}
.home .agenda .event-details .annonce {
  text-align: justify; 
  font-size:13px !important;
  line-height: 14px!important;
}
.event-year, .event-weekday {display:none;}
/*.event-list .multi-date .end-date {margin:80px 0px 0px 0px !important;}*/
.event-list .end-date {margin-left: 0px !important;}
/*.multi-day {margin:0px !important;}*/
.multi-day{margin: 0 0 0 5.5em;}
.event-details {
  text-align: justify; 
  font-size:13px !important;
  line-height: 19px!important;
}
.start-date, .end-date {background-color:#fff !important; color:#86b371; margin-right:5px;float:none!important;}

/* Clearing floats */
.event-info:after {clear: both;}
.event-info:before,
.event-info:after {display: table; content: "";}

.pageNewsletter {}
.pageNewsletter input {}
.pageNewsletter .show-newsletter {
    background: #ccc;
    height: 300px;
    width: 89%;
    display: block;
    overflow:hidden;
}
.pageNewsletter .label {
    background: #d67c33;
    display: block;
    width: 89%;
    margin: 15px 0 0 0;
    height: 50px;
    position: relative;
}
.pageNewsletter .label span:first-child {
    display: block;
    text-align: left;
    padding: 4px 0 0 4px;
    font-size: 15px;
    font-weight: normal;
}

.pageNewsletter .label span:last-child {
    display: block;
    text-align: right;
    font-size: 22px;
    line-height: 0.7em;
    position: absolute;
    bottom: -1px;
    right: 0;
    font-weight: bold;
}
.pageNewsletter .box:first-child .label span:last-child {
    font-size: 30px;
}
.pageNewsletter .wrapp .box {
    float: left;
    width: 25%;
}
.pageNewsletter .form-group { margin: 0 0 10px 0;}
.pageNewsletter .form-group.row label{ float: left; width: 100px;}
.pageNewsletter .form-group.row input{}

.pageNewsletter .form-group.rowCheck input { float: left; margin-right: 15px;}
.pageNewsletter .form-group.rowRadio input { float: left; margin-right: 5px;}
.pageNewsletter .form-group.rowRadio label { float: left; margin-right: 15px;}
.pageNewsletter .form-group textarea { width: 400px;}
.pageNewsletter .form-group.rowShare input {margin: 0 5px 5px 0;} 

/* page search advence
-----------------------------------------------*/
.searchandfilter li {
list-style: none;
display: inline-block;
margin: 0px;
background: 0;
}

/* page agenda
-----------------------------------------------*/

.page-template-page-templatesarchive-agenda-php .wrapp-content h2 a {
    color: #d67c33;
}

/* page Documentation
-----------------------------------------------*/

.pageDocumentation {} 
.pageDocumentation .bloc {
    width: 36%;
  float: left;
  margin: 2%;
}
.pageDocumentation h2 {clear: both;}
.pageDocumentation h3 a { color: #d67c33;}
.pageDocumentation a { color:#838383;}

.pageDocumentation img.publication {
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    width: 75px;
  display:block;
}

a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-grey-white {
  display: none;
}

/* page FAQ
-----------------------------------------------*/
.page-id-103 {
    
}
.page-id-103 .post-content { padding: 0;}
.page-id-103 .post-content h2 { background: #d67c33; color:#fff; font-size: 20px; padding: 5px 15px; margin-bottom: 0; margin-top: 10px;}
.page-id-103 .post-content ul { margin: 0 0 15px 0;}
.page-id-103 .post-content li { list-style: none; margin: 0; border-bottom: 1px dotted #ccc; background: none; padding: 12px 0 12px 15px;; }
.page-id-103 .post-content a { color:#838383;}

/* Custome
-----------------------------------------------*/
.imageHome{
    width: 23%;
    margin-right: 2%;
    float: left;
}
.extraithome{
    width: 75%;
    float: right;

}
body.home .ecosysteme .extraithome,
body.home .actualites .extraithome{
    width: 100%;
    float: left;
    font-size: 16px!important;
}
body.home .ecosysteme h3,
body.home .actualites h3{
    font-size: 17px!important;
}

.home .zoom .extraithome{
    margin-bottom: 30px;
}
.extraithome{
  line-height: 19px!important;
}
.extraithome p{
  line-height: 20px!important;
}
.blocResponsive{
    float: left;
    width: 48%;
}
.blocResponsiveImg{
    margin-right: 4%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wrapp-contact .mail {
      padding: 0 0 0 18px;
      background-size: 60px;
      -ms-background-position-y: 3px;
      -ms-background-position-x: -22px;
  }
  .pageExperts .spec .mail {
      background: url(images/picto-mail.svg) no-repeat -20% 25%;
      padding: 0 0 0 25px;
      color:#838383;
      background-size: 60px;
      display: block;
  }
  .footer a[title=newsletter] { background-position-x:-67px;}
  .footer a[title=phototheque] { background-position-x:-69px;}
  .footer a[title=carto] { background-position-x:-67px;}
  .footer a[title=faq] { background-position-x:0px;}
  .footer a[title=lyonTV] { background-position-x:-51px;}
  .footer a[title=doc] { background-position-x:-67px;}
  .footer a[title=rss] { background-position-x:-51px;}
}

/* Calendrier
---------------------------------------*/
.evenements ul.event-list-view li, ul.single-event-view li {
    list-style: none !important;
}
.evenements ul.event-list-view li, ul.single-event-view li .single-day{
    padding-left: 15px!important;
}
.evenements ul li strong {
    color:#267580;
}

.evenements .event-date {
    font-size: 26px;
}

.evenements .event-time, .evenements .event-location {
    display:none;
}

/* Page devenir membre
---------------------------------------*/
table#devenirMembre{
  float: left;
  width: 60%;
  font-size: 16px;
}
#devenirMembre tr{
  width: 100%;
}
#devenirMembre td{
  line-height: 16px!important;
}
#devenirMembre td.text{
  width: 80%!important;
  background-color: #f6f6f6;
  border: 5px solid #fff;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0px!important;
  float: none!important;
}
#devenirMembre td.montant{
  width: 20%!important;
  background-color: #D67C33;
  border: 5px solid #fff;
  color: #fff;
  font-weight: 300;
  text-align: center;
}
.consigne{
  width:40%!important;
  margin-top: 5px;
  line-height: 16px!important;
}
.consigne p{
  margin-top: -5px!important;
  margin-bottom: 10px;
}
.consigne .ligne-bouton{
  position: relative;
}
.consigne span.bouton{
  position:absolute;
  display: block!important;
  min-width: 17px!important;
  width: 17px!important;
  height:17px!important;
  padding: 1px 0px 0px 4px!important;
  font-size: 18px!important;
  background-color: #D67C33!important;
  line-height: 18px!important;
  color:#fff;
}
.consigne h3 {
  color:#67aab3;
  width: 99%!important;
  text-indent: 25px;
  margin-bottom: 5px!important;
  float: none!important;
}
.post-1282 hr{
  border-top: 2px solid #D67C33!important;
}
.post-1282 form{
  font-size:16px!important;

}
.post-1282 form div.col2{
  margin-top:20px!important;
}
.post-1282 input[type="submit"]{
  float: right;
  margin-top: 20px;
  margin-bottom: 50px;
  background-image: url(images/I-care_fleche.png);
  background-repeat:  no-repeat;
  background-position: 100% 2px;
  text-align: 20px;
  padding-left: 10px!important;
  
}
.post-1282 input{
  border-radius: 0px!important;
}

/* Responsive smartphone
---------------------------------------*/
@media screen and (max-width: 740px) {
    
  .w33 {width:100%; box-sizing: border-box;}
  .w40 {width:100%; box-sizing: border-box;}
  .w66 {width:100%; box-sizing: border-box;}
  .w50 {width:100%; box-sizing: border-box;}
  .col5 {width:100%; box-sizing: border-box; padding: 0px 40px;}
  .col6 {width:100%; box-sizing: border-box; padding: 0px 40px;}
  .col4 {width:100%; box-sizing: border-box; padding: 20px 20px;}
  .col3 {width:100%; box-sizing: border-box; padding: 20px 20px;}
  .col2 {width:100%; box-sizing: border-box; padding: 20px 20px;}
  .right {float: none;}
  .left {float: none;}
  .topBar .left {float:left;}
  .topBar button:hover {background: #d67c33;}
  .topBar .navbar {background:#267580; color:#fff; margin:-11px 0 15px 0; padding:7px 0 0 0;}
  .topBar button, .topBar input[type="button"], .topBar button:hover, .topBar input[type="button"]:hover {background:transparent;}
  .topBar .navbar button {margin: -8px 0 0 0;}
  .topBar .navbar ul li {list-style:none;}
  .topBar .navbar a {color:#fff;}
  .topBar .navbar a:hover {color: #d67c33;}
  .mainHeader .navbar-default, .mainHeader .navbar-default .navbar-toggle:hover, .mainHeader .navbar-default .navbar-toggle:focus {background-color:transparent;}
  .mainHeader .navbar-collapse.dropdownmenu { max-height:none; position: relative; z-index: 50; overflow: visible; margin-top: 14px;}
  .mainHeader .dropdown-menu > .active > a, .mainHeader .dropdown-menu > .active > a:hover, .mainHeader .dropdown-menu > .active > a:focus {background:#000; color:#d67c33;}
  .mainHeader .navbar {background-image:none;}
  .mainHeader .navbar-nav > li:after {border:0;}
  .mainHeader .navbar-nav > li {width: 100%;background: #fff;}
  .mainHeader .navbar-nav > li a {color:#838383;}
  .mainHeader .dropdownmenu {margin:10px 0 0 0; text-align:right;}
  .header .logo.mobil h2 {margin:0 0 0 20px;}
  .header .logo span {margin:0 0 0 25px; width:60%;}
  .mainHeader .logoMain img {margin: 0 auto;display: block;}
  .mainHeader .contact.left {width:45%; float:none; left:0; bottom:0; top:15px;}
  .mainHeader .right.search-menu {margin:-38px 20px 0 0;}
  .mainHeader .search.right {}
  .mainHeader .menu.right .navbar {backbround:url(http://subtlepatterns.com/patterns/gray_jean.png) transparent; margin:-13px 0 0 5px;}
  .mainHeader .navbar-toggle {margin:8px 0 0 0; border:0;}
    .widthBox {width: 100%;}
    .mobiloff {display: none;}
    .mobilon {display: block;}
  .home .secteurs .wrappDesc {margin: 0px 0 0 30px;height: 81%; font-size:12px;}
  section.raison .wrapper.clearfix .bloc p {display:none;}
  .home.page-id-53 .raison .bloc a {display: block;height: 180px;}  
  .home.page-id-53 .raison h4 {font-size: 16px;}
  section.vousReherchez {display:none;}
  .home.page-id-53 .secteurs .bloc {width: 100%; background-size: 180% auto;}
  .home.page-id-53 .attachment-thumbs-small.wp-post-image {width:50%;height:50%;}
  .post-news-home h3 {margin: 0px;}
  .home.page-id-53 .post-news-home .thumbActu {float: left;/* margin: 0 -35px 0 0; */}
  .home.page-id-53 .post-news-home h3 a {font-size: 15px; display:block; width:80%;}
  .home.page-id-53 .post-news-home p {padding-left: 0px;text-align: left;width: 100%;}
  .right {float: right;}
  .home.page-id-53 .headerProject a { width: 80%;}
  .mainHeader .contact { bottom: 45px; height: 54%; position: relative; width: 50%;}
  .home.page-id-53 .search-bar input {display: none;}
  .home.page-id-53 .headerProject {padding-right: 100px;}
  .w30,.w70 {width:100%;}
  
    .header .header-col1 {
        width: 100%;
        padding: 20px;
    }
    .header .header-col2 {
        width: 100%;
    }
    .header .header-col3 {
        width: 100%;
    }
    .mainHeader {
        /* padding: 30px 20px; */
      background:none;
    }
    .logoMain {
        margin: -33px auto 0;
    width: 100%;
    background: #fff;
    padding: 25px 0;
    }
    .search-bar {
        padding: 10px 0;
    }
    .headerProject {
        margin-bottom: 10px;
    }
    .headerProject a {
        width: 100%;
    }
    .contact>a {
        width: 100%;
    }
    #menu-menu-principal {
        display: block;
    }
    .section1 {
        padding: 10px;
    }
    .raison .bloc {
        /*width: 47%;*/
      width:48%;
    }
    .raison .wrapper {
        margin: 0 auto;
        width: 90%;
    }
    .raison img {
  height: 100px;
  width: auto;
    }
    .colsidebar { width:100%;}
  .colcontent {width:100%;}
    .articles-annexe{width:100%;}
    .pageDocumentation .bloc {width:100%;}
    .pageExperts .bloc {width:100%;}
    .pageNewsletter .wrapp .box {width:50%; margin:15px 0;}
    .pageNewsletter .form-group textarea {width:100%;}
    .site-main .searchandfilter input[type="text"] {width:120%;clear:both;}
    .site-main .searchandfilter input[type="submit"] {margin: 0;}
    .wrapp-desc header {width: 100%;clear: both;}
    .archive .wrapp-content .blog-item-wrap .post-info, .blog-item-wrap .entry-content {padding-left:0;}
    #wgmpmap {display:none;}
    .footer hr {
  border: #eee solid 1px;
  width: 65%;
    }
    .footer .utiles li {
  width: 100%;
    }    
    .footer h4{
  padding:0 35px;
    }
    .footer .footerContact {
  width:159px;
    }
    .footer a[title=newsletter], .footer a[title=lyonTV], .footer a[title=doc], .footer a[title=carto], .footer a[title=rss], .footer a[title=phototheque] {
  background-position:0;
    margin-left:30px;
    }
  .footer a[title=faq] { background: url(images/faq.png) no-repeat; padding: 0 32px; margin-left: 30px; }
    .mainHeader .contact.tel>a {
    background-color:#d67c33;
    }
    .post-content {padding:0;}
    #single.wrapp-content h1 {padding:0;background:none;}
    .secteurs .bloc {height:455px;}
}

/* Responsive tablettes
---------------------------------------*/
@media (max-width: 1207px) {
    .page-id-1282 .post-content .text{
        width: 75%;
    }
}
@media (max-width: 1024px) {
    .topBar  .connexion{
        float: none;
        width: 80%;
        margin: 20px auto;
    }
    .connexion input[type="text"], .connexion input[type="password"]{
        width: 100%;
    }
    .connexion input[type="submit"]{
        margin: 10px;
    }
    .extraithome{
        width: 100%;
    }
    .widthBox #monMenu{
        width: 100%;
    }
    .navbar-nav .open .dropdown-menu{
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none; 
    }
    #newsletterCustom h2 span{
        top: 60px;
        left: 80px;
        text-align: inherit;
    }
    div.newsletter::before, div.newsletter:before{
        display: none;
    }
}
@media (min-width: 1024px) and (max-width: 1134px) { 
    .page .newsletter{
        float: none;
        margin: 0px;
        width: 209px;
    }
    .home .newsletter{
        float: right;
        width: 25%;
    }
}
@media (max-width: 1134px) { 
    .home div.tweeter{
        text-align: center;
    }
    #mega-menu-wrap-primary{
        width: 100%;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
        width: 240px;
    }
    .wrapp-sidebar .membres.fondOrange.fullwidth{
        margin: 0px;
        width: 250px;
    }
}
@media screen and (min-width: 740px) and (max-width: 1024px) {    
    .w33 {width:100%; box-sizing: border-box;}
  .w40 {width:100%; box-sizing: border-box;}
    .w66 {width:100%; box-sizing: border-box;}
    .w50 {width:100%; box-sizing: border-box;}
    .col6 {width:100%; box-sizing: border-box; padding: 0px 40px;}
    .col5 {width:100%; box-sizing: border-box; padding: 0px 40px;}
    .col4 {width:100%; box-sizing: border-box; padding: 20px 20px; }
    .col3 {width:100%; box-sizing: border-box; padding: 20px 20px; }
    .col2 {width:100%; box-sizing: border-box; padding: 20px 20px; }
    .right {float: none;}
    .left {float: none;}
  .topBar .left {float:left;}
  .topBar button:hover {background: #d67c33;}
  .topBar .navbar {background:#267580; color:#fff; margin:-11px 0 15px 0; padding:7px 0 0 0;}
  .topBar button, .topBar input[type="button"], .topBar button:hover, .topBar input[type="button"]:hover {background:transparent;}
  .topBar .navbar button {margin: -8px 0 0 0;}
  .topBar .navbar ul li {list-style:none;}
  .topBar .navbar a {color:#fff;}
  .topBar .navbar a:hover {color: #d67c33;}
  .mainHeader .navbar-default, .mainHeader .navbar-default .navbar-toggle:hover, .mainHeader .navbar-default .navbar-toggle:focus {background-color:transparent;}
  .mainHeader .navbar-collapse.dropdownmenu { max-height:none; position: relative; z-index: 50; overflow: visible; margin-top: 14px;}
  .mainHeader .dropdown-menu > .active > a, .mainHeader .dropdown-menu > .active > a:hover, .mainHeader .dropdown-menu > .active > a:focus {background:#000; color:#d67c33;}
  .mainHeader .navbar {background-image:none;}
  .mainHeader .navbar-nav > li:after {border:0;}
  .mainHeader .navbar-nav > li {width: 100%;background: #fff;}
  .mainHeader .navbar-nav > li a {color:#838383;}
  .mainHeader .dropdownmenu {margin:10px 0 0 0; text-align:right;}
  .header .logo.mobil h2 {margin:0 0 0 20px;}
  .header .logo span {margin:0 0 0 25px; width:60%;}
  .mainHeader .logoMain img {margin: 0 auto;display: block;}
  .mainHeader .contact.left {width:45%; float:none; left:0; bottom:0; top:15px;}
  .mainHeader .right.search-menu {margin:-38px 20px 0 0;}
  .mainHeader .search.right {}
  .mainHeader .menu.right .navbar {backbround:url(http://subtlepatterns.com/patterns/gray_jean.png) transparent; margin:-13px 0 0 5px;}
  .mainHeader .navbar-toggle {margin:8px 0 0 0; border:0;}
    .widthBox {width: 100%;}
    .mobiloff {display: none;}
    .mobilon {display: block;}
  .home .secteurs .wrappDesc {margin: 0px 0 0 30px;height: 81%; font-size:12px;}
  section.raison .wrapper.clearfix .bloc p {display:none;}
  .home.page-id-53 .raison .bloc a {display: block;height: 180px;}  
  .home.page-id-53 .raison h4 {font-size: 16px;}
  section.vousReherchez {display:none;}
  .home.page-id-53 .secteurs .bloc {width: 100%; background-size: 180% auto;}
  .home.page-id-53 .attachment-thumbs-small.wp-post-image {width:50%;height:50%;}
  .post-news-home h3 {margin: 0px;}
  .home.page-id-53 .post-news-home .thumbActu {float: left;/* margin: 0 -35px 0 0; */}
  .home.page-id-53 .post-news-home h3 a {font-size: 15px; display:block; width:80%;}
  .home.page-id-53 .post-news-home p {padding-left: 0px;text-align: left;width: 100%;}
  .right {float: right;}
  .home.page-id-53 .headerProject a { width: 80%;}
  .mainHeader .contact { bottom: 45px; height: 54%; position: relative; width: 50%;}
  .home.page-id-53 .search-bar input {display: none;}
  .home.page-id-53 .headerProject {padding-right: 100px;}
  .w30,.w70 {width:100%;}
  
    .header .header-col1 {
        width: 100%;
        padding: 20px;
    }
    .header .header-col2 {
        width: 100%;
    }
    .header .header-col3 {
        width: 100%;
    }
    .mainHeader {
        /* padding: 30px 20px; */
      background:none;
    }
    .logoMain {
        margin: -33px auto 0;
    width: 100%;
    background: #fff;
    padding: 25px 0;
    }
    .search-bar {
        padding: 10px 0;
    }
    .headerProject {
        margin-bottom: 10px;
    }
    .headerProject a {
        width: 100%;
    }
    .contact>a {
        width: 100%;
    }
    #menu-menu-principal {
        display: block;
    }
    .section1 {
        padding: 10px;
    }
    .raison .bloc {
        /*width: 47%;*/
      width:48%;
    }
    .raison .wrapper {
        margin: 0 auto;
        width: 90%;
    }
    .raison img {
  height: 100px;
  width: auto;
    }
    .colsidebar { width:100%;}
  .colcontent {width:100%;}
    .articles-annexe{width:100%;}
    .pageDocumentation .bloc {width:100%;}
    .pageExperts .bloc {width:100%;}
    .pageNewsletter .wrapp .box {width:50%; margin:15px 0;}
    .pageNewsletter .form-group textarea {width:100%;}
    .site-main .searchandfilter input[type="text"] {width:120%;clear:both;}
    .site-main .searchandfilter input[type="submit"] {margin: 0;}
    .wrapp-desc header {width: 100%;clear: both;}
    .archive .wrapp-content .blog-item-wrap .post-info, .blog-item-wrap .entry-content {padding-left:0;}
    #wgmpmap {display:none;}
    .footer hr {
  border: #eee solid 1px;
  width: 65%;
    }
    .footer .utiles li {
  width: 100%;
    }    
    .footer h4{
  padding:0 35px;
    }
    .footer .footerContact {
  width:159px;
    }
    .footer a[title=newsletter], .footer a[title=lyonTV], .footer a[title=doc], .footer a[title=carto], .footer a[title=rss], .footer a[title=phototheque] {
  background-position:0;
    margin-left:30px;
    }
  .footer a[title=faq] { background: url(images/faq.png) no-repeat; padding: 0 32px; margin-left: 30px; } 
    .mainHeader .contact.tel>a {
    background-color:#d67c33;
    }
    .post-content {padding:0;}
    #single.wrapp-content h1 {padding:0;background:none;}
    .secteurs .bloc {height:455px;}

}
@media(max-width: 600px){
    .blocResponsive{
        width: 100%;
    }
    .blocResponsiveImg{
        margin-right: 0;
        margin-bottom: 20px;
    }
          table#devenirMembre{
    float: none;
    width: 100%;
  }
  .consigne{
    width:100%!important;
    float: none;
  }

}
@media(max-width: 532px){
    #newsletterCustom h2 span{
        top: 30px;
        left: 90px;
        text-align: left;
    }
          table#devenirMembre{
    float: none;
    width: 100%;
  }
  .consigne{
    width:100%!important;
    float: none;
  }
}