/********** * Global * *********/
 html{
     margin: 0px;
     padding: 0px;
     color: #282828;
     font-size: 12px;
     border: 0px solid transparent;
     font-family: calibriLight,Arial,sans-serif;
}
 body{
     margin: 0px;
     padding: 0px;
     width: 100%;
}
 a {
     outline: none;
     text-decoration: none;
     cursor: pointer;
     color: inherit;
}
 img {
     border: none;
     width: 100%;
}
 :focus {
    outline:none;
}
 ::-moz-focus-inner {
    border:0;
}
 ::-moz-selection {
     color: #000;
     background: #ffff00;
}
 ::selection {
     color: #000;
     background: #ffff00;
}
 .flol{
     float: left;
}
 .flor {
     float: right;
}
 .alc{
     text-align: center;
}
 .question{
     color: #9ABCBC;
     width: 90px;
}
 .alr{
     text-align: right;
}
 .prel {
     position: relative;
}
 .absol{
    position: absolute;
}
 .width33{
    width: 33.333333%;
}
 .width50{
    width:50%;
}
 .ovhid{
     overflow: hidden;
}
 .Bold{
    font-family: calibriBold,Arial,sans-serif;
}
 .pad80{
     padding: 80px;
}
 .marT10{
     margin-top: 10px;
}
 .fin{
     clear:both;
     line-height:0;
     height:0;
     font-size:1px;
}
 .din{
     display: none;
}
 #strErreur, #strInfo, #strValide, #strLink{
     display: none;
}
 #map-canvas{
     width: 100%;
     height: 250px;
}
 .dnone{
    display: none!important;
}
 .white{
     color: #FFF;
}
 .center80{
     width: 80%;
     margin: 0 auto;
}
 .padT{
     padding: 50px 0 0 0;
}
 .padT10{
     padding: 10px 0 0 0;
}
 .padTB{
     padding: 50px 0;
}
 .padB{
     padding: 0 0 50px 0;
}
 .padB30{
     padding: 0 0 30px 0;
}
 .padR30{
     padding: 0 30px 0 0;
}
/**********/
 h1,h2,h3,h4{
     margin: 0px;
     font-weight:normal;
     padding:0px;
}
 html, body {
    height: 100%;
}
 * {
    margin:0;
    padding:0;
}
 hr.style11 {
     height: 6px;
     background: url('/imgs/picto/bg.hr-11.png') repeat-x 0 0;
     border: 0;
     margin: 15px auto;
     display: block;
     text-align: center;
     width: 90%;
}
 hr.style11.spec {
     width: 40%;
     margin: 50px auto;
}
 .hrContent{
     padding: 0 20px;
}
 .hrContent .cell{
     width: 25%;
     float: left;
}
 .hrContent .cell2{
     width: 50%;
     float: left;
}
 .hr span{
     display: block;
     height: 5px;
     background: #2c7373;
     margin: 0 0 5px 0;
}
/******** * FONT * *******/
 @font-face{
     font-family: 'calibriRegular';
     src: url('/font/calibriRegular/Calibri_latin+latin-ext_gdi.eot') format('embedded-opentype'), url('/font/calibriRegular/Calibri_latin+latin-ext_gdi.woff') format('woff'), url('/font/calibriRegular/Calibri_latin+latin-ext_gdi.ttf') format('truetype'), url('/font/calibriRegular/Calibri_latin+latin-ext_gdi.svg') format('svg');
     font-weight: normal;
     font-style: normal;
     filter: alpha(opacity=99);
}
 @font-face{
     font-family: 'calibriBold';
     src: url('/font/calibriBold/Calibri-Bold_latin+latin-ext_gdi.eot') format('embedded-opentype'), url('/font/calibriBold/Calibri-Bold_latin+latin-ext_gdi.woff') format('woff'), url('/font/calibriBold/Calibri-Bold_latin+latin-ext_gdi.ttf') format('truetype'), url('/font/calibriBold/Calibri-Bold_latin+latin-ext_gdi.svg') format('svg');
     font-weight: normal;
     font-style: normal;
     filter: alpha(opacity=99);
}
 @font-face{
     font-family: 'calibriItalic';
     src: url('/font/calibriItalic/Calibri-Italic_latin+latin-ext_gdi.eot') format('embedded-opentype'), url('/font/calibriItalic/Calibri-Italic_latin+latin-ext_gdi.woff') format('woff'), url('/font/calibriItalic/Calibri-Italic_latin+latin-ext_gdi.ttf') format('truetype'), url('/font/calibriItalic/Calibri-Italic_latin+latin-ext_gdi.svg') format('svg');
     font-weight: normal;
     font-style: normal;
     filter: alpha(opacity=99);
}
 @font-face{
     font-family: 'calibriBoldItalic';
     src: url('/font/calibriBoldItalic/Calibri-BoldItalic_latin+latin-ext_gdi.eot') format('embedded-opentype'), url('/font/calibriBoldItalic/Calibri-BoldItalic_latin+latin-ext_gdi.woff') format('woff'), url('/font/calibriBoldItalic/Calibri-BoldItalic_latin+latin-ext_gdi.ttf') format('truetype'), url('/font/calibriBoldItalic/Calibri-BoldItalic_latin+latin-ext_gdi.svg') format('svg');
     font-weight: normal;
     font-style: normal;
     filter: alpha(opacity=99);
}
 @font-face{
     font-family:'calibriLight';
     src: url('/font/calibriLight/Calibri-Light_latin+latin-ext_gdi.eot');
     src: url('/font/calibriLight/Calibri-Light_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'), url('/font/calibriLight/Calibri-Light_latin+latin-ext_gdi.woff') format('woff'), url('/font/calibriLight/Calibri-Light_latin+latin-ext_gdi.ttf') format('truetype'), url('/font/calibriLight/Calibri-Light_latin+latin-ext_gdi.otf') format('opentype'), url('/font/calibriLight/Calibri-Light_latin+latin-ext_gdi.svg#Calibri-Light') format('svg');
     font-weight: 300;
     font-style: normal;
     font-stretch: normal;
     unicode-range: U+000D-A721;
     filter: alpha(opacity=99);
}
 @font-face{
     font-family: 'Lobster';
     src: url('/font/Lobster/Lobster.eot') format('embedded-opentype'), url('/font/Lobster/Lobster.woff') format('woff'), url('/font/Lobster/Lobster.ttf') format('truetype'), url('/font/Lobster/Lobster.svg') format('svg');
     font-weight: normal;
     font-style: normal;
     filter: alpha(opacity=99);
}
 @font-face{
     font-family: 'Helvetica';
     src: url('/font/Helvetica/Helvetica.eot') format('embedded-opentype'), url('/font/Helvetica/Helvetica.woff') format('woff'), url('/font/Helvetica/Helvetica.ttf') format('truetype'), url('/font/Helvetica/Helvetica.svg') format('svg');
     font-weight: normal;
     font-style: normal;
     filter: alpha(opacity=99);
}
/*************** *** JS ALERT *** ***************/
 #popup_container {
     font-size: 14px;
     min-width: 300px;
    /* Dialog will be no smaller than this */
     max-width: 600px;
    /* Dialog will wrap after this width */
     border: solid 2px #F48024;
     color: #000;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     font-family: AdventPro-Light,Arial,sans-serif;
}
 #popup_title{
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     line-height: 1.75em;
     color: #FFF;
     background: #F48024;
     background-color : #F48024\9;
    /* IE8 */
     *background-color : #F48024;
    /* IE7 */
     border-bottom: solid 1px #F48024;
     cursor: default;
     padding: 0em;
     margin: 0em;
     padding: 5px 0;
}
 #popup_content{
     background: #000 0 0 repeat;
     padding: 1em 1.75em;
     margin: 0em;
     color: #FFF;
}
 #popup_content input{
     display: table;
     font-size: 14px;
     color: #FFF;
     border: solid 1px #d8021a;
     padding: 5px;
     text-transform: uppercase;
     background: none;
     cursor: pointer;
     margin: 0 auto;
     display : block\9;
    /* IE8 */
     *display : block;
    /* IE7 */
     width : 10%\9;
    /* IE8 */
     *width : 10%;
    /* IE7 */
}
 #popup_content.alert #popup_message {
     background: url('/imgs/picto.info.png') 0 0 no-repeat;
}
 #popup_content.confirm #popup_message{
     background: url('/imgs/picto.important.png') 0 0 no-repeat;
}
 #popup_content.prompt #popup_message{
     background: url('/imgs/picto.help.png') 0 0 no-repeat;
}
 #popup_message {
     padding-left: 48px;
     min-height: 32px;
}
 #popup_panel {
     text-align: center;
     margin: 1em 0em 0em 1em;
}
 #popup_prompt {
     margin: .5em 0em;
}
/************* **** BODY **** **************/

/* FLEX */
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex.sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex.sa {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.flex.jcc {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex.ais {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;	
	align-items: stretch;
}
.flex.ac {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex.ae {
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
}
.flex.col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex.end {
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
}
.flex.wrap {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.flex.fb30{
	flex-basis: 30%;
}
.flex.fb25{
	flex-basis: 25%;
}

.reg_content {
     width:100%;
     display:block;
     margin: 0 auto;
}
.reg_contentMenu {
     max-width: 1670px;
     width: 95%;
     display:block;
     margin: 0 auto;
     padding: 15px 0;
}
a.sublink:hover + .submenu {
    display: block;
}
.submenu{
    position: absolute;
}
.submenu:hover{
    display: block;
}
.submenu a.none{
    background: #FFF url('/imgs/picto/picto.topone.png') 5px center no-repeat;
    padding: 15px 40px 15px 40px!important;
}
.reg_topGauche.flol{
     width: 20%;
}
.reg_topDroite.flor{
     width: 80%;
}
.reg_topDroiteBis.res{
    max-width: 205px;
}
.reg_topDroiteBis.res a{
    width: 35px;
    margin: 0px;
    text-align: center;
}
.reg_topDroiteBis.res i{
    font-size: 18px!important;
}
.reg_topDroiteBis.res a span{
    margin: 0px;
}
.bgBlanc{
     background: rgba(255,255,255,0.9);
}
/* Required */
 .hidden{
    opacity: 0;
}
 .visible{
    opacity: 1;
}
/*Select styles*/
 .select-style {
     padding: 0;
     overflow: hidden;
     background: #DDD url('/imgs/picto/picto-search.png') no-repeat 10px center;
     border-right: 1px solid #FFF;
     height: 45px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius:2px;
     width: 100%;
     margin: 0;
     display: block;
     cursor: pointer;
     font-family: OpenSansRegular, Arial,sans-serif;
}
 .select-style.w25{
     width: 25%;
     height: 56px;
}
 .select-style select:focus {
     background: #FFF;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     outline: none;
}
 .select-style select {
     width: 100%;
     border: none;
     box-shadow: none;
     background-color: transparent;
     background-image: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: block;
     font-size: 15px;
     padding: 15px 0;
     margin: 0;
     text-indent: 33px;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .select-style select option, .ui-menu .ui-menu-item{
     display: block;
     font-size: 15px;
     line-height: 30px;
     padding:2px 0;
     margin: 0;
     color: #F48024;
     text-indent:5px;
}
/******** * TOP * *********/
 .reseaux{
     padding: 5px 0 0 0;
}
 .reg_topGauche .reseaux a{
     display: inline-block;
     padding: 0 7px 0 0;
}
 .reg_contentTop{
     position:fixed;
     z-index:10000;
     top:0;
     width: 100%;
}
 .reg_topGauche a, .reg_topGauche img{
     display: block;
}
 .contentMenuTop {
     padding: 0 10px;
}
 .menuTab {
     display: table;
     margin: 0 auto;
     z-index: 99999;
}
 .menuRow {
    display: table-row;
}
 .menuTab .menuRow .menuCell.resp{
     display: none;
}
 .menuCell.w50,.w50{
     width: 50%;
}
 .w20{
     width: 20%;
}
 .w25{
     width: 25%;
}
 .w30{
     width: 30%;
}
 .w33{
     width: 33.33333333333333%;
}
 .w40{
     width: 40%;
}
 .w55{
     width: 55%;
}
 .w60{
     width: 60%;
}
.w70{
    width: 70%;
}
.w80{
    width: 80%;
}
.w90{
    width: 90%;
}
.dib{
    display: block;
}
.mar0auto{
     margin: 0 auto;
}
.menuCell.w33{
    width: 33.333333333333%;
}
.menuCell a.none{
    display: table-cell;
    position: relative;
    display: inline-block;
    outline: none;
    color: #000;
    font-size: 16px;
    margin: 0px auto;
    text-align: left;
    transition: 0.8s;
    padding: 30px 0 0 25px;
    text-transform: uppercase;
    font-family: calibriBold,Arial,sans-serif;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
 .menuCell a.none:hover, .menuCell a.sel{
     color: #000;
     background-position: 2% center;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .menuCell {
     display: table-cell;
     text-align: left;
     transition: 0.5s;
     text-align: center;
}
 .menuCell:hover{
     border-radius: 0 0 0 8px;
     transition: all 0.5s ease-in-out;
}
 .menuCell.spec:hover{
     background: none;
}
 .menuCell.fb{
    margin: 0 auto;
     width: 40px;
}
 .menuCell.fb:hover, .menuCell.tw:hover{
    background: none;
}
 .menuCell a:hover {
    color: #557777;
     transition: 0.5s
}
 .menuTab .menuRow .menuCell .rs{
     display: block;
}
 .menuTab .menuRow .menuCell .rs.facebook{
    color: #292947;
     font-size: 21px;
     height: 100%;
     width: 100%;
     transition: all 0.5s;
}
 .menuTab .menuRow .menuCell .rs.facebook:hover{
    transition: all 0.2s ease-in-out;
     color: #F48024;
}
 .menuTab .menuRow .menuCell .rs.linkedin{
    color: #292947;
     font-size: 21px;
     height: 100%;
     width: 100%;
     transition: all 0.5s;
}
 .menuTab .menuRow .menuCell .rs.linkedin:hover{
    transition: all 0.2s ease-in-out;
     color: #F48024;
}
 .menuTab .menuRow .menuCell .rs.twitter{
    color: #292947;
     font-size: 21px;
     height: 100%;
     width: 100%;
     transition: all 0.5s;
}
 .menuTab .menuRow .menuCell .rs.twitter:hover{
    transition: all 0.2s ease-in-out;
     color: #F48024;
}
 .menuTab,.botTab {
     display: table;
     margin: 0 auto;
     width:100%;
}
 .menuRow,.botRow {
    display: table-row;
}
 .topone{
     background: url('/imgs/picto/picto.topone.png') 0 bottom no-repeat;
}
 .toptwo{
     background: url('/imgs/picto/picto.toptwo.png') 0 bottom no-repeat;
}
 .miniBar{
     background: rgba(255,255,255,0.8);
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .miniBar .reg_contentMenu{
     padding: 5px 0;
}
 .miniBar a.name{
     font-size: 30px;
     line-height: 30px;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .miniBar a.logoTop{
     padding: 10px 0;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .miniBar a.logoTop img{
     width: 80%;
     max-width: 205px;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .miniBar a.logoTop strong{
     font-size: 22px;
     background-position: 0 -10px;
     min-height: 60px;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
/************* *** BOTTOM *** **************/
 .reg_contentBot{
     margin: 50px 0 0 0;
     background: #eeeeed url('/imgs/img.bot.jpg') center no-repeat;
     background-size: contain;
     -moz-background-size: contain;
     -webkit-background-size: contain;
}
/** PART 1 ***/
 .part1{
    padding: 0 0 50px 0;
}
 .botCell{
     display: table;
     float: left;
     text-align: center;
     padding-top: 8px;
     width: 25%;
}
 .fa.hand{
     margin: 0 auto;
     text-align: center;
     font-size: 8em;
     display: block;
}
 .botCell strong{
     font-size:18px;
     font-weight: normal;
     padding: 40px 0;
     text-align: center;
     text-transform: uppercase;
}
/** PART 2 ***/
 #map-canvas{
     width: 100%%;
     height: 450px;
     margin: 0 auto;
}
 .spanMaps{
     display:block;
     font-size: 24px;
     text-align:center;
     font-weight: 600;
}
 .part2{
    padding: 40px 0;
}
 .contentBotLien strong{
     font-size: 20px;
     letter-spacing: 2px;
     padding: 10px 0;
     color: #233260;
     text-transform: uppercase;
     text-align:center;
     display:block;
     font-weight: normal;
     font-family: 'calibriRegular', Arial, sans-serif;
}
 .contentBotLien span{
     display:block;
     font-size: 14px;
     padding: 10px 30px;
     color: #313131;
     text-align: justify;
}
 .res span{
     background: #FFF;
     padding: 5px;
     margin: 0 10px 0 0;
     display: block;
     color: #08bdc7;
     text-align: center;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
}
 .botRow .botCell:nth-child(4) .contentBotLien span{
    padding-left: 140px;
}
 .contentBotLien a {
     display:block;
     font-size: 13px;
     padding: 5px 0;
     text-align:center;
}
 .contentBotLien a:hover {
    color:#08bdc7;
    ;
}
 .contentBotLien cite {
     font-size: 15px;
     font-style:italic;
     padding: 6px 0 6px 25px;
     color: #292929;
     text-align:justify;
     font-style:normal;
     line-height:18px;
}
 .contentBotLien span .fa-lg{
    font-size: 1.75em;
}
 .pic1{
    font-size: 26px;
}
 .pic2{
    font-size: 20px;
}
 .marb10{
    margin: 0 0 20px 0;
}
/** PART 3 ***/
 .part3 {
    padding: 15px 70px;
}
 .part3 a,.part3 span{
    font-size: 14px;
}
/******************** **** BACK TO TOP **** ********************/
 #returnOnTop {
     background: url('/imgs/picto.backtotop.png') no-repeat;
     bottom: 1%;
     cursor: pointer;
     display: none;
     filter: alpha(opacity = 50);
    /* IE < 8 */
     height: 48px;
     opacity: 0.5;
     position: fixed;
     right: 1%;
     width: 48px;
}
 #returnOnTop:hover {
     filter: alpha(opacity = 100);
    /* IE < 8 */
     opacity: 1;
}
 #loading{
     width: 0%;
     height: 3px;
     background: #00bcc5;
     position: fxed;
}
/************** *** GENERAL *** **************/
 .reg_contentPad{
     width: 95%;
     margin: 0 auto;
}
 .reg_contentPad.bgIntro{
     padding: 30px 0;
}
 .contact .reg_contentPad.bgIntro{
     padding: 150px 0 30px 0;
}
 .p404 .reg_contentPad.bgIntro {
     padding: 150px 0;
}
 .reg_content p{
     margin: 0 auto;
     font-size: 16px;
     font-weight: 300;
     text-align: center;
     padding: 30px 0 0 0;
     line-height: 22px;
}
 .store.reg_content p{
     padding: 30px 50px;
}
 h1, .h1{
     font-family: Lobster,Arial,sans-serif;
     font-size: 50px;
     font-weight: 300;
     color: #01bcc5;
     line-height: 42px;
     letter-spacing: 2px;
}
 .h1spe{
     font-family: Lobster,Arial,sans-serif;
     font-size: 40px;
     font-weight: 300;
     color: #313131;
     line-height: 60px;
}
 .h1spe2{
     color: #f9a13a;
     font-family: Lobster,Arial,sans-serif;
     font-size: 40px;
     font-weight: 300;
     line-height: 60px;
     text-align: center;
     display: block;
     padding: 25px 0;
}
 .contact h2.h1spe{
     padding: 50px 0 0 0;
}
 .alc{
    text-align: center;
}
 .titre{
    text-align: center;
}
 .bgGrey{
    background: rgba(235,235,235,1);
}
 .underline{
    border-bottom: 3px solid #00bcc5;
     width: 6%;
     margin: 10px auto;
}
 .underline2{
    border-bottom: 3px solid #00bcc5;
     width: 6%;
     margin: 10px auto;
}
 .underline3{
    border-bottom: 4px solid #555555;
     width: 10%;
     margin: 10px auto;
}
 h1 span, .h1 span{
     font-family: 'calibriRegular',Arial,sans-serif;
     font-size: 26px;
     font-weight: 300;
     color: #282828;
}
 .h1 span.white{
     color: #FFF;
}
 .bgIntro h1{
     font-size: 50px;
     font-weight: normal;
     text-align: center;
     padding: 10px 0;
     color: #01bcc5;
     font-weight: 600;
}
 .bgIntro h2{
     font-style: normal;
     font-size: 26px;
     font-weight: normal;
     text-align: center;
     color: #282828;
}
 .titre{
     margin: 30px auto;
     position: relative;
     display: table;
}
 .titre.abs{
     position: absolute;
     right: -50px;
     bottom: 0px;
     z-index: 1000;
     margin: 0 auto;
}
 .titre.abs h2{
     padding: 40px 0 0 0;
     line-height: 50px;
}
 .titre.abs .triangleType1 {
     border-bottom : 150px solid rgba(209,224,224,0.8);
}
 .titre h2, .titre h1{
     font-size: 44px;
     font-family: Liquido,Arial,sans-serif;
     font-weight: 600;
     text-align: center;
     letter-spacing: 2px;
     padding: 50px 0 0 0;
}
 .titre h2 span, .titre h1 span{
     color: #2c7373;
}
 .titre h2 span.white, .titre h1 span.white{
     color: #FFF;
}
 .triangleType1{
     text-align: center;
     margin: 0 auto;
     display: inline-block;
     height: 0;
     width: 0;
     border-right : 87px solid transparent;
     border-bottom : 150px solid #d1e0e0;
     border-left : 87px solid transparent;
     position: absolute;
     top: 0px;
     left: 50%;
     z-index: -1;
     transform: translateX(-50%) rotate(-10deg);
}
 .triangleType2{
     width: 175px;
     height: 150px;
     background: url('/imgs/img.triangle.png') 0 0 no-repeat;
     position: absolute;
     top: 0px;
     left: 50%;
     z-index: -1;
     transform: translateX(-50%) rotate(10deg);
}
 a.name, .titre1{
     max-width: 205px;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
}
 .titre1.min{
     font-size: 40px;
     letter-spacing: 0px;
}
 a.name span, .titre1 span{
     color: #2c7373;
}
 a.logoTop{
     padding: 15px 0;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
}
 a.logoTop strong{
     display: block;
     padding: 18px 0 0 90px;
     font-weight: none;
     font-size: 30px;
     font-weight: 600;
     font-family: Josefin Sans,Arial,sans-serif;
     color: #F48024;
     min-height: 74px;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
}
 .logoTop img{
     margin: 0 auto;
     display: block;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
}
/**** ARROW ***/
 .downArrow{
     position: fixed;
     bottom: -30%;
     left: 40%;
     display: block;
}
 .bounce {
     -moz-animation: bounce 3s infinite;
     -webkit-animation: bounce 3s infinite;
     animation: bounce 3s infinite;
}
 @-moz-keyframes bounce {
     0%, 20%, 50%, 80%, 100% {
         -moz-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -moz-transform: translateY(-30px);
         transform: translateY(-30px);
    }
     60% {
         -moz-transform: translateY(-15px);
         transform: translateY(-15px);
    }
}
 @-webkit-keyframes bounce {
     0%, 20%, 50%, 80%, 100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
    }
     60% {
         -webkit-transform: translateY(-15px);
         transform: translateY(-15px);
    }
}
 @keyframes bounce {
     0%, 20%, 50%, 80%, 100% {
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     40% {
         -moz-transform: translateY(-30px);
         -ms-transform: translateY(-30px);
         -webkit-transform: translateY(-30px);
         transform: translateY(-30px);
    }
     60% {
         -moz-transform: translateY(-15px);
         -ms-transform: translateY(-15px);
         -webkit-transform: translateY(-15px);
         transform: translateY(-15px);
    }
}
/* Demo Purpose Only*/
 .demo {
     font-family: 'Raleway', sans-serif;
     color:#fff;
     display: block;
     margin: 0 auto;
     padding: 15px 0;
     text-align: center;
}
/**** SEO ***/
 .blocSeo h3{
     color: #de0026;
     font-size: 34px;
     font-weight: normal;
     text-transform: uppercase;
     text-align:center;
     padding:40px 0 5px 0;
}
 .offre h3{
    padding:0 0 5px 0;
}
 .blocSeo h4{
     color: #000000 ;
     font-size: 24px;
     font-weight: normal;
     text-align:center;
     padding:10px 0 40px 0;
     display: block;
     width: 60%;
     margin: 0 auto;
}
 .blocSeo h4 strong{
     font-size: 14px;
     color: #000;
}
/**** BANDEAU PARALLAX ***/
 .bgParalax.bgIntro{
     width: 100%;
     padding: 0px 0 0 0;
}
 .bgParalax .widthBlocPara{
     width:60%;
     margin: 0 auto;
}
 .bgParalax .widthBlocParaMid{
     width:60%;
     margin: 0 auto;
     background-color: rgba(255, 255, 255, 0.8);
}
 .bgParalax .widthBlocParaMid .blocParaBot{
     padding: 25px;
}
 .bgParalax h3{
     color: #F48024;
     font-size: 26px;
     font-weight: normal;
     text-transform: uppercase;
     padding: 40px 50px 20px 50px;
}
 .bgParalax p{
     color: #000000;
     font-size: 19px;
     font-weight: normal;
     padding: 0 30px;
     line-height: 22px;
}
 hr.hr{
     background: #F48024 none repeat scroll 0 0;
     border: none;
     color: #F48024;
     height: 2px;
     margin: 20px auto 0 auto;
     width: 10%;
}
 .slideBot h4{
     font-size: 34px;
     padding: 10px 0 50px 0;
     text-align:center;
     font-weight: normal;
}
 .texteSeo{
     padding:30px 0 50px 0;
     width: 90%;
     margin: 0 auto;
     font-size: 12px;
     line-height: 22px;
}
 .texteSeo p {
     color: #000;
     font-size: 13px;
     font-weight: normal;
     text-align: justify;
     line-height: 24px;
}
 .texteSeo p a {
     color:#F48024;
     text-decoration:underline;
}
/************** * ANIMATION */
 .floating {
     animation-name: floating;
     animation-duration: 3s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
     animation-delay: 1.5s;
}
 @keyframes floating {
     from {
         transform: translate(0, 0px);
    }
     65% {
         transform: translate(0, 15px);
    }
     to {
         transform: translate(0, -0px);
    }
}
 .floating2 {
     animation-name: floating2;
     animation-duration: 4s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
     animation-delay: 1.5s;
}
 @keyframes floating2 {
     from {
         transform: translate(0, 0px);
    }
     65% {
         transform: translate(0, 25px);
    }
     to {
         transform: translate(0, -0px);
    }
}
 .floating3 {
     animation-name: floating3;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
     animation-delay: 1.5s;
}
 @keyframes floating3 {
     from {
         transform: translate(0, 0px);
    }
     65% {
         transform: translate(0, 10px);
    }
     to {
         transform: translate(0, -0px);
    }
}
 .squareBox .bord{
     animation-name: squareBox;
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
     animation-delay: 0s;
     transform: rotate(0deg);
     z-index: -1;
}
 @keyframes squareBox {
     from {
         transform: rotate(0deg);
    }
     25% {
         transform: rotate(-2deg);
    }
     75% {
         transform: rotate(2deg);
    }
     to {
         transform: rotate(0deg);
    }
}
 .triangleType1{
     animation-name: triangleType1;
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
     animation-delay: 0s;
     transform: translateX(-50%) rotate(-10deg);
}
 @keyframes triangleType1 {
     from {
         transform: translateX(-50%) rotate(-10deg);
    }
     50% {
         transform: translateX(-50%) rotate(10deg);
    }
     to {
         transform: translateX(-50%) rotate(-10deg);
    }
}
 .triangleType2{
     animation-name: triangleType2;
     animation-duration: 4.5s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
     animation-delay: 0s;
     transform: translateX(-50%) rotate(20deg);
}
 @keyframes triangleType2 {
     from {
         transform: translateX(-50%) rotate(20deg);
    }
     50% {
         transform: translateX(-50%) rotate(-20deg);
    }
     to {
         transform: translateX(-50%) rotate(20deg);
    }
}
/************** *** ACCUEIL *** ***************/
/**** SLIDE ***/
 .accueil{
     padding: 65px 0 0 0;
}
 .slideHome{
     height: 600px;
}
 .slideHome img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .slideHome .mid{
     width: 70%;
     max-width: 885px;
     margin: 0 auto;
}
 .padHome{
     padding: 25px 0 0 0;
}
 .padHome2{
     padding: 10px 0 30px 0;
}
 .padHome img, .padHome2 img{
     display: block;
     margin: 0 auto;
     max-width: 280px;
}
 .blocActu p{
    text-align: left;
     width: 100%;
}
 .logoJeanfi{
    padding: 0 0 25px 0;
}
 .logoJeanfi strong, .logoJeanfi span{
     font-size: 14px;
}
 .blocActu .padding{
     padding: 25px;
}
 .blocActu .titreActu{
    font-size: 15px;
     text-transform: uppercase;
     font-family: 'calibriRegular', Arial, sans-serif;
     letter-spacing: 1px;
}
 .blocActu .texteActu{
    font-size: 13px;
     font-family: 'Helvetica', Arial, sans-serif;
     letter-spacing: 1px;
}
 .dPresse{
     width: 40%;
     margin: 0 auto;
     display: block;
}
 .blocPresse{
     background: url('/imgs/contenu/bkg_presse.jpg') center no-repeat;
     background-size: cover;
}
 .wide-container{
     position: relative;
     margin: 0 auto;
     width: 100%;
     height: 600px;
     overflow: hidden;
     background: #FFF;
}
 .wide-container-2{
     width: 100%;
     height:100px;
}
 .wide-container .slides-container{
     position:relative;
     height:100%;
}
 .wide-container .slides-baseline{
     position:absolute;
     z-index:2;
     display:block;
     width:100%;
     top: 30%;
     transform: translateY(-50%);
}
 .wide-container .slides-baseline h1{
     font-size:50px;
     display:block;
     color:#F48024;
     text-transform:uppercase;
     font-weight:normal;
     text-align:center;
     animation-delay: 0s;
     animation-duration: 2s;
     animation-name: flipInX;
}
 .wide-container .slides-baseline h2{
     font-size:40px;
     color:#FFFFFF;
     text-align:center;
     display:block;
     animation-delay: 0s;
     animation-duration:2s;
     animation-name: flipInX;
}
 .wide-container .contentBtn .btnStd.flol{
     animation-delay: 0s;
     animation-duration: 1.5s;
     animation-name: slideInLeft;
}
 .wide-container .contentBtn .btnStd.flor{
     animation-delay: 0s;
     animation-duration: 1.5s;
     animation-name: slideInRight;
}
/* bloc STORE */
 .store{
     padding: 50px 0;
}
 .store .pad{
     padding: 0 10px;
}
 .store hr{
     display: block;
     margin: 0 auto 25px auto;
     width: 20%;
     height: 5px;
     background: #2c7373;
}
.store_liste_produits img {
	max-width: 400px;
	display: block;
	margin: 0 auto;
}

.pad15{
    padding: 15px;
}

/* bloc YOUTUBE */
 .youtube{
     padding: 70px 0;
}
 .youtube .padL{
     padding: 0 0 0 30px;
}
 .youtube cite{
     font-style: normal;
     font-size: 14px;
     text-transform: uppercase;
}
 .youtube p{
     margin: 0px;
     font-size: 14px;
     text-align: left;
     width: 100%;
}
 .other a{
     display: block;
     width: 33.33333333333333333%;
     float: left;
}
 .other span{
     display: block;
     padding: 0 5px 0 0;
}
 .other strong{
     display: block;
     font-size: 14px;
     color: #000;
}
 .abos{
     font-size: 40px;
     font-family: Liquido,Arial,sans-serif;
     color: #2c7373;
     padding: 5px 0 0 20px;
}
 .abos.padT{
     padding: 30px 0 0 0;
     font-size: 44px;
}
/*bloc infos*/
 .blocContent {
     display: block;
}
 .blocContent .blocPosition{
     margin:0 auto;
     min-height: 500px;
}
 .blocContent .blocPosition.back{
     background: #F5F5F5;
}
 .blocPosition .back{
     background: #F5F5F5;
     padding: 35px 30px 50px 30px;
}
 .blocPosition p{
     font-size: 18px;
     font-weight: 300;
     width: 100%;
     padding: 30px 0;
     text-align: justify;
}
 .blocPosition p.titre{
     font-family: AdventPro-Bold,Arial,sans-serif;
     text-align: center;
     font-size: 22px;
}
 .padding{
     padding: 25px;
}
 .fonc.blocPosition{
    width: 33.33%;
}
 .blocPositionPad{
     padding: 70px 0 10px 40px;
}
 .blocPositionBord{
     border: dashed 1px #AAA;
}
 .blocContent.flol{
     width: 50%;
}
 .blocContent.flor{
     background: url('/imgs/cover/img.villas.jpg') center no-repeat;
     background-size: 100%;
     transition: 0.5s;
     width: 50%;
     moz-background-size: cover;
     webkit-background-size: cover;
     background-size: cover;
}
 .swipe .blocContent.flol{
     background: url('/imgs/cover/img.spectacle.jpg') center no-repeat;
     transition: 0.5s;
     width: 50%;
}
 .swipe .blocContent.flor{
     width: 50%;
     background: none;
}
 .blocImg:hover {
     transition-delay: 0.5s;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     transform: scale(0.98);
}
 .blocImg img{
     max-width: 723px;
     display: table;
     margin: 0 auto;
}
 .blocPadPosition{
    padding: 0 30px 0 0;
}
 .blocContent .blocPosition h5{
     letter-spacing:2px;
     text-transform:uppercase;
     font-size:24px;
     font-weight:normal;
     text-align:center;
     padding:0;
     color:#E72F25;
     padding:0 0 20px 0;
     margin:0;
}
 .blocContent .blocPosition ul{
     color: #000;
     font-size: 18px;
     font-weight: normal;
     padding: 10px 45px;
     display: block;
     margin: 0px;
     list-style-type: none;
}
 .blocContent .blocPosition ul li{
     padding: 10px 0;
}
 .blocMain{
     width: 100%;
     padding: 70px 0;
}
 .blocMain.back{
     background: #313131;
     padding: 0px;
}
 .blocMainPad{
     padding: 50px;
}
 hr{
     width: 30%;
     height: 2px;
     margin: 25px auto 35px auto;
     background: #E72F25;
     display: block;
     border: none;
}
 .padTB{
     padding: 20px 0 50px 0;
}
 .marT50{
     margin: 50px 0 0 0;
}
 .padR30{
     padding: 0 30px 0 0;
}
 .imgBloc{
     display: block;
     margin: 0 auto;
     width: 50%;
}
 .lienStd{
     display: table;
     cursor:pointer;
     margin: 0 auto;
     padding: 20px 25px 20px 0;
     font-weight: normal;
     font-size: 16px;
     text-align: center;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     color:#FFF;
     font-style:italic;
     background: url('/imgs/picto/picto.arrow.png') right 23px no-repeat;
}
 .blocContent:hover .blocPosition .lienStd{
    padding: 20px 35px 0 0;
}
 table.dates{
     width: 100%;
     border-spacing: 0;
     border-collapse: collapse;
}
 table.dates strong{
     font-size: 28px;
     font-family: Lobster,Arial,sans-serif;
     color: #FFF;
     text-align: center;
}
 table.dates span{
     display: inline-block;
     font-size: 18px;
     text-transform: uppercase;
     color: #FFF;
     background-position: 0 center;
     padding: 0 0 0 30px;
     font-family: calibriRegular,Arial,sans-serif;
}
 table.dates td{
     padding: 20px 0;
     border-bottom: solid 1px #313131;
}
 .blocImage img{
    width: 100%;
}
 .blocButton .contentButton{
    margin: 0 auto;
}
 .blocButton{
    padding: 20px 0 60px 0;
}
/************** * BIOGRAPHIE * */
 .contentTextBio .absol{
    right: -15%;
     top: 50%;
     transform: translateY(-50%);
}
 .contentTextBio p{
    text-align: left;
     margin: 0;
}
 .contentTextBio .h1{
    font-size: 45px;
     line-height: 80px;
}
 .blocText p{
    text-align: justify;
     width: 100%;
     font-size: 16px;
     line-height: 24px;
}
 .blocContentBgText .img1{
    max-width: 600px;
}
 .blocContent.pompier p{
    width: 100%
}
 .bio2 .absol{
    top: -5%;
     right: 2%;
}
 .bio2 p{
    width: 100%;
     text-align: justify;
}
 span.big{
    font-size: 18px;
     font-family: 'Lobster', Arial, sans-serif;
     line-height: 60px;
}
 span.italique{
    font-family: 'calibriItalic', Arial, sans-serif;
}
 .bio3 a{
    color: #f9a13a;
     font-family: 'calibriItalic', Arial, sans-serif;
}
 .bio3 .blocBgImage .bgGrey{
    top: -5%;
     left: -5%;
}
 .bio3 .padding{
    padding: 50px;
}
 .bio2 .blocButton{
    padding: 0 0 50px 0;
}
 .bio2 .blocButton .padding{
    padding: 10px;
}
 .biographie .blocButton a{
    margin: 0 20px;
}
 .padImg1{
    padding: 60px 5px 0 0;
}
 .padImg2{
    padding: 60px 0 0 5px;
}
 .maxwidth{
    max-width: 1280px;
     margin: 0 auto;
}
/************** * CHRONIQUES * */
 .padding-bloc-video{
     padding:40px 60px;
}
/* PANIGATION */
 .nav .encours, .nav a.link:hover {
     background: #faa23a;
     color: #fff;
}
 .nav{
     display: table;
     margin: 0 auto;
}
 .nav a {
     color: #322a43;
     display: block;
     float: left;
     font-size: 16px;
     margin: 0 5px;
     padding: 7px 10px;
}
 .encours {
     background: #faa23a;
     color: #fff;
     padding: 3px;
     text-align: center;
}
 .nav span{
     display: block;
     float: left;
     padding: 0 5px;
}
 .tableSTD{
     width: 100%;
     text-align: left;
     border-collapse: collapse;
}
 .tableSTD tr th{
     padding: 12px 15px;
     font-size: 12px;
     color:#817e85;
}
 .tableSTD tr td{
     padding: 12px;
     font-size: 11px;
     color:#817e85;
     background: #FFF;
}
 .blocButtonSlide{
     padding: 50px 0;
}
 .chroniques .blocText.blocImage{
    width: 100%;
     height: 100%;
}
 .chroniques .imageTop img{
    width: auto;
}
 .chroniques .textTop{
    left: 15%;
     top: 40%;
     width: 40%;
}
 .chroniques .textTop h1{
    line-height: 120%;
     text-align: center;
}
 .chroniques .imageTop{
    right: 15%;
     top: 50%;
     transform: translateY(-50%);
}
 .btnSpe3{
     display: table;
     margin: 0 auto;
     background: #fff;
     border: 2px solid #faa23a;
     padding: 10px 30px;
     font-size: 18px;
     line-height: 22px;
     text-align: center;
     text-transform: uppercase;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     color: #faa23a;
     cursor:pointer;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     min-width: 150px;
     font-family: 'calibriBold', Arial, sans-serif;
}
 .btnSpe3:hover, .btnSpe3.sel{
     background: #faa23a;
     color: #FFF;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
 .m0auto{
    margin: 0 auto;
}
 .blocInfos span:nth-child(1){
     font-size: 25px;
     font-family: 'Lobster', Arial, sans-serif;
     line-height: 60px;
     display: block;
     text-align: center;
     line-height: 35px;
}
 .blocInfos span:nth-child(3){
     font-size: 16px;
     font-family: 'calibriRegular', Arial, sans-serif;
     color: #faa23a;
     text-align: center;
     display: block;
}
 .videoTitre, .videoTexte{
    display: block;
     width: 100%;
     padding: 5px 0;
}
 .videoTexte{
    padding: 20px 0 40px 0;
}
 .blocInfosVideo strong{
    font-family: 'calibriLight', Arial, sans-serif;
     font-size: 14px;
}
 .video.bgGrey{
    border-bottom: 2px solid #faa23a;
}
 .video.bgGrey .absol{
    top: 1%;
     right: 1%;
     z-index: 1000;
     width: 5%;
}
 strong.videoTitre{
    font-family: 'Lobster', Arial, sans-serif;
     font-size: 18px;
     font-weight: 400;
}
 .blocInfosVideo .date{
    text-align: right;
}
/******** * ACTU * */
 .actuCont .pad{
     padding: 30px;
}
 .actuCont .back{
     background: #19717b;
     padding: 30px;
}
 .actuCont strong{
     display: block;
     float: left;
     color: #FFF;
     font-size: 18px;
     font-weight: normal;
}
 .actuCont span{
     display: block;
     float: right;
     color: #FFF;
     font-size: 18px;
}
 .actuCont p{
     color: #FFF;
     font-size: 12px;
     text-align: left;
     font-size: 14px;
     width: 100%;
}
 .actuCont a{
     display: block;
     color: #FFF;
     font-size: 20px;
     min-height: 250px;
     width: 100%;
}
 .actuCont .img{
     min-height: 250px;
     width: 100%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     -moz-background-size: cover;
     -webkit-background-size: cover;
     border: solid 2px #ffff00;
}
/************ * CARTE * */
 .titre_top{
     text-align: center;
     padding: 100px 0 50px 0;
}
 .store .titre_top{
     padding: 0 0 50px 0;
}
 .biographie .titre_top{
     padding: 100px 0 0 0;
}
 .tournee .titre_top{
     border-top: solid 1px #313131;
}
 .carte-tournee, .contact, .videos, .actualites, .livre-jeu, .details-produit, .contact-espace-pro{
     padding: 160px 0 0 0;
}
 .tournee{
     padding: 120px 0 0 0;
}
 .reg_mid{
     background: url('/imgs/bg.top.jpg') 0 0 no-repeat;
     min-height: 200px;
     padding: 20px 0;
}
 #map-canvas.theMap{
     border-top: solid 3px #faa23a;
     height: 700px;
}
 .gm-style-iw strong{
     font-size: 22px;
     text-align: center;
     display: block;
}
 .gm-style-iw span{
     font-size: 16px;
     text-align: center;
     display: block;
}
 .gm-style-iw a{
     display: block;
     padding: 5px 25px;
     text-align: center;
     background: #ffff00;
     color: #000;
     font-size: 16px;
     text-decoration: none;
     margin: 10px auto;
}
 .theTypeCont{
     margin: 0 auto;
     padding: 25px 0;
     display: table;
}
 .thetype{
     display: inline-block;
     padding: 15px 30px 0 60px;
     min-height: 45px;
     font-size: 16px;
}
 .thetype.type1{
     background: url('/imgs/picto.maps1.png') 0 center no-repeat;
}
 .thetype.type2{
     background: url('/imgs/picto.maps2.png') 0 center no-repeat;
}
 .thetype.type3{
     background: url('/imgs/picto.maps3.png') 0 center no-repeat;
}
 .thetype.type4{
     background: url('/imgs/picto.maps4.png') 0 center no-repeat;
}
 .thetype.type5{
     background: url('/imgs/picto.maps5.png') 0 center no-repeat;
}
 .img_tournee{
    width: 80%;
    background: #EBEBEB url('/imgs/contenu/img-tournee.png') right 0 no-repeat;
    background-size: contain;
    min-height: 460px;
    margin: 50px auto;
}
 .TDT{
     width: 100%;
}
 #tournee table.dates span{
     color: #313131;
}
 #tournee table.dates strong{
     color: #313131;
}
/********** * CINEMA * */
 .cinema .video{
    margin: 0 auto;
     display: block;
     width: 50%;
}
 .blocInfosPub strong{
     font-weight: normal;
     font-family: 'calibriRegular', Arial, sans-serif;
     display: block;
     width: 100%;
     text-align: center;
     padding: 5px 0;
}
 .blocInfosPub strong:nth-child(1){
    font-size: 22px;
     text-transform: uppercase;
}
 .blocInfosPub strong:nth-child(2){
    font-size: 18px;
}
 .cinema .thumbPad{
    padding-top: 190px;
}
 .cinema .reg_content p{
    text-align: left;
}
 .btnCin{
     margin: 0 auto;
     padding: 8px 40px;
     font-size: 18px;
     text-align: center;
     text-transform: uppercase;
     border: none;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     letter-spacing: 0.5px;
     color: #FFF;
     cursor: pointer;
     background: #313131;
     font-family: calibriRegular,Arial,sans-serif;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     margin-left: 53px;
}
 .btnCin:hover, .btnCin.sel {
     background: #01bcc5;
     color: #FFF;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
 .cinema .fa{
    color: #faa23a;
}
 .cinema .theatre{
    margin: 133px auto 0 auto;
     width: 80%;
}
 .cinema .bgT{
    min-height: 500px;
}
/*********** * SCENE * **********/
 .lightSlideRealCont{
     width: 100%;
     min-height: 500px;
     position: relative;
     top: -30px;
}
 .scene{
     padding: 60px 0 0 0;
}
 .scene_resume{
    padding: 30px 30px 0 0;
}
 .scene .UPER{
    text-transform: uppercase;
     color: #000;
}
 .vidContain {
     width: 100%;
     height: 500px;
     position:relative;
     display:inline-block;
     overflow: hidden;
}
 .vidContain video{
     width: 100%;
}
 .vid {
     position: absolute;
     top: -35%;
     left:0;
     width: 100%;
     height: 100%;
     z-index: -1;
}
 .content {
     position:absolute;
     top:0;
     left:0;
     background: black;
     color:white;
}
 .stopfade {
     opacity: .5;
}
 .scene.reg_content p{
     text-align: justify;
}
 .txt1 span{
     color: #00bcc5;
}
 ul.std{
     list-style-type: none;
     padding: 0 20px 0 50px;
}
 ul.std li{
     font-size: 18px;
     font-weight: 300;
     padding: 5px 0 5px 35px;
     background-position: left center;
}
 .theatre{
     margin: 50px auto 0 auto;
     width: 90%;
}
 .scene.bloc1{
     background-image: url('/imgs/contenu/rec1.jpg') 0 0 no-repeat;
}
 .propos{
     padding: 0 50px;
}
 .rec{
     background-color: #ebebeb;
     height: 435px;
}
 .store .rec{
     height: auto;
}
 .Pad{
     padding: 40px;
}
 .store.rec.Pad.reg_content p{
     color: blue;
}
 .padT2{
    padding: 20px 10px 20px 50px;
}
 .bgT{
    background: url('/imgs/contenu/bg.scene-1.jpg') 0 0 no-repeat;
     min-height: 460px;
     background-size: cover;
}
 .bgT span{
     display: block;
     font-size: 20px;
     color: #555;
     font-weight: 600;
}
 .bgTPad{
     padding: 55px;
}
 .theatre .h1{
    font-size: 30px;
     color: #01bcc5;
}
 .blocTheatre1 .absol{
    right: 1%;
     top: 50%;
     transform: translateY(-50%);
}
 .blocTheatre2 .absol{
    left: 15%;
     top: 50%;
     transform: translateY(-50%);
}
 .affiche img{
    max-width: 350px;
     display: block;
     margin: 0 auto;
}
 .quote{
    position: relative;
     top: -5px;
     right: -3px;
     padding: 0 2px;
     font-size: 12px !important;
     color: #01bcc5;
}
 .thumbnail{
    padding: 100px 0;
}
 .thumbPad{
    padding: 10px;
}
/*********** * VIDEOS * **********/
 .videoCont .pad{
     padding: 25px 50px 25px 50px;
}
 .videoCont object{
     border: solid 5px #2C7373;
}
 .videoCont h2{
     font-family: Liquido,Arial,sans-serif;
     padding: 15px 0 10px 0px;
     font-size: 34px;
}
/************* * SPECTACLE * *************/
 form.search{
    width: 70%;
}
 .search .squareBox .bord{
     padding: 35px 0;
}
 .search fieldset{
     margin: 0px;
     padding: 0px;
     height: 100%;
}
 .search input[type="text"]{
    background: #e1e1e1;
    width: 100%;
    border: none;
    font-size: 18px;
    color: #f9a13a;
    height: 35px;
    text-indent: 15px;
    border: solid 1px #01bcc5;;
}
 .search label{
     height: 100%;
     width: 60%;
     float: left;
     padding: 5px 0px;
     display: block;
}
 .search ::-webkit-input-placeholder {
     color: #f9a13a;
}
 .search :-moz-placeholder {
     color: #f9a13a;
     opacity: 1;
}
 .search ::-moz-placeholder {
     color: #f9a13a;
     opacity: 1;
}
 .search :-ms-input-placeholder {
     color: #f9a13a;
     font-family: 
}
 .search :placeholder-shown {
     color: #f9a13a;
     font-family: 
}
 .search input[type="submit"]{
     margin: 40px auto 0 auto;
}
/************* * LIVRE / JEUX * *************/
.img_tournee .textLJ p{
    color:#2c7373;
}
 .square2 .squareBox .txt{
    background:#ebebeb;
     width: 75%;
     margin: 0 auto;
}
 .square2 .squareBox .bord{
    height: 250px;
}
 .black{
    color:#000;
}
 .blocLivres, .blocJeu{
     margin: 50px 0;
}
 .blocLivres.spec, .blocJeu.spec{
     margin: 90px 0 50px 0;
}
 .square2 .squareBox{
    margin: 0 auto;
}
 .square2 .squareBox .txt p{
    padding: 15px;
}
 .reg_content .textLJ p{
    width: 90%;
}
 .blocLJdetail{
    max-width: 444px;
     margin: 0 auto;
}
 .textL p{
    color:#2c7373;
}
 .blocDetail .blocPositionPad{
    padding: 0px 40px;
}
 .detailPro .textLJ p{
    width: 100%;
     text-align: left;
     font-size: 22px;
     text-transform: uppercase;
}
 .textLJ .btnSpe{
    display: inline-block;
}
 .buttonD{
    margin-top: 25px;
}
 .BlocLivraison{
    margin-top: 30px;
}
 .BlocLivraison .hr span{
    width: 100%;
     height: 3px;
}
 .BlocLivraison a{
    text-transform: uppercase;
     font-size: 17px;
}
 .BlocLivraison .padTB{
    padding: 30px 0 30px 0;
}
 .blocLivres .desc p{
    text-align: justify;
     width: 80%;
     font-size: 14px;
     margin: 0px;
     line-height: 22px;
}
 .blocLivres .desc1 p{
    text-align: left;
     width: 85%;
}
 .blocLivres .squareBox .txt{
    width: 60%;
     margin: 0px 20px;
     font-size: 15px;
}
 .blocLivres .squareBox .txt strong{
     display: block;
     color: #2c7373;
     font-size: 16px;
}
 .blocLivres .squareBox .txt span{
     display: block;
     color: #363636;
     font-size: 26px;
     padding: 30px 0 0 0;
}
 .blocLivres .squareBox .txt p{
     display: block;
     color: #363636;
     font-size: 12px;
     text-transform: none;
}
 .livre-jeu .blocLJ{
     max-width: 300px;
}
 .livre-jeu .blocLJPad{
     padding: 0px;
}
/************* *** BOUTON *** **************/
 .btnStd{
     display: table;
     margin: 0 auto;
     padding: 8px 40px;
     font-size: 18px;
     text-align: center;
     text-transform: uppercase;
     border: none;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     letter-spacing: 0.5px;
     color: #000;
     cursor: pointer;
     background: none;
     border: solid 2px #313131;
     font-family: calibriRegular,Arial,sans-serif;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
}
 textarea{
    resize: none;
}
 .btnSpe{
     display: table;
     margin: 0 auto;
     background: #00bcc5;
     padding: 10px 30px;
     font-size: 16px;
     line-height: 22px;
     text-align: center;
     text-transform: uppercase;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     color: #FFF;
     cursor:pointer;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
}
 .btnSpe.red{
     background: #FF0000;
     margin: 10px 0 0 0;
}
 table .btnSpe{
     display: inline-block;
     text-align: center;
     margin: 0 auto;
}
 .btnSpe:hover, .btnStd:hover{
     background: #313131;
     color: #FFF;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
 .btnSearch{
     display: table;
     margin: 0 auto;
     padding: 15px 16px;
     font-weight: normal;
     font-size: 12px;
     text-align: center;
     text-transform: uppercase;
     border: none;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     background: #F48024;
     border:solid 1px #F48024;
     color:#FFF;
     font-family: AdventPro-Bold,Arial,sans-serif;
     cursor:pointer;
}
 .btnSearch.spec{
     display: block;
     width: 20%;
     margin: 0 auto;
     padding: 16px 0;
     font-size: 16px;
}
 #formSearch input.spe{
     width: 20%;
     height: 40px;
}
 .fontgris .btnSpe{
    margin: 40px auto 0 auto;
}
 .btnPad {
    margin: 40px auto 0 auto;
}
/************* *** PRESSE *** **************/
 .presseTitle span{
    color: #f9a13a;
     font-family: 'calibriRegular', Arial, sans-serif;
     font-size: 30px;
}
 .presseTexte p{
    font-family: 'Lobster', Arial, sans-serif;
     font-size: 26px;
     text-align: left;
     padding: 30px 0;
}
 .presseTexte p i{
    color: #00bcc5;
     font-size: 14px;
     position: relative;
     top: -10px;
}
 .presseImg img{
    max-width: 150px;
     width: auto;
}

.error{
    font-size: 20px;
    font-weight: 600;
    color: red;
    padding: 10px 0;
}
/************** *** CONTACT *** ***************/
/*= input focus effects css =========================== */
 :focus{
    outline: none;
}
 .col-3{
     position: relative;
     margin: 0 0 30px 0;
}
/* necessary to give position: relative to parent. */
 .col-3 input[type="text"], .col-3 textarea, input.spec{
     color: #2e7474;
     font-size: 18px;
     padding: 15px;
     border: none;
     width: 100%;
     font-family: 'calibriRegular', Arial, sans-serif;
     box-sizing: border-box;
     letter-spacing: 2px;
     background-color: #EBEBEB;
}
 .bkg_fb{
     background: url('/imgs/contenu/bkg_fb.jpg') no-repeat center center;
     height: 220px;
}
 .bkg_fb span.big{
     font-size: 23px;
}
 .ORG{
     font-style: normal;
     font-size: 16px;
     color: #f9a13a;
     font-family: calibriBold,Arial,sans-serif;
     padding-left: 25px;
}
.contactFb{
    max-width: 400px;
}
.contactFb p{
    color: #313131;
    text-align: left;
}
 .contact .reg_contentBot{
     margin: 0px;
}
 .img_contact{
     width: 35%;
     padding-bottom: 35px;
}
 .padImg{
     padding: 0 30px 30px 30px;
}
 .effect-7, .effect-8, .effect-9{
    border: 1px solid #ccc;
     padding: 7px 14px 9px;
     transition: 0.4s;
}
 .effect-7 ~ .focus-border:before, .effect-7 ~ .focus-border:after{
    content: "";
     position: absolute;
     top: 0;
     left: 50%;
     width: 0;
     height: 2px;
     background-color: #9ABCBC;
     transition: 0.4s;
}
 .effect-7 ~ .focus-border:after{
    top: auto;
     bottom: 0;
}
 .effect-7 ~ .focus-border i:before, .effect-7 ~ .focus-border i:after{
    content: "";
     position: absolute;
     top: 50%;
     left: 0;
     width: 2px;
     height: 0;
     background-color: #9ABCBC;
     transition: 0.6s;
}
 .effect-7 ~ .focus-border i:after{
    left: auto;
     right: 0;
}
 .effect-7:focus ~ .focus-border:before, .effect-7:focus ~ .focus-border:after{
    left: 0;
     width: 100%;
     transition: 0.4s;
}
 .effect-7:focus ~ .focus-border i:before, .effect-7:focus ~ .focus-border i:after{
    top: 0;
     height: 100%;
     transition: 0.6s;
}
/* =========================== */
 .blocContact{
     padding: 50px 30px;
     background: #ebebeb;
}
 .blocContactPad{
     padding: 0 20px;
}
 .blocLJPad{
     padding: 0 20px;
}
 .blocContact strong{
     font-family: Lobster,Arial,sans-serif;
     text-align: center;
     font-size: 22px;
     display: block;
     padding: 15px 0 30px 0;
}
 .blocContact span{
     text-align: center;
     font-size: 24px;
     display: block;
     color: #000;
     padding: 0 0 20px 0;
     font-family: calibriLight,Arial,sans-serif;
}
 .blocContact cite, .blocContact a.cite{
     font-style: normal;
     display: block;
     text-align: center;
     font-size: 16px;
     padding: 0 0 10px 0;
     color: #f9a13a;
     font-family: calibriBold,Arial,sans-serif;
}
 .blocGris{
     background: #ebebeb;
     padding: 20px;
     min-height: 200px;
}
 .blocGris .pad{
     padding: 5px 25px;
}
 .blocLJ{
     width: 100%;
     display: block;
     margin: 0 auto;
     max-width: 250px;
}
 .blocLJ .pad{
     padding: 5px 25px;
}
 .formContent {
     background: #FFFFFF;
     padding: 50px 0;
     width: 90%;
     margin: 0 auto;
}
 .formContent .formPad{
     padding: 0 60px 0 0;
}
 .formContent h2{
     font-family: Liquido,Arial,sans-serif;
     font-size: 50px;
     padding: 0 0 30px 10px;
}
 .formSel{
     background: #FFF;
     padding: 0 0 60px 0;
     width:40%;
     margin: 0 auto;
}
 .formSel.spec{
     width: 90%;
}
.formSel label.spe{
     color: #292929;
     font-family: AdventPro-Bold,Arial,sans-serif;
     font-size: 14px;
     display:block;
     font-weight: normal;
     text-transform:uppercase;
     padding: 0 0 10px 0;
}
.formSel i.nbOffre{
     color: #292929;
     font-family: AdventPro-Light,Arial,sans-serif;
     font-size: 14px;
     display:block;
     font-weight: normal;
     padding: 10px 0;
}
input.std{
     display: block;
     font-size: 14px;
     border: solid 1px #dddddd;
     height: 30px;
     width: 100%;
     text-indent:10px;
     padding: 5px 0;
     margin: 10px 0 0 0;
     color: #aaaaaa;
     font-family: AdventPro-Light,Arial,sans-serif;
}
input.std.none{
     display: none;
}
input.spe{
     display: block;
     font-size: 15px;
     border-top: none;
     border-left: none;
     border-bottom: none;
     border-right: solid 1px #FFF;
     height: 30px;
     width: 76%;
     text-indent:10px;
     padding: 8px 8px 8px 40px;
     margin: 0;
     color: #F48024;
     background: #ddd url('/imgs/picto/picto-search.png') 10px center no-repeat;
     font-family: AdventPro-Regular,Arial,sans-serif;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
input.spe.cat1{
     background: #ddd url('/imgs/picto/picto-poste.png') 7px center no-repeat;
     text-indent: 30px;
}
input.spe.cat2{
     background: #ddd url('/imgs/picto/picto-city.png') 7px center no-repeat;
     text-indent: 30px;
}
input.spe:focus{
     background: #FFF;
     -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
     transition: all 0.2s ease-in;
     outline: none;
}
select.std{
     display: block;
     font-size: 12px;
     border: solid 1px #dddddd;
     height: 35px;
     width: 305px;
     color: #000;
     margin: 0 10px 0 0;
     text-indent: 2px;
     font-family: AdventPro-Light,Arial,sans-serif;
}
 textarea.std{
     display: block;
     height: 120px;
     font-size: 14px;
     border: solid 1px #dddddd;
     width: 100%;
     text-indent:10px;
     padding: 10px 0;
     margin: 10px 0 0 0;
     color: #aaaaaa;
     font-family: AdventPro-Light,Arial,sans-serif;
}
 fieldset{
     border:none;
     padding: 15px 0;
     margin: 0;
}
 label.std{
     line-height: 22px;
     font-size: 12px;
     display: block;
     color: #000;
}
fieldset cite.note{
     padding: 10px 10px 10px 25px;
     font-weight: normal;
     font-size: 11px;
     font-style:italic;
     display:block;
     color:#000000;
     text-align:right;
     font-family: Montserrat-Hairline,Arial,sans-serif;
}
.flol .padField {
    padding: 15px 30px 15px 0;
}
.width50{
    width:50%;
}
.blocCoord{
    width:30%;
}
.blocMap{
    width:70%;
}
::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
    color: #aaaaaa;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
    color: #aaaaaa;
    opacity: 1;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
    color: #aaaaaa;
    opacity: 1;
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
    color: #aaaaaa;
}
:placeholder-shown {
    color: #aaaaaa;
}
.aucunesInfos{
    font-size: 30px;
    text-align: center;
    padding: 0 0 50px;
}
.img_contactTop{
    right: 0;
    top: 0;
}
.img_contactBot{
    left: 0;
    bottom: -4px;
}
.logoBot{
    width: 60%;
    margin: 0 auto;
}
.logoBot img{
    max-width: 205px;
}
/**** Coordonnees ***/
.contactInfo{
    padding: 0 10px 0 0;
}
 .contactInfo h4{
     font-size:14px;
     padding: 5px 0;
     color: #292929;
     display:block;
     font-family: AdventPro-Bold,Arial,sans-serif;
     line-height:25px;
     font-weight:normal;
     padding: 0 0 18px 0;
}
 .contactInfo span{
     font-size:12px;
     font-family: AdventPro-Light,Arial,sans-serif;
     padding: 8px 0 8px 30px;
     display:block;
     line-height:22px;
     color: #292929;
     font-weight:normal;
}
 .contactInfo span.loc{
    background: url('/imgs/picto/picto.location-black.png') 0 10px no-repeat;
}
 .contactInfo span.phone{
    background: url('/imgs/picto/picto.phone-black.png') 0 10px no-repeat;
}
 .contactInfo span.mail{
    background: url('/imgs/picto/picto.mail-black.png') 0 10px no-repeat;
}
 .adresse3beesRes{
     font-size: 26px;
     text-align: center;
     padding: 40px 0 0 0;
}
 .adresse3beesRes .one{
     font-size: 32px;
     font-weight: 600;
     padding: 0 0 30px 0;
}
 .adresse3beesRes .two{
    padding: 0 0 30px 0;
}
 .pictoInfo img{
    display: block;
     margin: 0 auto;
}
/*************** *** MENTIONS *** ****************/
 .mentionsCont{
     width: 60%;
     margin: 0 auto;
     padding: 50px 0;
}
 .mentionsCont.ml{
     display: table;
     margin: 25px auto;
     padding: 0;
     width: auto;
}
 .mentionsLeg.confid{
     font-size: 16px;
     line-height: 22px;
}
 .mentionsLeg {
    padding: 10px 0;
}
 .mentionsLeg .mentionsL{
     color: #000000;
     display: inline;
     font-family: "calibriBold", Arial, sans-serif;
     font-size: 16px;
     font-weight: normal;
     font-style: normal;
     text-transform: uppercase;
     padding: 0 15px;
}
 .mentionsLeg .mentionsR{
     color: #000000;
     display: inline;
     font-size: 16px;
     font-family: "calibriLight", Arial, sans-serif;
     line-height: 20px;
     line-height: 15px;
     text-align: left;
     font-weight: normal;
}
/*********** * ECRAN 13 POUCES */
 @media screen and (max-width: 1366px) {
     .bgT{
        min-height: 472px;
    }
     .cinema .bgT{
        min-height: 510px;
    }
}
/*********** * TABLETTE PAYSAGE */
 @media screen and (max-width: 1024px) {
     .reg_content{
        width: 98%;
    }
     .menuCell a.none{
         margin: 0 14px;
    }
     .menuTab .menuRow .menuCell .rs{
         margin: 0 5px;
    }
     .lesOffres span.contentOffre strong{
        font-size: 16px;
    }
     .lesOffres span.contentOffre cite{
        font-size: 14px;
    }
     .bgParalax.goupeIncompliance, .bgParalax.slideBot{
        padding: 50Px 0;
    }
     .slideBot h4{
        font-size:16px;
         padding: 10px 0 30px;
    }
     .botCell strong{
        font-size:15px;
    }
     .contentBotLien strong{
        font-size:16px;
    }
     .lienStd{
        font-size: 14px;
    }
     .bgParalax .widthBlocPara{
        width: 80%;
    }
     .blocEntreprise1 .blocContent .blocPosition p{
        line-height: 18px;
         padding: 15px;
    }
     .blocEntreprise1 .blocContent .blocPosition h5{
         padding: 26px 30px 20px;
    }
     .formContent{
        width:70%;
    }
     .botCell strong{
        padding: 15px 0;
    }
     .part1 {
         padding: 0 0 30px;
    }
     .groupe .logo img {
         display: block;
        width:100%;
    }
     .lesOffres a.offres{
         width: 23.9%;
    }
     .detailOffre .contactOffre{
         width: 90%;
    }
     a.name, .titre1{
         font-size: 30px;
         line-height: 30px;
    }
     .titre2, .squareBox .txt{
         font-size: 16px;
    }
     .btnStd{
         font-size: 12px;
    }
     .slideHome .partL{
         padding: 150px 0 0 0;
    }
     .actualites .w33.flol{
         width: 50%;
    }
     .h1spe{
        font-size: 32px;
    }
     .h1{
        font-size: 50px;
    }
     .blocContentActu .w33.flol>.padding{
        padding: 10px;
    }
     .accueil .datetournee>.blocMainPad{
        padding: 30px
    }
     .logoJeanfi.w20{
        width: 35%;
    }
     .texteActu p{
        font-size: 14px;
    }
     .bio2 .absol{
        top: 2%;
    }
     .blocText p{
        font-size: 14px;
    }
     .contentTextBio .absol{
        right: -20%;
    }
     .chroniques .w80{
        width: 90%;
    }
     .video iframe{
        height: 200px !important;
    }
     .blocInfosVideo .padding{
        padding: 15px;
    }
     .chroniques .textTop{
        left: 8%;
    }
     .search input[type="text"]{
        font-size: 15px;
    }
     .search input[type="submit"]{
        margin: 10px auto;
    }
     .search .h1{
        font-size: 35px;
    }
     table.dates strong{
        font-size: 24px;
    }
     .cinema .video iframe{
        min-height: 280px !important;
    }
     .formContent .w40, .formContent .w60{
        width: 100%;
    }
     .blocInfosFB{
        display: block;
    }
     .contact .formContent > .formPad > div > .w40{
        display: none;
    }
     .InfosFB{
        padding: 25px 0;
    }
     .InfosFB p{
        text-align: left;
    }
     .InfosFB p span{
        line-height: 100%;
    }
     .bgActu{
        min-height: 182px !important;
    }
     form.search{
         width: 100%;
    }
    .contentMenuTop .menuTab .menuRow .menuCell a.none {
        margin: 0;
        display:block;
        padding:2px 0;
        text-align:right;
        font-size: 20px;
        border: none;
    }
    .submenu a.none{
        background-color: transparent;
    }
    .contentMenuTop .menuTab .menuRow .menuCell a.none.sublink{
        display: none;
    }
    .submenu{
        display: block!important;
        position: initial!important;
    }
    .submenu a.none{
        padding: 7px 0px!important;
        background-color: none;
    }    
}
/*********** * PETITE TABLETTE PAYSAGE */
 @media screen and (max-width: 880px) {
     .padding-bloc-video{
        padding:35px 30px;
    }
     .contentMenuTop{
         padding: 10px 15px;
    }
     .contentMenuTop .menuTab .menuRow .menuCell {
        float:none;
         display:block;
         width:100%;
         margin: 0;
    }
    .contentMenuTop .menuTab .menuRow .menuCell a.home{
        display:table;
        border: none;
    }
     .reg_topGauche.flol{
        width: 70%;
    }
     .reg_topDroite.flor{
         width: 30%;
    }
     .topone{
         background: url('/imgs/picto/picto.topone.png') 15px bottom no-repeat;
    }
     .toptwo{
         background: url('/imgs/picto/picto.toptwo.png') 15px bottom no-repeat;
    }
     .menuTab .menuRow .menuCell .rs{
        display:none;
    }
     .menuCell{
         margin: 0 0 5px 0;
    }
     .menuTab .menuRow{
         display: block;
    }
     .menuTab{
        display: block;
         height: 31px;
         overflow:hidden;
         text-align: center;
    }
    : .compteClient a{
         padding: 4px 6px 4px 6px;
    }
     .compteClient cite{
        padding: 4px 6px 4px 6px;
    }
     .botFooterGauche.flol, .botFooterDroite.flor{
        float:none;
         display:table;
         margin: 0 auto;
    }
     .cl-effect-4 a.none.sel,.cl-effect-4 a.none:hover{
        border-bottom:0;
    }
     .cl-effect-4 a.none:hover::after, .cl-effect-4 a.none:focus::after {
        height:0;
    }
     .blocContent .blocPosition h5 {
        font-size: 18px;
        letter-spacing: 0;
    }
     .lienStd{
        font-size: 13px;
    }
     .bgParalax .widthBlocPara{
        width: 90%;
    }
     .contentBotLien a{
        padding: 3px 0;
    }
     .part2 {
         padding: 15px 0;
    }
     .blocEntreprise1 .blocContent .blocPosition h5 {
         padding: 20px 30px 10px;
    }
     .blocEntreprise1 .blocContent .blocPosition p{
        font-size: 11px;
    }
     .blocEntreprise2 .blocContent .blocPosition p{
        line-height: 20px;
    }
     .blocEntreprise2 .blocContent .blocPosition h5{
        font-size: 18px;
    }
     .blocEntreprise3 .blocContent .blocPosition h5{
         padding: 14px 40px 20px;
        font-size: 13px;
    }
     .blocEntreprise3 .blocContent .blocPosition p{
        padding: 10px 40px;
    }
     .blocEntreprise3{
        margin: 0 0 30px;
    }
     .formContent{
        width:80%;
    }
     .bgParalax.bgIntro {
         padding: 80px 0;
    }
     .detailOffre .contentOffre strong.poste{
        font-size:16px;
    }
     .detailOffre .contentOffre cite.loc{
        font-size:14px;
    }
     .bgParalax h3{
        font-size: 18px;
    }
     .blocPosition h2{
         font-size: 20px;
    }
     .swipe .blocContent.flor, .swipe .blocContent.flol, .blocContent.flol, .blocContent.flor, .situation .swipe .blocContent.flol{
         width: 50%;
    }
     a.logoTop{
         padding: 0px;
    }
     #bloc2R{
         display: none;
    }
     hr.style11.spec{
         margin: 20px auto;
    }
     .slideHome .partL, .slideHome .partR{
         float: none;
         width: 80%;
         margin: 0 auto;
    }
     .slideHome .partL{
         padding: 50px 0 0 0;
    }
     .dinResp{
         display: none;
    }
     .slideHome .partR{
         height: 67%;
    }
     .imgTriangle4{
         top: 10%;
    }
     .imgFabien{
         left: 50%;
         transform: translateX(-50%);
    }
     .formContent .flor.w30{
         display: none;
    }
     .formContent .flol.w70, .blocContact .w33.flol{
         width: 100%;
         float: none;
    }
     .spectacle .wide-container{
         display: none;
    }
     .center80{
         width: 100%;
    }
    .menuCell.back{
        background: rgba(255,255,255,0.9);
    }
     .scene .w80{
        width:70%;
    }
     .scene .w20{
        width:30%;
    }
     .scene .h1{
        font-size: 32px;
         padding-top: 20px;
    }
     .chroniques .btnSpe3{
        padding: 10px 16px;
    }
     .formContent .formPad{
        padding: 0;
    }
     .wide-container {
         height: 400px;
    }
     .accueil{
         padding: 25px 0 0 0;
    }
}
/*********** * TABLETTE PORTRAIT */
 @media screen and (max-width: 768px) {
     .padding-bloc-video{
        padding:35px 30px;
    }
     .reg_topGauche.flol{
         width: 30%;
    }
     .reg_topDroite.flor{
         width: 70%;
    }
     .contentMenuTop{
         padding: 0px 15px;
    }
     .botCell strong {
        padding: 10px 0 0 0;
    }
     .blocSeo h3{
         font-size: 18px;
    }
     .contentBotLien cite{
        font-size:10px;
    }
     .detailOffre .contentOffre strong.poste{
        font-size:14px;
    }
     .detailOffre .contentOffre cite.loc{
        font-size:13px;
    }
     .detailOffre .contentOffre p.desc{
        font-size: 11px;
         line-height: 20px;
    }
     .bgParalax h3{
        font-size: 16px;
    }
     input.std,textarea.std{
        font-size:13px;
    }
     .blocContent .blocPosition .blocPadPosition {
        padding: 50px 40px;
    }
     .lesOffres a.offres{
         width: 100%;
         float: none;
    }
     .btnSearch.spec{
         font-size: 14px;
    }
     .blocMain .w70, .blocMain .w30{
         float: none;
         width: 100%;
    }
     .search label{
         font-size: 12px;
    }
     .livre-jeu .w50.flol{
         width: 50%;
    }
     .livre-jeu .blocLJPad{
         padding: 50px 0 0 0;
    }
     .blocLivres .squareBox .txt{
         margin: 0 auto;
    }
     .contentTextBio .absol{
        right: -25%;
    }
     .bio3 .padding{
        padding: 20px;
    }
     .scene .w80{
        width:70%;
    }
     .scene .w20{
        width:30%;
    }
     .scene .propos{
        padding: 0 5px;
    }
     .scene .h1{
        font-size: 25px;
    }
     .scene .bgT{
        min-height: 360px;
    }
     .scene .bgTPad{
        padding: 15px;
    }
     .scene.reg_content p{
        padding: 10px;
    }
     .scene .bgT span{
        font-size: 17px;
         background-size:none;
    }
     .chroniques .w30, .chroniques .w40{
        width: 100%;
    }
     .cinema .btnCin{
        font-size: 12px;
    }
     .cinema .video{
        width:100%;
    }
     .presse .presseImg img{
        width:12%;
    }
     .presse .presseTexte p{
        font-size: 20px;
    }
     .presse .presseTitle span{
        font-size: 25px;
    }
     .contact .img_contact{
        width:20%;
    }
     .blocActu .padding{
        padding: 10px 6px;
    }
     .accueil .blocMain.jeanfi{
        padding: 0px 0 70px 0;
    }
     table.dates strong{
        font-size: 20px;
    }
     .contentBotLien .w70{
        width: 100%;
    }
     .contentBotLien i{
        font-size: 20px;
    }
     .part3{
        padding: 15px 0;
    }
     .bgActu{
        min-height: 129px !important;
    }
     .contentTextBio .blocImage img{
        width: 85%;
    }
     .contentTextBio .blocImage{
        right: -35%;
    }
     .reg_content p{
        font-size: 14px;
    }
     h1, .h1{
        font-size: 40px;
    }
     h1 span, .h1 span{
        font-size: 16px
    }
     ul.std li{
        font-size: 14px;
    }
     .vidContain{

     
        height: 400px;
    }
     .scene .bgT{
        min-height: 290px;
    }
     .chroniques .w80{
        width: 100%;
    }
     .chroniques .btnSpe3{
        padding: 5px;
    }
     .chroniques .imageTop{
        right: -5%;
         top: 59%;
    }
     .chroniques .imageTop img{
        width: 70%;
         margin: 0 auto;
    }
     .blocInfosRadio .flol .bgGrey{
        min-height: 200px;
         width: 50%;
         margin: 0 auto;
    }
     .search .pad80{
        padding: 20px;
    }
     table.dates span{
        font-size: 16px;
    }
     .cinema .theatre img{
        top: -30px;
    }
     .bgTPad{
        padding: 10px;
    }
     .cinema .bgT{
        min-height: 330px;
    }
     .cinema .theatre{
        margin: 0 auto;
    }
     .theatre .h1{
        font-size: 22px;
    }
     .bgT span{
        font-size: 14px;
    }
     .blocInfosRadio .flol .bgGrey{
        width: 100%;
    }
    /* store */
    .store_liste_produits .w60,
    .store_liste_produits .w40 {
    	width: 100%;
    	float: none;
    }
}
/*********** * TABLETTE PORTRAIT */
 @media screen and (max-width: 740px) {
     .padding-bloc-video{
        padding:35px 30px;
    }
     .texteActu p{
        font-size: 12px;
    }
     .theatre img{
        top: -40px;
    }
     .search input[type="submit"]{
        margin: 15px auto;
         float: none;
         font-size: 14px;
         padding: 5px 30px;
         background: #01bcc5;
         color: #FFF;
    }
     .contentBotLien .w70{
        width: 100%;
    }
     .blocMain.swipe.jeanfi .blocPositionPad {
        padding: 0px 0 10px 40px;
    }
     .contentBotLien span{
        text-align: center;
    }
     .reg_content{
        width: 100%;
    }
}
/*********** * PETITE TABLETTE PORTRAIT */
 @media screen and (max-width: 667px) {
     .padding-bloc-video{
        padding:35px 0px;
    }
     .store.reg_content p{
        padding: 25px 0;
    }
     .blocContent .blocPosition .blocPadPosition {
        padding: 58px 10px;
    }
     .blocContent .blocPosition h5 {
        font-size: 14px;
    }
     .bgParalax p{
        font-size: 11px;
         line-height: 19px;
    }
     .lesOffres span.contentOffre strong {
        font-size: 13px;
    }
     .lesOffres span.contentOffre cite {
         font-size: 13px;
    }
     input.std,textarea.std{
        font-size:12px;
    }
     .blocCoord.flol,.blocMap.flor{
        float:none;
    }
     .blocCoord {
         width: 38%;
         padding: 0 0 30px 0;
         margin: 0 auto;
    }
     .contactInfo {
         padding: 0;
    }
     .blocMap {
         width: 100%;
    }
     .blocContent .blocPosition{
        width:97%;
    }
     .bgParalax .widthBlocPara {
         width: 98%;
    }
     .slideBot h4 {
         font-size: 15px;
    }
     .contentBotLien a,.contentBotLien cite{
        font-size:10px;
    }
     .select-style select{
         font-size: 12px;
    }
     .btnSearch.spec,.select-style.w25{
         float: none;
         width: 100%;
    }
     #formSearch input.spe{
         width: 87.5%;
    }
     .blocContent .blocPosition.flol{
         float: none;
    }
     .blocPositionPad{
         padding: 20px;
    }
     .btnSpe{
         font-size: 12px;
    }
     table.dates strong{
         font-size: 20px;
    }
     .imgFabien{
         left: 0%;
         bottom: 45px;
    }
     .botCell{
         display: block;
         width: 100%;
         font-size: 12px;
    }
     .part3 .flol, .part3 .flor{
         float: none;
         width: 100%;
    }
     .part3 span{
         display: block;
         width: 100%;
    }
     .part3{
         padding: 0 20px 20px 20px;
    }
     .youtube cite{
         text-align: center;
    }
     .youtube .w50.flol{
         width: 100%;
         float: none;
    }
     .youtube .padL{
         padding: 0px;
    }
     .abos{
         padding: 5px 0 0 0;
    }
     .titre1.min{
         font-size: 30px;
    }
     .videoCont .pad{
         padding: 10px;
    }
     .dPresse{
         width: 70%;
    }
     .blocContact{
         padding: 10px;
    }
     .blocContactPad{
         padding: 0px;
    }
     .question .fa-3x{
         font-size: 2em;
    }
     .actualites .w33.flol{
         width: 100%;
         float: none;
    }
     .blocLivres .squareBox .txt{
         width: 100%;
    }
     .detailPro .textLJ p{
         text-align: center;
    }
     .buttonD{
         text-align: center;
    }
     .blocLivres .desc p{
         padding: 0 10px;
         width: auto;
    }
     .w20.flol,.w80.flol,.w40.flol,.w50.flol,.w60.flol,.w90.flol, .w60.flor, .w50.flor{
         width: 100%;
         float: none;
    }
     .blocImage{
         display: none;
    }
     .biographie .blocButton a.flor, .biographie .blocButton a.flol{
         float: none;
         margin: 0 auto 20px auto;
    }
     .vidContain{
         height: 350px;
    }
     .vid{
         top: 0%;
    }
     .wide-container {
         height: 300px;
    }
     .imgSC{
         display: none;
    }
     h1, .h1{
         padding: 30px 0 0 0;
    }
     .scene.reg_content p{
         padding: 30px;
    }
     .theatre img{
         display: none;
    }
     .accueil .w40{
        width: 50%;
         margin: 0 auto;
         float:none;
    }
     .biographie .w80{
        width: 100%;
    }
     .biographie .contentTextBio .h1{
        font-size: 37px;
    }
     .biographie .h1spe {
        font-size: 27px;
    }
     .accueil .blocActu .padding{
        padding: 10px 5px;
    }
     .scene .propos{
        padding: 0 5px;
    }
     .scene .h1{
        font-size: 25px;
    }
     .scene .bgT{
        min-height: 360px;
    }
     .scene .bgTPad{
        padding: 15px;
    }
     .scene.reg_content p{
        padding: 10px;
    }
     .scene .bgT span{
        font-size: 17px;
         background-size:none;
    }
     .chroniques .w30{
        width: 100%;
    }
     .cinema .btnCin{
        font-size: 12px;
    }
     .cinema .video{
        width:100%;
    }
     .presse .presseImg img{
        width:12%;
    }
     .presse .presseTexte p{
        font-size: 20px;
    }
     .presse .presseTitle span{
        font-size: 25px;
    }
     .contact .img_contact{
        width:20%;
    }
     .accueil .blocMain.jeanfi .blocContent{
        width: 100%;
    }
     .accueil .blocMain.jeanfi .blocContent.blocImg img{
        max-width: 350px;
    }
     .bgActu{
        min-height: 115px !important;
    }
     .bgGrey.w90{
        width: 100%;
    }
     .logoTop img, .logoBot img{
        max-width: 110px;
    }
     .scene.reg_content p{
        padding: 0;
    }
     .reg_content p{
        width: 100%;
    }
     .scene .propos{
        padding: 0 15px;
    }
     .thumbnail{
        padding: 40px 0;
    }
     .chroniques .blocImage{
        display: block;
    }
     .chroniques .blocText .textTop, .chroniques .blocText .imageTop{
        position: static;
         transform: none;
    }
     .chroniques .blocText .imageTop img{
        width: 50%;
         margin: 25px auto;
         display: block;
    }
     .chroniques .blocText .textTop{
        display: table;
         margin: 0 auto;
    }
     .blocButtonSlide .button{
        width: 50%;
         margin: 10px 0;
    }
     .blocInfosRadio .flol .bgGrey{
        width: 90%;
    }
     .search .h1 span{
        font-size: 18px;
    }
     .search .h1{
        font-size: 25px;
         padding: 0;
         line-height: 35px;
    }
     .search .pad80{
        padding: 5px 15px;
    }
     .bgT .bgTPad p{
        padding: 15px 0 0 0;
    }
     .cinema .thumbPad{
        padding-top: 30px;
    }
     .img_contact{
        padding: 25px 0 0 0;
    }
     .blocContact strong{
        font-size: 18px;
    }
     .bgParalax.bgIntro{
        padding: 0 0 30px 0;
    }
     .blocActu .reg_content{
        width: 100%;
    }
     .blocActu .texteActu p{
        padding-top: 10px;
    }
     .blocActu .logoJeanfi{
        padding-bottom: 15px;
    }
     .contentBotLien .w70{
        width: 30%;
    }
     .biographie .din{
        display: block;
    }
     .bgT{
        background-size: cover;
    }
     .theatre .bgT .din{
        display: block;
         max-width: 150px;
         position: absolute;
         right: 5%;
         top: 8%;
    }
     .cinema .theatre{
        margin: 0 auto 40px auto;
    }
     .titre_top{
        padding: 20px 0 0 0;
    }
     .cinema .thumbPad{
        max-width: 150px;
    }
}
 @media screen and (max-width: 570px) {
     table.dates strong{
        font-size: 18px;
    }
     table.dates span{
        font-size: 14px;
    }
     .bgT .btnCin{
        margin: 0 10px;
    }
     strong.videoTitre{
        text-align: center;
    }
     h2.h1spe{
        padding: 25px 0 0 0;
    }
     .theatre .bgT .din{
        max-width: 120px;
    }
     .blocInfosRadio .w33:nth-child(1), .blocInfosRadio .w33:nth-child(2){
        width: 50%;
    }
     .blocInfosRadio .bgRadio1, .blocInfosRadio .bgRadio2{
        height: 140px !important;
    }
     .blocInfosRadio .w33:nth-child(3){
        width: 100%;
    }
     .bgChroniqueTop{
        height: 400px !important;
    }
     .padding-bloc-video{
        padding:35px 0px;
    }
}
/*********** * MOBILE PAYSAGE */
 @media screen and (max-width: 480px) {
     .padding-bloc-video{
        padding:35px 0px;
    }
     .vidContain{
         height: 230px;
    }
     .blocPositionPad, .blocPosition .back, .padding, .blocMain.swipe.jeanfi .blocPositionPad, .blocContent .blocPosition ul{
         padding: 10px;
    }
     .bgIntro h1 {
        font-size: 26px;
    }
     .bgIntro h2{
         font-size: 22px;
    }
     .imgBloc{
         width: 100%;
    }
     .bgParalax h3 {
         font-size: 13px;
    }
     .bgParalax .widthBlocPara {
         width: 90%;
    }
     .formContent {
         width: 90%;
    }
     .entreprise .blocContent.flol{
        float:none;
    }
     .blocEntreprise2 .blocContent .blocPosition p{
         padding: 5px 0 40px 0;
    }
     .blocEntreprise2 .blocContent .blocPosition h5{
        padding: 0 40px 5px;
    }
     .blocEntreprise1 .blocContent .blocPosition h5 {
         padding: 40px 18px 25px;
    }
     .blocEntreprise3 .blocContent{
        height:auto;
    }
     .blocEntreprise3 .blocContent .blocPosition p {
        padding: 0 0 40px;
    }
     .blocEntreprise3 .blocContent .blocPosition h5 {
        padding: 0 0 10px;
    }
     .proxomite {
        border-right: none;
    }
     .specialites {
        border-left: none;
    }
     .blocEntreprise3 .blocContent .blocPosition p{
        font-size: 11px;
         line-height: 18px;
    }
     .blocEntreprise1 .blocContent,.blocEntreprise2 .blocContent{
        width:80%;
         margin:0 auto;
    }
     .blocEntreprise3 .blocContent{
        width:90%;
         margin:0 auto;
    }
     .detailOffre .contentOffre strong.poste{
         font-size: 12px;
        padding: 13px 10px 13px 25px;
    }
     .logo.flol,.texte.flol{
        float:none;
    }
     .groupe .logo,.groupe .texte{
        width:80%;
         margin:0 auto;
    }
     .blocGroupe {
         padding: 35px 0;
    }
     .groupe .logo img{
         margin: 0 auto;
        display:block;
    }
     .groupe .texte p{
        padding: 10px 0 40px 0;
         font-size:11px;
        line-height: 19px;
        text-align:center;
    }
     .groupe .texte h5{
        padding: 10px 0;
         text-align:center;
    }
     .groupe .btnSpe.flor{
        float:none;
    }
     .blocCoord{
        width:50%;
    }
     .detailOffre .contentOffre{
        padding:15px;
    }
     .contentBotLien cite{
        line-height: 12px;
         padding: 3px 0;
    }
     .contentBotLien cite.loc,.contentBotLien cite.phone,.contentBotLien cite.mail{
        background:none;
    }
     .lesOffres span.padOffre{
         padding: 10px;
    }
     .contentMenuTop .menuTab .menuRow .menuCell a.none {
        text-align: center;
        padding: 10px 0;
    }
     .w50.flol{
         width: 100%;
         float: none;
    }
     .blocGris .w50.flol{
         width: 50%;
         float: left;
    }
     .formContent .formPad{
         padding: 0px;
    }
     .titre2, .squareBox .txt{
         font-size: 14px;
    }
     .blocMainPad{
         padding: 10px;
    }
     .blocPadPosition{
         padding: 0px;
    }
     .other a{
         float: none;
         width: 100%;
    }
     .youtube .padL{
         padding: 30px 0 0 0;
    }
     .other span{
         padding: 0 0 25px 0;
    }
     .other strong{
         text-align: center;
         font-size: 16px;
    }
     .contentMenuTop .menuTab .menuRow .menuCell a.none{
        font-size: 14px;
    }
    .contentMenuTop .menuTab .menuRow .menuCell:first-child a.none{
        font-size: 20px;
    }
     .reseaux{
         display: none;
    }
     .partLR .titre2{
         padding: 30px 0 0 0;
    }
     .partLR .titre1{
         text-align: center;
    }
     h1 {
         font-size: 32px;
    }
     .titre h2, .titre h1{
         font-size: 34px;
    }
     table.dates td{
         display: block;
         width: 100%;
         padding: 10px 0 0 0;
         border-bottom: solid 1px #313131;
         text-align: center;
    }
     table.dates tr{
         position: relative;
         display: block;
    }
     table.dates td.question{
         text-align: left;
         position: absolute;
         top: 2px;
         left: 12%;
         width: 35px;
         z-index: 50;
    }
     table.dates td{
        border:none;
    }
     table.dates td:last-child{
         border-bottom: solid 1px #313131;
    }
     table .btnSpe{
         width: 60%;
         margin: 0 auto 30px auto;
    }
     .part3 span{
         text-align: center;
    }
     table.dates span{
         font-size: 16px;
    }
     .accueil .w40{
        width: 100%;
    }
     .biographie .w80{
        width: 100%;
    }
     .biographie .contentTextBio .h1{
        font-size: 37px;
    }
     .biographie .h1spe {
        font-size: 27px;
    }
     .accueil .blocActu .padding{
        padding: 10px;
    }
     .scene .propos{
        padding: 0 10px;
    }
     .scene .h1{
        font-size: 25px;
    }
     .scene .bgT{
        min-height: 280px;
    }
     .scene .bgTPad{
        padding: 10px;
    }
     .scene .bgT span{
        font-size: 17px;
         background-size:none;
    }
     .scene .txt1 .padR30{
        padding: 10px;
    }
     .scene.reg_content .scene_resume{
        padding: 10px;
         width: auto;
    }
     .chroniques .w30{
        width: 100%;
    }
     .cinema .btnCin{
        font-size: 12px;
    }
     .cinema .video{
        width:100%;
    }
     .presse .presseImg img{
        width:23%;
    }
     .presse .presseTexte p{
        font-size: 20px;
    }
     .presse .presseTitle span{
        font-size: 25px;
    }
     .contact .img_contact{
        width:20%;
    }
     .blocPosition p{
        font-size: 16px;
    }
     .accueil .blocMain.jeanfi h1, .accueil .datetournee h2{
        text-align: center;
    }
     .table .btnSpe {
        width: 35%;
         margin: 10px auto 30px auto;
    }
     .datetournee img{
        max-width: 200px;
         display: block;
         margin: 0 auto;
    }
     .bgActu{
        min-height: 220px !important;
    }
     .logoJeanfi.w20 {
        width: 25%;
         margin: 0 auto;
    }
     .underline{
        width: 20%;
    }
     .h1spe{
        line-height: 35px;
    }
     .img_tournee{
        width: 95%;
         min-height: 230px;
    }
     .img_contact.top{
        width: 40%;
         padding-bottom: 15px;
    }
     .col-3 input[type="text"], .col-3 textarea{
        font-size: 14px;
    }
     .blocActu .w33{
        width: 100%;
    }
     .contentBotLien .w70{
        width: 50%;
    }
     .w33 .flol.w20{
        width: 20%;
         float: left;
    }
     .theatre .bgT .din{
        display: none;
    }
     .lightSlideRealCont{
         display: none;
    }
     .wide-container {
        height: 200px;
        margin-top: 50px;
    }
     .bgChroniqueTop{
        height: 350px !important;
    }
}
/*********** * MOBILE PORTRAIT */
 @media screen and (max-width: 380px) {
     .padding-bloc-video{
         padding:35px 0px;
    }
     .detailOffre{
         width: 100%;
    }
     .detailOffre .padOffre{
         padding: 10px;
    }
     .detailOffre .contactOffre{
         width: 100%;
    }
     .detailOffre .contentOffre span.contact{
         background: none;
         padding: 10px;
         font-size: 11px;
    }
     .reg_topDroite.flor{
        float:none;
    }
     .reg_topDroite{
        display:table;
         margin:0 auto;
    }
     .contentMenuTop .menuTab .menuRow .menuCell a.none{
        text-align:center;
    }
    .formContent .width50.flol{
        float:none;
    }
     .formContent .width50{
        width:100%;
    }
     .formContent .flol .padField, .formContent .flor .padField{
         padding: 15px 0;
    }
     .blocCoord {
         width: 95%;
    }
     .w33.flol{
        width: 100%;
         float: none;
    }
     .blocInfosRadio .w33:nth-child(1), .blocInfosRadio .w33:nth-child(2){
        width: 100%;
         float: none
    }
     .slideHome .w33.flol{
        width: 33.33333333333333%;
         float: left;
    }
     .slideBot h4 {
         font-size: 13px;
    }
     .blocContent.flol{
        float:none;
    }
     .blocContent {
         width: 100%;
         margin: 5px 0;
    }
     .bgParalax h3 {
        font-size: 12px;
    }
     .bgParalax.goupeIncompliance, .bgParalax.slideBot {
         padding: 30px 0;
    }
     .detailOffre .contentOffre{
        padding:10px;
    }
     .blocSeo h4{
        font-size: 11px;
    }
     .blocSeo h3 {
        font-size: 15px;
    }
    .blocEntreprise2 .blocContent .blocPosition h5 {
         font-size: 15px;
    }
     .blocEntreprise1 .blocContent .blocPosition p {
         line-height: 15px;
        padding: 14px;
    }
     .blocEntreprise1 .blocContent .blocPosition h5 {
        font-size: 14px;
        padding: 15px 18px 15px;
    }
     .contentBotLien cite{
        line-height: 11px;
         padding: 3px 0;
    }
     .contentBotLien cite.loc,.contentBotLien cite.phone,.contentBotLien cite.mail{
        background:none;
    }
     table.dates td.question{
         left: 5%;
    }
     .accueil .w40{
        width: 100%;
    }
     .biographie .w80{
        width: 100%;
    }
     .biographie .contentTextBio .h1{
        font-size: 37px;
    }
     .biographie .h1spe {
        font-size: 27px;
    }
     .accueil .blocActu .padding{
        padding: 10px 5px;
    }
     .scene .propos{
        padding: 0 5px;
    }
     .scene .h1{
        font-size: 25px;
         padding: 0;
    }
     .scene .bgT{
        min-height: 255px;
    }
     .scene .bgTPad{
        padding: 5px;
    }
     .scene.reg_content p{
        padding: 10px;
         margin: 0 auto;
         width: 90%;
    }
     .scene .bgT span{
        font-size: 17px;
         background-size:none;
    }
     .chroniques .w30{
        width: 100%;
    }
     .cinema .btnCin{
        font-size: 12px;
    }
     .cinema .video{
        width:100%;
    }
     .presse .presseImg img{
        width:23%;
    }
     .presse .presseTexte p{
        font-size: 20px;
    }
     .presse .presseTitle span{
        font-size: 25px;
    }
     .bgActu{
        min-height: 200px !important;
    }
     .padR30{
        padding: 0;
    }
     .theatre{
        width: 90%;
    }
     .affiche img{
        max-width: 150px;
    }
     .blocButtonSlide .button{
        width: 100%;
    }
     .search fieldset{
        margin-top: 50px;
    }
     input{
        margin: 15px auto;
    }
     h1, .h1{
        line-height: 30px;
    }
     .search .h1 {
        font-size: 20px;
        line-height: 25px;
    }
     .search .h1 span{
        font-size: 16px;
    }
     .search fieldset{
        margin-top: 0px;
    }
     .theatre .h1{
        font-size: 20px;
    }
     .blocInfosPub strong:nth-child(1){
        font-size: 18px;
    }
     .bgT .blocButton{
        padding: 0;
    }
     .bgT .btnCin{
         display: table;
         margin: 0 auto;
    }
     .contact input{
        margin: 10px 0;
    }
     .col-3{
        margin: 15px 0;
    }
     .bio3 .padding{
        padding: 10px;
    }
     .blocInfosRadio .bgRadio1, .blocInfosRadio .bgRadio2{
        height: 300px !important;
    }
}
/*********** * MOBILE PORTRAIT */
 @media screen and (max-width: 320px) {
     .search input[type="text"]{
        margin: 2px auto;
    }
     .padding-bloc-video{
         padding:35px 0px;
    }
}