@charset "utf-8";
/* CSS Document */

html {
  height: 100%;
}

body{
	background-color:#00637d;
	margin:0px;
	padding:0px;
	height: 100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;	
	line-height:24px;
	padding-left:50px;
	padding-right:50px;
}

.note{
	font-size:11px;
}

.contenantPrincipal{
	max-width:1280px;
	background-color:#ffffff;
	margin: 0 auto; 
	margin-top:0px;
	padding-top:0px;
	height: 1051px;
}

.contenantPrincipal-chiro{
	max-width:1280px;
	background-color:#ffffff;
	margin: 0 auto; 
	margin-top:0px;
	padding-top:0px;
	height: 2102px;
}

.contenantPrincipal-chroniques{
	max-width:1280px;
	background-color:#ffffff;
	margin: 0 auto; 
	margin-top:0px;
	padding-top:0px;
	height: 5255px;
}

.contenantPrincipal-chroniques2{
	max-width:1280px;
	background-color:#ffffff;
	margin: 0 auto; 
	margin-top:0px;
	padding-top:0px;
	height: 2102px;
}

.contenantPrincipal-chroniques3{
	max-width:1280px;
	background-color:#ffffff;
	margin: 0 auto; 
	margin-top:0px;
	padding-top:0px;
	height: 2102px;
}

.contenantPrincipal-sophie{
	max-width:1280px;
	background-color:#ffffff;
	margin: 0 auto; 
	margin-top:0px;
	padding-top:0px;
	height: 1051px;
}

div.img-colonne-gauche{
	float:left;
	min-width:254px;
}

img.img-colonne-gauche{
	display:block;
}

img.img-colonne-gauche-horizontale{
	display:none;
	width:100%;	
}

img.img-colonne-gauche-horizontale-petit{
	  display:none;
	  width:100%;	
}

img.img-logo{
	display: block;
	max-width: 100%;
	height: auto;
}

img.img-logo-petit{
	  display: none;
	  max-width: 100%;
	  height: auto;
}

img.img-logo-tres-petit{
	  display: none;
	  max-width: 100%;
	  height: auto;
	}
	
  img.dos{
	  width:100%;
	  max-width:493px;
  }

div.colonne-droite-accueil{
	/*float:left;*/
	padding-top:30px;
}

div.bloc-menu{
	float:left;
	width:33%;
	max-width:275px;
	min-width:210px;
}

div.numeroTelephone{
	height:39px;
	color:#fff;
	background-color:#00637d;
	max-width:265px;
	font-size:15px;
	text-align:right;
	vertical-align:middle;
	padding-top:8px;
}

div.numeroTelephone span{
	padding-right:12px;
}

#navigation{
	max-width: 281px;
  	list-style: none;
  	margin: 0;
  	padding: 0;
}

#navigation li{
	background: #00637d ;
  	color: #fff ;
  	margin-bottom: 4px ;
	text-align:right;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:12px;
	font-size:15px;
	border-right:solid #fff 16px;
	text-decoration:none;
	
}

#navigation li:first-child{
	margin-top:12px;
}

#navigation li.actif{
	font-weight:bold;
	padding-right:12px;
	border-right:solid #00637d 16px;
}

#navigation li a{
	color:#fff;
}

#navigation li a:hover{
	/*font-weight:bold;*/
	/*padding-right:27px;*/
	/*border-right:solid #00637d 16px;*/
}

div.logo{
	float:left;
	/*width:67%;*/
}

div.version-mobile{
		display:none;
	}
	
div.rapper-contenu-bas{
	position:absolute;	
	top:350px;
	left:350px;
}

.page-chiro{
	margin-left:4%;
	margin-right:8%;	
}

a{
	text-decoration:none;
}

.clear{
	clear:both;
}

div.bloc-heures-ouverture-2{
	width:40%;
	margin-left:10%;
	max-width:265px;
	float:left;
}
	
div.bloc-coordonnees-2{
	float:left;
	margin-left:10%;
	width:40%;
	max-width:265px;
}

div.bloc-itineraire{
	float:left;
	margin-left:10%;
	max-width:265px;
	width:60%;
}

.page-contact{
	margin-left:4%;
	width:96%;
}

div.bloc-heures-ouverture{
	margin-left:10%;
	width:30%;
	max-width:265px;
	float:left;
}

div.bloc-heures-ouverture ul,
div.bloc-heures-ouverture-2 ul{
	list-style: none;
  	margin: 0;
  	padding: 0;
}

div.bloc-heures-ouverture ul li,
div.bloc-heures-ouverture-2 ul li{
	line-height:40px;
	border-bottom:solid #ccc 1px;
}

h2.accueil{
	font-size:24px;
	color:#333;
	font-weight:normal;
}

h3{
	font-size:18px;
	color:#00637d;
	font-weight:normal;
}

a{
	color:#00637d;
	text-decoration:none;
}

a:hover{
	color:#00637d;
	text-decoration:underline;
}

div.mission{
	float:left;
	background-color:#00637d;
	color:#fff;
/*	padding-top:20px;
	padding-bottom:20px;*/
	width:40%;
	padding-left:2%;
	padding-right:2%;
	margin-left:10%;
	margin-right:2%;
	margin-top:25px;
}

div.mission p.titre-mission{
	font-size:24px;
	text-align:center;
}

div.mission p.texte-mission{
	font-size:18px;
	text-align:center;
}

div.bloc-coordonnees{
	float:left;
	margin-left:10%;
	margin-top:60px;
	width:30%;
	max-width:265px;
}

div.bloc-chiropratie{
	float:left;
	margin-left:10%;
	border-left:solid #333 1px;
	margin-top:60px;
	padding-left:30px;
	width:40%;
}

div.bloc-photo-sophie{
	float:left;
	margin-left:1%;
	margin-top:20px;
	width:20%;
}

div.bloc-texte-sophie{
	float:left;
	margin-left:5%;
	margin-top:20px;
	width:60%;
}

div.bloc-chiropratie ul{
	list-style: none;
  	margin: 0;
  	padding: 0;
}

div.bloc-chiropratie ul li{
	line-height:40px;
	border-bottom:solid #ccc 1px;
}

div.bloc-chiropratie ul li span{
	padding-left:30px;
	float:right;
}



@media only screen and (max-width: 1282px){
	img.img-logo{
	  display: none;
	  max-width: 100%;
	  height: auto;
	}
	img.img-logo-petit{
	  display: block;
	  max-width: 100%;
	  height: auto;
	}
	img.img-logo-tres-petit{
	  display: none;
	  max-width: 100%;
	  height: auto;
	}
	
		
}


@media only screen and (max-width: 1126px){
	.contenantPrincipal{
		max-width:1280px;
		background-color:#ffffff;
		margin: 0 auto; 
		margin-top:0px;
		padding-top:0px;
		height: 1100px;
	}
	
	img.img-logo{
	  display: none;
	  max-width: 100%;
	  height: auto;
	}
	img.img-logo-petit{
	  display: none;
	  max-width: 100%;
	  height: auto;
	}
	img.img-logo-tres-petit{
	  display: block;
	  max-width: 100%;
	  height: auto;
	}
	
	div.bloc-menu{
		float:left;
		width:33%;
		max-width:275px;
		min-width:184px;
	}
		
}

@media screen and (max-width: 1023px){
	
	div.version-desktop{
		display:block;
		left:0px;
		position:relative;
	}
	
	div.rapper-contenu-bas{
	position:relative;	
	top:0px;
	left:0px;
	}

	div.bloc-heures-ouverture-2{
	margin-left:10%;
		width:40%;
		max-width:265px;
		float:left;
	}

	.page-chiro{
	margin-right:8%;
	margin-left:8%;	
	}
	
	img.img-logo{
		display: block;
		max-width: 100%;
		height: auto;
		margin-top:0px;
	}

	img.img-logo-petit{
	  display: none;
	  max-width: 100%;
	  height: auto;
	}

	img.img-logo-tres-petit{
	  display: none;
	  max-width: 100%;
	  height: auto;
	}
	
	  img.img-colonne-gauche{
		  display:none;
	  }

	img.img-colonne-gauche-horizontale{
		display:block;
		width:100%;	
	}
	
	img.img-colonne-gauche-horizontale-petit{
		display:none;
		width:100%;	
	}
	
}

@media screen and (max-width: 1100px){
	.contenantPrincipal{
		max-width:1280px;
		background-color:#ffffff;
		margin: 0 auto; 
		margin-top:0px;
		padding-top:0px;
		height: 1200px;
	}
}

@media screen and (max-width: 832px){
	
	img.img-logo{
		display: none;
		max-width: 100%;
		height: auto;
		margin-top:0px;
	}

	img.img-logo-petit{
	  	display: none;
	  	max-width: 100%;
	  	height: auto;
	}

	img.img-logo-tres-petit{
		  display: block;
		  max-width: 100%;
	  	height: auto;
	}
}

@media screen and (max-width: 730px){
	.contenantPrincipal{
		max-width:1280px;
		background-color:#ffffff;
		margin: 0 auto; 
		margin-top:0px;
		padding-top:0px;
		height: 1500px;
	}
	
	.contenantPrincipal-chroniques{
	max-width:1280px;
	background-color:#ffffff;
	margin: 0 auto; 
	margin-top:0px;
	padding-top:0px;
	height: 5500px;
	}

	
	
	div.mission{
		float:left;
		background-color:#00637d;
		color:#fff;
	/*	padding-top:20px;
		padding-bottom:20px;*/
		width:92%;
		padding-left:2%;
		padding-right:2%;
		margin-left:2%;
		margin-right:2%;
		margin-top:25px;
	}

	div.bloc-heures-ouverture{
		margin-left:10%;
		width:90%;
		max-width:265px;
		float:left;
	}
	
	div.bloc-coordonnees{
		float:left;
		margin-left:10%;
		margin-top:60px;
		width:90%;
		max-width:265px;
	}
	
	
	div.bloc-chiropratie{
		float:left;
		margin-left:10%;
		border-left:solid #333 1px;
		margin-top:60px;
		padding-left:30px;
		width:70%;
	}
}


@media screen and (max-width: 676px){

	.contenantPrincipal{
		max-width:1280px;
		background-color:#ffffff;
		margin: 0 auto; 
		margin-top:0px;
		padding-top:0px;
		height: 1800px;
	}
	
	.contenantPrincipal-sophie{
		max-width:1280px;
		background-color:#ffffff;
		margin: 0 auto; 
		margin-top:0px;
		padding-top:0px;
		height: 1551px;
	}
	 
	img.img-colonne-gauche{
		display:none;
	}

	img.img-colonne-gauche-horizontale{
		display:none;
		width:100%;	
	}
	
	img.img-colonne-gauche-horizontale-petit{
		display:block;
		width:100%;	
	}
	
	div.logo{
		float:left;
		width:95%;
		margin-left:20px;
		margin-bottom:20px;
	}
	
	img.img-logo{
		display: block;
		max-width: 100%;
		height: auto;
		margin-top:0px;
	}


	div.bloc-menu{
		float:left;
		width:100%;
		max-width:100%;
		min-width:210px;
	}
}


@media screen and (max-width: 505px){
	body{
		background-color:#00637d;
		margin:0px;
		padding:0px;
		height: 100%;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;	
		line-height:24px;
		padding-left:20px;
		padding-right:20px;
	}
	
	.contenantPrincipal-chroniques{
	max-width:1280px;
	background-color:#ffffff;
	margin: 0 auto; 
	margin-top:0px;
	padding-top:0px;
	height: 9500px;
	}

	
	div.logo{
		float:left;
		width:90%;
		margin-left:20px;
		margin-bottom:20px;
	}
}