@font-face {
  font-family: 'open sans';
  src: url('../fonts/open-sans/OpenSans-Regular.eot') format('embedded-opentype'), 
  		 url('../fonts/open-sans/OpenSans-Regular.woff') format('woff'), 
	     url('../fonts/open-sans/OpenSans-Regular.ttf')  format('truetype'), 
	     url('../fonts/open-sans/OpenSans-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaLTStd-UltraComp';
  src: url('../fonts/helveticaltstd-ultracomp/HelveticaLTStd-UltraComp.eot') format('embedded-opentype'), 
  		 url('../fonts/helveticaltstd-ultracomp/HelveticaLTStd-UltraComp.otf')  format('opentype'),
	     url('../fonts/helveticaltstd-ultracomp/HelveticaLTStd-UltraComp.woff') format('woff'), 
	     url('../fonts/helveticaltstd-ultracomp/HelveticaLTStd-UltraComp.ttf')  format('truetype'), 
	     url('../fonts/helveticaltstd-ultracomp/HelveticaLTStd-UltraComp.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaLTStd-BoldCond';
  src: url('../fonts/helveticaltstd-boldcond/HelveticaLTStd-BoldCond.eot') format('embedded-opentype'),
  	  url('../fonts/helveticaltstd-boldcond/HelveticaLTStd-BoldCond.otf')  format('opentype'),
	    url('../fonts/helveticaltstd-boldcond/HelveticaLTStd-BoldCond.woff') format('woff'),
	    url('../fonts/helveticaltstd-boldcond/HelveticaLTStd-BoldCond.ttf')  format('truetype'),
	    url('../fonts/helveticaltstd-boldcond/HelveticaLTStd-BoldCond.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaLTStd-LightCond';
  src: url('../fonts/helveticaltstd-lightcond/HelveticaLTStd-LightCond.eot') format('embedded-opentype'),  
 	url('../fonts/helveticaltstd-lightcond/HelveticaLTStd-LightCond.otf')  format('opentype'),
	url('../fonts/helveticaltstd-lightcond/HelveticaLTStd-LightCond.woff') format('woff'), 
	url('../fonts/helveticaltstd-lightcond/HelveticaLTStd-LightCond.ttf')  format('truetype'), 
	url('../fonts/helveticaltstd-lightcond/HelveticaLTStd-LightCond.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family:"Open Sans Semibold";
	src:url("../fonts/opensans-semibold/OpenSans-Semibold.eot") format("eot"),
	url("../fonts/opensans-semibold/OpenSans-Semibold.woff") format("woff"),
	url("../fonts/opensans-semibold/OpenSans-Semibold.ttf") format("truetype"),
	url("../fonts/opensans-semibold/OpenSans-Semibold.svg") format("svg");
	font-weight:normal;font-style:normal;
}

@font-face {
  	font-family: 'HelveticaLTStd-Roman';
  	src: url('../fonts/helveticatstd-roman/HelveticaLTStd-Roman.eot') format('embedded-opentype'),  
  	url('../fonts/helveticatstd-roman/HelveticaLTStd-Roman.otf')  format('opentype'),
 	url('../fonts/helveticatstd-roman/HelveticaLTStd-Roman.woff') format('woff'), 
 	url('../fonts/helveticatstd-roman/HelveticaLTStd-Roman.ttf')  format('truetype'), 
 	url('../fonts/helveticatstd-roman/HelveticaLTStd-Roman.svg') format('svg');
  	font-weight: normal;
  	font-style: normal;
}

@font-face {
  	font-family: 'Open-Sans-Light';
  	src: url('../fonts/opensans-light/OpenSans-Light.eot') format('embedded-opentype'),  
  	url('../fonts/opensans-light/OpenSans-Light.woff') format('woff'), 
 	url('../fonts/opensans-light/OpenSans-Light.ttf')  format('truetype'), 
 	url('../fonts/opensans-light/OpenSans-Light.svg') format('svg');
  	font-weight: normal;
  	font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	color: #6c6c6c;
	font-family: "open sans";
}

html, body {
	margin: 0px !important;
	line-height: normal;
}

p {
	font-size: 14px;
}

ul, ul li {
	list-style-type: none;
}

ul, ol {
	list-style-position: inside;
}

a {
	text-decoration: none !important;
}

a:hover,
a:active{
	color: #00a99d;
	text-decoration: none;
}

a:hover, a:focus, a:active {
	outline: 0;
}

.fleft {
	float: left;
}

.clear {
	clear: both;
}

.relative {
	position: relative;
}

.container {
	width: 1138px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}



#site-video, #site-question, #site-slider {
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.menu-menu-mobile-container {
	display: none;
}

.visible {
	overflow: visible;
}

h2.main-title {
	text-align: center;
	font-size: 30px;
	color: #6c6c6c;
	text-transform: uppercase;
}

.section {
	padding-top: 60px;
}

#content {
	padding-top: 40px;
}

/* Pour enlever les border et shadow des imgs slider */
.bx-wrapper .bx-viewport {
    border:0px !important;
    box-shadow:none !important;
}

/****** HEADER ******/

header.site-header {
	background: #fff;
    height: 131px;
    position: fixed;
    width: 100%;
    z-index: 999999999 !important;
    left: 0px;
    text-align: 0px;
}

.qtranxs_widget {
	display: inline-block;
}

#masthead {
	position: relative;
	overflow: hidden;
	height: 131px;
	width: 100%;
}

a.logo {
	position: absolute;
	top: 38%;
	height: 86px;
}

.header-top, .header-bottom {
	width: 100%;
	border-bottom: 1px solid #eee;
}

.header-top {
	height: 52px;
	line-height: 52px;
}

.header-bottom .col-left, .header-bottom .col-right {
	height: 78px;
	line-height: 78px;
}

.col-full {
	width: 100%;
}

.col-left, .col-right {
	float: left;
	vertical-align: top;
}

.col-left {
	width: 15%;
}

.col-right {
	width: 85%;
}

.menu-menu-principale-container{
	text-align: right;
}

#primary-menu li:not(:first-child){
	margin-left: 3%;
}

#primary-menu li {
	display: inline-block;
}

#primary-menu li a {
	font-size: 14px;
	text-transform: uppercase;
	color: #090909;
}

#primary-menu li a:HOVER {
	color: #00a99d;
}

#primary-menu li.current-menu-item a {
	color: #00a99d;
}

.header-social {
	text-align: right;
}

.header-social li {
	display: inline-block;
}

.header-social li:not(:first-child) {
	margin-left: 28px;
}

.header-social a {
	color: #ccc;
}

/****** SITE-SLIDER ******/

#site-slider {
	width: 100%;
	/*background-image: url('../images/banner.png');*/
	background-repeat: none;
	background-position: left top;
	background-color: #000;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

/****** CHRONO ******/

.wrap-chrono {
	visibility: hidden;
}

.mobile.wrap-chrono {
	display: none;
	width: 465px;
	margin: 15% auto;
}

.div-wrap-chrono {
	width: 750px;
	margin: 15% auto;
}

.div-wrap-chrono h1 {
	font-family: "HelveticaLTStd-BoldCond";
	font-size: 30px;
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
}

.div-chrono {
	display: inline-block;
	width: 313px;
	position: relative;
}

.mobile .div-chrono {
	display: inline-block;
	width: 200px;position: relative;
}

.lab-top {
	position: absolute;
	left: 0px;
	top:-70px;
	color: #fff;
	font-family: "HelveticaLTStd-Roman";
	font-size: 31.67px;
	width: 313px;
	text-align: center;
}

.mobile .lab-top {
    color: #fff;
    font-family: "HelveticaLTStd-Roman";
    font-size: 21.67px;
    left: 0;
    position: absolute;
    text-align: center;
    top: -30px;
    width: 200px;
}

.knob-label {
	width: 250px;
	height: 250px;
	position: absolute;
	left: 10%;
	top: 10%;
	background: #ff7b00;
	opacity: 0.5;
	border-radius: 250px;
	-moz-border-radius: 250px;
	-webkit-border-radius: 250px;
}

.mobile .knob-label {
	width: 150px;
	height: 150px;
	position: absolute;
	left: 12.5%;
	top: 12.5%;
	background: #ff7b00;
	opacity: 0.5;
	border-radius: 150px;
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
}

.knob-label p {
	color: #fff;
}

.sp-ch, .tiret-tiret, .sp-let {
	color: #fff;
}

.sp-ch {
	font-family: "HelveticaLTStd-BoldCond";
	font-size: 48.58px;
	font-weight: normal;
}

.mobile .sp-ch {
	font-family: "HelveticaLTStd-BoldCond";
	font-size: 28.58px;
	font-weight: normal;
}

.sp-let {
	font-family: "HelveticaLTStd-LightCond";
	font-size: 23.15px;
	font-weight: normal;
	text-transform: uppercase;
}

.mobile .sp-let {
	font-family: "HelveticaLTStd-LightCond";
	font-size: 20.15px;
	font-weight: normal;
	text-transform: uppercase;
}

.txt-raccordable {
	font-family: "HelveticaLTStd-LightCond";
	font-size: 18.15px;
	color: #fff;
}

.mobile .txt-raccordable {
	font-family: "HelveticaLTStd-LightCond";
	font-size: 15.15px;
	color: #fff;
}


.knob-text {
	position: absolute;
	left: 0px;
	top:0px;
	width: 313px;
	height: 313px;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 30% 25%;
	text-align: center;
}

.mobile .knob-text {
	position: absolute;
	left: 0px;
	top:0px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}

.knob-text p {
	margin: 0px;
}

p.tiret-tiret-chrono {
	background: url('../images/tiret-tiret-chrono.png') no-repeat left bottom;
	width: 177px;
	height: 2px;
	margin: 20px auto 10px auto;
}

.mobile p.tiret-tiret-chrono {
    background: url("../images/tiret-tiret-chrono.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    height: 2px;
    margin: 10px auto;
    width: 140px;
}

.tiret-tiret-vertical {
	display: inline-block;
	width: 12px;
	height: 324px;
	background: url('../images/tiret-tiret-vertical.png') no-repeat left top;
	margin: 0px 50px;
}

.mobile .tiret-tiret-vertical {
    background: url("../images/tiret-tiret-vertical.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 205px;
    margin: 0 20px;
    width: 12px;
}

/****** SITE ACTUS ******/

.content-list {
	margin-left: 183px;
}

.div-excerpt {
	margin-bottom: 40px;
}

.tiret-tiret {
	background: url('../images/tiret-tiret.png') no-repeat;
	width: 200px;
	height: 2px;
	margin-top: 39px;
}

.main-sub-title {
	font-size: 22px;
	text-transform: uppercase;
	font-family: "Open Sans Semibold";

}

#site-actus .main-sub-title {
	color: #e2a866;
}

#site-agenda .main-sub-title {
	color: #59beb7;
}

.thumb-actu-rond {
	border-radius: 143px;
	-moz-border-radius: 143px;
	-webkit-border-radius: 143px;
}

.div-iframe iframe {
	width: 100%;
	height: 639px;
}

.div-iframe {
	padding: 0px;
	margin-bottom: 40px;
}

.lire-suite-btn {
	display: block;
	width: 199px;
	height: 50px;
	line-height: 50px;
	text-align: right;
	padding-right: 20px;
	background: #eee url('../images/lire-suite.png') no-repeat left top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "Open Sans Semibold";
}

.page-template-template-actus #content {
	padding-top: 0px;
}

#site-actus header {
	padding-top: 40px;
}

/****** SITE QUESTION ******/

#site-question {
	width: 100%;
	background: linear-gradient(90deg, #e2a866 50%, #59beb7 50%);
	/*background: -webkit-linear-gradient(90deg, 50%, 50%, from(#e2a866), to(#59beb7));*/
	background: -moz-linear-gradient(left top,  #e2a866 50%,  #59beb7 50%);
	background: -webkit-linear-gradient(180deg, #59beb7, #e2a866);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2a866', endColorstr='#59beb7');
	margin-top: -1px;
}

.div-quest-entreprise, .div-quest-particulier {
	font-family: "HelveticaLTStd-LightCond";
	font-size: 30.5px;
	text-transform: uppercase;
	height: 192px;
	/*line-height: 192px;*/
	text-align: center;
}
.div-quest-entreprise div, .div-quest-particulier div{
	padding: 0px 10px;
}

.div-quest-entreprise div {
	padding-right: 139px;
	background: url('../images/ico-quest-entreprise.png') no-repeat right center;
}

.div-quest-particulier div {
	padding-left: 139px;
	background: url('../images/ico-quest-particulier.png') no-repeat left center;
}

.div-quest-entreprise h2, .div-quest-particulier h2 {
	display: inline-block;
}

.div-quest-entreprise h2 a, .div-quest-particulier h2 a {
	color: #fff;
	font-family: HelveticaLTStd-LightCond;
	font-size: 30.5px;
}

.div-quest-entreprise {
	background: #e2a866;
}

.div-quest-particulier {
	background: #59beb7;
}

/****** SITE VIDEO ******/

#site-video {
	background: #eee;
}

#site-video h2.main-title {
	color: #6c6c6c;
}

.video{
    max-width: 720px;
}
.embed-container{
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%; /* 16/9 ratio */
    position: relative;
}
.embed-container iframe,
.embed-container object,
.embed-container embed{
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

/****** SITE FOOTER ******/

.centrage {
	display: block;
    margin: 0 auto;
    width: 259px;
    height: 84px;
    text-align: center;
}

.site-footer {
	display: none;
	height: 84px;
	background: #222222;
}

.site-info a {
	font-family: HelveticaLTStd-LightCond;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}

.site-info a i {
	font-size: 18px;
    line-height: 18px;
    vertical-align: baseline;
}

.site-info {
	line-height: 84px;
}

a.link-ml {
	height: 23px;
}

a.link-contact {
	height: 23px;
}

a.logo-bocasay {
	position:absolute;
	left:0px; 
	top:5%
}

/****** PAGE LISTING ACTUS ******/

#site-actus header {
	background: #f7f7f7;
}

#site-actus .content {
	padding-top: 70px;
}

a.btn-filter-isotope {
    border: 1px solid #d4d4d4;
    float: left;
    height: 39px;
    line-height: 39px;
    text-align: center;
    width: 126px;
    background: #ededed;
    color: #8c8b91;
    font-size: 15px;
}

a.btn-filter-isotope.selected {
	background-color: #f7f7f7;
}

.wrap-btn-filter {
	display: inline-block;
}

.filter-button-group {
	text-align: center;
	margin-top: 50px;
}

/****** PAGE LISTING AGENDA ******/

.wrap-date-agenda {
	line-height: 20px;
	width: 100px;
	margin: 30% auto;
}

.div-rond {
	width: 143px;
	height: 143px;
	border-radius: 143px;
	-moz-border-radius: 143px;
	-webkit-border-radius: 143px;
	background: #59beb7;
	text-align: center;
	overflow: hidden;
}

.dt-ch, .dt-let {
	color: #fff;
	font-weight: bold;
}

span.dt-ch {
	color: #fff;
	font-family: "HelveticaLTStd-UltraComp";
	font-size: 84.85px;
	font-weight: normal;
	display: block;
    height: 65px;
    padding-top: 25px;
}

span.dt-let {
	color: #fff;
	font-family: "HelveticaLTStd-BoldCond";
	font-size: 23px;
	/*text-transform: uppercase;*/
	font-weight: normal;
	display: block;
	margin-top: 5px;
}

/****** PAGE DETAILS ******/

#contact-form-particulier {
	display: none;
}

.wpcf7-radio label.checked {
	background: #00a99d;
	
}

.wpcf7-radio label.checked span {
	color: #fff !important;
}

.img-logo-bocasay {
	margin-left: 20px;
}

.search .page-header {
	margin-top: 0px;
}

#primary {
	padding-bottom: 40px;
}

.type-agenda .div-rond {
	margin-top: 20px !important;
}

.details {
	margin-top: 40px;
}

.details .main-sub-title {
	height: 143px;
    line-height: 143px;
}

.entry-content p {
	margin: 20px 0px;
}

.entry-content {
	margin-bottom: 20px;
}

.entry-content h1 {
	text-transform: uppercase;
	font-weight: bold;
	color:#00a99d;/* vert europessonne */
	font-size: 18px;
	margin: 10px 0px;
}

.entry-content h2 {
	text-transform: lowercase;
	font-weight: bold;
	color: #EE7F00;/* orange europessonne */
	font-size: 16px;
	margin: 10px 0px;
}

.entry-content ul li {
	font-size: 100%;
	list-style-type: none;
	background-image: url('../images/puce.png');
	background-repeat: no-repeat;
	background-position: 0 0.6em;
	padding-left: 10px;
} 

.entry-content ol li {
	
}

.nav-previous, .nav-next {
	display: inline-block;
	margin: 20px 0px;
}

.nav-links .nav-next {
	float: right;
}

.single-content header {
	margin: 20px 0px;
}

.single-content header h1{
	color: #59beb7;
	font-family: "Open Sans Semibold";
    font-size: 22px;
    text-transform: uppercase;
}

.single-content div.post-thumbnail {
	margin: 20px 0px;
}

article.agenda .custom-title {
	font-family: "Open Sans Semibold";
	font-size: 22px;
	color: #00a99d;
	margin-bottom: 20px;
}

article.agenda .div-rond {
	margin-right: 20px;
}

.type-post .post-thumbnail {
	margin-top: 20px;
}

/****** PAGE LISTING ENTREPRISE ******/

.txt-contenu {
	margin-bottom: 40px;
}

ul.wrap-logo-entreprise {
	text-align: center;
}

ul.wrap-logo-entreprise li {
    display: inline-block;
    line-height: 120px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 130px;
    margin-left: 15px;
    margin-right: 15px;
}

ul.wrap-logo-entreprise li:not(:first-child) {
	/*margin-left: 3px;*/
}

ul.wrap-logo-entreprise li a {
	display: block;
}

.wrap-logo-entreprise img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    transition: 0.3s ease-in;
    width: 100%;
}

.wrap-logo-entreprise img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

/****** MENU MOBILE ******/

.header-social li.btn-toggle {
	display: none;
}

#mobile-menu {
	display: none;
}

#mobile-menu li {
	display: block;
	width: 100%;
	background: #00a99d;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px;
	color: #fff;
	border: 1px solid #eee;
	text-align: center;
}

#mobile-menu li:HOVER {
	background: #eee;
}

#mobile-menu li a { 
	color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
}

#mobile-menu li:HOVER a { 
	color: #00a69a;
}

#mobile-site-navigation {
	left: 0;
    position: fixed;
    top: 131px;
    width: 100%;
    z-index: 2147483647 !important;
}

.menu-menu-mobile-container {
	/*position: absolute;*/
    width: 100%;
    /*z-index: 1;*/
}

/****** CONTACT ******/

.form-control {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: #eeeeee;
	border: none;
}

.form-group > label {
	margin-bottom: 22px;
	font-family: "Open-Sans-Light";
	font-size: 15px;
	font-weight: normal;
	color: #000;
}

#site-contact .textwidget {
	font-family: "Open-Sans-Light";
	font-size: 15px;
	line-height: 28px;
	font-weight: normal;
}

#site-contact .widget-title {
	font-family: "Open Sans";
	font-size: 18px;
	font-weight: normal;
	color: #000;
	margin: 40px 0px 10px 0px;
}

#site-contact .spec-title {
	font-family: "Open-Sans-Light";
	font-size: 18px;
	font-weight: normal;
	color: #000;
	margin: 0px 15px 0px 0px;
}

.wpcf7-submit {
	width: 115px;
	height: 42px;
	background: #fe4445;
	border: none;
	color: #fff;
	margin-top: 30px;
}

.wpcf7-submit:HOVER {
	opacity: 0.7;
}

div.wpcf7 {
	margin-bottom: 72px;
}

.col-adresse {
	padding-left: 80px;
}

.wpcf7-radio label {
	background: #eee;
	width: 148px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	display: inline-block;
	border: 1px solid #ddd;
	font-weight: normal;
	cursor: pointer;
	padding-right: 15px;
}

.wpcf7-radio label.active span {
	color: #fff;
	font-weight: bold;
}

.wpcf7-radio label.active {
	background: #00a99d;
}

.wpcf7-radio label:HOVER {
	background: #00a99d;
}

.wpcf7-radio label:HOVER span {
	color: #fff;
}

.wpcf7-radio span {
	margin: 0px;
	font-family: "Open-Sans-Light";
}

.wpcf7-radio input {
	visibility: hidden;
}

.bande-black {
	position: absolute;
	width: 100%;
	height: 40px;
	background: #000;
	opacity: 0.5;
	z-index: 9;
	left: 0px;
	top: 0px;
}

.textwidget .header-social li {
    background: none repeat scroll 0 0 #eee;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 0 !important;
    text-align: center;
    width: 36px;
}

.textwidget .header-social {
	text-align: left;
}

.form-group.specifiq {
	height: 41px;
	line-height: 41px;
}

/****** FAQ ******/

.theme-wrapper {
	padding-bottom: 57px;
}

.theme-inner{
	position: relative;
	border: 1px solid #E7E7E7;
	overflow: hidden;
}

.theme-question{
	color: #6c6c6c;
	display: block;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 1px solid #E7E7E7;
	padding: 15px 10px;
	cursor: pointer;
	background: url(../images/toggle_open.png) no-repeat;
	background-position: 99% center;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	font-weight: bold;
}

.theme-question:hover{
	color: #00A99D;
}

.theme-question.active{
	background: url(../images/toggle_close.png) no-repeat;
	background-position: 99% center;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	color: #00A99D;
}

.theme-answer{
	color: #6c6c6c;
	font-size: 14px;
	height: 0;
	line-height: 22px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	padding-left: 10px;
	padding-right: 10px;
	/*opacity: 0;*/
}

.theme-answer p{
	color: #6c6c6c;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
}

.theme-answer.active{
	height: auto;
	padding: 20px 10px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	opacity: 1;
}

/****** ESPACE PARTICULIER ******/

.single-ville .div-text-ville h1 {
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	background: #00a99d;/* vert europessonne */
	padding: 5px;
	text-align: left;
}

.single-ville .div-text-ville h2 {
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	background: #EE7F00;/* orange europessonne */
	padding: 5px;
	text-align: left;
}

.single-ville .div-text-ville ul li {
	font-size: 100%;
	list-style-type: none;
	background-image: url('../images/puce.png');
	background-repeat: no-repeat;
	background-position: 0 0.6em;
	padding-left: 10px;
} 

.content-social li {
	display: inline-block;
	width: 30px;
	height: 30px;
}

.content-social li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 30px;
	text-align: center;
	background: #ccc;
	opacity: 1;
}

.content-social li a:HOVER {
	opacity: 0.7;
}

p.aide {
	margin-bottom: 20px;
	text-align: center;
}

.type-ville .title {
	font-size: 16px;
}

.single-ville .title {
	margin: 10px 0px;
	color: #00a99d !important;
}

.text-center, .text-center p {
	text-align: center;
}

.div-text-ville {
	border: 1px solid #ddd;
	font-size: 14px;
	padding: 10px;
}

.div-text-ville p {
	margin-bottom: 10px; 
}

.div-text-ville a {
	color: #00a99d;
}

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

#div-cas-1-1, #div-cas-2-1, #div-cas-1-2, #div-cas-2-2 {
	margin-bottom: 10px;
}

.text-haut {
	margin-bottom: 10px;
}

.photo-ville {
	display: block;
	margin: 0px auto;
}

.legend {
	width: 500px;
	margin: 0px auto;
	text-align: center;
}

.legend label {
	font-size: 14px;
	font-weight: normal;
}

.etat-1, .etat-2, .etat-3 {
	display: inline-block;
	width: 50px;
	height:10px;
}

.etat-1 {
	background: #86afa4; 
}

.etat-2 {
	background: #aad6cb; 
}

.etat-3 {
	background: #29463e; 
}

/* Carte version mobile */

#carte {
	visibility: hidden;
	height: 500px;
    margin: 0 auto;
    width: 500px;
	background: url("../images/carte-essonne.png") no-repeat 42px 24px;
}

.img-loading {
	display: block;
    height: 31px;
    margin: 0 auto;
    width: 31px;
    margin-top: 10%;
}

.div_short_desc .titre, .div_short_desc .titre a {
	color: #00a99d;
	font-weight: bold;
	text-transform: uppercase;
}

.div_short_desc {
	width: 500px;
	min-height: 120px;
	margin: 90px auto 40px auto;
	text-align: center;
	border: 1px solid #00a99d;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
}

.div-ville {
	color: #ddd;
    font-size: 10px;
    position: absolute;
}

.div-ville a { 
	color: #d8e9e0;
    font-size: 10px;
}

#massy {
	left: 300px;
    top: 70px;
}

#champlan {
	left: 290px;
    top: 130px;
}

#chilly-mazarin {
	left: 360px;
    top: 130px;
}

#longjumeau {
	left: 340px;
    top: 200px;
}

#saulx-les-chartreux {
	left: 240px;
    top: 220px;
}

#villebon-sur-yvette {
	left: 160px;
    top: 180px;
}

#villejust {
	left: 170px;
    top: 230px;
}

#nozay {
	left: 200px;
    top: 300px;
}

#la-ville-du-bois {
	left: 252px;
    top: 290px;
}

#ballainvilliers {
	left: 320px;
    top: 250px;
}

#epinay-sur-orge {
	left: 370px;
    top: 260px;
}

#marcoussis {
	left: 100px;
    top: 340px;
}

#montlheri {
	left: 260px;
    top: 360px;
}

#linas {
	left: 230px;
    top: 420px;
}

/****** MENTIONS ******/

p.txt-mentions img {
	height: 30px;
}

p.txt-mentions a {
	color: #00a99d;
}

a.logo-bocasay-footer {
	float: left;
}

/****** AUTRES ******/

.container.content {
	margin-bottom: 40px;
}

.home #content {
	padding-top: 0px;
}

.topic-title {
	font-family: "open sans";
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	color: #6c6c6c;
}

p.separator {
	background: url('../images/separator.png') no-repeat bottom center;
	height: 24px;
	width: 100%;
	margin: 10px 0px 40px;
}

.title {
	font-family: "Open Sans Semibold";
	font-size: 18px;
	text-transform: uppercase;
}

#site-actus .title, .type-post .title {
	color: #e2a866;
}

#site-agenda .title {
	color: #59beb7;
}

.type-agenda .title {
	color:#e2a866;
}

.entry-content, .entry-summary {
	font-family: "open sans";
	font-size: 14px;
}

.content-list .entry-content p {
	margin: 10px 0px;
}

#searchform {
	line-height: 50px;
}

.btn-fb, .btn-search {
	background: #ddd;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 26px;
}

.btn-fb a {
	display: block;
	opacity: 1;
	line-height: 25px;
}

.btn-fb:HOVER, .btn-search:HOVER {
	opacity: 0.7;
}

.btn-fb a i {
	color: #a0a0a8;
    /*font-size: 18px;*/
}

.div-social-search {
	text-align: right;
}

.div-search, .header-social {
	display: inline-block;
}

.inline-block {
	display: inline-block;
}

i {
	color: #fff;
}

.mobile.div-search {
	display: none;
}

.center {
	text-align: center;
}

@media(max-width:1138px){
	
	/****** MENU PRINCIPALE ******/
	.container {
		width: 100%;
		padding: 0px 15px;
	}

	#primary-menu {
		text-align: center;
	}

	#primary-menu li a{
		font-size: 12px;
	}

	.header-social {
		padding-right: 2%;
	}

	/*** PAGE CONTACT  ***/
	.col-adresse {
		padding-left: 0px;
	}

	.site-info a.link-ml {
		margin-left: 0px;
	}
	

}

@media(max-width:1000px){
	#primary-menu li:not(:first-child) {
		margin-left: 1%;
	}
}

@media(max-width:758px) {
	
	.div-wrap-chrono {
		width: 100%;
	}
}

@media(min-width: 820px) and (max-width: 880px){
	#primary-menu li a{
		font-size: 11px;
	}
}
@media(min-width: 769px) and (max-width: 820px){
	#primary-menu li a{
		font-size: 10px;
	}
}
@media(max-width:768px){

	#site-question .container {
		padding: 0px;
	}

	/****** HEADER ******/

	#site-navigation {
		display: none;
	}

	.col-right {
		text-align: right;
	}

	.mobile.div-search {
		display: inline-block;
	}

	.desktop.div-search {
		display: none;
	}

	.header-social li.btn-toggle {
		display: inline-block;
	}
	
	/****** CHRONO ******/

	.wrap-chrono {
		display: none;
	}

	.mobile.wrap-chrono {
		display: block;
	}	

	.mobile p.tiret-tiret-chrono {
		width: 120px;
	}

	.mobile .sp-let {
		font-size: 18px;
	}

	.mobile .txt-raccordable {
		font-size: 12px;
	}

	.mobile .knob-text {
		padding: 30% 18%;
	}

	/****** SITE QUESTION ******/

	.div-quest-entreprise div {
		background-position: left center;
		padding-right: 0px;
		padding-left: 139px;
		
	}

	.div-quest-particulier div, .div-quest-entreprise div {
		margin-left: 20px;
		margin-right: 20px;
	}

	/****** SITE VIDEO ******/

	#site-video .main-title {
		height: auto;
	}

	#site-video h2.sombre {
		background: none;
	}

	.div-iframe {
		padding: 0px;
	}

	.video{
	    max-width: 1138px;
	}
	.embed-container{
	    height: 0;
	    overflow: hidden;
	    padding-bottom: 56.25%; /* 16/9 ratio */
	    position: relative;
	}
	.embed-container iframe,
	.embed-container object,
	.embed-container embed{
	    height: 100%;
	    left: 0;
	    top: 0;
	    width: 100%;
	}

	/****** MENU ******/

	#primary-menu {
		display: none;
	}

	.menu-menu-mobile-container {
		display: block;
	}

	/****** PAGE CONTACT ******/

	.col-adresse {
		padding: 0px 15px 20px 15px;
	}

	.wrap-logo-entreprise img {
	    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	    -webkit-filter: grayscale(0%);
	}

	.details .main-sub-title {
		height: auto;
		line-height: normal;
	}

	.details .content-list {
		margin-left: 0px;
	}

	.details .content-list h3 {
		text-align: center;
	}

}

@media(max-width:480px) {

	.mobile.container {
		padding: 0px;
	}

	.div_short_desc {
		width: 100%;
	}

	.logo-bocasay {
		display: none;
	}

	/****** MENU PRINCIPALE ******/

	.header-social li {
		margin-left: 0px;
		margin: 0px 10px 0px 0px !important;
	}

	/****** LISTING ******/

	.wrap-elmt {
		text-align: center;
	}

	.wrap-elmt .thumb-actu-rond, .div-rond {
	    float: none;
	    display: inline-block;
	    margin-bottom: 20px;
	}

	article.agenda .div-rond {
		display: block;
		margin: 0px auto 20px auto;
	}

	.custom-title {
		text-align: center;
	}

	.content-list {
		margin-left: 0px;
	}

	.lire-suite-btn, .tiret-tiret {
		margin: 39px auto 0px;
	}

	/****** PAGE CONTACT ******/

	#wgmpmap {
		display: none;
	}

	#site-video .main-title {
		font-size: 22px;
	}

}

@media(max-width:465px) {
	
	/****** CHRONO ******/

	#site-slider {
		display: none;
	}

	.div-quest-entreprise h2 a, .div-quest-particulier h2 a {
		font-size: 20px;
	}

	.div-quest-entreprise, .div-quest-particulier {
		height: 100px;
	}

	.div-quest-particulier div {
	    background: url("../images/ico-quest-particulier-mobile.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	}

	.div-quest-entreprise div {
	    background: url("../images/ico-quest-entreprise-mobile.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	}

	.div-quest-particulier div, .div-quest-entreprise div {
		padding-left: 90px;
	}

	#txt_search {
		width: 50%;
	}

}

@media(max-width:320px){

	.centrage {
	   width: 202px;
	   text-align: center;
	}

	.site-info a, .site-info a i {
		font-size: 14px;
	}

	/* carte version mobile */
	#carte {
	    background: rgba(0, 0, 0, 0) url("../images/border-carte-essonne-mobile.png") no-repeat scroll 1px 4px;
	    height: 350px;
	    width: 320px;
	}

	#massy {
		left: 200px;
	    top: 40px;
	}

	#champlan {
	    left: 190px;
	    top: 85px;
	}

	#chilly-mazarin {
	    left: 260px;
	    top: 80px;
	}

	#longjumeau {
	    left: 230px;
	    top: 140px;
	}

	#saulx-les-chartreux {
	    left: 150px;
	    top: 150px;
	}

	#villebon-sur-yvette {
	    left: 90px;
	    top: 120px;
	}

	#villejust {
	    left: 100px;
	    top: 160px;
	}

	#ballainvilliers {
	    left: 215px;
	    top: 180px;
	}

	#epinay-sur-orge {
	    left: 270px;
	    top: 170px;
	}

	#la-ville-du-bois {
	    left: 165px;
	    top: 210px;
	}

	#marcoussis {
	    left: 50px;
	    top: 240px;
	}

	#nozay {
	    left: 120px;
	    top: 210px;
	}

	#montlheri {
	    left: 165px;
	    top: 260px;
	}

	#linas {
	    left: 140px;
	    top: 305px;
	}

	/* ./mobile */

}

@media(max-height:480px){

	/****** CHRONO ******/

	#site-slider {
		display: none;
	}

	.div-quest-entreprise h2 a, .div-quest-particulier h2 a {
		font-size: 20px;
	}

	.div-quest-entreprise, .div-quest-particulier {
		height: 100px;
	}

	.div-quest-particulier div {
	    background: url("../images/ico-quest-particulier-mobile.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	}

	.div-quest-entreprise div {
	    background: url("../images/ico-quest-entreprise-mobile.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	}
}