body{font-family: 'Cabin', Arial, sans-serif; color:#414042; }
.clear{clear:both}
.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}
/*
*{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
*/
img{border:none}

#wrapper{height:650px; width:1024px; margin:0 auto; background:url(../img/design/oai_bg.jpg) 0 0 repeat-x;border-top:10px solid #00b5ee; overflow:hidden; }

#OAImenu{ margin:0; padding:0; list-style:none; height:60px;}
#OAImenu li { float:left;}
#OAImenu li#lobes{ margin-left:30px;}
#OAImenu li#anatomie{  margin:0 20px;}
#OAImenu li#effets{}

#oaiContent{width:1024px; height:510px; overflow:hidden; position:relative; 
background:url(../img/design/content_bg.jpg) 0 0 repeat-x; 
}
#oaiContent #patrick{
	float:left;
	margin:0 40px 0 20px;
	position:relative;
	}
#oaiContent #patrick #gifAnime{
	position:absolute; top:30px; left:30px;
	}
#oaiContent #presentation{
	float:left;
	}
#oaiContent #presentation #presentationTxt{
	line-height:45px;
	font-size:20px;
	margin:10px 0 25px 0;
	padding: 10px 0 15px 0;
	cursor:default;
	}
.cadreBleuNoir{
	border-top:5px solid #00b5ee;
	border-bottom:5px solid #000;
	}


#footer{height:30px; width:1024px; margin:0 auto; background-color:#231f20; text-align:right;}
#footer span{ padding-right:40px; text-decoration:none; color:#00b5ee; font-size:20px; line-height:30px; font-weight:normal}
#footer span:hover{text-decoration:underline}
h1{ font-size:35px; color: #414042;
padding:20px 40px 20px 30px;}



/*    VIDEOS    */
#oaiContent #videoDiv{ position:absolute; right:-780px; top:0; width:806px; overflow:hidden;}
#videoDiv #videoButton{ float:left; background:url(../img/design/videosTiroir.gif) top left no-repeat}
#videoDiv #videoContent{ float:left; width:780px; height:458px; background:#00b5ee; position:relative;}
#videoDiv #videoContent p{ margin:20px 10px; color:#fff}
#videoDiv #videoContent img{ width:150px;}
#videoContent #videoKaltura {position:absolute; right:20px; top:20px;}
.videoTitle {display:block; width:300px;} 



#pixWrapper{width:700px;height:650px;position:relative; float:left; margin-top:20px;}
.intro {position:absolute; top:-4px; left:340px; font-size:16px; font-style:italic} 
#pixWrapper #pix, #pixWrapper #cache{position:absolute; top:0; left:0}
#pixWrapper #commandes{position:absolute; top:450px; left:300px; display:none}
#pixWrapper #commandesMobile{position:absolute; top:450px; left:330px; display:none}
#pixWrapper #commandes span{cursor:pointer}
#pixWrapper #cache{width:700px;height:440px;}
#menuCerveau { float:left;
margin: 0 40px 0 30px;
padding: 5px 10px 0 10px;
font-size:20px;}
#menu, #back{ list-style:none; cursor:pointer; margin:0; padding:0;}
#menu li{ line-height:25px; margin-bottom:5px; padding : 0 10px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  }
#menu li.selected, #menu li:hover, #modalMenu li.selected, #modalMenu li:hover {background:#00b5ee; color:#fff;}

#scalpel_howto{
	position:absolute;
	bottom:255px;
	left:230px;
	}
#scalpel{
	position:absolute;
	bottom:50px;
	left:306px;
	cursor:move;
	}

#modalWindow{position:absolute;width:984px;height:460px;top:0;left:0; background:url(../img/design/content_bg.jpg) 0 0 repeat-x; display:none;
 margin:20px; padding:0;
 border:1px solid #ccc\9;
-webkit-box-shadow: 0px 0px 15px 0 #000000;
-moz-box-shadow: 0px 0px 15px 0 #000000;
box-shadow: 0px 0px 15px 0 #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
#modalWindow #modalContent { padding:20px  }
#modalWindow #closeModal{float:right; cursor:pointer;padding:5px 5px 0 0}
#modalWindow #modalMenu li{ list-style:none; cursor: pointer;}
 #modalMenu li { line-height:18px; margin-bottom:5px; padding : 0 10px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  }
#modalMenu{
width:150px;
float:left;
margin: 30px 10px 0 30px;
padding: 5px 10px 0 10px;
font-size:16px;}

.preced{position:absolute; bottom:0; left:0;font-size:0.8em; color:#00b5ee; text-decoration:underline; cursor:pointer}
.suite{position:absolute; bottom:0; right:0;font-size:0.8em; color:#00b5ee; text-decoration:underline; cursor:pointer}

#lobeTxt{float:left; width:730px; position:relative; height:430px;}
#lobeTxt h3{ font-size:28px; border-bottom:5px solid #7b7b7b; line-height:30px; height:41px; margin-bottom:320px;}
#lobeTxt #defaultImg{position:absolute; top:65px; left:0;}
#lobeTxt #button1{float:left;cursor:pointer; margin-right:20px; margin-left:190px; background:url(../img/design/button_fonctionsdulobe.png) top left no-repeat; width:210px; height:65px}
#lobeTxt #button2{float:left; cursor:pointer; background:url(../img/design/button_graceaulobe.png) top left no-repeat; width:305px; height:65px}
#lobeTxt #button2.selected, #lobeTxt #button1.selected{ background-position:bottom left}
#lobeTxt #defaultTxt{position:absolute; top:55px; left:240px; width:490px; height:300px; line-height:1.3em;}
#lobeTxt #defaultTxt p, #lobeTxt #defaultTxt ul{margin-bottom:1em;}
#defaultTxt h4{ font-size:20px; line-height:30px;margin-bottom:10px;}
#defaultTxt ul{ margin-left:20px;}
#glossaireContent{
	position:absolute;width:984px;height:440px;top:0;left:0; background:url(../img/design/content_bg.jpg) 0 0 repeat-x; display:none;
 margin:20px;
 border:1px solid #ccc\9;
-webkit-box-shadow: 0px 0px 15px 0 #000000;
-moz-box-shadow: 0px 0px 15px 0 #000000;
box-shadow: 0px 0px 15px 0 #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
}
#glossaireContent .page{ padding:20px;}
#glossaireContent #closeGlossaire { position:absolute; top:0; right:0; cursor:pointer;padding:5px 5px 0 0}
#glossaireContent p{padding:20px 20px 0 20px;}
#glossaireContent strong{font-weight:bold}
#glossaireContent .preced{bottom:15px; left:50px;}
#glossaireContent .suite{ bottom:15px; right:50px;}
#avertissementContent{position:absolute;width:984px;height:460px;top:0;left:0; background:url(../img/design/content_bg.jpg) 0 0 repeat-x; display:none;
 margin:20px; padding:0;
 border:1px solid #ccc\9;
-webkit-box-shadow: 0px 0px 15px 0 #000000;
-moz-box-shadow: 0px 0px 15px 0 #000000;
box-shadow: 0px 0px 15px 0 #000000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 line-height:1.5em}
.glossaireTerm:hover{ position:relative;}
.glossaireTerm u{ text-decoration:underline;color:#00b5ee;}
.glossaireDescr{ display:none; position:absolute; top:22px; right:-150px; background:url(../img/design/content_bg.jpg); border:2px solid #00b5ee; width:450px; font-size:12px;  line-height:13px; padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;text-decoration:none !important}
.glossaireDescr strong {font-size:1.1em; font-weight:bold}
.glossaireTerm:hover .glossaireDescr{display:block ;}
#closeAvertissement{text-align:right; padding:5px 5px 0 0 ; cursor:pointer}
#innerAvertissement{padding:50px;}
#preloader{ position:absolute; top:100px; left:500px; padding:50px; 
background-color:#fff;
background-color:rgba(255,255,255,0.7);
border:1px solid #ccc\9;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
text-align:center;
font-size:12px; line-height:20px;}
#playerDiv{float:right; margin:20px}