


/*#########################  FONTS  ##############################*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,100,200);
/*#########################  FONTS  ##############################*/


/*#########################  RESET  ##############################*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#ffffff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/*#########################  RESET  ##############################*/



body, html{height:100%; width:100%;height:100%; }
html {-webkit-font-smoothing: antialiased;}
body{margin:0;padding:0;height:100%; background-color:#ffffff;}
/*.fix{height:100%;width:100%; display:block;overflow:auto}*/

strong{font-weight: bold;}
b{font-weight:500;font-family: 'Open Sans', sans-serif;  font-size:13px; line-height:150%;text-align:left;}
p{font-weight:300;font-family: 'Open Sans', sans-serif;  font-size:16px; line-height:150%;text-align:justify;}
p strong{}

h1, h2, h3, h4, h5, h6{padding: 0;font-weight: normal;line-height: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{border: 0;}

h1, .h1{}

h2, .h2{}
	
h3, .h3{}

h4{}

h5, .h5{}


li, a{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
a:hover{}

p a{color:#329ace; text-decoration:none;}
p a:hover{color:#329ace; text-decoration:underline;}

/*------------------------------------------------------------------------------------------------------------------------*/
/* STRUCTURE */
/*------------------------------------------------------------------------------------------------------------------------*/
.fix{padding:30px 0 30px 0;}

.logo{position:fixed;width:476px; height:132px;top:0;left:7%;z-index:999;}
.logo img{position:absolute;z-index:999;}
.logo h1{position:relative; z-index:9999; text-align:center;margin-top:75px;font-family: 'Open Sans', sans-serif; text-transform:uppercase;font-size:14px;font-weight:400; color:#001d26; }
.logo h1 strong{font-weight:700;}

#wrapper {position:relative;  height:auto; width: 100%; background-color:#ffffff; margin-top:0;padding-top:0;}
#wrapper-acc {position:relative;  height:auto; width: 100%;overflow:hidden;margin-top:-25%;}
#wrapper-acc .round{width:100%; height:auto;border-bottom:5px solid #329ace;margin-bottom:-5px;}
#slideshow { width:100%; height:auto; position:relative;overflow:hidden;background-color:#ffffff; }


.cont-img{width:100%; height:300px;position:relative;overflow:hidden; margin-top:0;padding-top:0;}
.cont-img .cb-slideshow{height:298px;}
.cont-img  img.sliderImage{width:100%; height:auto;margin-top:-25%;}
.cont-img  img.round{position:absolute; bottom:0; width:100%; }
.cont-img h1{color:#ffffff; font-size:80px;font-family: 'Open Sans', sans-serif; position:absolute; left:7%; top:25%; font-weight:300;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}

.cont{padding: 0 7% 0 7%; background-color:#ffffff;width:86%;}
.cont iframe{height:100%;margin-bottom:5%;min-height:600px;background-color:#ffffff;}


.bloc b{position:fixed; bottom:150px; right:7%; background-color:rgba(255,255,255,0.90);width:450px; padding:15px 20px 15px 20px; z-index:99999;}
.bloc b h2{text-transform:uppercase; color:#000000;font-family: 'Open Sans', sans-serif;  font-size:20px; font-weight:700;color:#329ace;}
.bloc b p{color:#001d26;text-transform:none;font-weight:400;font-family: 'Open Sans', sans-serif;  font-size:13px; text-align:justify; padding-top:5px;}
.bloc b span{color:#329ace;text-transform:uppercase;text-align:left;font-weight:400;font-family: 'Open Sans', sans-serif;  font-size:13px;  display:block;padding-top:5px;text-align:right}
.bloc b:hover{background-color:rgba(255,255,255,1.00)}
.bloc b:hover span{text-decoration:underline;}

.cycle-slides img { width:100%; height:auto; margin-top:0%; }
.cycle-pager { width:100px; position:fixed; bottom:115px;right:7%; z-index:9999;}
.cycle-pager a { margin-right:5px; color:#ffffff; width:20px; height:20px; border-radius:50%; text-indent:-99999999; font-size:2px;float:left;display:block;background-color:#ffffff;text-decoration:none;}
.cycle-pager a:active, .cycle-pager a:hover, .cycle-pager a.activeSlide {background-color:#329ace;color:#329ace;}
.cycle-nav { display:none;width:auto; float:right;}
.cycle-nav div { width:auto; float:left; margin-right:10px; cursor:pointer; }

nav#menu{margin-left:7%;width:800px;float:left;padding-bottom:0px;}
nav#menu ul{}
nav#menu li{display:inline; text-align:center; }
nav#menu li a{color:#ffffff;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif; margin-left:10px;  font-size:13px; text-decoration:none; background-color:#329ace; border:0; float:left;display:block;padding:10px 30px 10px 30px;}
nav#menu li:first-child a{margin-left:0;}
nav#menu li a.current, nav#menu li a:hover{ color:#329ace; background-color:#ffffff; padding:10px 30px 10px 30px;}

.logo-in{ margin-right:7%;width:300px; float:right;}
.logo-in img{opacity:1}
.logo-in img:hover{opacity:0.7;}

.bigimg{display:none; width:100%; height:auto}

nav#menu-acc{position:fixed; z-index:99999; bottom:25px;width:100%;}
nav#menu-acc ul{text-align:center;}
nav#menu-acc li{display:inline; text-align:center;}
nav#menu-acc li a{color:#329ace;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif;  font-size:13px; text-decoration:none; border-bottom:0px solid #329ace; padding:10px 30px 30px 30px;}
nav#menu-acc li a.current, nav#menu-acc li a:hover{ color:#329ace;border-bottom:25px solid #329ace; padding:10px 30px 5px 30px;}

#v-left h2, #v-right h2, #f-left h2, #f-right h2, .cont h2, .bloc-1-6 h2 {text-transform:uppercase; color:#000000;font-family: 'Open Sans', sans-serif;  font-size:20px; font-weight:700;color:#329ace; margin-bottom:15px;}

#v-left{width:47.5%; margin-right:5%; float:left;}

#v-left .da-thumbs li {float: left;width:100%;height:auto; margin-left:0;margin-bottom:4%;	}
#v-left .da-thumbs li:first-child, .da-thumbs li:nth-child(5), .da-thumbs li:nth-child(9){margin-left:0;}
#v-left .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-left .da-thumbs li a {overflow: hidden;}
#v-left .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-left .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-left .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100; color:#ffffff;font-size:40px; text-transform:uppercase; border:1px solid #ffffff; padding:8px 13px 8px 13px;position:absolute; width:300px; margin-left:-163px; left:50%; height:60px; margin-top:-37px; top:50%;}
#v-left .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}


#v-right{width:47.5%; float:left;}
#v-right .da-thumbs li {float: left;width:22%;height:auto; margin-left:4%;margin-bottom:4%;	}
#v-right .da-thumbs li:first-child, #v-right .da-thumbs li:nth-child(5), #v-right .da-thumbs li:nth-child(9), #v-right .da-thumbs li:nth-child(13){margin-left:0;}
#v-right .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-right .da-thumbs li a {overflow: hidden;}
#v-right .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-right .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-right .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100;border:1px solid #ffffff; line-height:95%;color:#ffffff;border-radius:50%; width:100px; height:100px; display:block; position:absolute; left:50%; margin-left:-50px;top:50%; margin-top:-50px;text-align:center;font-size:97px;}
#v-right .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}

span.mobi{display:none;}
.mob-contenu{display:none;}

#f-left{width:47.5%; float:left; margin-right:5%;}
#f-right{width:47.5%; float:left; }

/* The important stuff */
/*.table-container{overflow-y: scroll;-webkit-overflow-scrolling: touch;}*/
/*@media screen and (min-width: 900px){.table-container {overflow: visible;}}*/

/* Making it pretty */
.table-container table a:link {color: #666;font-weight: bold;text-decoration:none;}
.table-container table a:visited {color: #999999;font-weight:bold;text-decoration:none;}
.table-container table a:active,table a:hover {color: #bd5a35;text-decoration:underline;}
.table-container table {font-family:Arial, Helvetica, sans-serif;color:#666;width:100%;font-size:13px;background:#eaebec;margin:0px;}
.table-container table th {padding:14px 25px 15px 25px;border-top:1px solid #fafafa;border-bottom:1px solid #e0e0e0;text-transform:uppercase;background: #ededed;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));background: -moz-linear-gradient(top,  #ededed,  #ebebeb);}
.table-container table th:first-child {text-align: left;padding-left:20px;}
.table-container table tr:first-child th:first-child {-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;}
.table-container table tr:first-child th:last-child {-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}
.table-container table tr {text-align: center;padding-left:20px;}
.table-container table td:first-child {text-align: left;padding-left:20px;border-left: 0;}
.table-container table td {padding:18px;border-top: 1px solid #ffffff;border-bottom:1px solid #e0e0e0;border-left: 1px solid #e0e0e0;background: #fafafa;background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);}
.table-container table tr.even td {background: #f6f6f6;background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);}
.table-container table tr:last-child td {border-bottom:0;}
.table-container table tr:last-child td:first-child {-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}
.table-container table tr:last-child td:last-child {-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}
.table-container table tr:hover td {color:#ffffff;background: #329ace;background: -webkit-gradient(linear, left top, left bottom, from(#329ace), to(#329ace));background: -moz-linear-gradient(top,  #329ace,  #329ace);}

iframe.map{height:400px;min-height:400px;border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.bloc-1-3{width:26%; margin-left:2%; float:left; background-color:#F9F9F9; padding:3%;}
.bloc-1-3:first-of-type{margin-left:0;}
.bloc-1-3 li{list-style:square;font-family: 'Open Sans', sans-serif;  font-size:15px; font-weight:300; margin-left:20px;}

.bloc-1-6{width:15%; margin-left:2%; float:left; border:1px solid red;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bloc-1-6:first-of-type{margin-left:0;}
.bloc-1-6 img {width:100%; height:auto;}

.big-left{width:47.5%; float:left;}
.big-right{width:47.5%; float:left; margin-left:5%; }

.attrait{background-color:#F9F9F9; padding:3%; margin-bottom:25px;}

.attrait i {font-family: 'Open Sans', sans-serif; font-style:italic;}
.attrait p{text-align:left;}
.attrait a br {display:none;}
.attrait .a-left{width:32%; margin-right:5%; float:left;}
.attrait .a-left img{width:100%; height:auto;}
.attrait .a-right{width:63%; float:left;}
.cont-legendre{padding-bottom:40px;}
.cont-legendre .legendre-vert{width:20px;height:20px;background-color:#DDFFCC;float:left;}
.cont-legendre .legendre-vert p{padding-left:30px;padding-right:30px;}
.cont-legendre .legendre-rouge{width:20px;height:20px;background-color:#FFC0BD;float:left;margin-left:100px;}
.cont-legendre .legendre-rouge p{padding-left:30px;}
/*--------------------------------------------------------------------------------------*/
/* STRUCTURE ADAPTATIVE */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------ BIG FUCKING SCREEN ----*/
@media screen and (min-width:2000px) {
span.mobi{display:none;}
.mob-contenu{display:none;}
iframe.map{height:600px;min-height:600px;border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-left{width:32%; margin-right:3%; float:left;}

#v-left .da-thumbs li {float: left;width:100%;height:auto; margin-left:0;margin-bottom:4%;	}
#v-left .da-thumbs li:first-child, .da-thumbs li:nth-child(5), .da-thumbs li:nth-child(9){margin-left:0;}
#v-left .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-left .da-thumbs li a {overflow: hidden;}
#v-left .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-left .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-left .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100; color:#ffffff;font-size:40px; text-transform:uppercase; border:1px solid #ffffff; padding:8px 13px 8px 13px;position:absolute; width:300px; margin-left:-163px; left:50%; height:60px; margin-top:-37px; top:50%;}
#v-left .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}

.cont-img{width:100%; height:500px;position:relative;overflow:hidden; margin-top:0;padding-top:0;}
.cont-img .cb-slideshow{height:498px;}
.cont-img h1{color:#ffffff; font-size:120px;font-family: 'Open Sans', sans-serif; position:absolute; left:7%; top:25%; font-weight:300;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}



#v-right{width:65%; float:left;}
#v-right .da-thumbs li {float: left;width:15%;height:auto; margin-left:2%;margin-bottom:2%;	}
#v-right .da-thumbs li:nth-child(5), #v-right .da-thumbs li:nth-child(9){margin-left:2%;}
#v-right .da-thumbs li:nth-child(7){margin-left:0%;}
#v-right .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-right .da-thumbs li a {overflow: hidden;}
#v-right .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-right .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-right .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100;border:1px solid #ffffff; line-height:95%;color:#ffffff;border-radius:50%; width:100px; height:100px; display:block; position:absolute; left:50%; margin-left:-50px;top:50%; margin-top:-50px;text-align:center;font-size:97px;}
#v-right .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}


}
/*------ BIG SCREEN ----*/
@media screen and (min-width:1600px) {
span.mobi{display:none;}
.mob-contenu{display:none;}
iframe.map{height:500px;min-height:500px;border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.cont-img{width:100%; height:400px;position:relative;overflow:hidden; margin-top:0;padding-top:0;}
.cont-img .cb-slideshow{height:398px;}
.cont-img h1{color:#ffffff; font-size:100px;font-family: 'Open Sans', sans-serif; position:absolute; left:7%; top:25%; font-weight:300;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}



#v-left{width:32%; margin-right:2%; float:left;}

#v-left .da-thumbs li {float: left;width:100%;height:auto; margin-left:0;margin-bottom:4%;	}
#v-left .da-thumbs li:first-child, .da-thumbs li:nth-child(5), .da-thumbs li:nth-child(9){margin-left:0;}
#v-left .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-left .da-thumbs li a {overflow: hidden;}
#v-left .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-left .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-left .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100; color:#ffffff;font-size:40px; text-transform:uppercase; border:1px solid #ffffff; padding:8px 13px 8px 13px;position:absolute; width:300px; margin-left:-163px; left:50%; height:60px; margin-top:-37px; top:50%;}
#v-left .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}


#v-right{width:66%; float:left;}
#v-right .da-thumbs li {float: left;width:15%;height:auto; margin-left:2%;margin-bottom:2%;	}
#v-right .da-thumbs li:nth-child(5), #v-right .da-thumbs li:nth-child(9){margin-left:2%;}
#v-right .da-thumbs li:nth-child(7){margin-left:0%;}
#v-right .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-right .da-thumbs li a {overflow: hidden;}
#v-right .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-right .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-right .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100;border:1px solid #ffffff; line-height:95%;color:#ffffff;border-radius:50%; width:100px; height:100px; display:block; position:absolute; left:50%; margin-left:-50px;top:50%; margin-top:-50px;text-align:center;font-size:97px;}
#v-right .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}
}
/*------ NORMAL SCREEN ----*/
@media screen and (min-width:1280px) and (max-width:1599px) {
span.mobi{display:none;}
.mob-contenu{display:none;}


#v-right{width:47.5%; float:left;}
#v-right .da-thumbs li {float: left;width:32%;height:auto; margin-left:2%;margin-bottom:2%;	}
#v-right .da-thumbs li:first-child, #v-right .da-thumbs li:nth-child(4), #v-right .da-thumbs li:nth-child(7), #v-right .da-thumbs li:nth-child(10), #v-right .da-thumbs li:nth-child(13), #v-right .da-thumbs li:nth-child(16){margin-left:0;}
#v-right .da-thumbs li:nth-child(5), #v-right .da-thumbs li:nth-child(9){margin-left:2%;}




nav#menu{margin-left:7%;width:675px;float:left;}
nav#menu ul{}
nav#menu li{display:inline; text-align:center; }
nav#menu li a{color:#ffffff;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif; margin-left:10px;  font-size:13px; text-decoration:none; background-color:#329ace; border:0; float:left;display:block;padding:10px 20px 10px 20px;}
nav#menu li:first-child a{margin-left:0;}
nav#menu li a.current, nav#menu li a:hover{ color:#329ace; background-color:#ffffff; padding:10px 20px 10px 20px;}
#wrapper-acc .round{width:100%; height:75px;border-bottom:5px solid #329ace;margin-bottom:-5px;}
.logo-in{ margin-right:7%;width:300px; float:right;}
.logo-in img{opacity:1}
.logo-in img:hover{opacity:0.7;}

}
/*------ SMALL SCREEN ----*/
@media screen and (min-width:960px) and (max-width:1279px) {
span.mobi{display:none;}
.mob-contenu{display:none;}

nav#menu{margin-left:7%;width:500px;float:left;}
nav#menu ul{}
nav#menu li{display:inline; text-align:center; }
nav#menu li a{color:#ffffff;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif; margin-left:0px;margin-right:5px; margin-bottom:10px; font-size:12px; text-decoration:none; background-color:#329ace; border:0; float:left;display:block;padding:10px 10px 10px 10px;}
nav#menu li:first-child a{margin-left:0;}
nav#menu li:last-child a{margin-right:0;}
nav#menu li a.current, nav#menu li a:hover{ color:#329ace; background-color:#ffffff; padding:10px 10px 10px 10px;}

.logo-in{ margin-right:7%;width:300px; float:right;}
.logo-in img{opacity:1}
.logo-in img:hover{opacity:0.7;}


#v-right{width:47.5%; float:left;}
#v-right .da-thumbs li {float: left;width:32%;height:auto; margin-left:2%;margin-bottom:2%;	}
#v-right .da-thumbs li:first-child, #v-right .da-thumbs li:nth-child(4), #v-right .da-thumbs li:nth-child(7), #v-right .da-thumbs li:nth-child(10){margin-left:0;}
#v-right .da-thumbs li:nth-child(5), #v-right .da-thumbs li:nth-child(9){margin-left:2%;}


#wrapper-acc .round{width:100%; height:75px;border-bottom:5px solid #329ace;margin-bottom:-5px;}
nav#menu-acc{position:fixed; z-index:99999; bottom:25px;width:100%;}
nav#menu-acc ul{text-align:center;}
nav#menu-acc li{display:inline; text-align:center;}
nav#menu-acc li a{color:#329ace;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif;  font-size:13px; text-decoration:none; border-bottom:0px solid #329ace; padding:10px 15px 30px 15px;}
nav#menu-acc li a.current, nav#menu-acc li a:hover{ color:#329ace;border-bottom:25px solid #329ace; padding:10px 15px 5px 15px;}


.attrait{background-color:#F9F9F9; padding:3%; margin-bottom:25px;}

.attrait i {font-family: 'Open Sans', sans-serif; font-style:italic;}
.attrait p{text-align:left;}
.attrait a br {display:block;}
.attrait .a-left{width:32%; margin-right:5%; float:left;}
.attrait .a-left img{width:100%; height:auto;}
.attrait .a-right{width:63%; float:left;}

}
/*------IPAD PAYSAGE----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.cont-img .cb-slideshow{display:none;}
	.bigimg{display:block; margin-top:-20%;}
span.mobi{display:none;}
.mob-contenu{display:none;}
#wrapper-acc {position:relative;  height:700px; width: 100%;overflow:hidden;margin-top:0;}
#wrapper-acc .round{width:100%; height:100px;border-bottom:5px solid #329ace;margin-bottom:-5px;}
nav#menu-acc li a{color:#329ace;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif;  font-size:13px; text-decoration:none; border-bottom:0px solid #ffffff; padding:10px 20px 30px 20px;}
nav#menu-acc li a.current, nav#menu-acc li a:hover{ color:#329ace;border-bottom:25px solid #329ace; padding:10px 20px 5px 20px;}

nav#menu{margin-left:7%;width:500px;float:left;}
nav#menu ul{}
nav#menu li{display:inline; text-align:center; }
nav#menu li a{color:#ffffff;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif; margin-left:0px;margin-right:5px; margin-bottom:10px; font-size:12px; text-decoration:none; background-color:#329ace; border:0; float:left;display:block;padding:10px 10px 10px 10px;}
nav#menu li:first-child a{margin-left:0;}
nav#menu li:last-child a{margin-right:0;}
nav#menu li a.current, nav#menu li a:hover{ color:#329ace; background-color:#ffffff; padding:10px 10px 10px 10px;}

.logo-in{ margin-right:7%;width:300px; float:right;}
.logo-in img{opacity:1}
.logo-in img:hover{opacity:0.7;}


#v-left{width:100%; margin-right:0%; float:none;}

#v-left .da-thumbs li {float: left;width:100%;height:auto; margin-left:0;margin-bottom:4%;	}
#v-left .da-thumbs li:first-child, .da-thumbs li:nth-child(5), .da-thumbs li:nth-child(9){margin-left:0;}
#v-left .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-left .da-thumbs li a {overflow: hidden;}
#v-left .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-left .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-left .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100; color:#ffffff;font-size:40px; text-transform:uppercase; border:1px solid #ffffff; padding:8px 13px 8px 13px;position:absolute; width:300px; margin-left:-163px; left:50%; height:60px; margin-top:-37px; top:50%;}
#v-left .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}


#v-right{width:100%; float:none;}
#v-right .da-thumbs li {float: left;width:22%;height:auto; margin-left:4%;margin-bottom:4%;	}
#v-right .da-thumbs li:first-child, #v-right .da-thumbs li:nth-child(5), #v-right .da-thumbs li:nth-child(9){margin-left:0;}
#v-right .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-right .da-thumbs li a {overflow: hidden;}
#v-right .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-right .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-right .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100;border:1px solid #ffffff; line-height:95%;color:#ffffff;border-radius:50%; width:100px; height:100px; display:block; position:absolute; left:50%; margin-left:-50px;top:50%; margin-top:-50px;text-align:center;font-size:97px;}
#v-right .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}

#f-left{width:100%; float:none; margin-right:0;margin-bottom: 30px;}
#f-right{width:100%; float:none; margin-bottom: 80px;}



}
/*------IPAD PORTRAIT ---*/
@media screen and (min-width:640px) and (max-width:959px) {
	
	
	
	.cont-img .cb-slideshow{display:none;}
	.bigimg{display:block; margin-top:-20%;}
span.mobi{display:none;}
.mob-contenu{display:none;}
.cycle-pager { width:100px; position:fixed; bottom:115px;right:50%;margin-right:-50px; z-index:9999;}

.cycle-slides img { width:100%; height:auto; margin-top:0; margin-left:0;}
.bloc b{position:fixed; bottom:150px; right:50%;margin-right:-245px; background-color:rgba(255,255,255,0.90);width:450px; padding:15px 20px 15px 20px;}

.logo{position:fixed;width:476px; height:132px;top:0;left:50%;margin-left:-238px;z-index:999;}
.logo img{position:absolute;z-index:999;}
.logo h1{position:relative; z-index:9999; text-align:center;margin-top:75px;font-family: 'Open Sans', sans-serif; text-transform:uppercase;font-size:14px;font-weight:400; color:#001d26; }
.logo h1 strong{font-weight:700;}

nav#menu-acc li a{color:#329ace;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif;  font-size:13px; text-decoration:none; border-bottom:0px solid #ffffff; padding:10px 10px 30px 10px;}
nav#menu-acc li a.current, nav#menu-acc li a:hover{ color:#329ace;border-bottom:25px solid #329ace; padding:10px 10px 5px 10px;}

#wrapper-acc {position:relative;  height:950px; width: 100%;overflow:hidden;}
#wrapper-acc .round{width:100%; height:75px;border-bottom:5px solid #329ace;margin-bottom:-5px;}

nav#menu{margin-left:7%;width:375px;float:left;}
nav#menu ul{}
nav#menu li{display:inline; text-align:center; }
nav#menu li a{color:#ffffff;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif; margin-left:0px;margin-right:10px; margin-bottom:10px; font-size:13px; text-decoration:none; background-color:#329ace; border:0; float:left;display:block;padding:10px 20px 10px 20px;}
nav#menu li:first-child a{margin-left:0;}
nav#menu li:last-child a{margin-right:0;}
nav#menu li a.current, nav#menu li a:hover{ color:#329ace; background-color:#ffffff; padding:10px 20px 10px 20px;}

.logo-in{ margin-right:7%;width:250px; float:right;}
.logo-in img{opacity:1;width:100%;height:auto;}
.logo-in img:hover{opacity:0.7;}

.bloc-1-3{width:94%; margin-left:0%; float:none; background-color:#F9F9F9; padding:3%;}
.bloc-1-3:first-of-type{margin-left:0; padding-bottom:0;}
.bloc-1-3:nth-of-type(2){margin-left:0; padding-top:0; padding-bottom:0;}
.bloc-1-3:last-of-type{margin-left:0; padding-top:0;}
.bloc-1-3 li{list-style:square;font-family: 'Open Sans', sans-serif;  font-size:15px; font-weight:300; margin-left:20px;}

#v-left{width:100%; margin-right:0%; float:none;}
#v-left .da-thumbs li {float: left;width:100%;height:auto; margin-left:0;margin-bottom:4%;	}
#v-left .da-thumbs li:first-child, .da-thumbs li:nth-child(5), .da-thumbs li:nth-child(9){margin-left:0;}
#v-left .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-left .da-thumbs li a {overflow: hidden;}
#v-left .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-left .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-left .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100; color:#ffffff;font-size:40px; text-transform:uppercase; border:1px solid #ffffff; padding:8px 13px 8px 13px;position:absolute; width:300px; margin-left:-163px; left:50%; height:60px; margin-top:-37px; top:50%;}
#v-left .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}


#v-right{width:100%; float:none;}
#v-right .da-thumbs li {float: left;width:22%;height:auto; margin-left:4%;margin-bottom:4%;	}
#v-right .da-thumbs li:first-child, #v-right .da-thumbs li:nth-child(5), #v-right .da-thumbs li:nth-child(9){margin-left:0;}
#v-right .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-right .da-thumbs li a {overflow: hidden;}
#v-right .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-right .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-right .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100;border:1px solid #ffffff; line-height:95%;color:#ffffff;border-radius:50%; width:100px; height:100px; display:block; position:absolute; left:50%; margin-left:-50px;top:50%; margin-top:-50px;text-align:center;font-size:97px;}
#v-right .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}

#f-left{width:100%; float:none; margin-right:0;margin-bottom: 30px;}
#f-right{width:100%; float:none; margin-bottom: 80px;}


.big-left{width:100%; float:none;}
.big-right{width:100%; float:none; margin-left:0; }

.attrait{background-color:#F9F9F9; padding:3%; margin-bottom:25px;}

.attrait i {font-family: 'Open Sans', sans-serif; font-style:italic;}
.attrait p{text-align:left;}
.attrait a br {display:none;}
.attrait .a-left{width:32%; margin-right:5%; float:left;}
.attrait .a-left img{width:100%; height:auto;}
.attrait .a-right{width:63%; float:left;}

}
/*------IPHONE PAYSAGE----*/
@media screen and (min-width:431px) and (max-width:639px) {
	.fix{padding:50px 0 0px 0;}
	.cont-img .cb-slideshow{display:none;}
	.bigimg{display:block;}
span.mobi{display:block;color:#329ace;text-transform:uppercase;font-weight:700;font-family: 'Open Sans', sans-serif;  font-size:20px; text-align:center;cursor:pointer;z-index:99999; position:absolute;top:20px;left:50%; width:150px; margin-left:-75px; }
.mob-contenu{display:none;background-color:#ffffff;clear: both;
    overflow: hidden;}
.mob-contenu ul{margin:0; padding:0;}
.mob-contenu li{float:left;width:50%;}
.mob-contenu li a{text-align:center;border:1px solid #ffffff;width:100%;background-color:#329ace;color:#ffffff;text-transform:uppercase;font-weight:400;font-family: 'Roboto', sans-serif;  font-size:13px; text-decoration:none; padding:10px 0px 10px 0px; display:block;}
.mob-contenu li a:hover{ color:#ffffff;background-color:#001d26}
.mob-contenu li a.current{ color:#ffffff;font-weight:700;background-color:#001d26}

.cont-img h1{color:#ffffff; font-size:50px;font-family: 'Open Sans', sans-serif; position:absolute; left:7%; top:25%; font-weight:300;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}

.bloc{display:none;}

.bloc-1-3{width:94%; margin-left:0%; float:none; background-color:#F9F9F9; padding:3%;}
.bloc-1-3:first-of-type{margin-left:0; padding-bottom:0;}
.bloc-1-3:nth-of-type(2){margin-left:0; padding-top:0; padding-bottom:0;}
.bloc-1-3:last-of-type{margin-left:0; padding-top:0;}
.bloc-1-3 li{list-style:square;font-family: 'Open Sans', sans-serif;  font-size:15px; font-weight:300; margin-left:20px;}

.logo{position:fixed;width:300px; height:75px;top:0;left:50%;margin-left:-150px;z-index:999;}
.logo img{position:absolute;z-index:999;width:300px;height:auto;}
.logo h1{position:relative; z-index:9999; text-align:center;margin-top:45px;font-family: 'Open Sans', sans-serif; text-transform:uppercase;font-size:9px;font-weight:400; color:#001d26; }
.logo h1 strong{font-weight:700;}

#wrapper-acc .round{width:100%; height:50px;border-bottom:none;margin-bottom:-5px;}

nav#menu{position:fixed; z-index:99999; bottom:10px;width:100%; background-color:#329ace;display:none;}


.logo-in{display:none;}

#wrapper span.mobi{display:block;color:#ffffff;text-transform:uppercase;font-weight:700;font-family: 'Open Sans', sans-serif;  font-size:20px; text-align:center;cursor:pointer;z-index:99999; position:absolute;top:10px;left:50%; width:150px; margin-left:-75px;}
.cont-img{width:100%; height:200px;position:relative;overflow:hidden; margin-top:0;padding-top:0;}
nav#menu-acc{position:fixed; z-index:99999; bottom:25px;width:100%; display:none;}
nav#menu-acc ul{text-align:center;}
nav#menu-acc li{display:inline; text-align:center;}
nav#menu-acc li a{color:#329ace;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif;  font-size:13px; text-decoration:none; border-bottom:0px solid #329ace; padding:10px 30px 30px 30px;}
nav#menu-acc li a.current, nav#menu-acc li a:hover{ color:#329ace;border-bottom:25px solid #329ace; padding:10px 30px 5px 30px;}


#v-left{width:100%; margin-right:0%; float:none;}

#v-left .da-thumbs li {float: left;width:100%;height:auto; margin-left:0;margin-bottom:4%;	}
#v-left .da-thumbs li:first-child, .da-thumbs li:nth-child(5), .da-thumbs li:nth-child(9){margin-left:0;}
#v-left .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-left .da-thumbs li a {overflow: hidden;}
#v-left .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-left .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-left .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100; color:#ffffff;font-size:40px; text-transform:uppercase; border:1px solid #ffffff; padding:8px 13px 8px 13px;position:absolute; width:300px; margin-left:-163px; left:50%; height:60px; margin-top:-37px; top:50%;}
#v-left .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}


#v-right{width:100%; float:none;}
#v-right .da-thumbs li {float: left;width:32%;height:auto; margin-left:2%;margin-bottom:2%;	}
#v-right .da-thumbs li:first-child, #v-right .da-thumbs li:nth-child(4), #v-right .da-thumbs li:nth-child(7), #v-right .da-thumbs li:nth-child(10), #v-right .da-thumbs li:nth-child(13), #v-right .da-thumbs li:nth-child(16){margin-left:0;}
#v-right .da-thumbs li:nth-child(5), #v-right .da-thumbs li:nth-child(9){margin-left:2%;}
#v-right .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-right .da-thumbs li a {overflow: hidden;}
#v-right .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-right .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-right .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100;border:1px solid #ffffff; line-height:95%;color:#ffffff;border-radius:50%; width:100px; height:100px; display:block; position:absolute; left:50%; margin-left:-50px;top:50%; margin-top:-50px;text-align:center;font-size:97px;}
#v-right .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}

#f-left{width:100%; float:none; margin-right:0;margin-bottom: 30px;}
#f-right{width:100%; float:none; margin-bottom: 30px;}

.big-left{width:100%; float:none;}
.big-right{width:100%; float:none; margin-left:0; }

.attrait{background-color:#F9F9F9; padding:3%; margin-bottom:25px;}

.attrait i {font-family: 'Open Sans', sans-serif; font-style:italic;}
.attrait p{text-align:left;}
.attrait a br {display:none;}
.attrait .a-left{width:100%; margin-right:0%; float:none;}
.attrait .a-left img{width:100%; height:auto;}
.attrait .a-right{width:100%; float:none;}

}
/*------IPHONE PORTRAIT----*/
@media screen and (max-width:430px) {
	.fix{padding:50px 0 0 0px ;}
	.cont-img .cb-slideshow{display:none;}
	.bigimg{display:block;}
span.mobi{display:block;color:#329ace;text-transform:uppercase;font-weight:700;font-family: 'Open Sans', sans-serif;  font-size:20px; text-align:center;cursor:pointer;z-index:99999; position:absolute;top:30px;left:50%; width:150px; margin-left:-75px; }
.mob-contenu{display:none;background-color:#ffffff;}
.mob-contenu ul{margin:0; padding:0;}
.mob-contenu li{float:none;width:100%;}
.mob-contenu li a{text-align:center;border:1px solid #ffffff;width:100%;background-color:#329ace;color:#ffffff;text-transform:uppercase;font-weight:400;font-family: 'Roboto', sans-serif;  font-size:13px; text-decoration:none; padding:10px 0px 10px 0px; display:block;}
.mob-contenu li a:hover{ color:#ffffff;background-color:#001d26}
.mob-contenu li a.current{ color:#ffffff;font-weight:700;background-color:#001d26}
nav#menu{position:fixed; z-index:99999; bottom:10px;width:100%; background-color:#329ace;display:none;}
.cont-img h1{color:#ffffff;font-size:40px;font-family: 'Open Sans', sans-serif; position:absolute; left:7%; top:25%; font-weight:300;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}

.bloc{display:none;}
#wrapper span.mobi{display:block;color:#ffffff;text-transform:uppercase;font-weight:700;font-family: 'Open Sans', sans-serif;  font-size:20px; text-align:center;cursor:pointer;z-index:99999; position:absolute;top:10px;left:50%; width:150px; margin-left:-75px; }
.logo-in{display:none;}

.bloc-1-3{width:97%; margin-left:0%; float:none; background-color:#F9F9F9; padding:3%;}
.bloc-1-3:first-of-type{margin-left:0; padding-bottom:0;}
.bloc-1-3:nth-of-type(2){margin-left:0; padding-top:0; padding-bottom:0;}
.bloc-1-3:last-of-type{margin-left:0; padding-top:0;}
.bloc-1-3 li{list-style:square;font-family: 'Open Sans', sans-serif;  font-size:15px; font-weight:300; margin-left:20px;}

.logo{position:fixed;width:300px; height:75px;top:0;left:50%;margin-left:-150px;z-index:999;}
.logo img{position:absolute;z-index:999;width:300px;height:auto;}
.logo h1{position:relative; z-index:9999; text-align:center;margin-top:45px;font-family: 'Open Sans', sans-serif; text-transform:uppercase;font-size:9px;font-weight:400; color:#001d26; }
.logo h1 strong{font-weight:700;}

#wrapper-acc .round{width:100%; height:75px;border-bottom:none;margin-bottom:-5px;}

.cont-img{width:100%; height:200px;position:relative;overflow:hidden; margin-top:0;padding-top:0;}

nav#menu-acc{position:fixed; z-index:99999; bottom:25px;width:100%; display:none;}
nav#menu-acc ul{text-align:center;}
nav#menu-acc li{display:inline; text-align:center;}
nav#menu-acc li a{color:#329ace;text-transform:uppercase;font-weight:400;font-family: 'Open Sans', sans-serif;  font-size:13px; text-decoration:none; border-bottom:0px solid #329ace; padding:10px 30px 30px 30px;}
nav#menu-acc li a.current, nav#menu-acc li a:hover{ color:#329ace;border-bottom:25px solid #329ace; padding:10px 30px 5px 30px;}


#v-left{width:100%; margin-right:0%; float:none;}

#v-left .da-thumbs li {float: left;width:100%;height:auto; margin-left:0;margin-bottom:4%;	}
#v-left .da-thumbs li:first-child, .da-thumbs li:nth-child(5), .da-thumbs li:nth-child(9){margin-left:0;}
#v-left .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-left .da-thumbs li a {overflow: hidden;}
#v-left .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-left .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-left .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100; color:#ffffff;font-size:30px; text-transform:uppercase; border:1px solid #ffffff; padding:8px 13px 8px 13px;position:absolute; width:225px; margin-left:-126px; left:50%; height:40px; margin-top:-28px; top:50%;}
#v-left .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}


#v-right{width:100%; float:none;}
#v-right h2{padding-top:15px;}
#v-right .da-thumbs li {float: left;width:47.5%;height:auto; margin-left:5%;margin-bottom:5%;	}
#v-right .da-thumbs li:first-child, #v-right .da-thumbs li:nth-child(3), #v-right .da-thumbs li:nth-child(5), #v-right .da-thumbs li:nth-child(7), #v-right .da-thumbs li:nth-child(9), #v-right .da-thumbs li:nth-child(11), #v-right .da-thumbs li:nth-child(13), #v-right .da-thumbs li:nth-child(15){margin-left:0;}

#v-right .da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
#v-right .da-thumbs li a {overflow: hidden;}
#v-right .da-thumbs li a img {border:2px solid #BCBCBC;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#v-right .da-thumbs li a div {position: absolute;background-color:rgba(50,154,206,0.90);width: 100%;height: 100%;}
#v-right .da-thumbs li a div span{font-family: 'Open Sans', sans-serif; font-weight:100;border:1px solid #ffffff; line-height:95%;color:#ffffff;border-radius:50%; width:100px; height:100px; display:block; position:absolute; left:50%; margin-left:-50px;top:50%; margin-top:-50px;text-align:center;font-size:97px;}
#v-right .da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:italic;color:#d31820}

#f-left{width:100%; float:none; margin-right:0;margin-bottom: 30px;}
#f-right{width:100%; float:none;margin-bottom: 30px; }

.table-container table a:link {color: #666;font-weight: bold;text-decoration:none;}
.table-container table a:visited {color: #999999;font-weight:bold;text-decoration:none;}
.table-container table a:active,table a:hover {color: #bd5a35;text-decoration:underline;}
.table-container table {font-family:Arial, Helvetica, sans-serif;color:#666;width:100%;font-size:13px;background:#eaebec;margin:0px;}
.table-container table th {padding:14px 5px 15px 5px;border-top:1px solid #fafafa;border-bottom:1px solid #e0e0e0;text-transform:uppercase;background: #ededed;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));background: -moz-linear-gradient(top,  #ededed,  #ebebeb);}
.table-container table th:first-child {text-align: left;padding-left:20px;}
.table-container table tr:first-child th:first-child {-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;}
.table-container table tr:first-child th:last-child {-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}
.table-container table tr {text-align: center;padding-left:20px;}
.table-container table td:first-child {text-align: left;padding-left:20px;border-left: 0;}
.table-container table td {padding:18px;border-top: 1px solid #ffffff;border-bottom:1px solid #e0e0e0;border-left: 1px solid #e0e0e0;background: #fafafa;background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);}
.table-container table tr.even td {background: #f6f6f6;background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);}
.table-container table tr:last-child td {border-bottom:0;}
.table-container table tr:last-child td:first-child {-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}
.table-container table tr:last-child td:last-child {-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}
.table-container table tr:hover td {color:#ffffff;background: #329ace;background: -webkit-gradient(linear, left top, left bottom, from(#329ace), to(#329ace));background: -moz-linear-gradient(top,  #329ace,  #329ace);}

.big-left{width:100%; float:none;}
.big-right{width:100%; float:none; margin-left:0; }

.attrait{background-color:#F9F9F9; padding:3%; margin-bottom:25px;}

.attrait i {font-family: 'Open Sans', sans-serif; font-style:italic;}
.attrait p{text-align:left;}
.attrait a br {display:none;}
.attrait .a-left{width:100%; margin-right:0%; float:none;}
.attrait .a-left img{width:100%; height:auto;}
.attrait .a-right{width:100%; float:none;}


}





.clear{clear:both;}

.overFade{position: relative;display: inline-block;}
.overFade img{display: block;}
.overFade img + img{display: none;position: absolute;top:0; left: 0;}




.animated2 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
@-webkit-keyframes bounceInDown { 0% { opacity: 0;-webkit-transform: translateY(-2000px); } 60% { opacity: 1;-webkit-transform: translateY(0px);} 80% {-webkit-transform: translateY(0px); } 100% { -webkit-transform: translateY(0); }}
@keyframes bounceInDown { 0% {opacity: 0;transform: translateY(-2000px); } 60% { opacity: 1;transform: translateY(0px); } 80% { transform: translateY(0px); } 100% { transform: translateY(0); } } 
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

.animated3 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
@-webkit-keyframes bounceInUp { 0% {opacity: 0;-webkit-transform: translateY(2000px); } 60% {opacity: 1;-webkit-transform: translateY(0px); } 80% { -webkit-transform: translateY(0px); } 100% { -webkit-transform: translateY(0); } } 
@keyframes bounceInUp { 0% {opacity: 0;transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(0px); } 80% { transform: translateY(10px);} 100% { transform: translateY(0); } } 
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }


.animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; } 
@-webkit-keyframes bounceInRight { 0% { opacity: 0;-webkit-transform: translateX(2000px); }60% {opacity: 1;-webkit-transform: translateX(0px);}80% {-webkit-transform: translateX(0px);}100% {-webkit-transform: translateX(0); } } 
@keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px);}60% {opacity: 1;transform: translateX(0px); } 80% {transform: translateX(0px); }100% { transform: translateX(0); } } 
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

.animated4 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(0px); } 80% { -webkit-transform: translateX(0px); } 100% { -webkit-transform: translateX(0);}}
@keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(0px); } 80% { transform: translateX(0px); } 100% { transform: translateX(0); } } 
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }



.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'Open Sans', sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../img/visite/2025/ext-galerie-et-vue-2.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../img/visite/2025/int-cuisine.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../img/visite/2025/int-salle-de-bain.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../img/visite/2025/ext-spa.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../img/visite/2025/int-salon-2.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../img/visite/2025/int-chambre-1.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{opacity: 1;}
@media screen and (max-width: 1140px) { .cb-slideshow li div h3 { font-size: 140px }}
@media screen and (max-width: 600px) { .cb-slideshow li div h3 { font-size: 80px }}


