#ecran {
	width : 100%;
	background-color : rvb(233, 231, 232);
}

#bloc1 {
	
	height : 80px;
	padding : 0.5%;
}

#bloc2{
	background : linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0) 70%, rgba(255,255,255,1) 95%, rgba(255,255,255,1)), url("images/fonds/Fondosteopathie.jpg");
	background-repeat : no-repeat, no-repeat;
	height : 101%;
}

#flecheavant{
	width : 10%;
	height : 20%;
	background : url("images/Pictogrammes/Flechedroite.png");
	background-repeat : no-repeat;
	position : absolute;
	top : 55%;
	right : 1%;
}

#flechearriere{
	width : 10%;
	height : 20%;
	background : url("images/Pictogrammes/Flechegauche.png");
	background-repeat : no-repeat;
	position : absolute;
	top : 55%;
	left : 1%;
}

#bloc3{
	margin-top : 3%;
}

#carte{
	display : inline-block;
	width : 210px;
	height : 100%;
	font-family : gabriola;
	vertical-align : top;
}

#menu{
	display : inline-block ;
	width : 50%;
	height : 70%;
}

#description{
	width : 30%;
	text-align : justify;
	background-color : rgba(230,230,230,0.75);
	position : absolute;
	top : 45%;
	right : 15%;
	font-family : gabriola;
	font-size : 1.1em;
	padding-left : 1%;
	padding-right : 1%;
}

#blocrenseign{
	margin-top : 3%;
}

#bloccontact{
	margin-top : 3%;
}

#footer{
	height : 12%;
	background-color : rgb(235, 235, 235);

}


#logokine{
	height : 100%;
	display : inline;
}

.mentionstable{
	display : inline;
	vertical-align : top;
	font-family : gabriola;
	font-size : 0.8em;
	position : relative;
	left : 27%;
}

.mentionstable td{
	border : none;
}


#renseign{
	text-align : justify;
	display : inline-block;
	width : 60%;
	margin-left : 5%;
	font-family : gabriola;
	font-size : 1.1em;
	vertical-align : top;
	vertical-align : top;
}

#imgrenseign{
	display : inline-block;
	width : 20%;
	margin-left : 10%;
	margin-top : 1%;
}

#carte2{
	text-align : center;
	margin-top : 1%;
	font-family : gabriola;
	font-size : 1.1em;
}

#plan{
	margin-top : 1%;
}

#fleche{
	width : 100%;
	position : absolute;
	bottom : 0;
}

.symbole{
	margin-bottom : 0.5%;
	width : 100px;
}

.logo{
	width : 250px;
	vertical-align : top;
	
}

#osteopathe{
	display: inline-block;
	position : absolute;
	top : 1%;
	font-family : gabriola;
	left : 45%;
}

#osteopathie{
	display: inline-block;
	padding-right : 6%;
	font-family : gabriola;
	position : absolute;
	top : 1%;
	left : 35.5%;
}


#estcepourmoi{
	display: inline-block;
	padding-right : 6%;
	font-family : gabriola;
	position : absolute;
	top : 1%;
	left : 66%;
}

#micronutrition{
	display: inline-block;
	padding-right : 6%;
	font-family : gabriola;
	position : absolute;
	top : 12%;
	left : 35%;
}

#energetique{
	display: inline-block;
	padding-right : 6%;
	font-family : gabriola;
	position : absolute;
	top : 1%;
	left : 55%;
}

#renseignements{
	display: inline-block;
	padding-right : 6%;
	font-family : gabriola;
	position : absolute;
	top : 12%;
	left : 56%;
}

#contact{
	display: inline-block;
	padding-right : 6%;
	font-family : gabriola;
	position : absolute;
	top : 12%;
	left : 67%;
}

#actualite{
	display: inline-block;
	position : absolute;
	top : 12%;
	font-family : gabriola;
	left : 45.5%;
}


.ligne{
	display : inline-block;
	width : 15%;
	text-align : justify;
	margin-left : 8%;
	font-family : gabriola;
	font-size : 1.1em;
	vertical-align : top;
}

.symbmenu{
	width : 50px;
}

#osteopathie a{
	background-image : url('images/Pictogrammes/Losteopathie1.png');
	background-repeat : no-repeat;
	display : block;
	height : 50px;
	width : 50px;
}

#osteopathie a:hover{
	background : url('images/Pictogrammes/Losteopathie2.png');
	background-repeat : no-repeat;
}

#osteopathe a{
	background-image : url('images/Pictogrammes/Losteopathe1.png');
	background-repeat : no-repeat;
	display : block;
	height : 50px;
	width : 50px;
}

#osteopathe a:hover{
	background : url('images/Pictogrammes/Losteopathe2.png');
	background-repeat : no-repeat;
}

#estcepourmoi a{
	background-image : url('images/Pictogrammes/Estcepourmoi1.png');
	background-repeat : no-repeat;
	display : block;
	height : 50px;
	width : 50px;
}

#estcepourmoi a:hover{
	background : url('images/Pictogrammes/Estcepourmoi2.png');
	background-repeat : no-repeat;
}

#micronutrition a{
	background-image : url('images/Pictogrammes/Micronutrition1.png');
	background-repeat : no-repeat;
	display : block;
	height : 50px;
	width : 50px;
}

#micronutrition a:hover{
	background : url('images/Pictogrammes/Micronutrition2.png');
	background-repeat : no-repeat;
}

#actualite a{
	background-image : url('images/Pictogrammes/Actualites1.png');
	background-repeat : no-repeat;
	display : block;
	height : 50px;
	width : 50px;
}

#actualite a:hover{
	background : url('images/Pictogrammes/Actualites2.png');
	background-repeat : no-repeat;
}

#renseignements a{
	background-image : url('images/Pictogrammes/Renseignements1.png');
	background-repeat : no-repeat;
	display : block;
	height : 50px;
	width : 50px;
}

#renseignements a:hover{
	background : url('images/Pictogrammes/Renseignements2.png');
	background-repeat : no-repeat;
}

#contact a{
	background-image : url('images/Pictogrammes/Contact1.png');
	background-repeat : no-repeat;
	display : block;
	height : 50px;
	width : 50px;
}

#contact a:hover{
	background : url('images/Pictogrammes/Contact2.png');
	background-repeat : no-repeat;
}

#energetique a{
	background-image : url('images/Pictogrammes/Energetique1.png');
	background-repeat : no-repeat;
	display : block;
	height : 50px;
	width : 50px;
}

#energetique a:hover{
	background : url('images/Pictogrammes/Energetique2.png');
	background-repeat : no-repeat;
}

#blocosteo a{
	background : url('images/Pictogrammes/Losteopathie3.png');
	background-repeat : no-repeat;
	display : block;
	height : 100px;
	width : 100px;
}

#blocosteo a:hover{
	background : url('images/Pictogrammes/Losteopathie4.png');
	background-repeat : no-repeat;
}

#blocosteo2 a{
	background : url('images/Pictogrammes/Losteopathe3.png');
	background-repeat : no-repeat;
	display : block;
	height : 100px;
	width : 100px;
}

#blocosteo2 a:hover{
	background : url('images/Pictogrammes/Losteopathe4.png');
	background-repeat : no-repeat;
}

#blocqui a{
	background : url('images/Pictogrammes/Estcepourmoi3.png');
	background-repeat : no-repeat;
	display : block;
	height : 100px;
	width : 100px;
}

#blocqui a:hover{
	background : url('images/Pictogrammes/Estcepourmoi4.png');
	background-repeat : no-repeat;
}

#blocMN a{
	background : url('images/Pictogrammes/Micronutrition3.png');
	background-repeat : no-repeat;
	display : block;
	height : 100px;
	width : 100px;
}

#blocMN a:hover{
	background : url('images/Pictogrammes/Micronutrition4.png');
	background-repeat : no-repeat;
}

#blocrenseign a{
	background : url('images/Pictogrammes/Renseignements3.png');
	background-repeat : no-repeat;
	display : block;
	height : 100px;
	width : 100px;
}

#blocrenseign a:hover{
	background : url('images/Pictogrammes/Renseignements4.png');
	background-repeat : no-repeat;
}

#bloccontact a{
	background : url('images/Pictogrammes/Contact3.png');
	background-repeat : no-repeat;
	display : block;
	height : 100px;
	width : 100px;
}

#bloccontact a:hover{
	background : url('images/Pictogrammes/Contact4.png');
	background-repeat : no-repeat;
}

#icone {
	width : 150px;
	height : 150px;
	position : absolute;
	left : 3%;
	top : 25%;
}

#contenu{
	width : 60%;
	text-align : justify;
	background-color : rgba(230,230,230,0.75);
	position : absolute;
	top : 32%;
	left : 30%;
	font-family : gabriola;
	font-size : 1.1em;
	padding-left : 1%;
	padding-right : 1%;
}

#fondosteopathie{
	background : linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0) 60%, rgba(255,255,255,1) 90%, rgba(255,255,255,1)), url("images/fonds/Fondosteopathie.jpg");
	background-repeat : no-repeat, no-repeat;
	height : 120%;
	background-size : 100%;
}

#fondosteopathe{
	background : linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0) 60%, rgba(255,255,255,1) 90%, rgba(255,255,255,1)), url("images/fonds/Fondosteopathe.jpg");
	background-repeat : no-repeat, no-repeat;
	height : 120%;
	background-size : 100%;
}

#fondmicronutrition{
	background : linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0) 55%, rgba(255,255,255,1) 75%, rgba(255,255,255,1)), url("images/fonds/Fondmicronutrition.jpg");
	background-repeat : no-repeat, no-repeat;
	height : 140%;
	background-size : 100%;
}

#fondactualite{
	background : linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0) 60%, rgba(255,255,255,1) 70%, rgba(255,255,255,1)), url("images/fonds/Fondactualite.jpg");
	background-repeat : no-repeat, no-repeat;
	height : 120%;
	background-size : 100%;
}

#fondestcepourmoi{
	background : linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0) 5%, rgba(255,255,255,1) 12%, rgba(255,255,255,1)), url("images/fonds/Fondestcepourmoi.jpg");
	background-repeat : no-repeat, no-repeat;
	height : 965%;
	background-size : 100%;
}

#fondrenseignements{
	background : linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0) 40%, rgba(255,255,255,1) 55%, rgba(255,255,255,1)), url("images/fonds/Fondrenseignements.jpg");
	background-repeat : no-repeat, no-repeat;
	height : 200%;
	background-size : 100%;
}

#fondenergetique{
	background : linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0) 60%, rgba(255,255,255,1) 90%, rgba(255,255,255,1)), url("images/fonds/Fondenergetique.jpg");
	background-repeat : no-repeat, no-repeat;
	height : 120%;
	background-size : 100%;
}

#fondcontact{
	background : linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0) 50%, rgba(255,255,255,1) 65%, rgba(255,255,255,1)), url("images/fonds/Fondcontact.jpg");
	background-repeat : no-repeat, no-repeat;
	height : 200%;
	background-size : 100%;
}

#form{
	margin-left : 30%;
}

#menuestcepourmoi{
	width : 90%;
	height : 18%;
	background-color : rgba(230,230,230,0.75);
	position : absolute;
	top : 70%;
	left : 5%;
}

#contenuestcepourmoi{
	width : 60%;
	text-align : justify;
	background-color : rgba(230,230,230,0.75);
	position : absolute;
	top : 90%;
	left : 20%;
	font-family : gabriola;
	font-size : 1.1em;
	padding-left : 1%;
	padding-right : 1%;
}

.choix2{
	display: inline-block;
	padding-left : 5%;
	font-family : gabriola;
	text-align : center;
}

.choix2 :hover{
	opacity : 0.75;
}

#contenuconf{
	width : 60%;
	text-align : justify;
	background-color : rgba(230,230,230,0.75);
	position : absolute;
	top : 45%;
	left : 20%;
	font-family : gabriola;
	font-size : 1.1em;
	padding-left : 1%;
	padding-right : 1%;
}

#scrolltop{
	position : fixed;
	bottom : 13.5%;
	right : 5%;
	
}

#coord{
	position : absolute;
	top : 70%;
	left : 6.25%;
	background-color : rgba(230,230,230,0.75);
	padding : 1%;
	font-family : gabriola;	
	font-size : 1.1em;
}

.champ{
	width : 28.5em;
}
 
.table{
	width : 90%;
	border: medium solid #000000;
	position : absolute;
	top : 20%;
	left : 5%
}

th {
	border: thin solid #6495ed;
	width: 20%;
}

td{
	border: thin solid #6495ed;
	width: 20%;
	height : 10%;
}

#Ajouter{
	width : 50px;
	position : absolute;
	right : 5%;
	top : 5%;
}

.date{
	text-align : right;
}

.Lienarticle{
	text-decoration : none;
}