/* #################### INITIALISATION HTML #################### */
html,body{
	background-color:#D4DDEC;
	margin:0;
	padding:0;
	min-height:100%;
}
form{
	padding:0px;
	margin:0px;
}
h1,h2,h3,h4{
	margin:0px;
	padding:0px;
}
p{
	padding:0px;
	margin:0px;
}
#form{
	padding:0px;
	margin:0;
}

a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
iframe{
padding:0px;
	margin:0;
}


/* #################### STRUCTURE COMMUN  #################### */
#zbody{
background-color:#FFFFFF;
height:100%;
min-height:100%;
	width:996px;
	margin-left:auto;
 	margin-right:auto;
	padding:0;
}
#header{
	width:996px;
	height:83px;
	padding:0px;
	margin:0px;
}
#ariane{
	width:985px;
	height:12px;
	padding-left:11px;
	padding-top:5px;
	margin:0px;
}
#content{
	width:996px;
	height:100%;
	padding:0px;
	margin:0px;
}
#contleft{
	float:left;
	width:631px;
	height:100%;
	margin:0;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}
#contright{
	float:right;
	width:350px;
	height:100%;
	margin:0;
	padding:0;
}
#contmiddle{
	float:left;
	height:100%;
	width:391px;
	margin:0;
	padding-left:10px;
	
}
#contmiddle1col{
	float:left;
	width:621px;
	margin:0;
	padding-left:10px;
	
}

#bloc_formulaire{
width:350px;
height:275px;
	padding:0px;
	margin:0px;
}
#bloc_formul{
display: none;
width:350px;
height:273px;
	padding:0px;
	margin:0px;
}
#bloc_banner{
display: none;
background-image:url(../img_commun/fond_banner.gif);
background-repeat:no-repeat;
width:350px;
height:273px;
	padding:0px;
	margin:0px;
}
#txt_banner{
padding-top:15px;
padding-left:35px;
padding-right:30px;

}
#head_formul{
width:350px;
height:57px;
	padding:0px;
	margin:0px;
}
#fond_formul{
background-image:url(../img_commun/fond_formulaire.jpg);
background-repeat:no-repeat;
width:350px;
height:218px;
	padding:0px;
	margin:0px;
}
#txtform{
padding-top:3px;
margin:0px;
}
#btform{
padding-top:75px;
padding-left:173px;
margin:0px;
}
#bloc_video{
width:350px;
height:215px;
	padding:0px;
	margin:0px;
}
#bloc_3d{
width:350px;
height:85px;
	padding:0px;
	margin:0px;
}
#bloc_droite{
width:320px;
padding-top:10px;
padding-left:20px;
padding-right:10px;
	margin:0px;
}
#footer{
clear:both;
width:996px;
height:30px;
	padding:0px;
	margin:0px;
	text-align:center;
}
#footerline{
clear:both;
width:996px;
height:10px;
padding-top:5px;
	margin:0px;
	text-align:center;
}

.habillage_imgL{
float:left;
margin:0px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
.habillage_imgR{
float:right;
margin:0px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
#baseline{
padding-top:20px;
padding-bottom:20px;
margin:0px;
}
/* #################### BANDES TITRES #################### */
#tt_page{
width:620px;
text-align:left;
margin:0;
padding-top:11px;
padding-left:15px;
}

#bande_rub_fiche1{
background-image:url(../img_commun/banderub_fiche_anatomie.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}
#bande_rub_fiche2{
background-image:url(../img_commun/banderub_fiche_fonctionnement.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}
#bande_rub_fiche3{
background-image:url(../img_commun/banderub_fiche_psychologie.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}
#bande_rub_fiche4{
background-image:url(../img_commun/banderub_fiche_troubles.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}
#bande_rub_fiche5{
background-image:url(../img_commun/banderub_fiche_croissance.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}
#bande_rub_fiche6{
background-image:url(../img_commun/banderub_fiche_sciences.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}
#bande_rub_fiche7{
background-image:url(../img_commun/banderub_fiche_sante.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}
#bande_rub_insolite_sante{
background-image:url(../img_commun/banderub_insolite-sante.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}
#bande_rub_3d{
background-image:url(../img_commun/banderub_3d.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}
#bande_rub_3d2{
clear:both;
background-image:url(../img_commun/banderub_3d.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}
#bande_rub_mots_cle{
background-image:url(../img_commun/banderub_mots-cle.gif);
background-repeat:no-repeat;
width:635px;
height:42px;
margin:0;
padding:0;
padding-bottom:10px;	
}

/* #################### ACCUEIL #################### */
#homeleft{
	float:left;
	width:360px;
	height:661px;
	margin:0;
	padding-left:5px;
}
#homemiddle{
	float:left;
	width:276px;
	height:661px;
	margin:0;
	padding:0;
}
#homeright{
	float:left;
	width:350px;
	height:661px;
	margin:0;
	padding:0;
}
#homefoot{
clear:both;
height:30px;
}

#bloc_liens{
background-image:url(../img_accueil/fond-corps-humain.jpg);
background-repeat:no-repeat;
	width:355px;
	height:485px;
	margin:0;
	padding:0px;
}
#bloc_txt_liens{
	margin:0;
	padding-left:15px;
	padding-top:40px;
}
#bloc_insolite{
background-image:url(../img_accueil/fond-insolite.gif);
background-repeat:no-repeat;
width:355px;
height:151px;
}

#txt_insolite{
padding-left:20px;
padding-top:40px;
}
#bloc_sante{
background-image:url(../img_accueil/fond-sante.gif);
width:350px;
height:148px;
}
#txt_sante{
padding-left:40px;
padding-top:40px;
}

/* #################### FICHES #################### */
#navleft{
float:left;
width:225px;
margin:0;
	padding:0;
}
#ssnavloop{
background-image:url(../img_fiches/commun/ssnav_loop.gif);
background-repeat:repeat;
width:215px;
margin:0;
padding-left:10px;
}


/* #################### INSOLITE - SANTE #################### */
.separateur_news{
width:621px;
margin:0px;
padding-top:20px;
padding-bottom:20px;
}
.bloc_news{
width:621px;
clear:both;
margin:0px;
padding:0px;
}


/* #################### IMAGES 3D #################### */
#bloc_txt3d{
width:350px;
	padding:0px;
	margin:0px;
}
#bloc_txt3d_loop{
background-image:url(../img_3d/bloc_txt_3d_loop.gif);
background-repeat:repeat;
width:350px;
	padding:0px;
	margin:0px;
}
#bloc_txt3d_txt{
width:300px;
padding-left:30px;
padding-right:20px;
	margin:0px;
}
#bloc_video_3d{
clear:both;
	width:996px;
	padding:0px;
	margin:0px;
}
#cadretxt{
	margin:5px;
}
#showimage{
z-index: 2;
position:absolute;
visibility:hidden;
top:0;
margin-left:100;
margin-top:0;
border: 1px solid gray;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #f2f2f2;
/*min-width: 100px; NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
height : 18px;
color:#00000;
}
.photo2-sej{width: 160px;height : 160px;}
.lien { color:#1B7FBB; font-family:Arial; font-size:12px; font-weight: bold; text-decoration:none;}
.lien:hover { color:#c2c2c2; font-family:arial; font-size:12px; font-weight: bold; text-decoration:underline;}
.visiter { color:#777777; font-family:Arial; font-size:12px; font-weight: bold; text-decoration:underline;}

#showloupe1{
float:left;
}



/* #################### STYLES TEXTES #################### */
.motcle_home{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	color: #3870ad;
}
.liens_home{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}
.tt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #ba8410;
}
.sstt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #3870ad;
}
.chapo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #3870ad;
}
.accroch{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #ac9e8a;
}

.txt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
}
.txtformat{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	text-align:justify;
	color: #000000;
}
.txtlegimg{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	color: #333333;
}

.legal{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	color: #a2a3a3;
}

.champ{
	border:1px solid #666666;
	font-size:10px;
	width:145px;
	margin:1px;
}
.legendform{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	color: #000000;
}
.etoile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: bold;
	color: #990000;
}
.txt_footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	color: #a2a3a3;
}
.txt_ariane{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	color: #3e3e3e;
}
.txt_ssnav_on{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #a32118;
}
.txt_ssnav_off{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
}
.txt_ssnav_unselect{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #a0a0a0;
}
.txt_ttpage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
}

.tt_news{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #ba8410;
}
.liens_savoir{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: bold;
	color: #a32118;
}
.liens_fermer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: bold;
	color: #000000;
	text-align:right;
}
.motcle_banner{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	text-decoration:underline;
	color: #103c94;
}
.txt_lienbanner{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	line-height: 12px;
	font-weight: normal;
	color: #339900;
	
}
.txt_banner_red{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	color: red;
}
.txt_banner_blk{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	color: #000000;
}
.bloc_img{
float:left;
padding:5px;
}
.sstt_red{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #990000;
}