@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:200,700);

body{background-color:#fffff; }

@font-face {
	font-family: 'latoregular';
	src: url('fonts/lato-reg-webfont.eot');
	src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/lato-reg-webfont.woff') format('woff'),  url('fonts/lato-reg-webfont.ttf') format('truetype'),  url('fonts/lato-reg-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-lig-webfont.eot');
    src: url('fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-lig-webfont.woff2') format('woff2'),
         url('fonts/lato-lig-webfont.woff') format('woff'),
         url('fonts/lato-lig-webfont.ttf') format('truetype'),
         url('fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hvlbl';
    src: url('fonts/hvcb____.pfb-webfont.eot');
    src: url('fonts/hvcb____.pfb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hvcb____.pfb-webfont.woff') format('woff'),
         url('fonts/hvcb____.pfb-webfont.ttf') format('truetype'),
         url('fonts/hvcb____.pfb-webfont.svg#helveticacondensed-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1,h2{margin:0px;}
.s10{font-size:10px;}
.s11{font-size:12px!important;}
.s12{font-size:12px!important;}
.s13{font-size:13px!important;}
.s14{font-size:14px!important;}
.s15{font-size:15px!important;}
.s16{font-size:16px!important;}
.s17{font-size:17px!important;}
.s18{font-size:18px!important;}
.s20{font-size:20px!important;}
.s22{font-size:22px!important;}
.s24{font-size:24px!important;}
.s26{font-size:26px!important;}
.s28{font-size:28px!important;}
.s30{font-size:30px!important;}
.s32{font-size:32px!important;}
.s34{font-size:34px!important;}
.s40{font-size:40px!important;}
.s42{font-size:42px!important;}
.s44{font-size:44px!important;}
.s45{font-size:45px!important;}
.s60{font-size:60px!important;}
.s68{font-size:68px!important;}

.space1{letter-spacing:1px;}
.space2{letter-spacing:2px;}
.space3{letter-spacing:3px;}
.space4{letter-spacing:4px;}

.l18{line-height:18px;}
.l20{line-height:20px;}
.l22{line-height:22px;}
.l24{line-height:24px;}
.l26{line-height:26px;}
.l30{line-height:30px;}
.l40{line-height:40px;}
.l50{line-height:50px;}
.l60{line-height:60px;}
.l75{line-height:60px;}
.l120{line-height:120px;}

.bold{font-weight:bold;}

.blanc{color:#fff;}
.bleu{color:#03c7ff!important;}
.bleuC{color:#6b8893;}
.bleuL{color:#00b9ff;}
.rose{color:#d398cc;}
.beige {color:#e2dfd0;}
.blanc{color:#fff;}
.noir{color:#000;}
.gris{color:#ccc;}
.grisC{color:#b7b7b7;}
.red{color:red;}
.rouge{color:#bb2025;}
.vert{color:#0C3;}
.marronF{color:#351a05;}
.grisVert{color:#7d7560;}
.orange{color:#ec7b26;}

.bgBlanc{background:#FFF;}
.bgVert{background:#0a7377}
.bgGris{background:#d1d1d1;}
.bgGrisF{background:#262626;}
.bgNoir{background:#000;}
.bgBleu{background:#177797;}
.bgBleuF{background:#383d48;}
.bgBleuC{background:#00b9ff;}
.bgMauve{background:#483845;}
.bgRouge{background:#432222;}
.bgJaune{background:#6c5426;}

.bgBlanc .triangle{
	position:absolute;
  background:none;
  height: 30px;
  width: 100%;
  background: -webkit-linear-gradient(45deg, #fff 50%, transparent 50%), -webkit-linear-gradient(-45deg, transparent 50%, #fff 50%);
  background: -moz-linear-gradient(45deg, #fff 50%, transparent 50%), -moz-linear-gradient(-45deg, transparent 50%, #fff 50%);
  background: linear-gradient(45deg, #fff 50%, transparent 50%), linear-gradient(-45deg, #fff 50%, transparent 50%);
  z-index:999;
  margin-top:-25px;
}

.bgRouge .triangle{
	position:absolute;
  background:none;
  height: 30px;
  width: 100%;
  background: -webkit-linear-gradient(45deg, #432222 50%, transparent 50%), -webkit-linear-gradient(-45deg, transparent 50%, #432222 50%);
  background: -moz-linear-gradient(45deg, #432222 50%, transparent 50%), -moz-linear-gradient(-45deg, transparent 50%, #432222 50%);
  background: linear-gradient(45deg, #432222 50%, transparent 50%), linear-gradient(-45deg, #432222 50%, transparent 50%);
  z-index:999;
  margin-top:-25px;
}

.bgBleu .triangle{
	position:absolute;
  background:none;
  height: 30px;
  width: 100%;
  background: -webkit-linear-gradient(45deg, #177797 50%, transparent 50%), -webkit-linear-gradient(-45deg, transparent 50%, #177797 50%);
  background: -moz-linear-gradient(45deg, #177797 50%, transparent 50%), -moz-linear-gradient(-45deg, transparent 50%, #177797 50%);
  background: linear-gradient(45deg, #177797 50%, transparent 50%), linear-gradient(-45deg, #177797 50%, transparent 50%);
  z-index:999;
  margin-top:-25px;
}

.bgBleuF .triangle{
	position:absolute;
  background:none;
  height: 30px;
  width: 100%;
  background: -webkit-linear-gradient(45deg, #383d48 50%, transparent 50%), -webkit-linear-gradient(-45deg, transparent 50%, #383d48 50%);
  background: -moz-linear-gradient(45deg, #383d48 50%, transparent 50%), -moz-linear-gradient(-45deg, transparent 50%, #383d48 50%);
  background: linear-gradient(45deg, #383d48 50%, transparent 50%), linear-gradient(-45deg, #383d48 50%, transparent 50%);
  z-index:999;
  margin-top:-25px;
}

.bgGris .triangle{
	position:absolute;
  background:none;
  height: 30px;
  width: 100%;
  background: -webkit-linear-gradient(45deg, #d1d1d1 50%, transparent 50%), -webkit-linear-gradient(-45deg, transparent 50%, #d1d1d1 50%);
  background: -moz-linear-gradient(45deg, #d1d1d1 50%, transparent 50%), -moz-linear-gradient(-45deg, transparent 50%, #d1d1d1 50%);
  background: linear-gradient(45deg, #d1d1d1 50%, transparent 50%), linear-gradient(-45deg, #d1d1d1 50%, transparent 50%);
  z-index:999;
  margin-top:-25px;
}

.bgNoir .triangle{
	position:absolute;
  background:none;
  height: 30px;
  width: 100%;
  background: -webkit-linear-gradient(45deg, #000 50%, transparent 50%), -webkit-linear-gradient(-45deg, transparent 50%, #000 50%);
  background: -moz-linear-gradient(45deg, #000 50%, transparent 50%), -moz-linear-gradient(-45deg, transparent 50%, #000 50%);
  background: linear-gradient(45deg, #000 50%, transparent 50%), linear-gradient(-45deg, #000 50%, transparent 50%);
  z-index:999;
  margin-top:-25px;
}

.bgGrisF .triangle{
	position:absolute;
  background:none;
  height: 30px;
  width: 100%;
  background: -webkit-linear-gradient(45deg, #262626 50%, transparent 50%), -webkit-linear-gradient(-45deg, transparent 50%, #262626 50%);
  background: -moz-linear-gradient(45deg, #262626 50%, transparent 50%), -moz-linear-gradient(-45deg, transparent 50%, #262626 50%);
  background: linear-gradient(45deg, #262626 50%, transparent 50%), linear-gradient(-45deg, #262626 50%, transparent 50%);
  z-index:999;
  margin-top:-25px;
}

.bgMauve .triangle {
	position:absolute;
  z-index:999!important;
  height: 30px;
  width: 100%;
  background: -webkit-linear-gradient(45deg, #483845 50%, transparent 50%), -webkit-linear-gradient(-45deg, transparent 50%, #483845 50%);
  background: -moz-linear-gradient(45deg, #483845 50%, transparent 50%), -moz-linear-gradient(-45deg, transparent 50%, #483845 50%);
  background: linear-gradient(45deg, #483845 50%, transparent 50%), linear-gradient(-45deg, #483845 50%, transparent 50%);
  margin-top:-25px;
}

.bgRouge .triangleBas{
z-index:999!important;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #432222 transparent transparent transparent;
margin-bottom:-30px;
left:50%;
transform: translate(-50%, 0);
}

.bgBleu .triangleBas{
z-index:999!important;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #177797 transparent transparent transparent;
margin-bottom:-30px;
left:50%;
transform: translate(-50%, 0);
}

.bgBleuF .triangleBas{
z-index:999!important;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #383d48 transparent transparent transparent;
margin-bottom:-30px;
left:50%;
transform: translate(-50%, 0);
}

.bgBlanc .triangleBas{
z-index:999!important;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #ffff transparent transparent transparent;
margin-bottom:-30px;
left:50%;
transform: translate(-50%, 0);
}

.bgGris .triangleBas{
z-index:999!important;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #d1d1d1 transparent transparent transparent;
margin-bottom:-30px;
left:50%;
transform: translate(-50%, 0);
}



.bgNoir .triangleBas{
z-index:999!important;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #000 transparent transparent transparent;
margin-bottom:-30px;
left:50%;
transform: translate(-50%, 0);
}

.bgMauve .triangleBas{
z-index:999!important;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #483845 transparent transparent transparent;
margin-bottom:-30px;
left:50%;
transform: translate(-50%, 0);
}


.bgGrisF .triangleBas{
z-index:999!important;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #262626 transparent transparent transparent;
margin-bottom:-30px;
left:50%;
transform: translate(-50%, 0);
}

.bgVert .triangleBas{
z-index:999!important;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #0a7377 transparent transparent transparent;
margin-bottom:-30px;
left:50%;
transform: translate(-50%, 0);
}

.bb{border-bottom:1px solid #000;}
.p7{padding:7px;}
.p10{padding:10px!important;}
.p15{padding:15px;}
.p20{padding:20px;}
.paddingPara{padding-top:40px; padding-bottom:40px;}
.paddingPara2{padding-top:20px; padding-bottom:40px;}
.paddingPara3{padding-top:40px; padding-bottom:60px;}

.arrondi5{
-webkit-border-radius: 5px!important;
-moz-border-radius: 5px!important;
border-radius: 5px!important;}

.hover{cursor:pointer;}

/* //////////ESPACES///////// */

.espace5 {display:block;height:5px; position:relative;}
.espace6 {display:block;height:6px; position:relative;}
.espace8 {display:block;height:8px; position:relative;}
.espace10 {display:block;height:10px; position:relative;}
.espace15 {display:block;height:15px; position:relative;}
.espace20 {display:block;height:20px; position:relative;}
.espace30 {display:block;height:30px; position:relative;}
.espace40 {display:block;height:40px; position:relative;}
.espace60 {display:block;height:60px; position:relative;}
.espace150 {display:block;height:150px; position:relative;}
.espace200 {display:block;height:200px; position:relative;}

.txtHv{font-family:'hvcdl', Helvetica, sans-serif;}
.txtArial{font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.txtHelvBold {font-family:"hvlbl", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
.txtLato{font-family:"latoregular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
.txtLatoL{font-family: 'Raleway', sans-serif!important; font-weight:200;}
.txtLatoL strong{font-family: 'Raleway', sans-serif!important; font-weight:700;}

.txtMontSerrat{font-family: 'Montserrat', sans-serif!important; font-weight:400;}
.txtMontSerrat strong{font-family: 'Montserrat', sans-serif!important; font-weight:700;}

.border01{border:1px solid #d0d0d0!important}

.alignL{text-align:left;}
.alignR{text-align:right;}
.alignJ{text-align:justify;}
.alignC{text-align:center!important;}

.pl0{padding-left:0px!important;}
.pr0{padding-right:0px!important;}
.pl2{padding-left:2px!important;}
.pr2{padding-right:2px!important;}
.pl5{padding-left:5px!important;}
.pr5{padding-right:5px!important;}
.pl6{padding-left:6px!important;}
.pr6{padding-right:6px!important;}
.pl8{padding-left:8px!important;}
.pr8{padding-right:8px!important;}
.pl10{padding-left:10px!important;}
.pr10{padding-right:10px!important;}
.pl15{padding-left:15px!important;}
.pr40{padding-right:40px!important;}
.pl40{padding-left:40px!important;}
.pr15{padding-right:15px!important;}

.arriveePr10{padding-right:10px!important;}

.clear{clear:both;}
.height8{display:block;height:8px;}
.height10{display:block;height:10px;}

.ombre01{box-shadow:0px 0px 5px #000}
.ombre02 {box-shadow: 0px 0px 30px #000;}
.ombre03{text-shadow:1px 1px 8px #333333;}

/* STRUCTURE */

#logo{position:inline-block; padding:10px 14px 10px 14px; width:226px; height:56px; margin-top:-10px;}
#logoAdmin{position:absolute; width:0px; height:56px; margin-top:-10px;}
.fbHeader{position:absolute; padding:10px 10px 10px 10px;  height:40px; width:118px; margin-top:-2px;}

#tete {position:absolute;  height:94px; width:100%; top:0;  z-index:999;}
.headerBlock{height:116px; }
.headerLinks{position:absolute;height:35px; width:100%; z-index:99999;}

#flags{position:absolute;width:44px; height:20px;top:7px; right:7px;}
.flag_fr {position:absolute; left:0px; top:4px; width:16px; height:11px; background-image:url(img/flags.png); background-position:0px 0px;}
.flag_en {position:absolute; left:24px; top:4px; width:16px; height:11px; background-image:url(img/flags.png); background-position:-16px 0px;}
.flag_es {position:absolute; left:48px; top:4px; width:16px; height:11px; background-image:url(img/flags.png); background-position:-32px 0px;}
.flag_it {position:absolute; left:72px; top:4px; width:16px; height:11px; background-image:url(img/flags.png); background-position:-48px 0px;}



.fr-actif {background-position:0px 11px;}
.en-actif {background-position:16px 11px;}

/* ANIMATION HOME */

.section {
	text-align: center;
}
/* Backgrounds will cover all the section
	* --------------------------------------- */
#section0,  #section1,  #section2,  #section3 {
	background-size: cover;
}
/* Defining each section background and styles
	* --------------------------------------- */
#section0 {
	background-image: url(img/home01.jpg);
	padding: 20px 0 0 0;
}
#section1 {
	background-image: url(img/home03.jpg);
	
	padding: 20px 0 0 0;
}
#section2 {
background-image: url(img/home03.jpg);
	
	padding: 20px 0 0 0;
}

.cycle-slideshow { width:100%; }
.slide{display:block; margin-top:0px;display:block;width:100%; height:534px;background-position:top center; background-repeat:no-repeat; background-color:#000;}


.darken span{
	display:block;
    height: 100%;
    width: 100%;
	opacity: 0;
    background: rgba(0,0,0,.5);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;}
.darken:hover span
{opacity:1; cursor:pointer;}

.btVoirShow{display:none; margin-top:20px; text-align:center; color:#fff; padding:10px 30px 10px 30px; background:#177797;}
.btVoirShow:hover{color:#fff;}
.btLien{font-family: 'Raleway', sans-serif!important; font-weight:200; display:inline-block; text-align:center; font-size:14px;color:#fff; padding:10px; background-color:#177797;
 border:0;
/* Fonctionne déjà sur webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	/* Bientôt supporté par Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	/* … et lorsque ce sera standardisé */

	transition-property: background-color;
	transition-duration: 0.2s; line-height:14px;}

.btLien:hover{background-color:#01668c;color:#fff;}

.btHome{display:inline-block; text-align:center; color:#fff; padding:20px 40px 20px 40px; background:transparent;border:4px solid white;
/* Fonctionne déjà sur webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;
	/* Bientôt supporté par Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;
	/* … et lorsque ce sera standardisé */

	transition-property: background-color;
	transition-duration: 0.4s; line-height:14px;}

.btHome:hover{background-color:#1195b6;color:#fff;}

.btResa{display:inline-block; text-align:center; color:#fff; padding:20px 40px 20px 40px; background:transparent;border:2px solid white;
/* Fonctionne déjà sur webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;
	/* Bientôt supporté par Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;
	/* … et lorsque ce sera standardisé */

	transition-property: background-color;
	transition-duration: 0.4s; line-height:14px;}

.btResa:hover{background-color:#1195b6;color:#fff;}

.btLien2{display:inline-block; text-align:center; font-family:"latoregular", Helvetica, sans-serif; font-size:18px;color:#fff; padding:12px 80px 12px 80px; background-color:#03c7ff;
 border:0;
/* Fonctionne déjà sur webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	/* Bientôt supporté par Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	/* … et lorsque ce sera standardisé */

	transition-property: background-color;
	transition-duration: 0.2s; line-height:14px;}

.btLien2:hover{background-color:#01668c;color:#fff;}


.btLien3{display:inline-block; text-align:center; font-family:"latoregular", Helvetica, sans-serif; font-size:18px;color:#fff; padding:12px; background-color:#03c7ff;
border-radius:10px; border:0; width:100%;
/* Fonctionne déjà sur webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	/* Bientôt supporté par Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	/* … et lorsque ce sera standardisé */

	transition-property: background-color;
	transition-duration: 0.2s; line-height:14px;}

.btLien3:hover{background-color:#01668c;color:#fff;}

.lienLogin:hover{color:#fff; text-decoration:underline;}



.pied{position:relative; width:100%; height:165px; background:#000; padding-top:50px;}
.pied a {text-decoraton:none;color:#b7b7b7;}
.imgActu {width:100%; height:140px; background-position:top center; }
.imgCat {width:100%; height:200px; background-position:top center; }

.select01 {
    border: 1px solid #5d5d5d!important;
	height:33px!important;
    width: 100%!important;
    /*border-radius: 3px;*/
    overflow: hidden!important;
	color:#505050!important;
}


.mr5 {margin-right:5px!important; display:inline-block!important;}
.mr10 {margin-right:10px!important;display:inline-block!important;}
.mr15 {margin-right:15px!important; display:inline-block;}
.mr20 {margin-right:20px!important; display:inline-block;}

.mb10 {margin-bottom:10px!important;}

.divider {height: 1px;
margin: 10px 0;
overflow: hidden;
background-color: #e5e5e5;}

.divider2 {height: 1px;
margin: 10px 0;
overflow: hidden;
background-color: #6c4f66;}



.blueBg{background:url(img/bg_blue.png) top center no-repeat; height:119px;}

/* //////////EXCEPTION RESPONSIVE ///////// */

.carreDispo{position:relative; float:left; width:18px; margin-right:10px; height:18px; border:1px solid #ccc; background-color:#c4f2b7;}
.tarifBr{border-right:1px solid #39606f;}


.btImage{position:absolute; width:100%; padding:10px; bottom:0px; text-align:center; background-image:url(img/bg_blanc.png);z-index:999;} 



/* //////////CLASS EDITEUR ///////// */
.froala-element img.fr-fil,
img.fr-tag.fr-fil {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin: auto;
  overflow: auto;
  padding: 10px 10px 10px 3px;
  float: left !important;
}
.froala-element img.fr-fil.fr-tni,
img.fr-tag.fr-fil.fr-tni {
  float: none !important;
  margin-left: 0 !important;
}
.froala-element img.fr-fir,
img.fr-tag.fr-fir {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin: auto;
  overflow: auto;
  padding: 10px 3px 10px 10px;
  float: right !important;
}
.froala-element img.fr-fir.fr-tni,
img.fr-tag.fr-fir.fr-tni {
  float: none !important;
  margin-right: 0 !important;
}
.froala-element img.fr-fin,
img.fr-tag.fr-fin {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin: auto;
  overflow: auto;
  padding: 0;
  float: none;
}
.froala-element a.fr-file,
a.fr-file {
  position: relative;
}
.froala-element a.fr-file:before,
a.fr-file:before {
  position: relative;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0c6";
  top: 0;
  padding-right: 3px;
}
.froala-element table,
table.fr-tag {
  border-collapse: collapse;
  empty-cells: show;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.froala-element table td,
table.fr-tag td {
 
}
.froala-element table th,
table.fr-tag th {
  background: #e6e6e6;
  border: solid 1px #cccccc;
  padding: 5px;
}
.froala-element pre,
pre.fr-tag {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, post millennium */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  border: solid 1px #cccccc;
  background: #fcfcfc;
  padding: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.froala-element blockquote,
blockquote.fr-tag {
  margin-left: 20px;
  margin-right: 0;
  margin-top: 0;
  padding-left: 20px;
  position: relative;
  font-style: italic;
  border-left: solid 5px #cccccc;
}
.froala-element hr,
hr.fr-tag {
  height: 0px;
  border: 0;
  border-top: solid 1px #cccccc;
  clear: both;
}
.fr-fvn {
  float: none;
  display: block !important;
  text-align: center !important;
}
.fr-fvl {
  float: left;
  margin: 10px 10px 10px 1px;
}
.fr-fvr {
  float: right;
  margin: 10px 1px 10px 10px;
}

.sortable_item {cursor:move; width:100%; list-style:none;}
    
.ul_style {list-style-type:none; }

.pointer{cursor:pointer;}

.sortable_item {cursor:move; width:100%; list-style:none;}
    
.ul_style {list-style-type:none; }


.labelDiapo{position:absolute;width:inherit; bottom:0px; line-height:30px; z-index:9999; height:30px; background-image:url(img/bg_blanc.png);text-align:center;}

#addEstimateForm, #addLivreForm{width:500px; margin:auto;}

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

.pr2{padding-right:2px!important;}
.pl2{padding-left:2px!important;}
.logo{margin-left:10px;}
}

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

.pr2{padding-right:2px!important;}
.pl2{padding-left:2px!important;}
.fbHeader{position:relative; padding:0px!important;top:6px; background:none!important; }
.fbHeader{display:none!important;}
#logo{position:inline-block; padding:10px 14px 10px 14px; width:100%; height:56px; margin-top:-10px;}
}

@media screen and (max-width: 800px) {
.s68{font-size:54px!important;}
.s20{font-size:14px!important;}
#addEstimateForm, #addLivreForm{width:100%; margin:none;}

#flags{display:none;}
.btVoirShow{display:block;}
#logo{position:inline-block; padding:10px 14px 10px 14px; width:100%; height:56px; margin-top:-10px;}
.fbHeader{display:none!important;}

}
@media screen and (max-width: 640px) {
	#section1 {
	background:#000;
	
	padding: 20px 0 0 0;
}
#section2 {
background:#000;
	
	padding: 20px 0 0 0;
}
.s34 {font-size:26px!important;}
.s28 {font-size:20px!important;}

.cover {padding-left:0px!important; padding-right:0px!important;}

.s68{font-size:32px!important;}

#gateLeft{width:100%; height:215px; background:url(img/gate01.jpg) no-repeat; background-size:100%;}
#gateRight{width:100%; height:215px; background:url(img/gate02.jpg) no-repeat;background-size:100%;}


#bgForm{position:absolute; width:360px; padding:20px;   left:50%; margin-left:-180px; }

.video {width:100%!important;}


.blueBg{ background:#03c7ff; height:auto; padding:15px;}	

.navigation{text-align:center;}
.centerSmall{text-align:center;}
.logo{margin:0px;}
.headerBlock{height:auto;margin-bottom:20px;}

.bgMobile{background:#3d3d3d}
.menu:hover{color:#fff;}

.pr5, .pr8, .pr15, .pr3, .pr0{padding-right:10px!important;}
.pl5, .pl8, .pl15, .pl3, .pl0{padding-left:10px!important;}

.pl10{padding-left:10px!important;padding-right:10px!important;}
.pr10{padding-right:10px!important;padding-left:10px!important;}

.mb10 {margin-bottom:10px!important;}

.pr40{padding-right:20px!important;}
.pl40{padding-left:20px!important;}
.arriveePr10{padding-right:0px!important;}


#logoAdmin{position:absolute; width:100%; height:56px; margin-top:-10px;}

.navigation{text-align:left; height:auto;}
.actuHome{width:50px; height:50px;}
.l40{line-height:40px;}
.l75{line-height:40px; padding:15px;}
ul.slimmenu li > ul {
    display: none;
    position: relative;
    z-index: 999;
    width: 100%;
	text-align:left;
	margin-left:0;
	
}

ul.slimmenu li ul {
    top: 0px;
    list-style-type: none;
}
ul.slimmenu li ul li {  display:block  }
ul.slimmenu li > ul > li a{width:100%;background-color:#3d3d3d;}

.l160 {line-height:60px;}

.smallMarginBottom10{margin-bottom:10px}
.arriveeMr10{margin-right:0px;}

.bgSearch{position:relative; padding:15px; top:0px; margin:0;height:auto; width:100%; background:#6b8893; z-index:9999;}
}


.vjs-default-skin .vjs-play-progress,
  .vjs-default-skin .vjs-volume-level { background-color: #b3c8d4 }
  .vjs-default-skin .vjs-control-bar,
  .vjs-default-skin .vjs-big-play-button { background: rgba(255,0,0,0.7) }
  .vjs-default-skin .vjs-slider { background: rgba(255,0,0,0.2333333333333333) }

  .videoHtml5{width:560px!important; height:315px!important; position:relative!important; margin:auto!important;}