/*----définition des caractères -------h2: Titre --- h3: mots-clés en orange --- h4: mots-clés en rouge ---*/ h1 {display: inline;font-size: 10pt;color: #800040;font-style: italic;} /*---- Caractères pour citation ---*/ h2 {display: inline;font-size: 10pt;color: #FF6600;line-height: 16pt;margin: 0px;padding: 0px;margin-left: 5px;} h3 {display: inline;font-size: 10pt;color: #FF6600;margin: 0px;padding: 0px;} h4 {display: inline;font-size: 10pt;color: red;margin: 0px;padding: 0px;} h5 {margin: 0px; padding: 0px;line-height: 16pt;} h5 a:hover {border-bottom: solid 1px red;border-top: solid 1px red;margin: 0px;padding: 0px;background: #FFFF99;} h6 {font-size: 24pt;font-family: Harlow Solid Italic;color: #993300;} /*----définition des item, paragraphes et images------*/ ul {font-size: 10pt;color: #808000;list-style-type: circle;margin: 0px;padding: 0px;margin-left: 20px;} li {margin: 0px;padding: 0px;} img {vertical-align: top;border: 0px;margin: 5px;padding: 0px;} p#prg00 {font-size: 10pt;color: #003366;margin: 0px; padding: 0px;margin-left: 10px; margin-top: 10px;background: #FFFFFF;} p#prg01 {font-size: 22pt;line-height: 32pt;font-family: Harlow Solid Italic;width: 500px;border-bottom: solid 2px red;} p#prg02 {font-size: 14pt;width: 500px;height: 16pt;margin: 0px;padding: 0px;border-bottom: solid 2px #C0C0C0;border-left: solid 2px #C0C0C0;} p#prg03 {font-size: 10pt;color: #003366;line-height: 14pt;width: 400px;background: #FFFF99;margin: 0px;padding: 0px;margin-left: 10px;border-top: solid 1px red;border-bottom: solid 1px red;} p#prg04 {font-size: 10pt;color: #003366;line-height: 12pt;width: 300px;margin: 0px;padding: 0px;margin-left: 20px;border-bottom: solid 1px #003366;} /*----définition des effets spéciaux---*/ a:link {color: #003366;text-decoration: none;} a:visited {color: #003366;text-decoration: none;} a:active {color: #003366;text-decoration: none;} a:hover {color: #FF9900;background: none;border: 0px;} /*----définition page index -------*/ #cadrind00 {position: absolute;top: 0px;left: 0px;width: 1100px;height: 650px;background-image: url('jura01.jpg');border: 0px;padding: 0px;margin: 0px;} #cadrind01 {font-style: italic;font-family: verdana;font-size: 16pt;position:absolute;top: 20px;left: 700px;border-bottom: solid 1px #003366;} #cadrind02 {text-align: center;position:absolute;top: 260px;left: 0px;width:960px;height: 340px;background: url("juraindex2.jpg");} #cadrind03 {text-align: center;font-style:italic;font-size: 16pt;font-family: verdana;width:960px;padding: 0px;margin: 0px;margin-top: 250px;} div#cadrind03 a:hover {border: 0px;background: #FFFFFF;} #cadrind04 {position:absolute;top: 10px;left: 900px;border: outset;} #cadrind05 {position:absolute;top: 120px;left: 900px;border: outset;} #cadrind06 {position: absolute;top: 520px;left: 50px;width:140px;height: 80px;padding: 0px;margin: 0px;border: solid 1px #FFFFFF; } #cadrind07 {color: #FFFFFF;font-size: 8pt;width:140px;height: 80px;padding: 0px;margin: 0px;overflow: auto;} #cadrind10 {position: absolute;top: 140px;left: 90px;width:120px;height: 100px;padding: 0px;margin: 0px;border: inset;} #cadrind11 {text-align: left;font-style: italic;position: absolute;top: 80px;left: 680px;width: 200px;margin: 0px;padding: 0px;} #cadrind12 {position: absolute;top: 20px;left: 380px;width: 350px;height: 234px;margin: 0px;padding: 0px;background-image: url("./fondindex05.jpg");} #cadrind13 {position: absolute;top: 800px;left: 800px;height: 234px;margin: 0px;padding: 0px;} #cadrind14 {position: absolute;top: 10px;left: 190px;width: 100px;height: 100px;margin: 0px;padding: 0px;background-image: url(juravache.jpg);} #cadrind15 {position: absolute;top: 30px;left: 60px;width: 120px;height: 80px;margin: 0px;padding: 0px;background-image: url(logofdindex.jpg);} #cadrind16 {position: absolute;top: 250px;left: 230px;width: 120px;height: 80px;margin: 0px;padding: 0px;background-image: url(drapeaufc4.jpg);} #cadrind17 {position: absolute;top: 310px;left: 100px;width: 120px;height: 120px;margin: 0px;padding: 0px;background-image: url(drapeaujura01.jpg);} #cadrind18 {position: absolute;top: 490px;left: 80px;margin: 0px;padding: 0px;} p.titre {font-weight: bold;} ul#menu1 {font-size: 12pt;font-weight: bold;height: 40px;list-style-type: none;padding: 0px;margin: 0px; background: #CCFFFF;} ul#menu1 li {text-align: center;float: left;width: 85px;height: 3em;} ul#menu2 {list-style-type: none;padding: 0px;margin: 0px;} ul#menu2 li {text-align: center;float: left;width: 85px;height: 3em;} #paraind01 {text-align: center;font-size: 10pt;width: 140px;margin: 0px;padding: 0px;background: #FFFF99;} #paraind02 {text-align: center;color: #FFFFFF;font-size: 12pt;position: absolute;top: 325px;left: 230px;width: 120px;margin: 0px;padding: 0px;} #paraind03 {text-align: center;color: #FFFFFF;font-size: 12pt;position: absolute;top: 420px;left: 100px;width: 120px;margin: 0px;padding: 0px;} img#scrind01 {vertical-align: middle;border: 0px;margin: 5px;} /*----définition page Essai -------*/ #cadressai01 {position:absolute;top: 150px;left: 200px;width: 500px;height: 120px;background-image: url(fondessai01.jpg);} #cadressai02 {font-family: verdana;position:absolute;top: 450px;left: 710px;width: 300px;height: 440px;border-left: solid 1px #C0C0C0;border-right: solid 1px #C0C0C0;margin: 0px;padding: 0px;} #cadressai021 {width: 190px;overflow: auto;border: 0px;} #cadressai022 {width: 300px;overflow: auto;border: 0px;} #cadressai023 {width: 225px;border: 0px;margin: 0px;padding: 0px;float: left;} #cadressai03 {position:absolute; top: 135px;left: 740px;width: 250px;height: 300px;background-image: url(tableauaccueil.jpg)} #cadressai04 {position:absolute; top: 530px;left: 190px;width: 265px;height: 200px;padding: 0px;margin: 0px;} #cadressai041 {width: 265px;height: 170px;overflow: auto;border: solid 1px #339966;overflow: auto;} #cadressai05 {position:absolute; top: 10px;left: 180px;width: 800px;height: 90px;padding: 0px;margin: 0px;background-image: url(fondessai02.jpg);} #cadressai051 {width: 500px;height: 30px;padding: 0px;margin: 0px;} #cadressai06 {position: absolute;top: 100px;left: 148px;width: 1000px;padding: 0px;margin: 0px;} #cadressai07 {width: 80px;height: 60px;padding: 0px;margin: 0px;float: left;} #cadressai08 {line-height: 40pt;width: 250px;height: 60px;padding: 0px;margin: 0px;float: left;} #cadressai082 {line-height: 40pt;width: 520px;height: 60px;padding: 0px;margin: 0px;background-image: url(fondessai08.jpg);float: left;} #cadressai081 {width: 400px;height: 35px;padding: 0px;margin: 0px;margin-top: 10px;float: left;} #cadressai09 {width: 250px;height: 40px;padding: 0px;margin: 0px;margin-left: 250px;float: left;} div#cadressai09 a:hover {text-decoration: none;border: 0px;background: #FFFFFF;} #cadressai10 {position: absolute;top: 270px;left: 200px;width: 500px;height: 160px;background-image: url(fondessai05.jpg);} #cadressai101 {text-align: right;font-size: 14pt;font-family: Harlow Solid Italic;line-height: 200px;position: absolute;top : 270px;left: 200px;width: 450px;margin: 0px;padding: 0px;} #cadressai101 a:hover {margin: 0px;padding: 0px;border-top: solid 1px red;border-bottom: solid 1px red;background: #FFFF99;} #cadressai102 {text-align: center;font-size: 12pt;font-family: Harlow Solid Italic;line-height: 15px;position: absolute;top : 315px;left: 200px;width: 250px;margin: 0px;padding: 0px;} #cadressai11 {position: absolute;top: 480px;left: 10px;margin: 0px;padding: 0px;} #cadressai12 {position: absolute;top: 470px;left: 20px;width: 155px;height: 160px;border-top: solid 1px #003366;border-bottom: solid 1px #003366;background: #C5C4DF;} #cadressai13 {position: absolute;top: 300px;left: 20px;width: 155px;height: 160px;border-top: solid 1px #003366;border-bottom: solid 1px #003366;background: #C5C4DF;} #cadressai14 {position: absolute;top: 150px;left: 20px;width: 155px;height: 140px;border-top: solid 1px #003366;border-bottom: solid 1px #003366;background: #C5C4DF;} #cadressai15 {text-align: left;font-style: italic;position: absolute;top: 520px;left: 200px;width: 200px;margin: 0px;padding: 0px;} div#cadressai15 a:hover {border: 0px;background: #FFFFFF;} #cadressai16 {text-align: center;position: absolute;top: 700px;left: 200px;width: 200px;margin: 0px;padding: 0px;border: solid 1px red;} #cadressai17 {text-align: left;font-style: italic;position: absolute;top: 930px;left: 0px;width: 1000px;height: 16px;border-top: solid 1px #003366;border-bottom: solid 1px #003366;margin: 0px;padding: 0px;background: #C5C4DF;} #cadressai18 {position:absolute;top: 530px;left: 470px;width: 250px;height: 200px;} #cadressai181 {width: 250px;height: 170px;overflow: auto;border: solid 1px #339966;overflow: auto;} #cadressai19 {position:absolute;top: 430px;left: 220px;} #cadressai20 {position:absolute;top: 490px;left: 190px;width: 500px;height: 230px;background-image:url('fondessaiavi02.gif')} #cadressai201 {width: 440px; height: 110px;padding: 0px;margin: 0px;margin-top: 50px;margin-left: 30px;} #cadressai202 {color: #FFFF99;width: 460px; height: 115px;padding: 0px;margin: 0px;overflow: auto;} #cadressai21 {font-family: verdana;font-size: 11px;position: absolute;top: 730px;left: 10px;width: 680px;border-top: solid 1px #C0C0C0;border-bottom: solid 1px #C0C0C0;margin: 0px;padding: 0px;} #cadressai22 {width: 200px;margin: 0px;padding: 0px;float: left;} #cadressai23 {text-align: center;font-size: 8pt;font-family: verdana;line-height: 10pt;position:absolute;top: 240px;left: 460px;width: 150px;height: 80px;background-image: url('fondessai10.jpg');} ul#menuessai01 {margin: 0px;padding: 0px;margin-left: 40px;margin-top: 70px;} ul#menuessai01 li {text-align: left;font-size: 12pt;float: left;width: 150px;line-height: 22pt;list-style: none;border-bottom: solid 1px #003366;} ul#menuessai01 a:link {color: #003366;} ul#menuessai01 a:visited {color: #003366;} ul#menuessai01 a:hover {background: #FFFF99;border-bottom: solid 1px #FF0000;border-top: solid 1px #FF0000;} ul#menuessai02 {margin: 0px;padding: 0px;} ul#menuessai02 li {text-align: center;font-size: 10pt;float: left;width: 240px;line-height: 14pt;list-style: none;border-bottom: solid 2px #000040;margin-left: 1px;padding: 0px;} ul#menuessai02 a:hover {background: #FFFF99;border-bottom: solid 2px #FF0000;border-top: solid 2px #FF0000;} ul#menuessai03 {margin-top: 8px;margin-left: 45px;padding: 0px;} ul#menuessai03 li {text-align: center;float: left;width: 100px;height: 30px;line-height: 22pt;list-style: none;border-bottom: solid 2px #000040;margin: 0px;padding: 0px;background-image: url(fondessai03.jpg);} ul#menuessai03 li:hover {background-image: url(fondessai04.jpg);border: 0px;margin: 0px;padding: 0px;} ul#menuessai03 a:hover {width:100px;height: 25px;background-image: url(fondessai04.jpg);border: 0px;border-bottom: 0px;margin: 0px;padding: 0px;} ul#menuessai04 {margin: 0px;padding: 0px;} ul#menuessai04 li {font-size: 10pt;float: left;width: 245px;line-height: 16pt;list-style: none;border-bottom: solid 1px #000040;margin-left: 1px;padding: 0px;} ul#menuessai04 a:hover {background: #FFFF99;border-bottom: solid 1px #FF0000;border-top: solid 2px #FF0000;} ul#menuessai05 {margin: 0px;padding: 0px;} ul#menuessai05 li {font-size: 10pt;float: left;line-height: 20pt;list-style: none;margin: 0px;padding: 0px;border: groove;} ul#menuessai06 {margin: 0px;padding: 0px;} ul#menuessai06 li {text-align: left;width: 130px;line-height: 14pt;list-style: square;margin: 0px;padding: 0px;margin-left: 20px;} ul#menuessai06 a:link {color: #003366;} ul#menuessai06 a:visited {color: #003366;} ul#menuessai06 a:hover {border-bottom: solid 1px red;border-top: solid 1px red;margin: 0px;padding: 0px;background: #FFFF99;} ul#menuessai07 {margin: 0px;padding: 0px;} ul#menuessai07 li {text-align: center;color: #003366;width: 100px;line-height: 12pt;list-style: none;margin: 0px;padding: 0px;border-left: solid 1px #FFFFFF;border-right: solid 1px #FFFFFF;float: left;} ul#menuessai08 {padding: 0px;margin: 0px;} ul#menuessai08 li {list-style-type: none;width: 400px;height: 35px;} ul#menuessai08 a:link {} ul#menuessai08 a:active {} ul#menuessai08 a:hover {position: fixed;width: 400px;height: 35px;} #paraessai01 {text-align: center;color: #339966;font-family: Harlow Solid Italic;font-size: 24pt;line-height: 120px;margin: 0px;padding: 0px;} #paraessai01 a:hover {margin: 0px;padding: 0px;border-top: solid 1px red;border-bottom: solid 1px red;background: #FFFF99;} #paraessai02 {text-align: center;font-size: 14pt;line-height: 16pt;font-style: italic;margin: 0px;padding: 0px;border-top: groove;background: #FFFF99;} #paraessai03 {text-align: center;font-size: 12pt;line-height: 16pt;font-style: italic;border-bottom: solid 1px #003366;margin: 0px;padding: 0px;} #paraessai04 {text-align: left;font-family: verdana;color: #FFFF99;font-size: 12pt;line-height: 24pt;font-style: italic;border-bottom: solid 2px red;margin: 0px;padding: 0px;} img#scressai01 {vertical-align: middle;margin: 0px;padding: 0px;margin-right: 5px;border: 0px;} img#scressai02 {border: 0px;} img#scressai03 {vertical-align: top;margin: 5px;padding: 0px;border: 10px;float: left;} /*---- définition page animations -------*/ #cadranim01 {position:absolute;top: 0px;left: 0px;width: 900px;height: 600px;margin: 0px;padding: 0px;background: url(./animation/images/anim01.jpg);} #cadranim02 {position:absolute;top: 20px;left: 500px;margin: 0px;padding: 0px;} #cadranim03 {position:absolute;top: 20px;left: 550px;margin: 0px;padding: 0px;} #cadranim04 {position:absolute;top: 170px;left: 210px;width: 150px;height: 400px;margin: 0px;padding: 0px;background: url(./animation/images/anim02.jpg);} #cadranim05 {position:absolute;top: 170px;left: 360px;width: 450px;height: 400px;margin: 0px;padding: 0px;background: url(./animation/images/anim03.jpg);} #cadranim051 {position: absolute;top: 30px;left: 30px;width: 400px;height: 300px;margin: 0px;padding: 0px;} #cadranim06 {position:absolute;top: 160px;left: 10px;margin: 0px;padding: 0px;} #cadranim07 {width: 420px;height:350px;margin: 0px;padding: 0px;margin-left: 20px;overflow: auto;} #cadranim08 {position: absolute;top: 120px;left: 680px;width: 70px;height:35px;margin: 0px;padding: 0px;} ul#menuanim01 {margin: 0px;padding: 0px;} ul#menuanim01 li {text-align: left;font-size: 16pt;font-family: Harlow Solid Italic;color: #800000;width: 150px;line-height: 24pt;list-style: none;margin: 0px;padding: 0px;margin-left: 10px;} ul#menuanim01 a:link {color: #800000;} ul#menuanim01 a:visited {color: #800000;} ul#menuanim01 a:hover {border-bottom: solid 1px red;border-top: solid 1px red;margin: 0px;padding: 0px;background: #FFFF99;} ul#menuanim02 {margin: 0px;padding: 0px;} ul#menuanim02 li {text-align: left;font-size: 11pt;color: #800000;width: 130px;line-height: 20pt;list-style: none;margin: 0px;padding: 0px;margin-left: 10px;} ul#menuanim02 a:link {color: #800000;} ul#menuanim02 a:visited {color: #800000;} ul#menuanim02 a:hover {border-bottom: solid 1px red;border-top: solid 1px red;margin: 0px;padding: 0px;background: #FFFF99;} #paranim01 {text-align: center;font-size: 12pt;line-height: 20pt;font-style: italic;width: 130px;border-bottom: solid 1px red;margin: 0px;padding: 0px;margin-top: 10px;margin-left: 10px;} #paranim02 {text-align: center;font-size: 12pt;line-height: 20pt;font-style: italic;width: 410px;border-bottom: solid 1px red;margin: 0px;padding: 0px;margin-top: 10px;margin-left: 20px;} #paranim03 {text-align: left;font-size: 12pt;line-height: 22pt;font-weight: normal;color: #800000;width: 300px;margin: 0px;padding: 0px;margin-bottom: 5px;background: url(./animation/images/anim04.jpg);} #paranim04 {text-align: left;font-size: 14pt;font-weight: bold;font-style: italic;color: #FFFFFF;position: absolute;top: 130px;left: 400px;width: 450px;margin: 0px;padding: 0px;margin-bottom: 0px;} img#scranim01 {vertical-align: middle;border: 0px;margin: 0px;} img#scranim02 {vertical-align: middle;border: 20px solid black;margin: 0px;padding: 0px;margin-top: 50px;margin-left: 30px;} img#scranim03 {vertical-align: middle;margin: 0px;padding: 0px;margin-right: 5px;border: 0px;float: left;} /*----définition page Essai - Menu déroulant -------*/ dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;} #menu {position: absolute;top: 105px;left: 180px;} #menu dl {float: left;width: 130px;border: 2px ridge #FFFFFF;} #menu dt {color: #FFFF99;cursor: pointer;margin: 0px 0px;;height: 20px;line-height: 20px;text-align: center;font-weight: normal;border: 1px solid gray;background: #003366;} #menu dd {border: 4px ridge #003366;} #menu li {text-align: center;background: #FFFFFF;} #menu li a, #menu dt a {color: #000;text-decoration: none;display: block;border: 0 none;height: 100%;} #menu li a:hover, #menu dt a:hover {background: #FFFF99;}