@charset "UTF-8";

body {
	text-align: left;
	background: url(img/bkg_header.gif) no-repeat top center #FFF;
	-webkit-background-size: 3000px 187px;
	}

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


#photo-acc {padding:10px 0px 0px 0px;}
#photo-acc img{width:100% !important;
}

#content{
	margin:50px 0px 0px 0px; 
	padding:0px;
	min-height:500px;
}
#content-acc{margin:0px 0px 25px 10px; padding:0px 35px 0px 15px;}

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

.image100{
	width:100% !important;
	height: auto;
	max-width: 1169px;
	margin:35px 0px 10px 0px; 
	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:320px; !important;
	height: auto !important;
	padding:0px 25px 25px 0px;
	float:left;
	}
	#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;
	}

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 23px 0px;
	max-width:272px;
	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: 12px 'Open Sans', sans-serif;
	font-weight: 400; 
	color:#216093;
	text-transform:uppercase;
	margin-right:7px;
}
.bt-top a {
	color:#216093;
	text-decoration:none;
}
.bt-top a:hover {
	color:#FFF;
	text-decoration:none;
}

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

.navbar-toggle
{background-color:#fff;border-color:#afbd20;}
.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:#FFFFFF;border:none !important;
}
.navbar-toggle{border-color:#7dd0e0 !important;}
.icon-bar
{background-color:#216093 !important;}
.navbar-header,.navbar-collapse,.navbar-toggle
{border:none !important;border-color:#7dd0e0 !important;}
.navbar-collapse
{padding:0 !important;margin:0 !important;}


.nav{

	font: 17px/19px 'Open Sans', sans-serif;
	font-weight: 600; 
	color:#216093;
	text-transform:uppercase;
	display:block;
	padding:0px;
	margin:0px !important;
	-webkit-font-smoothing: antialiased;
}
.nav li{list-style:none;}

.nav li a{
	color:#216093;
	display:block;
	line-height:37px;
	margin:0px 30px 0px 0px;
	padding:0 !important;
	vertical-align:middle;
	}
	
.nav li a:hover {color:#FFF;background:none;}
.nav li ul{
	background:#65b9c9;
	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:#216093;
	background:#65b9c9;
	margin:0px;
	padding:5px 15px 6px 15px !important;
	text-transform:uppercase;
	display:block;
		}
.nav li ul a:hover{
	color:#FFF;
	background:#438dae;
	display:block;
		}
		
#footer {background-color:#b3b3b3;padding: 20px 0px 30px 0px; margin: 40px 0px 0px 0px;}
		
.credits {
	font: 10px/14px 'Open Sans', sans-serif;
	font-weight: 400; 
	color:#4b4b4b;
	text-transform:uppercase;
}
.credits a {
	color:#4b4b4b;
	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;
}
h1 a {
	text-decoration:none;
	color:#5d9eaa;
}
h1 a:hover {
	text-decoration:none;
	color:#3eb1bc;
	}
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;
	}
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-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;
	color:#5d9eaa;
}

.text-reg a:hover {
	text-decoration:none;
	color:#7dd0e0;
	}
.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:#7dd0e0;
	}
.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-credit-photo {
	font: 10px/13px 'Open Sans', sans-serif;
	font-weight: 400;
	color:#8d8d8d;
	text-align:left;
	text-transform:none;
}
.titre-cta {
	font: 26px/32px 'Oswald', sans-serif;
	font-weight: 400; 
	letter-spacing:1px;
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
}
.titre-cta-violet {
	color:#c9b8dd;
}
.titre-cta-vert {
	color:#bbdb94;
}
.titre-cta-bleu {
	color:#bae5f1;
}
.text-violet {
	font: 13px/17px 'Open Sans', sans-serif;
	font-weight: 400;
	color:#c9b8dd;
	text-align:left;
}
.text-violet a {
	font-weight: 600;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
}
.text-violet a:hover {
	text-decoration:none;
	color:#c9b8dd;
	}
.text-vert {
	font: 13px/17px 'Open Sans', sans-serif;
	font-weight: 400;
	color:#e8efe0;
	text-align:left;
}
.text-vert a {
	font-weight: 600;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
}
.text-vert a:hover {
	text-decoration:none;
	color:#bbdb94;
	}
.text-bleu {
	font: 13px/17px 'Open Sans', sans-serif;
	font-weight: 400;
	color:#FFF;
	text-align:left;
}
.text-bleu a {
	font-weight: 600;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
}
.text-bleu a:hover {
	text-decoration:none;
	color:#216093;
	}
.container-cta {
	margin-right:0px;
	width:100%;
	}
#bkg-violet {background: url(img/bkg_cta_violet.png) no-repeat top right #5e4a74; padding:22px 90px 12px 25px; height:305px;}
#bkg-vert {background: url(img/bkg_cta_vert.png) no-repeat top right #699534; padding:22px 80px 12px 25px; height:305px;}
#bkg-bleu {background: url(img/bkg_cta_bleu.png) no-repeat top right #4aa8c1; padding:22px 100px 12px 25px; height:305px;}
	
.box-niveau-1{padding-right:0px;}
.box-niveau-2{padding:0px;}
.box-niveau-3{padding-left:0px;}
	
.spacer {
	clear:both;
	height:1px;
}
.spacer-10 {
	clear:both;
	height:10px;
}
.spacer-20 {
	clear:both;
	height:20px;
}
.logo-physiotec {
	margin-top:59px;
}

.logo-spinecor-20-years {
	margin-top:59px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 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;
}
#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; }

#photo-acc .bt-acces-client {
		max-width:125px !important;
		height:auto;
		margin:-55px 0px 20px 40px;
		float:right;
	}



@media only screen and (max-width : 1200px) {
	
		.image100{
	width:100% !important;
	height: auto;
	max-width: 970px;
	margin:35px 0px 10px 0px; 
	padding:0px 0px 0px 0px;
	}
	
	h1 {
	font: 22px/29px 'Oswald', sans-serif;
	font-weight:400;
}
h2 {
	font: 21px/28px '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-violet {background: url(img/bkg_cta_violet.png) no-repeat top right #5e4a74; padding:22px 80px 12px 25px; height:345px;}
#bkg-vert {background: url(img/bkg_cta_vert.png) no-repeat top right #699534; padding:22px 80px 12px 25px; height:345px;}
#bkg-bleu {background: url(img/bkg_cta_bleu.png) no-repeat top right #4aa8c1; padding:22px 100px 12px 25px; height:345px;}
.logo-physiotec {
	margin-top:55px;
}

.logo-spinecor-20-years {
	margin-top:55px;
}

}

@media only screen and (max-width : 991px) {
	
		.image100{
	width:100% !important;
	height: auto;
	max-width: 780px;
	margin:25px 0px 10px 0px; 
	padding:0px 0px 0px 0px;
	}
	
	.titre-cta {
	font: 21px/28px 'Oswald', sans-serif;
	font-weight: 400; 
}
#img-lettrine{
	width:100% !important;
	margin:10px 0px 20px 0px; 
	padding:0px 0px 0px 0px;
	border: 1px solid #dddddd;
	}
	
	#img-lettrine3{
	width:100% !important;
	max-width:600px !important;
	margin:14px 0px 16px 0px; 
	padding:0px 0px 0px 0px;
	border: none;
	}
	#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;}

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

	#bkg-violet {padding:22px 77px 12px 35px; height:430px;}
#bkg-vert {padding:22px 80px 12px 20px; height:430px;}
#bkg-bleu {padding:22px 100px 12px 20px; height:430px;}

.container-bt-top {
	right:25px;
	top: -10px;
}

.logo-spinecor-20-years {
	max-width:140px;
	margin-top:15px;
}

#header{
	padding:15px 0px 0px 0px;
	margin:0px;
	}
	
	.logo-physiotec {
	max-width:200px;
	margin-top:15px;
}
.nav{
font: 16px/19px 'Open Sans', sans-serif;
	font-weight: 600;
}

.nav li a{
	margin:0px 18px 0px 0px;
	}
	
	#photo-acc .bt-acces-client {
		margin-right:-10px!important;
	}
	
}
@media only screen and (max-width : 767px) {
	
		.image100{
	width:100% !important;
	height: auto;
	max-width: 773px;
	margin:25px 0px 10px 0px; 
	padding:0px 0px 0px 0px;
	}
	
	body {
	background:#FFF;
	}
#bkg-violet {padding:22px 77px 12px 20px; height:auto;}
#bkg-vert {padding:22px 80px 12px 20px; height:auto;}
#bkg-bleu {padding:22px 100px 12px 20px; height:auto;}
	
.container-bt-top { 

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

	}
	.logo-top {
		max-width:288px;
		padding-top:0px;
	}
	#header{
	background-color:#7dd0e0;
	}
	
}
@media (max-width: 640px) {
	
.nav li ul{
	position:relative;
		}
	
#header{
	width:100%;
	margin:0;
	padding:0;
	}
	
#navbar {background-color:#7dd0e0;
}

#photo-acc {padding:10px 5px 0px 10px;}
#content{margin:30px 0px 0px 0px;}
#content-acc{margin:20px 0px 30px 0px; padding:0px 5px 0px 5px;}
.bt-top {
	font: 11px 'Open Sans', sans-serif;
	font-weight: 400; 
	margin-right:2px;
}
.bt-fb {
	margin:0px 0px 0px 5px;
	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;
	}
	
	#bkg-violet {height:auto;}
#bkg-vert {height:auto;}
#bkg-bleu {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;
	}
#photo-acc .bt-acces-client {
	max-width:85px !important;
	margin-top:0px !important;
	margin-right:5px !important;
	margin-left:12px !important;
	}

}