#cache {
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: auto;
	position:absolute;
/*	top:50px;
	width: 800px;
	z-index:10; */
	visibility:hidden;
}

body{
	font-family: Arial,sans-serif;
	color: #333333;
 line-height: 1.1;
	margin: 0px;
	padding: 0px;
}

#conteneur {
	width: 980px;
	padding: 0 4px 0 4px;
	margin: auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Commun/ombre.png', sizingMethod='scale')
}

/* Hack CSS  */
html>body #conteneur {
	filter: none;
	background: url('/Commun/ombre.png') repeat-y
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

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

h1{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #CC6600;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial, sans-serif;
 font-size: 120%;
 color: #CC6600;
 margin: 0px;
 padding: 0px;
}

h3{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
}

h4{
 font-family: Arial, sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

.sup { vertical-align: super; font-size: 75%; } 

/*******************************************************************************************************
  Les Frames  
 *******************************************************************************************************/
 
/*----------------------------
  Info bulle
------------------------------*/ 
 .infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}

/*----------------------------
  Corps du site
------------------------------*/
.corps {
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: auto;
}

/*----------------------------
  titre du site
------------------------------*/
.titre {
	position:relative;
/*	background-image: url(/Commun/Banniere_2015_1.jpg); */
	background-repeat: no-repeat;
	background-position: right center;
	 padding: 1px;
	 line-height: 1;
	 
}

.titre h1{
 font-size: 170%;
 line-height: 1.2;
 color: #334d55;
 }
 
 .titre h2{
 line-height: 1.3;
  margin: 2px;
}

.titre h3{
	font-family: Arial, sans-serif;
	font-size: 80%;
	color: #CC6600;
	margin: 2px;
	padding: 0px;
	font-weight: normal;
	 line-height: 1.3;
}

/*----------------------------
  menu du site et navigation par tabulation
------------------------------*/
.titremenu {
	}
#tabnav {
	margin: 0;
	padding: 5px 0px 20px 10px;
	border-bottom: 1px solid #334d55;
	}
#tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#tabnav a:link, #tabnav a:visited {
	float: left;
	font-size: 80%;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #9AB9C2;
	}

#tabnav li.active a:link, #tabnav li.active a:visited, #tabnav a:hover {
	border-bottom: 4px solid #334d55;
	padding-bottom: 2px;
	color: #334d55;
	}

#tabnav a:hover {
	color: #CC6600;
	}

/*----------------------------
  menu du gauche
------------------------------*/
.leftmenu {
	font-size: 80%;
	margin: 0px;
	padding: 5px;
	float: left;
	width: 140px;
	text-align: left;
	border: 1px solid #C9DADE;
	background-image: url(/Commun/background_menu.jpeg);
	background-repeat: no-repeat;
}

.leftmenu h1{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-weight: bolder;
}

.leftmenu input {
     font-size:80%;
}
.leftmenu select {
     font-size:80%;
}	


.sectionleftmenu {
/*	padding: 3px 0px 3px 0px;*/
}
.sectionleftmenu a {
	display: block;
}
.sectionleftmenu a:hover{
	 color: #CC6600;
	}
	
/*----------------------------
  menu du droite
------------------------------*/
.rightinfo {
	font-size: 80%;
	margin: 0px;
	padding: 5px;
	float:right;
	width: 150px;
	text-align: left;
	color: #C88B16;
	border: 1px solid #C9DADE;
}

.rightinfo img{
	text-align:center;
}
.rightinfo h1{
	font-size: 100%;
}

.citation{
}


.citation ul{
	text-indent: 0px;
}

.citation li{
	text-indent: 0px;
	
}


/*----------------------------
  main
------------------------------*/
.main {
	margin: 0px 0px 0px 5px;
	padding: 0px 5px 0px 5px;
	float: left;
	font-size: 80%;
	Width: 470px;
}

.main img {
	float:left;
	margin: 0px 5px 5px 0px;
}

.main table {
border:2px solid #FFFFFF;
border-collapse:collapse;
width:90%;
/*margin:auto;*/
}
.main thead, tfoot {
background-color:#D0E3FA;
border:1px solid #6495ed;
}
.main tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
.main th {
border:1px solid #6495ed;
padding: 5px;
/*padding: 5px 0px 5px 0px;*/
background-color:#EFF6FF;
/*width:25%;*/
}
.main td {
border:1px dotted #6495ed;
padding: 5px;
/*padding: 5px 0px 5px 0px;*/
text-align:center;
}
.main caption {
}

.maintaquin {
	position:absolute;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	width: 360px;
	height: 350px;
	border: 1px solid #C9DADE;
}

.mainphoto {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

.mainphoto img{
	margin: 0px 5px 15px 5px;
}

.mainimageleft {
}

.mainimageleft img{
	float:left;
	margin: 0px 5px 5px 0px;
}	

.mainimageright {
}

.mainimageright img{
	float: right;
	margin: 0px 0px 5px 5px;
}

/*----------------------------
 Les fiches
 ----------------------------*/
 
 .mainfiche{
 }
 
 .mainfiche h1{
 font-size: 120%;
 line-height: 1.3;
 color: #334d55;
 text-align:center;
 }
 
 .mainfiche h2{
 font-size: 110%;
 line-height: 1.1;
  color: #CC6600;
  margin: 10px;
}

.mainfiche h3{
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: ##006699;
	font-weight:bold;
	 line-height: 1.1;
}

.mainfiche paragraph{
}


/*----------------------------
  Le quizz
------------------------------*/
.mainquizz{	
}

.quizzcadre {
	margin: 0px 0px 5px 0px;
	float: left;
	border: 1px solid #C9DADE;
	Width: 460px;
}

.quizzquestion {
	margin: 0px 0px 5px 0px;
}

.quizzreponse {
	float:right;
	width: 350px;
}

.quizzphoto{
	margin: 5px 0px 5px 5px;
}


a.info {
  position:relative;
  border-bottom:1px dashed #808080;
  text-decoration: none; 
  font-weight: bold;
}

a:hover.info {
  text-decoration: none;
  background: none;
}

a.info span {display: none;}

a:hover.info span {
  display: inline;
  position: absolute; 
  top:1.5em;
  left:0.5em;
  z-index: 20;
  background: #446D87;
  color: #fff;
  border:1px solid #000;
  width:150px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}


/*----------------------------
Le simulateur de plongee
------------------------------*/
.MainPlongee {
/*	height:300px;
	background-image:url(Commun/fondPlongee.jpg);
	Width: 470px;*/
}

.MainCompartiment {
	font-size: 80%;
}
.MainCompartiment img {
	float:none;
	margin: 0px;
	clear: both;
}

.MainCompartiment th {
border:1px solid #6495ed;
padding:0px;
background-color:#EFF6FF;
width:25%;
}
.MainCompartiment td {
border:0px dotted #6495ed;
padding:0px;
text-align:center;
}

/*----------------------------
  Les news
------------------------------*/

.channel { width: 200px; font-family: arial; font-weight: 400; font-size: 11px; margin-bottom: 10px; }
.channelDescription { width: 200px; margin-bottom: 20px;clear:both}
.channelPublisher { width: 200px; margin-bottom: 20px;clear:both}
.news { width: 400px; background-color: #eaeaea; display: block; width: 100%; margin-bottom: 20px; clear:both}
.newsAlt { width: 400px; background-color: #ffffff; display: block; width: 100%; margin-bottom: 20px;clear:both}

/*----------------------------
  Tableau table MN90
------------------------------*/

.tableMN90 {
	margin: 20px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

.tableMN90 table {
border:2px solid #6495ed;
border-collapse:collapse;
width:90%;
margin:auto;
}
.tableMN90 thead, tfoot {
background-color:#D0E3FA;
border:1px solid #6495ed;
}
.tableMN90 tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
.tableMN90 th {
border:1px solid #6495ed;
padding:5px;
background-color:#EFF6FF;
width:25%;
}
.tableMN90 td {
border:1px dotted #6495ed;
padding:5px;
text-align:center;
}
.tableMN90 caption {
}	

/*------------------------------- main anatomie ---------------------------------------------*/
#quiz2{text-align:center;width:auto;font-family:"Comic Sans MS", Geneva, Arial;}
.t2 {font-size:.8em;}
.t2 li{display:inline;background-color:#FFCA95;padding:0 3px;margin:0 0 0 3px;}

#rcpDIV{
	margin:1em auto;
	text-align:center;
	position:relative;
	width:470px;
}

 /* cases rponse */
#rcpDIV div{
position:absolute;
width:10px;
height:10px;
background-color:#FFCC66;
cursor:help;
font-family:"Comic Sans MS", Geneva, Arial;
font-size:.6em;
padding:0 3px
}

/* Positionnement Oreille */
#d0{top:75px;left:90px}
#d1{top:2px;left:375px}
#d2{top:75px;left:162px}
#d3{top:95px;left:150px}
#d4{top:110px;left:140px}
#d5{top:125px;left:125px}
#d6{top:225px;left:80px}
#d7{top:235px;left:120px}
#d8{top:250px;left:145px}
#d9{top:265px;left:170px}
#d10{top:280px;left:210px}
#d11{top:320px;left:230px}
#d12{top:310px;left:360px}
#d13{top:130px;left:370px}
#d14{top:150px;left:370px}
#d15{top:140px;left:410px}
#d16{top:160px;left:410px}
#d17{top:245px;left:425px}
/* Positionnement Poumons */
#d20{top:10px;left:110px}
#d21{top:10px;left:330px}
#d22{top:45px;left:340px}
#d23{top:70px;left:350px}
#d24{top:120px;left:370px}
#d25{top:45px;left:190px}
#d26{top:55px;left:100px}
#d27{top:75px;left:85px}
#d28{top:100px;left:60px}
#d29{top:140px;left:60px}
#d30{top:120px;left:20px}
#d31{top:185px;left:50px}
#d32{top:275px;left:40px}
#d33{top:300px;left:130px}
/* Positionnement voies aeriennes superieure */
#d40{top:180px;left:350px}
#d41{top:205px;left:260px}
#d42{top:230px;left:270px}
#d43{top:265px;left:275px}
#d44{top:290px;left:280px}
#d45{top:300px;left:150px}
#d46{top:275px;left:145px}
#d47{top:230px;left:85px}
#d48{top:125px;left:80px}
#d49{top:90px;left:80px}
/* Positionnement coeur */
#d60{top:55px;left:310px}
#d61{top:93px;left:330px}
#d62{top:125px;left:350px}
#d63{top:158px;left:355px}
#d64{top:187px;left:350px}
#d65{top:225px;left:340px}
#d66{top:250px;left:350px}
#d67{top:275px;left:340px}
#d68{top:300px;left:320px}
#d69{top:310px;left:215px}
#d70{top:270px;left:100px}
#d71{top:225px;left:90px}
#d72{top:185px;left:70px}
#d73{top:135px;left:50px}
#d74{top:100px;left:70px}
#d75{top:70px;left:85px}
/*Positionnement materiel */
#d80{top:12px;left:59px}
#d81{top:50px;left:376px}
#d82{top:319px;left:23px}
#d83{top:16px;left:219px}
#d84{top:178px;left:371px}
#d85{top:237px;left:373px}
#d86{top:285px;left:382px}
#d87{top:173px;left:245px}
#d88{top:207px;left:256px}
#d89{top:130px;left:46px}
#d90{top:263px;left:11px}
#d91{top:205px;left:9px}
#d92{top:171px;left:9px}
#d93{top:62px;left:7px}
#d94{top:49px;left:54px}
#d95{top:88px;left:56px}
#d96{top:248px;left:254px}
/*Positionnement dtendeur */
#d100{top:277px;left:407px}
#d101{top:227px;left:158px}
#d102{top:203px;left:74px}
#d103{top:30px;left:118px}
#d104{top:76px;left:228px}
#d105{top:7px;left:17px}
#d106{top:12px;left:269px}
#d107{top:27px;left:345px}
#d108{top:309px;left:410px}
#d109{top:285px;left:371px}
#d110{top:316px;left:376px}
#d111{top:252px;left:373px}

/*----------------------------
  Cartouche bas de page
------------------------------*/
.bas {
	margin: 10px;
	float: left;
	font-size: 70%;
	width: 800px;
	border: 1px solid #cccccc;
}

.bas img{
	padding: 4px;
	vertical-align: middle;
}

/**/
/* Curved cutout Borders*/

.curved {
  background: transparent; 
  width:40%;
  }
.curved h1, .curved p {
  margin:0 10px;
  }
.curved h1 {
  font-size:2em; 
  color:#fff;
  }
.curved p {
  padding-bottom:0.5em;
  }
.curved .b1 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 4px; 
  background:#fff;
  font-size:1px;
  }
.curved .b2 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 4px; 
  background:#e0cea3; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff; 
  margin:0 4px; 
  height:2px;
  font-size:1px;
  }
.curved .b3 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 4px; 
  background:#e0cea3; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff; 
  margin:0 3px;
  font-size:1px;
  }
.curved .b4 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 4px; 
  background:#e0cea3; 
  border-left:1px solid #fff; 
  border-right:1px solid #fff; 
  margin:0; height:1px; 
  border-width:0 3px 0 3px;
  font-size:1px;
  }
.curved .boxcontent {
  display:block; 
  background:#e0cea3; 
  border:0 solid #fff; 
  border-width:0 1px;
  }

/* FIN Curved cutout Borders*/