/* Artfully masterminded by ZURB  */


/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

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

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

}


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

}

/* -----------------------------------------
	Global
----------------------------------------- */

html { background-color: #4D4D4D !important;}
body { background-color: #4D4D4D;font-family:OverlockRegular, Arial, Verdana, sans-serif; }
.row { width: 100%; max-width: 100%; min-width: 0; margin: 0; background-color: #FFFFFF;color: #4D4D4D; font-weight: normal; font-style: normal;}
.row .row { width: 100%; max-width: 100%; min-width: 0; margin: 0; background-color: #FFFFFF;color: #4D4D4D; font-weight: normal; font-style: normal;}
.row form .row { margin: 0px; }
.fixed { width: 100%; left: 0; position: fixed; top: 0px; z-index: 99; }
hr { border-style: solid; margin: 22px 15px 21px; }
h1 { font-size:22px !important; font-family:OverlockRegular, Arial, Verdana, sans-serif;color: #4D4D4D; }
h2 { font-size:20px !important; font-family:OverlockRegular, Arial, Verdana, sans-serif;color: #4D4D4D; }
h3 { font-size:18px !important; font-family:OverlockRegular, Arial, Verdana, sans-serif;color: #4D4D4D; }
h4 { font-size:16px !important; font-family:OverlockRegular, Arial, Verdana, sans-serif;color: #4D4D4D; }
h5 { font-size:14px !important; font-family:OverlockRegular, Arial, Verdana, sans-serif;color: #FFFFFF; }
h6 { font-size:12px !important; font-family:OverlockRegular, Arial, Verdana, sans-serif;color: #4D4D4D; }

a { color: #957095; text-decoration: none; line-height: inherit; }
a:hover { color: #664d66; }
.three img { float:right; }

.content-header { text-align:center; margin-top: -73px !important/*-60 -26/2 pour le font-size*/; margin-left: -165px !important; margin-bottom: 30px !important;}
.content-header h1 { text-align: center; font-size: 26px !important; color: #4D4D4D;}
.content-header h2 { text-align: right; font-size: 20px !important; color: #4D4D4D;}

.content-footer { text-align:center; margin-bottom: -90px !important; margin-top: 55px !important;}
.content-footer h2 { font-size: 20px !important; color: #4D4D4D;}

@media only screen and (max-width: 940px) { 
 .three img { float:left; }
 .content-header { margin-top: 0px !important; margin-left: 0px !important;}
}

/* -----------------------------------------
	Infos
----------------------------------------- */

.infos img { border: 2px solid #EEEEEE; margin-top: -20px; margin-bottom: -20px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}

@media only screen and (max-width: 767px) {
	.infos img { margin-top:0px; }
}


/* -----------------------------------------
	NavBar
----------------------------------------- */

.top-bar { background: #4D4D4D; min-height: 39px; line-height: 39px; margin: 0px 0 0px 0; padding: 11px 0 0px 0; width: 100%; position: fixed; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ }
.top-bar > ul .name img { margin-top: -10px; margin-left: 20px; position: fixed;}
.top-bar ul { height: 38px; line-height: 38px; }
.top-bar ul > li > a { opacity:1; border-left: 0px solid #adadad; border-left-style: dotted; color: #FFFFFF; padding: 0 22.5px; font-size:18px !important;font-weight: normal !important;  }
.top-bar ul > li > a.disabled { opacity:0.25;  }
.top-bar ul > li a:not(.button) { color: #957095; font-weight: normal; height: 38px; line-height: 38px; }
.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { background: transparent; }/*fond text hover color*/ 
.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { color: #957095; background: transparent; }/*text hover color*/

.top-bar ul > li.has-dropdown .dropdown { color: #FFFFFF; background: #4D4D4D; left: 0; padding: 10px 0 0 0; position: absolute; visibility: hidden; z-index: 99; }
.top-bar ul > li.has-dropdown .dropdown li { background: #4D4D4D;color: #957095; line-height: 1; min-width: 100%; padding-bottom: 5px; }
.top-bar ul > li.has-dropdown a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #FFFFFF transparent transparent transparent; margin-right: 15px; margin-top: -2.5px; position: absolute; right: 0; top: 50%; }
.top-bar ul > li.has-dropdown .dropdown li > a { color: #FFFFFF; font-weight: normal; }
.top-bar ul > li.has-dropdown .dropdown li > a:hover { color: #957095; background: transparent; }
.top-bar ul > li.has-dropdown .dropdown li.active a { background: #4D4D4D; color: #957095;}

.top-bar ul > li:hover a, .top-bar ul > li.active a { color: #4D4D4D; }
.top-bar ul > li:hover a.disabled, .top-bar ul > li.active a.disabled { color: #FFFFFF; cursor: default; }
.top-bar ul > li a:not(.button) { color: #FFFFFF; }
.top-bar ul > li.toggle-topbar { margin-top: 0px;}
.top-bar ul > li.toggle-topbar a { border-color: #FFFFFF transparent transparent transparent;}
.top-bar ul > li.toggle-topbar:hover { color: #FFFFFF ;background: #4D4D4D; margin-top: 0px;}
.top-bar ul.right { margin-right: 30px; margin-top: -10px;}
.top-bar ul.left { margin-right: 30px; margin-top: -10px;}

@media only screen and (max-width: 940px) { 
.top-bar {border : 0px;background: #FFFFFF;min-height: 140px;line-height: 140px;margin: 0px 0 0px 0;padding: 10px 0 0px 0;width: 100%;position: fixed; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */}
 .top-bar ul > li.name { height: 39px; min-height: 39px; border-bottom:0px solid #000000; background: #4D4D4D; padding-top: 11px; margin-top: -10px;z-index:999;}
 .top-bar section { background: #4D4D4D; border-bottom: 2px solid #000000; margin-top: 140px; z-index: -1;}
 .top-bar ul > li.toggle-topbar { margin-right:10px; height: 39px;}
 .top-bar ul.right { margin-top: 0px; height: 100%;}
 .top-bar > ul .name img { z-index:999; }

 .top-bar.expanded ul > li.name { height: 100px;border-bottom:0px solid #adadad;border-top:0px solid #adadad; background: #4D4D4D;}
 .top-bar.expanded section { margin-top: 50px; padding-top: 100px; background: #4D4D4D; border-bottom: 0px solid #000000; z-index: -1;}
 /*.top-bar.expanded ul.right { margin-top: -50px; padding-top: 50px;}*/
 .top-bar.expanded ul li.toggle-topbar:hover { color: #FFFFFF ;background: #4D4D4D;}
 .top-bar.expanded ul li.toggle-topbar a { margin-top: 0px; }

 .top-bar ul > li.has-dropdown .dropdown { border-top: 0px; }
 .top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown { padding-top: 60px;}
 .top-bar ul > li.has-dropdown.moved .back.title h5 a { color: #FFFFFF; }
 .top-bar ul > li.has-dropdown.moved .dropdown li a { color: #FFFFFF; }
 .top-bar ul > li.has-dropdown.moved .dropdown li.active a { color: #957095; }
 .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover { color: #957095; background:transparent; }
 .top-bar ul > li.has-dropdown.moved .back.title { color: #FFFFFF;}
 .top-bar ul > li.has-dropdown.moved .back.title a:before { border-color: transparent #FFFFFF transparent transparent; }
}


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

.footerleft { border: 0px solid rgba(255, 255, 255, 0.33);padding-top:15px;margin-bottom:15px;-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 40px; border-radius: 20px;border-bottom: 0px;border-right: 0px;border-top: 0px;}
.footercenter { border: 1px solid rgba(255, 255, 255, 0.33);padding-top:15px;margin-bottom:15px;-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 40px; border-radius: 20px;text-align: center; }
.footerright { border: 0px solid rgba(255, 255, 255, 0.33); padding-top: 35px; margin-bottom:15px; padding-bottom: 17px;text-align: right; border-left: 0px;border-bottom: 0px;border-top: 0px;-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

@media only screen and (max-width: 767px) { 
	.footerleft { border: 0px solid rgba(255, 255, 255, 0.33); padding-top: 11px; margin-bottom: 0px;-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;border-bottom: 0px;border-right: 0px;border-left: 0px;}
	.footercenter { border: 1px solid rgba(255, 255, 255, 0.33); padding-top:15px; margin-bottom: 0px;text-align: right;-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;text-align: center; }
	.footerright { border: 0px solid rgba(255, 255, 255, 0.33); padding-top: 35px; margin-bottom:15px; padding-bottom: 17px;text-align: right;border-left: 0px;border-right: 0px;border-top: 0px;-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
}

/* -----------------------------------------
   Contact
----------------------------------------- */

form.custom div.custom.dropdown  { z-index:1;color: #adadad; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
form.custom div.custom.dropdown a.selector { margin-top: 1px; margin-right: 1px;}
form.custom div.custom.dropdown a.current { border:0; color: #957095; margin-top: -4px;}
form.custom div.custom.dropdown ul li.selected:hover { background: #957095; color: #FFFFFF; }
form.custom div.custom.dropdown ul li.selected { background: #957095; color: #FFFFFF; }
form.custom div.custom.dropdown ul li:hover { background-color: #957095; color: #FFFFFF; }
form.custom div.custom.dropdown ul li:hover:after { color: #FFFFFF; }
form.custom div.custom.dropdown ul li.selected:hover:after { color: #FFFFFF; }

.button { background: #957095; border: 1px solid #adadad; font-size:20px !important; font-weight: normal;  }
.button:hover, .button:focus { color: #FFFFFF; background-color: #664d66; }
.tabs dd.active, .tabs li.active { border-top: 1px solid #957095; padding-top: 3px; font-size: 20px;}
form.custom div.custom.dropdown.open ul { margin-top: 5px;}

ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: none; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }

.contact-content { padding:0px; background-color:#EEEEEE; }
.contact-center { border:2px solid #EEEEEE; background-color: white;margin-top: -30px;margin-bottom: -30px; padding-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

/* -----------------------------------------
   Tips
----------------------------------------- */

.rowcontent { padding-top: 145px; }

@media only screen and (max-width: 767px) { 
	.row .row h1.hideiftablet { height: 0px; margin: 0; }
}
@media only screen and (max-width: 940px) { 
	.rowcontent { /* padding-top: 4px; */ }
}

/* -----------------------------------------
   Homepage
----------------------------------------- */

/*.home-left { text-align:right; margin-top: -60px;margin-bottom: -60px; padding-right: 30px; border: 2.5px solid #FFFFFF; border-bottom: 0px; border-left: 0px; border-top: 0px;-webkit-border-top-left-radius: 20px; -moz-border-top-left-radius: 20px; -ms-border-top-left-radius: 20px; -o-border-top-left-radius: 20px; border-top-left-radius: 20px; }
.home-right { text-align:left; margin-top: -60px;margin-bottom: -60px; padding-left: 30px; border: 2.5px solid #FFFFFF; border-bottom: 0px; border-right: 0px; border-top: 0px;}
*/

.home-left-text { height:100%; text-align:center; margin-bottom: 0px; border:0px; padding-right: 0px; border: 0px solid #FFFFFF; border-bottom: 0px; border-left: 0px; border-top: 0px; background-color: #EEEEEE;}
.home-left-text h2 { font-size: 20px !important; color: #FFFFFF;}
.home-right-text { text-align:left; margin-top: -30px;margin-bottom: -30px; border: 0px solid #FFFFFF; border-bottom: 0px; border-right: 0px; border-top: 0px; background-color: #EEEEEE;}
.home-right-text h2 { font-size: 20px !important; color: #FFFFFF;}

.home-left { text-align:right; padding-right:30px; padding-left:30px; margin-bottom: -30px; }
.home-right { text-align:left; padding-right:30px; padding-left:30px; margin-bottom: -30px; }

.home-left img { border:2px solid #EEEEEE;-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-top:-30px; margin-bottom:-30px; }
.home-right img { border:2px solid #EEEEEE;-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-top:-30px; margin-bottom:-30px; }

.home-content { padding:0px; background-color:#EEEEEE; }
.home-center { background-color: #FFFFFF; color: #FFFFFF; }


@media only screen and (max-width: 767px) { 
	.home-left { text-align:center; margin-bottom: 65px; border:0px;  -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;}
	.home-right { text-align:center; margin-bottom: -30px; border:0px;  -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;}
}
@media only screen and (max-width: 940px) { 
	.home-header { margin-top: 0px !important;margin-left: 0px !important;}
}


/* -----------------------------------------
   Galeries
----------------------------------------- */

.galerie-left { text-align: right; }
.galerie-right { text-align: left; }

.album-container { text-align: center;margin-top: -60px;margin-bottom: -60px; }
.album-img { border:10px solid #FFFFFF;-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-bottom: 5px;}

.galerie-img {  }
.galerie-img img { border:5px solid #FFFFFF;-moz-box-shadow: 0px 2px 10px 0px #4D4D4D;-webkit-box-shadow: 0px 2px 10px 0px #4D4D4D;box-shadow: 0px 2px 10px 0px #4D4D4D; }

.galerie-header { background-color: #EEEEEE; text-align: center; margin-top: -65px; border: 0px solid #4D4D4D; border-bottom: 0px;-webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; -o-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;}
.galerie-content { text-align: center;padding-top:20px; margin-bottom: 10px;}
.galerie-footer { background-color: #EEEEEE; text-align: center; margin-bottom: -65px; margin-top: 5px; border: 0px solid #4D4D4D; border-top: 0px;-webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; -o-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; -o-border-top-right-radius: 0px; border-top-right-radius: 0px; }

.galerie-header h1 { font-size: 30px !important; color: #FFFFFF;}
.galerie-footer h1 { font-size: 30px !important; color: #FFFFFF;}

.row .galerie { background-color: #EEEEEE; }

@media only screen and (max-width: 940px) {
	.album { padding-top: 220px;}
	.galerie-left { text-align:center; }
	.galerie-right { text-align:center; }
	.galerie-header { margin-top:0px; margin-bottom:5px; }
}

.cap-overlay .button { margin-top:10px}
.cap-overlay {width: 100%; color:#fff; background: rgba(0, 0, 0, 0.43);left:0;padding:12px; line-height: 1.4em;font-size:14px;text-align: center;}
.cap-overlay h5 {color:#fff;}
.cap-overlay span {display:none;}
a[data-toggle="drop-panel"] {display: inline;}

@media only screen and (max-width: 767px) { 
	.cap-overlay .button { margin-top:10px}
	.cap-overlay {width: 100%; color:#fff; background: rgba(0, 0, 0, 0.43);left:0;padding:12px; line-height: 1.4em;font-size:14px;text-align: center;}
	.cap-overlay h5 {color:#fff;}
}

@media only screen and (max-width: 940px) {
	.cap-overlay .button { margin-top:10px}
	.cap-overlay {width: 100%; color:#fff; background: rgba(0, 0, 0, 0.43);left:0;padding:12px; line-height: 1.4em;font-size:14px;text-align: center;}
	.cap-overlay h5 {color:#fff;}
}