@charset "UTF-8";

body {
	text-align: left;
	background: url(img/bkg_header_courbe.gif) repeat-x top center #FFF;
	}

a:hover{text-decoration:none;}
a:active, a:focus{background-color:none !important;}

#photo-acc {padding:0px 0px 0px 15px;}
#photo-acc img{
	width:100% !important;
	max-width:1140px !important;
	height:auto !important;
	margin-bottom:30px;
}
#margin-right-none{
	margin-right: 0 none;
}
#content{
	margin-top:50px !important;
	margin-bottom:10px !important;
	padding:0px;
	min-height:500px;
}
#content-acc{margin:0px 0px 35px 10px !important; padding:0px 35px 0px 15px !important;}


.cell-image100{
	width:100% !important;
	height: auto;
	text-align: center;
	margin-top:10px; 
	}

.image100{
	width:100% !important;
	height: auto;
	max-width: 1155px;
	margin:35px 0px 10px 15px; 
	padding:0px 0px 0px 0px;
	}


#img-lettrine{
	width:100% !important;
	margin:14px 0px 6px 0px; 
	padding:0px 0px 0px 0px;
	border: 1px solid #dddddd;
		-webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.1);
		box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.1);
	}
	
#img-lettrine a{
	border: 1px solid #dddddd;
	text-decoration:none;
	}
	
#img-lettrine2{
	width:100% !important;
	max-width:600px !important;
	margin:14px 0px 6px 0px; 
	padding:0px 0px 0px 0px;
	border: none;
	
	}
#img-lettrine2 a{
	border: none;
	text-decoration:none;
	}
	
	#img-lettrine3{
	max-width:300px; !important;
	height: auto !important;
	margin:0px 25px 25px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	border: 1px solid #dddddd;
		-webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.1);
		box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.1);
	}
	#img-lettrine4{
	width:100% !important;
	max-width:400px !important;
	margin:14px 0px 6px 0px; 
	padding:0px 0px 0px 0px;
	border: none;
	}
	
	#img-lettrine5{
	max-height:480px; !important;
	width: auto !important;
	padding:0px 40px 20px 0px;
	float:left;
	}
	#img-lettrine6{
	width:100% !important;
	max-width:400px !important;
	margin:14px 0px 36px 0px; 
	padding:0px 0px 0px 0px;
	border: none;
	}
	#img-lettrine7{
	width:100% !important;
	max-width:400px !important;
	margin:14px 0px 6px 0px; 
	padding:0px 0px 0px 0px;
	border: none;
	}

a:hover{text-decoration:none;}
a:active, a:focus{background-color:none !important;}
	
ul{margin-bottom:20px !important;}

#header{
	text-align:left;
	padding:20px 25px 0px 25px; 
	}

.logo-top {
	margin:10px 0px 28px 0px;
	max-width:306px;
	width:100%;
	}

.bt-fb {
	border:none;
	margin:0px 0px 0px 10px;
}
.container-bt-top {
	float:right;
	height:30px;
	position:absolute;
		top: 0px;
	right:0px;
	margin-right:15px;
	z-index:98;
}
.bt-top {
	font: 14px/27px 'Oswald', sans-serif;
	font-weight: 300; 
	color:#0c636f;
	text-transform:uppercase;
	margin-right:7px;
}
.bt-top a {
	color:#0c636f;
	text-decoration:none;
}
.bt-top a:hover {
	color:#FFF;
	text-decoration:none;
}
.ouvert-samedi {
	font: 17px/27px 'Oswald', sans-serif;
	font-weight: 300; 
	color:#c2e7eb;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-top:7px;
}
.ouvert-samedi a {
	color:#c2e7eb;
	text-decoration:none;
}
.ouvert-samedi a:hover {
	color:#FFF;
	text-decoration:none;
}

#navbar {background-color:none;
padding:0px;
}

.navbar-toggle
{background-color:#0f7b8b;border-color:#fff;}
.navbar-toggle {
   /* background-color: transparent;
    background-image: none;
    border: 1px solid transparent;*/
	/*border:none;
    border-radius: 0px;*/
    float: left;
    margin-bottom: 8px;
    margin-right: 15px;
	margin-left: 0px;
	
    margin-top: 8px;
 /*   padding: 0px 0px;*/
    position: relative;
	font: 16px/19px 'Open Sans', sans-serif;
	font-weight: 400; 
	color:#0f7b8b;border:none !important;
}
.navbar-toggle{border-color:#fff !important;}
.icon-bar
{background-color:#fff !important;}
.navbar-header,.navbar-collapse,.navbar-toggle
{border:none !important;border-color:#fff !important;}
.navbar-collapse
{padding:0 !important;margin:0 !important;}


.nav{

	font: 20px/28px 'Oswald', sans-serif;
	font-weight: 400; 
	color:#126d79;
	text-transform:uppercase;
	display:block;
	padding:0px;
	margin:0px !important;
	-webkit-font-smoothing: antialiased;
}
.nav li{list-style:none;}

.nav li a{
	color:#126d79;
	display:block;
	line-height:37px;
	margin:0px 30px 7px 0px;
	padding:0 !important;
	cta2ical-align:middle;
	}
	
.nav li a:hover {color:#FFF;background:none;}
.nav li ul{
	background:#85cfd5;
	display:none;
	padding:6px 0px 6px 0px;
	margin:0px !important;
	text-transform:none;
	position:absolute;
	z-index:200;
		}
		
.nav li:hover ul{display:block;}

.nav li ul a{
	line-height:17px !important;
	font: 14px 'Open Sans', sans-serif;
	font-weight: 600;
	color:#126d79;
	background:#85cfd5;
	margin:0px;
	padding:5px 15px 6px 15px !important;
	text-transform:uppercase;
	display:block;
		}
.nav li ul a:hover{
	color:#FFF;
	background:#126d79;
	display:block;
		}
		
#footer {background-color:#d2d2d2;padding: 20px 0px 30px 0px; margin: 40px 0px 0px 0px;}
		
.credits {
	font: 10px/14px 'Open Sans', sans-serif;
	font-weight: 400; 
	color:#656565;
	text-transform:uppercase;
}
.credits a {
	color:#656565;
	text-decoration:none;
	}
.credits a:hover {
	color:#FFF;
	text-decoration:none;
	}
	
	h3 {
	font: 10px/14px 'Open Sans', sans-serif;
	font-weight: 400; 
	color:#656565;
	text-transform:uppercase;
}

.bouton-footer {
	font: 12px/16px 'Open Sans', sans-serif;
	font-weight: 400; 
	color:#4b4b4b;
	text-transform:uppercase;
}
.bouton-footer a {
	color:#4b4b4b;
	text-decoration:none;
	}
.bouton-footer a:hover {
	color:#FFF;
	text-decoration:none;
	}

h1 {
	font: 24px/32px 'Oswald', sans-serif;
	font-weight:400;
	color:#434343;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0px 0px 20px 0px !important;
	padding:0 !important;
}
h2 {
	font: 23px/31px 'Oswald', sans-serif;
	font-weight: 300; 
	color:#434343;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0px 0px 4px 0px !important;
}
h2 a {
	text-decoration:none;
	font: 21px/28px 'Oswald', sans-serif;
	font-weight: 300;
	color:#5d9eaa;
}

h2 a:hover {
	text-decoration:none;
	color:#3eb1bc;
	}
h3 {
	color:#656565;
	text-decoration:none;
	}
h3 a:hover {
	color:#FFF;
	text-decoration:none;
	}
h4 {
	font: 18px/26px 'Oswald', sans-serif;
	font-weight:400;
	color:#434343;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:20px 0px 12px 0px !important;
	margin:0px 0px 0px 0px !important;
}	
.text-acc {
	font: 20px/28px 'Oswald', sans-serif;
	font-weight: 300;
	color:#4e4e4e;
	text-align:left;
	text-transform:none;
	max-width:1000px;
	-webkit-font-smoothing: antialiased;
}
.text-acc a {
	text-decoration:none;
	font: 20px/28px 'Oswald', sans-serif;
	font-weight: 400;
	color:#4e4e4e;
}

.text-acc a:hover {
	text-decoration:none;
	color:#3eb1bc;
	}
	
	.oswald-bold {
	font-weight: 400;
}
.text-reg {
	font: 17px/23px 'Open Sans', sans-serif;
	font-weight: 300;
	color:#383838;
	text-align:left;
	text-transform:none;
	max-width:1050px;
}
.text-reg a {
	text-decoration:none;
	font-weight: 600;
	color:#5d9eaa;
}

.text-reg a:hover {
	text-decoration:none;
	font-weight: 600;
	color:#3eb1bc;
	}
.text-reg-center {
	font: 17px/23px 'Open Sans', sans-serif;
	font-weight: 300;
	color:#383838;
	text-align:center;
	text-transform:none;
	max-width:1050px;
}
.text-reg-center a {
	text-decoration:none;
	color:#5d9eaa;
}

.text-reg-center a:hover {
	text-decoration:none;
	color:#3eb1bc;
	}
.text-reg-note {
	font: 14px/19px 'Open Sans', sans-serif;
	font-weight: 400;
	color:#ddac00;
	text-align:left;
	text-transform:none;
}
.text-reg-legend {
	font: 11px/15px 'Open Sans', sans-serif;
	font-weight: 400;
	color:#383838;
	text-align:left;
	text-transform:none;
}


.text-reg-legend a {
	text-decoration:none;
	color:#5d9eaa;
}

.text-reg-legend a:hover {
	text-decoration:none;
	color:#3eb1bc;
	}


.text-reg-credit-photo {
	font: 10px/13px 'Open Sans', sans-serif;
	font-weight: 400;
	color:#8d8d8d;
	text-align:left;
	text-transform:none;
}
.titre-cta {
	font: 28px/34px 'Oswald', sans-serif;
	font-weight: 400; 
	text-align:left;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	padding-bottom:26px;
}
.titre-cta a:hover {
	text-decoration:none;
	color:#383838;
}
.titre-cta-cta1 {
	color:#56707b;
}
.titre-cta-cta1 a {
	color:#56707b;
}
.titre-cta-cta2 {
	color:#5e857c;
}
.titre-cta-cta2 a {
	color:#5e857c;
}
.titre-cta-cta3 {
	color:#347e85;
}
.titre-cta-cta3 a {
	color:#347e85;
}
.text-cta1 {
	font: 15px/20px 'Open Sans', sans-serif;
	font-weight: 400;
	color:#314954;
	text-align:left;
	padding-top: 5px;
}
.text-cta1 a {
	font: 17px/24px 'Oswald', sans-serif;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	text-decoration:none;
	text-transform:uppercase;
	color:#314954;
}
.text-cta1 a:hover {
	text-decoration:none;
	color:#FFF;
	}
.text-cta2 {
	font: 15px/20px 'Open Sans', sans-serif;
	font-weight: 400;
	color:#2c544b;
	text-align:left;
	padding-top: 5px;
}
.text-cta2 a {
	font: 17px/24px 'Oswald', sans-serif;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	text-decoration:none;
	text-transform:uppercase;
	color:#2c544b;
}
.text-cta2 a:hover {
	text-decoration:none;
	color:#FFF;
	}
.text-cta3 {
	font: 15px/20px 'Open Sans', sans-serif;
	font-weight: 400;
	color:#1c4a4e;
	text-align:left;
	padding-top: 5px;
}
.text-cta3 a {
	font: 17px/24px 'Oswald', sans-serif;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	text-decoration:none;
	text-transform:uppercase;
	color:#1c4a4e;
}
.text-cta3 a:hover {
	text-decoration:none;
	color:#FFF;
	}
.container-cta {
	margin-right:0px;
	width:100%;
	}
#bkg-cta1 {background: url(img/bkg_teaser_acc_01.jpg) no-repeat top right #cfdee4; padding:27px 21px 12px 25px; height:328px;}
#bkg-cta2 {background: url(img/bkg_teaser_acc_02.jpg) no-repeat top right #aacdc5; padding:27px 21px 12px 25px; height:328px;}
#bkg-cta3 {background: #FFFFFF; padding:27px 30px 12px 40px;}
	
.box-niveau-1{padding-right:0px;}
.box-niveau-2{padding-left:0px;}
.box-niveau-3{padding-left:0px;}
	
.spacer {
	clear:both;
	height:1px;
}
.spacer-10 {
	clear:both;
	height:10px;
}
.spacer-20 {
	clear:both;
	height:20px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 54%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tableau-gris {
	background-color:#e6e6e6 !important;
	padding:20px 20px 10px 20px !important;
	width: 100% !important;
}
.cadre-bleu {
	background-color:#ddf4f5 !important;
	padding:10px 25px 20px 25px !important;
	margin-bottom:20px;
	width: 100% !important;
}

.bt-rendez-vous {
	color:#fff;
	font: 14px/16px 'Oswald', sans-serif;
	font-weight: 300; 
	padding:0px;
	list-style:none;
	text-transform:uppercase;
	margin-top:20px;
}
.bt-rendez-vous ul{
	margin:0px;
	}
.bt-rendez-vous li{
	list-style:none;
	text-align:center;
	display:inline-block;
	}
.bt-rendez-vous li a{
	color:#fff;
	padding:8px 13px 10px 13px;
	margin:0;
	text-decoration:none;
	display:table-cell;
	background-color:#4bb2bb;
	
	}
.bt-rendez-vous li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#379aa3;
	}

#cell-tableau-gris {
	background-color:#c0c0c0 !important;
	padding:8px 0px 8px 15px !important;
}
#cell-tableau-gris2 {
	background-color:#e6e6e6 !important;
	padding:5px 4px 5px 15px !important;
}
#cell-tableau-gris3 {
	background-color:#e6e6e6 !important;
	padding:5px 8px 5px 8px !important;
}
#cell-tableau-blanc {
	background-color:#FFFFFF !important;
	padding:4px 4px 4px 15px !important;
}
#cell-tableau-blanc2 {
	background-color:#FFFFFF !important;
	padding:4px 8px 4px 8px !important;
}
#border-gris {
	border:#8a8a8a !important;
	margin-top:10px !important;
}
sup { font-size: 0.7em !important; }

#teaser {
	position:relative;
}
#teaser .img2 {
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#visibility-desktop{
	display:none;
	}
	
	
	#photo-acc .bt-acces-client {
		max-width:125px !important;
		height:auto;
		margin:-55px 0px 0px 40px;
		float:right;
	}
	
	#photo-acc .img-lettrine-promo-acc {
		max-width:165px !important;
		height:auto;
		margin:0px 26px 15px -5px;
		float:left;
	}
	
	



@media only screen and (max-width : 1200px) {
	
	.image100{
	width:100% !important;
	height: auto;
	max-width: 955px;
	margin:35px 0px 10px 15px; 
	padding:0px 0px 0px 0px;
	}
	
	
	.nav{

	font: 18px/28px 'Oswald', sans-serif;
	font-weight: 400; 
}

.nav li a{
	margin:0px 22px 7px 0px;
	}
	
	h1 {
	font: 22px/29px 'Oswald', sans-serif;
	font-weight:400;
}
h2 {
	font: 21px/28px 'Oswald', sans-serif;
	font-weight: 300; 
}
h2 a {
	font: 20px/24px 'Oswald', sans-serif;
	font-weight: 300; 
}
h4 {
	font: 16px/22px 'Oswald', sans-serif;
	font-weight:400;
}
	
	.text-reg {
	font: 14px/19px 'Open Sans', sans-serif;
	font-weight: 400;
}
.text-reg-center {
	font: 14px/19px 'Open Sans', sans-serif;
	font-weight: 400;
}
	
#bkg-cta1 {background: url(img/bkg_teaser_acc_01b.jpg) no-repeat top right #cfdee4; background-size: 1150px 115px; padding:27px 21px 12px 25px; height:353px;}
#bkg-cta2 {background: url(img/bkg_teaser_acc_02b.jpg) no-repeat top right #aacdc5; background-size: 1150px 115px; padding:27px 21px 12px 25px; height:353px;}
#bkg-cta3 {padding:27px 30px 12px 30px; }



#visibility-desktop{
	display:none;
	}

}

@media only screen and (max-width : 991px) {
	
	.image100{
	width:100% !important;
	height: auto;
	max-width: 773px;
	margin:25px 0px 10px 8px; 
	padding:0px 0px 0px 0px;
	}
	
	.titre-cta {
	font: 22px/28px 'Oswald', sans-serif;
	font-weight: 400;
	padding-top:8px;
	padding-bottom:35px;
}
#img-lettrine{
	width:100% !important;
	margin:10px 0px 20px 0px; 
	padding:0px 0px 0px 0px;
	border: 1px solid #dddddd;
	}
	
	#img-lettrine4{
	width:100% !important;
	max-width:600px !important;
	margin:14px 0px 16px 0px; 
	padding:0px 0px 0px 0px;
	border: none;
	}
	
	.box-niveau-3,.box-niveau-2,.box-niveau-1
{padding:0px 0px 5px 0px;}
.box-niveau-3
{padding-bottom:0;}

.box-niveau-1
{padding-left:5px;}

#content{
	margin:50px 15px 30px 15px; 
	padding:0px 0px 0px 0px;
}
#content-acc{margin:0px 0px 25px 10px; padding:0px 15px 0px 10px;}

#photo-acc {padding:0px 0px 0px 2px;}

	#bkg-cta1 {padding:22px 22px 12px 20px; height:400px;}
	#bkg-cta2 {padding:22px 22px 12px 20px; height:400px;}
	#bkg-cta3 {padding:22px 30px 12px 30px; }

.container-bt-top {
	right:25px;
	top: -10px;
}
#header{
	padding:15x 0px 0px 0px;
	margin:0px;
	}
.nav{
font: 14px/28px 'Oswald', sans-serif;
	font-weight: 400; 
}

.nav li a{
	margin:2px 17px 5px 0px;
	}
.nav li ul a{
	line-height:14px !important;
	font: 13px 'Open Sans', sans-serif;
	font-weight: 600;
	padding:5px 10px 6px 12px !important;
		}
		
#img-lettrine6{
	max-height:490px; !important;
	width: auto !important;
	padding:0px 40px 0px 0px;
	margin-bottom:10px;
	float:left;
	}

#visibility-mobile{
	display:none;
	}
	
	#visibility-desktop{
	display:block;
	}
	
	#photo-acc .bt-acces-client {
		margin-right:-10px!important;
	}
	
	.img-lettrine-promo-acc {
		padding-bottom: 40px;
	}


	
}
@media only screen and (max-width : 767px) {
	
	.image100{
	width:100% !important;
	height: auto;
	max-width: 773px;
	margin:0px 0px 30px 0px; 
	padding:0px 0px 0px 0px;
	}
	
#photo-acc .img-lettrine-promo-acc {
		display:none;
	}
	
	#img-lettrine3{
	width:100% !important;
	margin:14px 0px 16px 0px; 
	padding:0px 0px 0px 0px;
	border: none;
	float:none;
	display:block;
	}
	
	.ouvert-samedi {
		display:none;
}
	
	#img-lettrine6{
		float:none;
	}
	
	body {
	background:#FFF;
	}
#bkg-cta1 {padding:22px 22px 12px 20px; height:auto;}
#bkg-cta2 {padding:22px 22px 12px 20px; height:auto;}
#bkg-cta3 {padding:22px 30px 12px 30px; height:auto;}
	
.container-bt-top { 

	top:101px;
	padding-right:0px;
	right:0px;

	}
	.logo-top {
		padding-top:0px;
	}
	#header{
	background-color:#3eb1bc;
	}
	.nav{
font: 18px/28px 'Oswald', sans-serif;
	font-weight: 400; 
	padding:6px 0px 6px 0px;
}

#photo-acc {
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 30px 0px !important;
	}
	#photo-acc img {margin:0px 0px 30px 0px !important; padding:0px 0px 0px 0px !important;}
	
	.box-niveau-3,.box-niveau-2,.box-niveau-1
{padding:0px 0px 0px 15px; margin:0px 0px 0px 0px;}

.nav li ul a{
	line-height:17px !important;
	font: 13px 'Open Sans', sans-serif;
	font-weight: 600;
	padding:5px 15px 6px 15px !important;
		}
		
#photo-acc .img-lettrine-promo-acc {
		margin:15px 30px 0px 0px !important;
	}
		#photo-acc .bt-acces-client {
	margin-top:-40px !important;
	}
		
}

@media (max-width: 640px) {
	
.nav li ul{
	position:relative;
		}
	
#header{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	}
	
#navbar {background-color:#3eb1bc;
}


.container-bt-top { 
top:111px;
	}
.bt-top {
	margin-right:2px;
}
.bt-fb {
	margin:0px 0px 0px 7px;
	width:19px;
	height:19px;
}
.text-reg {
	font: 13px/16px 'Open Sans', sans-serif;
	font-weight: 400;
	text-align:left;
}
.logo-top {
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	#bkg-cta1 {height:auto;}
#bkg-cta2 {height:auto;}
#bkg-cta3 {height:auto;}

#cell-tableau-gris {
	font: 10px 'Open Sans', sans-serif;
	font-weight: 400; 
	padding-left:8px !important;
}
#cell-tableau-gris2 {
	font: 10px 'Open Sans', sans-serif;
	font-weight: 400; 
	padding-left:8px !important;
}
#cell-tableau-gris3 {
	font: 10px 'Open Sans', sans-serif;
	font-weight: 400; 
	padding-left:8px !important;
}
#cell-tableau-blanc {
	font: 10px 'Open Sans', sans-serif;
	font-weight: 400; 
	padding-left:8px !important;
}
#cell-tableau-blanc2 {
	font: 10px 'Open Sans', sans-serif;
	font-weight: 400; 
	padding-left:8px !important;
}
#img-lettrine5{
	width:100% !important;
	height:auto !important;
	max-height:none !important;
	margin:14px 0px 16px 0px; 
	padding:0px 0px 0px 0px;
	border: none;
	}
	
	.text-acc {
	font: 17px/24px 'Oswald', sans-serif;
	font-weight: 300;
	margin-left:-5px;
}

.text-acc a {
	font: 17px/24px 'Oswald', sans-serif;
	font-weight: 400;
	
}
.titre-cta {
	font: 28px/34px 'Oswald', sans-serif;
	font-weight: 400; 
	padding-top:0px;
	padding-bottom:26px;
}
#img-lettrine7{
	width:100% !important;
	height:auto !important;
	}

#content-acc h2 {margin-left:0px !important;}

#photo-acc .bt-acces-client {
	max-width:85px !important;
	margin-top:0px !important;
	margin-right:-17px !important;
	margin-left:15px !important;
	}

}