/*
---------------------------------------------
	Effacement des paramètres par défaut
---------------------------------------------
*/

:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;}
p{font-size:13px;}
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
span, #shortcuts {display:none; font-style:normal;}
b {font-weight:normal;}
OBJECT { z-index: 0; text-align:center;}
a{outline: none;}
:focus{-moz-outline-style: none;}
.listeNormale {list-style:disc; margin-left:30px; font-size:12px;}

/*
---------------------------------------------
	Paramètres globales
---------------------------------------------
*/

a, body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6c6460; background:#ffffff url(../images/background/gradient.jpg); background-attachment:fixed; background-repeat:repeat-x;}
#background {position:fixed; top:0px; background-image:url(../images/background/city.jpg); background-repeat:no-repeat; background-position:top; left:50%; margin-left:-600px; width:1600px; height:1013px;}

/*
---------------------------------------------
	Menu Principal
---------------------------------------------
*/

/* Contenu du Menu */

#menu {position:fixed; top:0px; margin-left:-60px; width:340px; height:125px; background-image:url(../images/miniFondMenu.jpg); background-repeat:no-repeat; z-index:4;}

/* Navigation */

#mainmenu {position:absolute; top:80px; left:80px; width:400px; height:25px; display: inline; list-style-type: none;}
#mainmenu a {height:25px; display:block; }
#mainmenu li {list-style: none; display: block;}
#mainmenu .m1 a {background:url(../images/menu1.png) no-repeat 0 0; margin-top:10px; width:118px;}
#mainmenu .m2 a {background:url(../images/menu2.png) no-repeat 0 0; margin-top:10px; width:52px;}
#mainmenu .m3 a {background:url(../images/menu3.png) no-repeat 0 0; margin-top:10px; width:102px;}
#mainmenu .m4 a {background:url(../images/menu4.png) no-repeat 0 0; margin-top:10px; width:152px;}
#mainmenu .m5 a {background:url(../images/menu5.png) no-repeat 0 0; margin-top:10px; width:97px;}
#mainmenu .m6 a {background:url(../images/menu6.png) no-repeat 0 0; margin-top:10px; width:88px;}
#mainmenu .m7 a {background:url(../images/menu7.png) no-repeat 0 0; margin-top:10px; width:109px;}
#mainmenu .m8 a {background:url(../images/menu8.png) no-repeat 0 0; margin-top:10px; width:68px;}
#mainmenu a:hover {background-position:0 105%;}

/*
---------------------------------------------
	Contenu global
---------------------------------------------
*/

/* Configuration globale du contenu */
#global {position:relative; width:600px; margin-left:auto; margin-right:auto; padding-top:13px; }
#contentBegin {background-color:#ffffff;}
#content {margin: 0 auto; width:700px; padding-top:20px;}

#item {margin-top:20px; margin-bottom:20px; padding-left:45px; padding-right:46px; }
#item img {margin-top:0px; margin-bottom:15px;}
#item p {margin-bottom:15px;}

/* What Is Mooke */
#chapterWhatIsMooke {padding-top:0px; margin-bottom:20px;}
#chapterWhatIsMooke .titre {width:263px; height:28px; background:url(../images/titre1.png) no-repeat; background-position: 0 0;}
#item #sensitiveExperience {width:209px; height:31px; background:url(../images/soustitre1_1.png) no-repeat; background-position: 0 0; margin-top:0px; margin-bottom:10px;}
#item #harwareSoftware {width:209px; height:31px; background:url(../images/soustitre1_2.png) no-repeat; background-position: 0 0; margin-top:25px; margin-bottom:10px;}
#chapterWhatIsMooke a { background-color:#0ca0ba; text-align:left; font-size:22px; color:#FFFFFF;}

/* Context */
#chapterContext {padding-top:10px; margin-bottom:20px;}
#chapterContext .titre {width:135px; height:28px; background:url(../images/titre2.png) no-repeat; background-position: 0 0;}
#item #majorDiscovery {width:178px; height:31px; background:url(../images/soustitre2_1.png) no-repeat; background-position: 0 0; margin-top:0px; margin-bottom:10px;}
#item #professorJoucquetGlasses {width:274px; height:31px; background:url(../images/soustitre2_2.png) no-repeat; background-position: 0 0; margin-top:25px; margin-bottom:10px;}
#item #mooke {width:103px; height:31px; background:url(../images/soustitre2_3.png) no-repeat; background-position: 0 0;  margin-top:-10px; margin-bottom:10px;}
#item #personnalityBehaviour {width:214px; height:20px; background:url(../images/sous-soustitre2_3_1.png) no-repeat; background-position: 0 0; margin-top:-10px; margin-bottom:10px;}
#item #movements {width:105px; height:20px; background:url(../images/sous-soustitre2_3_2.png) no-repeat; background-position: 0 0; margin-top:20px; margin-bottom:10px;}
#item #fashionVictim {width:154px; height:20px; background:url(../images/sous-soustitre2_3_3.png) no-repeat; background-position: 0 0; margin-top:20px; margin-bottom:10px;}
#item #threeKeyProtagonists {width:211px; height:31px; background:url(../images/soustitre2_4.png) no-repeat; background-position: 0 0; margin-top:30px; margin-bottom:10px;}
#item #mookeLikeNoOther {width:160px; height:20px; background:url(../images/sous-soustitre2_4_1.png) no-repeat; background-position: 0 0; margin-top:0px; margin-bottom:10px;}
#item #theCurse {width:73px; height:20px; background:url(../images/sous-soustitre2_4_2.png) no-repeat; background-position: 0 0; margin-top:10px; margin-bottom:10px;}
#item #theElectriciteGoddess {width:168px; height:20px; background:url(../images/sous-soustitre2_4_3.png) no-repeat; background-position: 0 0; margin-top:10px; margin-bottom:10px;}
#item #script {width:82px; height:31px; background:url(../images/soustitre2_5.png) no-repeat; background-position: 0 0;  margin-top:20px; margin-bottom:10px;}

#videoContext {text-align:center; margin-top:40px; z-index:0;}

/* Graphic Design*/
#chapterGraphicDesign {padding-top:10px; margin-bottom:20px;}
#chapterGraphicDesign .titre {width:236px; height:28px; background:url(../images/titre3.png) no-repeat; background-position: 0 0;}

/* Behind the Experience*/
#chapterBehindExperience {padding-top:10px; margin-bottom:20px;}
#chapterBehindExperience .titre {width:363px; height:28px; background:url(../images/titre4.png) no-repeat; background-position: 0 0;}
#item #augmentedReality {width:158px; height:31px; background:url(../images/soustitre4_1.png) no-repeat; background-position: 0 0;  margin-top:20px; margin-bottom:10px;}
#item #dfusion {width:65px; height:31px; background:url(../images/soustitre4_2.png) no-repeat; background-position: 0 0;  margin-top:20px; margin-bottom:10px;}
#item #ourConstraints {width:108px; height:20px; background:url(../images/sous-soustitre4_2_1.png) no-repeat; background-position: 0 0; margin-top:0px; margin-bottom:10px;}
#item #ourChoices {width:108px; height:20px; background:url(../images/sous-soustitre4_2_2.png) no-repeat; background-position: 0 0; margin-top:0px; margin-bottom:10px;}
#item #somAdvice {width:108px; height:20px; background:url(../images/sous-soustitre4_2_3.png) no-repeat; background-position: 0 0; margin-top:0px; margin-bottom:10px;}
#item #augmentedBoards {width:154px; height:31px; background:url(../images/soustitre4_3.png) no-repeat; background-position: 0 0;  margin-top:20px; margin-bottom:10px;}
#item #makingOf {width:112px; height:31px; background:url(../images/soustitre4_4.png) no-repeat; background-position: 0 0;  margin-top:-10px; margin-bottom:10px;}

/* Mook-e Team */
#chapterMookeTeam {padding-top:-10px; margin-bottom:20px;}
#chapterMookeTeam .titre {width:218px; height:28px; background:url(../images/titre5.png) no-repeat; background-position: 0 0;}
#chapterMookeTeam #listeEquipe {list-style: none; margin-top:-20px; text-align:left;}
#chapterMookeTeam #listeEquipe a {font-size:12px; color:#0ca0ba;}


/* What's next? */
#chapterWhatsNext {padding-top:-10px; margin-bottom:20px;}
#chapterWhatsNext .titre {width:213px; height:28px; background:url(../images/titre6.png) no-repeat; background-position: 0 0;}
#item #initialObjectives {width:157px; height:31px; background:url(../images/soustitre5_1.png) no-repeat; background-position: 0 0;  margin-top:-5px; margin-bottom:10px;}
#item #longTermObjectives {width:199px; height:31px; background:url(../images/soustitre5_2.png) no-repeat; background-position: 0 0;  margin-top:10px; margin-bottom:10px;}
#item #mookeFR {width:82px; height:31px; background:url(../images/soustitre5_3.png) no-repeat; background-position: 0 0;  margin-top:10px; margin-bottom:10px;}

/* Photos / Movies */
#chapterPhotosMovies {padding-top:-10px; margin-bottom:20px;}
#chapterPhotosMovies .titre {width:263px; height:28px; background:url(../images/titre7.png) no-repeat; background-position: 0 0;}
#item #teaser {width:217px; height:31px; background:url(../images/soustitre7_1.png) no-repeat; background-position: 0 0;  margin-top:-10px; margin-bottom:10px;}
#item #firstTest {width:75px; height:31px; background:url(../images/soustitre7_2.png) no-repeat; background-position: 0 0;  margin-top:10px; margin-bottom:10px;}
#item #userExperience {width:135px; height:31px; background:url(../images/soustitre7_3.png) no-repeat; background-position: 0 0;  margin-top:10px; margin-bottom:10px;}
#chapterPhotosMovies a {background-color:#0ca0ba; text-align:center; font-size:22px; color:#FFFFFF;}

/* Thanks to */
#chapterThanksTo {padding-top:-10px; margin-bottom:20px;}
#chapterThanksTo .titre {width:168px; height:28px; background:url(../images/titre8.png) no-repeat; background-position: 0 0;}
#item #forTheirHelp {width:109px; height:31px; background:url(../images/soustitre8_1.png) no-repeat; background-position: 0 0;  margin-top:10px; margin-bottom:10px;}
#item #forTheirSupport {width:139px; height:31px; background:url(../images/soustitre8_2.png) no-repeat; background-position: 0 0;  margin-top:10px; margin-bottom:10px;}

#espace {height:20px}
