html, body {margin:0;padding:0;width:100%;height:100%;background:#fff;} 
/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
body {font-family: 'Lato', Calibri, Arial, sans-serif;font-weight: 400;color:#333;
}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}
.cf:before,.cf:after {    content: " ";    display: table;}
.cf:after {    clear: both;}
.cf {    *zoom: 1;}
#main{position:relative;top:139px;padding:0;-webkit-transition:right .3s;-moz-transition:right .3s;-o-transition:right .3s;-ms-transition:right .3s;transition:right .3s;right:0}
#logo{position:absolute;width:100%;height:187px;background:url('../images/Oresto_regalgel_logo.jpg') no-repeat top center;top:20px;}





#facebook {margin:0 auto;display: block;position: relative;width:720px;height:36px;top:-8px;}
#facebook a{display: block;position: absolute;top:0;right:0; }
@media screen and (max-width: 600px) {
#main{display:none;}
#logo{background:url('../images/Oresto_regalgel_logo_Small.jpg') no-repeat 20px center;}
#facebook {margin:0 auto;display: block;position: relative;width:100%;height:36px;top:0;}
}

#hmp-slider-wrap{position:relative;overflow:hidden}
#hmp-slider{margin:20px 0;padding:0;zoom:1}
#hmp-slider:after,#hmp-slider:before{content:'';display:table;clear:both;}
#hmp-slider{height:400px;overflow:hidden;}
#hmp-slider>li{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(Opacity=0)}
#hmp-slider.js-init{background:0}
#hmp-slider.js-init>li{-webkit-opacity:.6;-moz-opacity:.6;opacity:.6;filter:alpha(Opacity=60)}
#hmp-slider.js-init>li.middle{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(Opacity=100)}
#hmp-slider.js-init>li:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(Opacity=100)}
#hmp-slider h2{text-align:left;margin-left:40px;z-index:10}
#hmp-slider>li{display:block;width:600px;height:400px;margin:0 10px;padding:0;background:0;float:left;position:relative;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;-webkit-transition:.5s opacity;-moz-transition:.5s opacity;-o-transition:.5s opacity;-ms-transition:.5s opacity;transition:.5s opacity}
#hmp-slider>li img{position:absolute;top:0;left:0;z-index:5}
#hmp-slider>li .hmp-overlay{text-align:center;z-index:15}
#hmp-slider-navigation{position:absolute;top:0;width:100%}
#hmp-slider-navigation a{position:absolute;display:block;width:600px;height:400px;z-index:20}
#hmp-slider-navigation a:before{content:"";display:block;position:absolute;width:600px;height:400px;z-index:20}
#hmp-slider-navigation a#hmp-slider-prev{left:50%;margin-left:-920px;top:40px}
#hmp-slider-navigation a#hmp-slider-prev:hover #hmp-slider>li{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(Opacity=100)}
#hmp-slider-navigation a#hmp-slider-prev:before{left:-600px}
#hmp-slider-navigation a#hmp-slider-next{right:50%;top:40px;margin-right:-920px}
#hmp-slider-navigation a#hmp-slider-next:hover #hmp-slider>li{-webkit-opacity:1!important;-moz-opacity:1!important;opacity:1!important;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)!important}#hmp-slider-navigation a#hmp-slider-next:before{right:-600px}#hmp-boxes{width:960px;margin:0 0 40px -2px;zoom:1}#hmp-boxes:after,#hmp-boxes:before{content:'';display:table;clear:both}#hmp-boxes li{margin:0;padding:0;position:relative;text-align:center;float:left;zoom:1;margin-left:2px;margin-bottom:2px}#hmp-boxes li:after,#hmp-boxes li:before{content:'';display:table;clear:both}#hmp-boxes li.big{width:478px;height:478px}#hmp-boxes li.small{width:238px;height:478px}#hmp-boxes li.small .hmp-overlay{height:238px}#hmp-boxes li.small:hover.top .hmp-heading i{border-color:#e4e4d0 transparent transparent;-webkit-transition:-webkit-border-color 0s ease-in-out 0s;-moz-transition:-moz-border-color 0s ease-in-out 0s;-o-transition:border-color 0s ease-in-out 0s;-ms-transition:border-color 0s ease-in-out 0s;transition:border-color 0s ease-in-out 0s}#hmp-boxes li.small:hover.bottom .hmp-heading i{border-color:transparent transparent #e4e4d0;-webkit-transition:-webkit-border-color 0s ease-in-out 0s;-moz-transition:-moz-border-color 0s ease-in-out 0s;-o-transition:border-color 0s ease-in-out 0s;-ms-transition:border-color 0s ease-in-out 0s;transition:border-color 0s ease-in-out 0s}#hmp-boxes li.small.top .hmp-heading{top:0}#hmp-boxes li.small.top .hmp-heading i{border-width:20px 20px 0;border-color:#f1f1e5 transparent transparent;bottom:-20px;-webkit-transition:-webkit-border-color .1s ease-in-out 0s;-moz-transition:-moz-border-color .1s ease-in-out 0s;-o-transition:border-color .1s ease-in-out 0s;-ms-transition:border-color .1s ease-in-out 0s;transition:border-color .1s ease-in-out 0s}#hmp-boxes li.small.top img{bottom:0}#hmp-boxes li.small.top .hmp-overlay{top:auto;bottom:0}#hmp-boxes li.small.bottom .hmp-heading{bottom:0}#hmp-boxes li.small.bottom .hmp-heading i{border-width:0 20px 20px;border-color:transparent transparent #f1f1e5;top:-20px;-webkit-transition:-webkit-border-color .1s ease-in-out 0s;-moz-transition:-moz-border-color .1s ease-in-out 0s;-o-transition:border-color .1s ease-in-out 0s;-ms-transition:border-color .1s ease-in-out 0s;transition:border-color .1s ease-in-out 0s}#hmp-boxes li.small.bottom img{top:0}#hmp-boxes li .hmp-heading{height:238px;width:238px}

#corpsBody{position:relative;width:100%;text-align:center;top:139px;}
#missionBandeau{font-size:18px;color:#fff;background-color:#00255c; letter-spacing:13px;padding:20px 0;font-weight: 300;}
#newsBandeau{font-size:18px;color:#fff;background-color:#666666; letter-spacing:13px;padding:20px 0;font-weight: 300;}
#promosBandeau{font-size:18px;color:#fff;background-color:#2fbef0;letter-spacing:13px;padding:20px 0;font-weight: 300;}



#festifBandeau{font-size:18px;color:#fff;background-color:#2ebef0; letter-spacing:13px;padding:20px 0;font-weight: 300;}
#festif_body{padding:20px 0;background-color:#fff;}
#festif_body img{border:2px solid #fff;border:2px solid #eee;}
#festif_body img:hover{border:2px solid #595a5a;}
#evenementFacebook{text-transform:uppercase; font-size:18px;color:#00255c;border-top:1px solid #00255c;border-bottom:1px solid #00255c; letter-spacing:13px;padding:20px 0;font-weight: 300;}
.services_w{position:relative;padding:40px 0;width:960px;}
.titreService{font-size:18px;letter-spacing:5px;padding:10px 0;color:#333;font-weight: 300;border-bottom:1px dotted #ebebeb;}
.services_w .service{display:inline-block;width:280px;vertical-align:top;color:#333;}
.services_w .service p{font-size:16px;line-height:20px;letter-spacing:2px;text-align:left;color:#333;text-align:justify;}



.col1{padding:0 25px 0 2px;}
.col3{padding:0 0 0 25px;}
.col2{margin:0; padding:0 25px; border-right:1px solid #ebebeb;border-left:1px solid #ebebeb;}
@media (max-width: 1200px) {
	.services_w{position:relative;padding:0;width:100%;}
	.services_w .service{display:inline-block;width:40%;vertical-align:top;color:#333;}
	.services_w .service p{font-size:14px;line-height:20px;letter-spacing:2px;text-align:left;color:#333;text-align:justify;}
	.col1{padding:0;}
	.col3{padding:0;}
	.col2{margin:0; padding:0; border-right:none;border-left:1px solid #ebebeb;}
	.col1, .col2,.col3{padding:0 10px;}
}

#box23{position:relative; width:960px;color:#333;line-height:20px;letter-spacing:1px;text-align:left;}
#box23 .box2 p{padding:20px;margin:0;font-size:16px;}
#box23 .box3 p{padding:20px;margin:0;font-size:16px;}
#box23 .box3 ul{padding:0 0 20px ;margin:0;}
#box23 .box3 li{padding:0 0 0 30px;margin:0;font-size:16px;}
#box23 a{color:#00255c;padding:15px;display:inline-block;text-decoration: none;font-size:18px;font-weight: 700;margin:0;border-bottom:1px solid #00255c;text-transform : uppercase; }
.corpsNewsPromos{padding:0;margin:20px 0 0 0;border:1px solid #00255c;}
#box23 a:hover{color:#fff;background-color:#00255c;}
.box2{margin:0;float:left; width:470px;display:inline-block;vertical-align:top;padding-bottom:20px;}
.box2 .services_header{color:#fff;background-color:#666;text-align:center;font-size:18px;letter-spacing:13px;padding:20px 0;font-weight: 300;}
.box3{margin:0;float:right; width:470px;display:inline-block;vertical-align:top;padding-bottom:20px;}
.box3 .services_header{color:#fff;background-color:#2fbef0;text-align:center;font-size:18px;letter-spacing:13px;padding:20px 0;font-weight: 300;}
.traitBox{width:100%;border-bottom:2px solid #00255c;}
.espace20{height:20px;}
.espace40{height:40px;}
.ligneStop{border-top:1px solid #00255c;}
#fondFooterRegalgel{width:100%;clear:both;}
#footerRegalgel #image{float:left;width:25%;height:140px;background:url('../img/logoFooter.jpg') no-repeat center center; }

#footerRegalgel #adresse{float:right;width:75%;font-size:16px;line-height:20px;letter-spacing:2px;text-align:center;padding:20px 0 0 0;}
@media (max-width: 1200px) {
	#footerRegalgel #image{background:url('../img/logoFooter2.jpg') no-repeat center center;}
	#footerRegalgel #adresse{font-size:14px;}
}
#interfrost_oresto {width:60%;clear:both;margin:10px auto 20px auto;}
#interfrost_oresto_img{float:left;width:60%;height:160px;background:url('../images/interfrost_oresto2.jpg') no-repeat center right;}
#interfrost_oresto_pdf img{border:2px solid #eee;}
#interfrost_oresto_pdf img:hover{border:2px solid #595a5a;}
#interfrost_oresto_pdf{float:left;width:30%;height:auto;padding:10px 5px; }
@media (max-width: 1000px) {#interfrost_oresto_img{background:url('../images/interfrost_oresto2.jpg') no-repeat center center; }}
/*
regalgel.html
*/
#historiqueBandeau{font-size:18px;color:#fff;background-color:#00255c; letter-spacing:13px;padding:20px 0;font-weight: 300;}
.bodyHistorique{position:relative;padding:40px 0;width:960px;margin:0 auto;}
.bodyFestifBandeau{position:relative;padding:0;width:640px;margin:0 auto;}
.bodyFestifBandeau p{padding:0 0 20px 0;margin:0;text-align:justify;color#333;font-size: 16px;
line-height: 20px;
letter-spacing: 2px;}
.bodyHistorique p{font-size:16px;line-height:20px;letter-spacing:2px;text-align:left;}
/*
map regalgel.html
*/
#mapBandeau{font-size:18px;color:#fff;background-color:#2fbef0; letter-spacing:13px;padding:20px 0;text-transform : uppercase;font-weight: 300;}
#map-canvas{height: 420px; width: 100%;margin:20px 0;}

.coordonnees {
position:absolute;
	top:680px;
	font-size:16px;
	width: 240px;
	height:400px;
	z-index: 9999;
	left:60px;
	padding:0 20px 20px 20px;
	color:#0171b9;
	background:url('../img/fondMenu.png') repeat-y;
	border-left:1px solid #2fbef0;border-right:1px solid #2fbef0;

}
#titreCoordonnees{width:100%;border-bottom:1px solid #0171b9;margin-bottom:20px;padding:10px 0;}
.coordonnees  li{list-style-type: none;padding: 2px;margin: 0px;color:#333;text-align:left;}
.coordonnees  li#titreRegalgel{font-size:18px;text-align:center;padding:40px 0;}
.coordonnees  li#horaireRegalgel{padding:40px 0 0 0;}

#organigrammeBandeau{font-size:18px;color:#fff;background-color:#666; letter-spacing:13px;padding:20px 0;text-transform : uppercase;font-weight: 300;}
.organigrammeBody{position:relative;padding:40px 0;width:960px;margin:0 auto;}
.organigrammeBody .titreService{font-size:14px;padding:10px 0;color:#333;font-weight: 300;height:40px;border-bottom:1px solid #333;}
.organigrammeBody .service p.nomResp {font-size:18px;}
.organigrammeBody li {font-size:16px;list-style-type: square;text-align:left;margin-left:30px;font-weight: 300;}
.organigrammeBody li.retraitTop {font-size:16px;list-style-type: square;text-align:left;margin-left:30px;margin-top:5px;font-weight: 300;}
.organigrammeBody .service{display:inline-block;width:280px;vertical-align:top;color:#333;}
.organigrammeBody .service p{font-size:14px;line-height:20px;letter-spacing:2px;text-align:left;}
.organigrammeBody .col1{font-size:14px;padding:0 25px 0 2px;height:360px;}
.organigrammeBody .col3{font-size:14px;padding:0 0 0 25px;height:360px;}
.organigrammeBody .col2{font-size:14px;margin:0; padding:0 25px; border-right:1px solid #ebebeb;border-left:1px solid #ebebeb;height:360px;}
.organigrammeBody .trait{border-bottom:1px dashed #ebebeb;}
/*
interfrost.html
*/
#interfrostBandeau{font-size:18px;color:#fff;background-color:#00255c; letter-spacing:13px;padding:20px 0;text-transform : uppercase;font-weight: 300;}
.bodyInterfrost{position:relative;padding:40px 0;width:960px;margin:0 auto;}
.bodyInterfrost p{font-size:16px;line-height:20px;letter-spacing:2px;text-align:left;}
.bodyInterfrost p.titreBleu{color:#2fbef0;width:420px;margin:0 0 0 40px;padding:5px 0;font-weight: 700;}
.bodyInterfrost p.sousTitreBleu{margin:0 60px;padding:5px 0 20px 0;}
.bodyInterfrost a{color:#00255c;text-decoration: none;}

.bodyInterfrost a:hover{color:#fff;background-color:#00255c;}
/*
news.html
*/
#new1, #new2, #new3, #new4, #new5, #new6{font-size:18px;color:#fff;background-color:#00255c; letter-spacing:13px;padding:20px 0;font-weight: 300;text-transform : uppercase;}
.bodyNew{position:relative;padding:40px 0;width:960px;margin:0 auto;}
.bodyNew p{font-size:16px;line-height:20px;letter-spacing:2px;text-align:left;}
.bodyNew p img{padding:5px; border:1px solid #efefef;margin-left:20px;}
.bodyNew p img:hover{border:1px solid #00255c;}
/*
promos.html
*/
#promo1, #promo2, #promo3, #promo4, #promo5, #promo6, #promo7, #promo8{font-size:18px;color:#fff;background-color:#00255c; letter-spacing:13px;padding:20px 0;font-weight: 300;text-transform : uppercase;}
.bodyPromo{position:relative;padding:40px 0;width:960px;margin:0 auto;}
.bodyPromo p{font-size:16px;line-height:20px;letter-spacing:2px;text-align:left;}
.bodyPromo p img{padding:5px; border:1px solid #efefef;margin-left:20px;}
.bodyPromo p img:hover{border:1px solid #00255c;}
.promoLeft{ width:50%;height:250px;}
.promoRight{clear:both; float:right;width:40%;height:250px;}

/*
RGPD
*/
.espace30{clear:both;position:relative;height:30px;}
#fondFooterRGPD{position:relative;max-width:90%;clear:both;margin:0 auto;border-top:1px solid #000;padding:15px 0 10px 0;}
#rgpdLeft{float:left;width:50%;font-size:16px;padding: 10px 0;text-align:left;}
#rgpdRight{float:right;width:50%;font-size:16px;padding: 10px 0;text-align:right;letter-spacing: 3px;font-weight: 300;}
#rgpdLeft a, #rgpdRight a{color:#c0523a;letter-spacing: 3px;font-weight: 300;text-decoration:none;}
#rgpdLeft a:hover, #rgpdRight a:hover{color:#595a5a;}
a.privacyDoc{color:#c0523a;background-color:transparent;}
a.privacyDoc:hover{color:#595a5a;background-color:transparent;}

@media screen and (max-width: 600px) {
#footerRegalgel #image{display:none;}
#footerRegalgel #adresse{float:left;width:100%;padding:0;}


#missionBandeau{font-size:14px;color:#fff;background-color:#00255c; letter-spacing:8px;padding:20px 0;font-weight: 300;}
#newsBandeau{font-size:14px;color:#fff;background-color:#666666; letter-spacing:8px;padding:20px 0;font-weight: 300;}
#promosBandeau{font-size:14px;color:#fff;background-color:#2fbef0;letter-spacing:8px;padding:20px 0;font-weight: 300;}
#historiqueBandeau{font-size:14px;color:#fff;background-color:#00255c; letter-spacing:8px;padding:20px 0;font-weight: 300;}
.services_w .service {width:100%;}
.col1, .col2, .col3 {padding: 0;}
.services_w .service p {padding:0 2px;}
.bodyHistorique{position:relative;padding:0;width:100%;margin:0;}
.bodyHistorique p{font-size:14px;line-height:20px;letter-spacing:2px;text-align:left;}
#mapBandeau{font-size:14px;color:#fff;background-color:#2fbef0; letter-spacing:8px;padding:20px 0;text-transform : uppercase;font-weight: 300;}
#organigrammeBandeau{font-size:14px;color:#fff;background-color:#666; letter-spacing:8px;padding:20px 0;text-transform : uppercase;font-weight: 300;margin-bottom:10px;}
.organigrammeBody{position:relative;padding:0;width:100%;margin:0;}
.organigrammeBody .col1{font-size:14px;padding:0;width:100%;height:100%;border-bottom:1px solid #00255c;padding-bottom:10px;}
.organigrammeBody .col3{font-size:14px;padding:0;width:100%;height:100%;border-bottom:1px solid #00255c;padding-bottom:10px;}
.organigrammeBody .col2{font-size:14px;margin:0; padding:0;width:100%;height:100%;border-bottom:1px solid #00255c;padding-bottom:10px;}
.organigrammeBody .titreService{font-size:14px;padding:10px 0;color:#333;font-weight: 300;height:100%;border-bottom:1px solid #00255c;}
.coordonnees, .organigrammeBody .trait{display:none;}

#interfrostBandeau{font-size:14px;color:#fff;background-color:#00255c; letter-spacing:8px;padding:20px 0;text-transform : uppercase;font-weight: 300;}
.bodyInterfrost{position:relative;padding:0;width:100%;margin:0;}
.bodyInterfrost p.titreBleu{color:#2fbef0;width:100%;margin:0;padding:5px 0;font-weight: 400;text-align:center;}
.bodyInterfrost p.sousTitreBleu{margin:0;padding:5px 0 20px 0;}
#rgpdLeft{float:left;width:100%;font-size:16px;padding: 10px 0;text-align:center;}
#rgpdRight{float:left;width:100%;font-size:16px;padding:0;text-align:center;letter-spacing: 3px;font-weight: 300;}
#fondFooterRGPD{position:relative;width:100%;clear:both;margin:0;padding:0;}
.espace30{display:none;}
}