/* CSS Document */

#container {
	position: absolute;
	top: 0px;
	margin-left: auto;/* pour corriger le bug de centrage Mozilla */
    margin-right: auto;/* pour corriger le bug de centrage Mozilla */
	width: 100%;
	height: 100%;
	}
/*DIV*/

#bando{
	margin-top: 0em;
	margin-bottom: 0em;
	position: relative;
	clear: both;	
	height: 130px;
	background: #E6F9FD url(../images/bando.jpg) right top no-repeat;
	}
#coin_g {
	margin-top: 0em;
	margin-bottom: 0em;
	float: left;
	position: absolute;
	width: 100px;
	height: 130px;
	top: -122px;
	background: #fff url(../images/coin_g_bando.jpg) right top no-repeat;
}

#bando_bas{
	margin-top: 0em;
	margin-bottom: 0em;
	position: relative;
	clear: both;	
	height: 8px;
	top: 122px;
	background: #71787C url(../images/bando_bas.jpg) right no-repeat;
	}
#text_bando{
	margin-top: 0em;
	margin-bottom: 0em;
	position: relative;
	width: 387px;
	height: 75px;
	top: 30px;
	left: 2.5em;
	background-image:  url(../images/texte_bando.gif);
	}
#barre_nav{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 1.7em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	position: relative;
	top: 0em;
	background: url(../images/barre_nav_musico.jpg) left top no-repeat;
	}
#barre_nav_contact{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 1.7em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	position: relative;
	top: 0em;
	background: url(../images/barre_nav_contact.jpg) left top no-repeat;
	}
#barre_nav_rel{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 1.7em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	position: relative;
	top: 0em;
	background: url(../images/barre_nav_rel.jpg) left top no-repeat;
	}
#barre_nav_osteo{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 1.7em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	position: relative;
	top: 0em;
	background: url(../images/barre_nav_osteo.jpg) left top no-repeat;
	}
#barre_nav_meso{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 1.7em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	position: relative;
	top: 0em;
	background: url(../images/barre_nav_meso.jpg) left top no-repeat;
	}
#barre_nav_med{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 1.7em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	position: relative;
	top: 0em;
	background: url(../images/barre_nav_med.jpg) left top no-repeat;
	}
#barre_nav_parcours{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 1.7em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	position: relative;
	top: 0em;
	background: url(../images/barre_nav_parcours.jpg) left top no-repeat;
	}
#nav_ht{
	position: relative;
	top: 0em;
	padding-top: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 0.7em;
	text-align: right;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
}
#barre_edito{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	position: relative;
	top: -20px;
	height: 10px;
	background: url(../images/barre_edito.jpg) left top no-repeat;
	}
#barre_parcours{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	position: relative;
	top: -20px;
	height: 10px;
	background: url(../images/barre_parcours.jpg) left top no-repeat;
	}
#barre_osteo{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	position: relative;
	top: -20px;
	height: 10px;
	background: url(../images/barre_osteo.jpg) left top no-repeat;
	}
#barre_musico{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	position: relative;
	top: -20px;
	height: 10px;
	background: url(../images/barre_musico.jpg) left top no-repeat;
	}
#barre_reve{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	position: relative;
	top: -20px;
	height: 10px;
	background: url(../images/barre_rel.jpg) left top no-repeat;
	}
#barre_meso{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	position: relative;
	top: -20px;
	height: 10px;
	background: url(../images/barre_meso.jpg) left top no-repeat;
	}
#barre_med{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	position: relative;
	top: -20px;
	height: 10px;
	background: url(../images/barre_med.jpg) left top no-repeat;
	}
#contenu{
	position: relative;
	padding: 0px;
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 2.5em;
	margin-bottom: 0em;
	width: 95%;
	height: 75%;
}
#texte{
	float: left;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: black;
	font-style: normal;
	line-height: 1.5em;
	margin-top: -0.8em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 1.5em;
	width: 95%;
	height: 27em;
	}
#texte_savoir{
	float: left;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 81%;
	color: black;
	font-style: normal;
	line-height: 1.5em;
	margin-top: -0.8em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 1em;
	width: 97%;
	}
#image{
	float: right;
	margin-top: 0em;
	margin-right: 1em;
	margin-left: 2.5em;
	margin-bottom: 0em;
}
#image_meso{
	float: right;
	margin-top: 3em;
	margin-right: 1em;
	margin-left: 2.5em;
	margin-bottom: 3em;
}
#image2{
	float: right;
	margin-top: 1.5em;
	margin-right: 1em;
	margin-left: 1.5em;
	margin-bottom: 0em;
}
#image1{
	float: left;
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 1em;
	margin-bottom: 0em;
	padding-left: 1em;
}
#image_info{
	float: right;
	margin-top: 0em;
	margin-right: 3em;
	margin-left: 0em;
	margin-bottom: 0em;
}
#image_credit{
	float: right;
	margin-top: 0em;
	margin-right: 3em;
	margin-left: 0em;
	margin-bottom: 0em;
}
#image_voyages_fillette{
	float: left;
	margin-top: 4em;
	margin-right: 4em;
	margin-left: 0em;
	margin-bottom: 0em;
}
#image_voyages_statues{
	float: center;
	margin-top: 2em;
	margin-right: -5em;
	margin-left: 1em;
	margin-bottom: 0em;
}

#image_voyages_panda{
	float: right;
	margin-top: -17em;
	margin-right: 0em;
	margin-left: 1em;
	margin-bottom: 0em;
}

#image_med{
	float: right;
	width: 220px;
	padding-left: 1em;
	padding-right: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
}
#nav_bas{
	position: relative;
	top: 0em;
	z-index: 1;
	height: 1.2em;
	margin-top: -1.5em;
	margin-left: -4.5em;
	margin-bottom: 0em;
	margin-right: 0.7em;
	float: left;
	}
#nav_bas_text{
	z-index: 2;
	position: relative;
	float: right;
	margin-top: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	margin-right: 1.0em;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: right;
}
#sep{
	position: absolute;
	margin-top: -0.5em;
}

#med1{
	float: right;
	margin-top: 1em;
	margin-bottom: 0em; 
	padding-left: 0em;
	font-size: 0.9em;
	margin-left: 0em;
	align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-style: normal;
	line-height: 1.2em;
	width: 20em;
	}	
#map1{
	float: left;
	margin-top: 5em;
	margin-left: -2em;
	margin-right: 1em;
	margin-bottom: 0em;
}
#coordonnees {
	float: left;
	margin-top: 1em;
	margin-left: 1.5em;
	margin-bottom: 0em;
	height:15em;
	width:30em;
	text:justify;
	}

 
/*CLASSES*/
body{
	width: 87.9%;
	position: relative;
	min-width:600px;
	max-width:2000px;
	padding: 0;
	margin: 0.2em auto 10px auto;
	font-size: medium;
			}
h1{
	margin-top: 0.5em;
	font-family: garamond, Times New Roman, Times, Serif;
	font-size: xx-large;
	color: black;
	text-align: left;
	font-style: italic;
	margin-left: 0.6em;
	font-weight: 600;
	letter-spacing: -0.01em;
	}	
h2{
	font-family: Arial, Helvetica, sans-serif;;
	font-size: x-large;
	color: #003399;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0.8em;
	margin-left: 0em;
	}
h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	font-style: normal;
	font-weight: bold;
	margin: 0em;
	margin-bottom: 0.5em;
	padding-top: 1em;
	font-size: medium;
}		
h4{
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	font-style: normal;
	font-weight: bold;
	margin: 0em;
	margin-bottom: 0.5em;
	padding-top: 1.2em;
	font-size: medium;
}
h5{
	font-family: Times New Roman, Times, serif;
	color: #003399;
	font-style: normal;
	font-weight: bold;
	margin: 0em;
	margin-bottom: 0.5em;
	padding-top: 0em;
	font-size: 1.2em;
}
h6{
	font-family: Times New Roman, Times, serif;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	margin: 0em;
	margin-bottom: 0.5em;
	padding-top: 0em;
	font-size: 1.4em;
}
.li{
	text-decoration: none;
	color: dimgray;
	border-style: none;
}
.li1{
	text-decoration: none;
	color: black;
	border-style: none;
	font-weight: bold;
}
.border {
	top: 0em;
	border: 1px solid #31849C;
	width: 109%;
	margin-left: -5em;
	}
a.nav{
	color: dimgray;
	text-decoration: none;
	font-size: 90%;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	}
a.nav:hover{
	font-size:  90%;
	color: black;
	text-decoration: none;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	}
.nav{
	color: black;
	text-decoration: none;
	font-size: large;
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	}
a.nav_bas{
	color: #11749C;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
a.nav_bas:hover{
	color: black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.nav_bas{
	color: black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	}
.sep {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-weight: bold;
	}

.p_edito{
	text-align: right;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-right: 0em;
	font-weight: bold;
}
.p0{
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	line-height:0.5em;
}
.p{
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	line-height: 140%;
}
.p1{
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	line-height: 150%;
}
.p8{
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 1em;
	line-height: 120%;
}
.p10{
	margin-top: -1.3em;
	margin-right: 0em;
	margin-bottom: 0em;
	line-height: 90%;
}
.p2{
	margin: 0em 0em 1em 0em;
	padding: 0em;
}
.p3{
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0.7em;
	line-height:18px;
	color: black;
}
.p5{
	margin-top: 1.5em;
	margin-right: 0em;
	margin-left: 4em;
	margin-bottom: 1.5em;
	padding-left: 0em;
	line-height:12px;
}
.p6{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 3em;
	padding-bottom: 0em;
	padding-left: 0em;
	line-height:15px;
}
.p4{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	padding-left: 0em;
	line-height:12px;
	width: 325px;
	height: 290px; 
}
.p7{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	padding-left: 0em;
	line-height:20px;
}
.p9{
	margin-top: 0em;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 0em;
	padding-left: 0em;
	line-height:40px;
}


.images {
	border-style: none;
	margin: 0px;
	padding: 0px;
}

.lien{
	color: #31849C;
	text-decoration: none;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.lien:hover{
	font-size: 1em;
	color: black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.lien2{
	color: #31849C;
	text-decoration: none;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid black;
	padding-top: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.2em;
}
.savoir {
	border: 1px solid #C3B371;
	width: 400px;
	color: #C3B371;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	margin-bottom: 2em;
	}
.osteo {
	border: 1px solid #C3B371;
	width: 600px;
	color: #C3B371;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	margin-top: 0em;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	margin-bottom: 0em;
	}
.osteo1 {
	border: 1px solid #C3B371;
	width: 600px;
	color: #C3B371;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	margin-top: 0em;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	margin-bottom: 0em;
	}	
.medecine {
	border: 1px solid #C3B371;
	width: 170px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	text-align: center;
	margin-top: 0em;
	padding-top: 0.5em;
	padding-left: 1.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0em;
	margin-left: 1.5em;
	line-height:15px;
	}
.applications {
	border: 1px solid #C3B371;
	width: 700px;
	color: #C3B371;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	margin-top: 0em;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	margin-bottom: 0em;
	}	
.legend{
	color: #003399;
	font-weight: bold;
	font-family: garamond, Times New Roman, Times, Serif;
	font-size: 1.3em;
	padding-left: 0em;
	}
.vide{
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
	}
.puce{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: left;
	text-indent: 6em;
	margin: 0em;
	padding: 0em;
	list-style-type: none;
}
li{
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	text-align: left;
	text-indent: 2em;
	margin: 0em;
	padding: 0em;
	list-style-type: none;

}
ol{
	margin-top: 0em;
	padding: 0em;
}
.ol{
	margin-top: 0em;
	padding: 0em;
}
a.meso{
	color: black;
	text-decoration: none;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	}
a.meso:hover{
	color: #003399;
	text-decoration: none;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	}
#texte_vaccins{
	float: left;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 81%;
	color: black;
	font-style: normal;
	line-height: 1.5em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 1em;
	width: 97%;
	}