a:visited {COLOR: #cc0000; FONT-WEIGHT:bold; TEXT-DECORATION: none}
a:link  {COLOR: #cc0000; FONT-WEIGHT:bold; TEXT-DECORATION: none}
a:hover {COLOR: #cc0000; FONT-WEIGHT:bold; TEXT-DECORATION: underline}

html {overflow: hidden; height:100%; max-height:100%; padding:0; margin:0; border:0; font-size: 13px; font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; }

body {height:100%; max-height:100%; padding:0; margin:0; border:0; background-color: #e5eff6;}
#content {overflow: auto; margin-left: 50px; background: url('templates/horizonbas.png') repeat-x; height:100%; max-height:100%; padding: 0 20px 0 270px; margin-right: 20px; top: 130px; position:relative; z-index:0;}

#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:130px; background: url('templates/ciel.jpg') repeat-x; z-index: 20;}
#chenehaut {float: left; padding-left: 18px; z-index: 10;}
#titre {position:fixed; top: 0px; left: 480px; z-index: 20}
.optimisation{position:fixed; top: 110px; left: 580px; font-size: 0.8em; color: #000; z-index: 50; display: none; }
.optimisation a:link, .optimisation a:visited {color: #EE0000} 
#soleil {position: fixed; top: 0px; right: 30px; z-index: -1}
#ballon{position: fixed; top: 35px; left: 645px; z-index: 100}
#horizon {position: fixed; top: 130px; height: 50px; left: 50px; width: 100%; min-width: 680px; background: url('templates/horizon.png') repeat-x; z-index: 30}

#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:40px; background: url('templates/herbe.jpg') repeat-x; z-index:20;}
#chenebas {position: absolute; left:18px; z-index: 40}

.noborder {border: none; z-index: 40;}
a.bulle {display: block; border: none; position: fixed; bottom: 0px; left: 70px; width: 70px; height: 112px; z-index: 50; background: url('templates/fourmi.jpg') no-repeat;}
a.bulle span {z-index: 50; visibility: hidden; border: none; display: block; position: fixed; bottom: 55px; left: 125px;}
a.bulle:hover span {z-index: 50; border: none; visibility: visible; z-index:100;}
* html a.bulle, * html a.bulle:span {position: absolute;}

#left {position:fixed; left:0; top:0; height:100%; width:280px; background: url('templates/chenetronc.jpg') repeat-y; background-color: #e5eff6; z-index: 0}

* html #head, * html #foot,* html #left {position:absolute;}

.smaller {font-size: smaller;}

#bandeauhaut {display:block; width:1000px; height:130px; float:left; }

.menu {z-index: 200;}
a.menu01 {display:block; position: fixed; z-index: 40; left: 20px; top: 12px; background: url('templates/pancarte01.png') 0 0px; width: 93px; height: 35px}
a.menu02 {display:block; position: fixed; z-index: 40; left: 15px; top: 40px; background: url('templates/pancarte02.png') 0 0px; width: 140px; height: 35px}
a.menu03 {display:block; position: fixed; z-index: 40; left: 12px; top: 65px; background: url('templates/pancarte03.png') 0 0px; width: 188px; height: 38px}
a.menu04 {display:block; position: fixed; z-index: 40; left: 13px; top: 95px; background: url('templates/pancarte04.png') 0 0px; width: 108px; height: 34px}
a.menu05 {display:block; position: fixed; z-index: 40; left: 21px; top: 119px; background: url('templates/pancarte05.png') 0 0px; width: 88px; height: 36px}
a.menu06 {display:block; position: fixed; z-index: 40; left: 18px; top: 148px; background: url('templates/pancarte06.png') 0 0px; width: 98px; height: 35px}
a.menu07 {display:block; position: fixed; z-index: 40; left: 14px; top: 176px; background: url('templates/pancarte07.png') 0 0px; width: 96px; height: 35px}
a.menu08 {display:block; position: fixed; z-index: 40; left: 17px; top: 201px; background: url('templates/pancarte08.png') 0 0px; width: 93px; height: 38px}
a.menu09 {display:block; position: fixed; z-index: 40; left: 15px; top: 230px; background: url('templates/pancarte09.png') 0 0px; width: 100px; height: 35px}
a.menu10 {display:block; position: fixed; z-index: 40; left: 18px; top: 256px; background: url('templates/pancarte10.png') 0 0px; width: 118px; height: 35px}
a.menu11 {display:block; position: fixed; z-index: 40; left: 14px; top: 284px; background: url('templates/pancarte11.png') 0 0px; width: 126px; height: 36px}
a.menu12 {display:block; position: fixed; z-index: 40; left: 17px; top: 312px; background: url('templates/pancarte12.png') 0 0px; width: 146px; height: 35px}
a.menu13 {display:block; position: fixed; z-index: 40; left: 20px; top: 338px; background: url('templates/pancarte13.png') 0 0px; width: 98px; height: 36px}
a.menu14 {display:block; position: fixed; z-index: 40; left: 16px; top: 366px; background: url('templates/pancarte14.png') 0 0px; width: 131px; height: 34px}
a.menu15 {display:block; position: fixed; z-index: 40; left: 18px; top: 392px; background: url('templates/pancarte15.png') 0 0px; width: 129px; height: 37px}

a.menu01:hover, a.menu02:hover, a.menu06:hover, a.menu07:hover, a.menu09:hover, a.menu10:hover, a.menu12:hover{background-position: 0 -35px;}
a.menu03:hover, a.menu08:hover{background-position: 0 -38px;}
a.menu04:hover, a.menu14:hover{background-position: 0 -34px;}
a.menu05:hover, a.menu11:hover, a.menu13:hover{background-position: 0 -36px;}
a.menu15:hover{background-position: 0 -37px;}

* html .menu01, * html .menu02, * html .menu03, * html .menu04, * html .menu05, * html .menu06, * html .menu07, * html .menu08, * html .menu09, * html .menu10, * html .menu11, * html .menu12, * html .menu13, * html .menu14, * html .menu15 {position: absolute;}

#menu01on {position: fixed; z-index: 40; left: 20px; top: 12px}
#menu02on {position: fixed; z-index: 40; left: 15px; top: 40px}
#menu03on {position: fixed; z-index: 40; left: 12px; top: 65px}
#menu04on {position: fixed; z-index: 40; left: 13px; top: 95px}
#menu05on {position: fixed; z-index: 40; left: 21px; top: 119px}
#menu06on {position: fixed; z-index: 40; left: 18px; top: 148px}
#menu07on {position: fixed; z-index: 40; left: 14px; top: 176px}
#menu08on {position: fixed; z-index: 40; left: 17px; top: 201px}
#menu09on {position: fixed; z-index: 40; left: 15px; top: 230px}
#menu10on {position: fixed; z-index: 40; left: 18px; top: 256px}
#menu11on {position: fixed; z-index: 40; left: 14px; top: 284px}
#menu12on {position: fixed; z-index: 40; left: 17px; top: 312px}
#menu13on {position: fixed; z-index: 40; left: 20px; top: 338px}
#menu14on {position: fixed; z-index: 40; left: 16px; top: 366px}
#menu15on {position: fixed; z-index: 40; left: 18px; top: 392px}

* html #menu01on, * html #menu02on,* html #menu03on, * html #menu04on, * html #menu05on, * html #menu06on, * html #menu07on, * html #menu08on, * html #menu09on, * html #menu10on, * html #menu11on, * html #menu12on, * html #menu13on, * html #menu14on, * html #menu15 {position: absolute;}

#content p {line-height: 130%; margin-top: 6px; margin-bottom: 6px}
#content p.rouge {color: #D00; font-weight: bold; font-style: italic; margin-bottom: 0px;}

#avertissement {border: 3px double #FF0000; margin-left: 10%; margin-right: 10%; text-align: center; padding: 12px 12px 12px 12px; margin-top : 0px; margin-bottom: 6px; font-size: 15px; background-color:#FFFFFF; color:#000000;}

.titre {margin-top: 0px; margin-left: -140px; margin-bottom: -20px; clear: both;}

.bannertext{margin: -75px 0 50px 140px; color: #7a2703; font-size: 15px; font-weight: bold; font-style: italic;}

.banner255 {display: block; width: 255px; height: 105px; background-image: url('templates/banner255.jpg'); z-index: 50}
.banner275 {display: block; width: 275px; height: 105px; background-image: url('templates/banner275.jpg'); z-index: 50}
.banner295 {display: block; width: 295px; height: 105px; background-image: url('templates/banner295.jpg'); z-index: 50}
.banner315 {display: block; width: 315px; height: 105px; background-image: url('templates/banner315.jpg'); z-index: 50}
.banner335 {display: block; width: 335px; height: 105px; background-image: url('templates/banner335.jpg'); z-index: 50}
.banner355 {display: block; width: 355px; height: 105px; background-image: url('templates/banner355.jpg'); z-index: 50}
.banner375 {display: block; width: 375px; height: 105px; background-image: url('templates/banner375.jpg'); z-index: 50}
.banner395 {display: block; width: 395px; height: 105px; background-image: url('templates/banner395.jpg'); z-index: 50}
.banner415 {display: block; width: 415px; height: 105px; background-image: url('templates/banner415.jpg'); z-index: 50}
.banner435 {display: block; width: 435px; height: 105px; background-image: url('templates/banner435.jpg'); z-index: 50}
.banner455 {display: block; width: 455px; height: 105px; background-image: url('templates/banner455.jpg'); z-index: 50}
.banner475 {display: block; width: 475px; height: 105px; background-image: url('templates/banner475.jpg'); z-index: 50}
.banner495 {display: block; width: 495px; height: 105px; background-image: url('templates/banner495.jpg'); z-index: 50}
.banner515 {display: block; width: 515px; height: 105px; background-image: url('templates/banner315.jpg'); z-index: 50}
.banner535 {display: block; width: 315px; height: 105px; background-image: url('templates/banner315.jpg'); z-index: 50}
.banner555 {display: block; width: 315px; height: 105px; background-image: url('templates/banner315.jpg'); z-index: 50}

p.lettrine:first-letter {font-size: 3em; vertical-align: baseline; font-weight: bold; color: #7a2703; z-index: 20;}


.og {float: left; width: 230px} 
a.ombrageg {float: left; background: url(templates/shadowalpha.png) no-repeat bottom right !important; background: url(templates/shadow.gif) no-repeat bottom right; margin: 10px 10px 0 10px !important; margin: 10px 0 0 5px;}
a.ombrageg img {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } 
a.ombrageg img:hover {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -3px 3px 3px -3px; padding: 4px; } 
.od {float: right; width: 230px}
a.ombraged {float: right; background: url(templates/shadowalpha.png) no-repeat bottom right !important; background: url(templates/shadow.gif) no-repeat bottom right; margin: 10px 0 0 20px !important; margin: 10px 0 0 5px;}
a.ombraged img {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } 
a.ombraged img:hover {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -3px 3px 3px -3px; padding: 4px; } 

ul.boules {margin-left: 0px; margin-top: 0px; }
li {margin-bottom: 0px; list-style-image: url('templates/pucerouge.gif'); }

.gauche {float: left; margin: 0 30px 0 0}
.gauche500 {float: left; width : 500px}
.droite500 {float: right; width: 500px}
.droite {float: right}
.clear {clear: both}

.pad2 {display:block; height: 50px}

#bas {clear: both; padding-top: 15px; margin-bottom: 0px;}

.officiel {float: right;}

.tdlt {text-align: left; vertical-align: top; font-size: 12px; line-height: 100%}
.tdct {text-align: center; vertical-align: top; font-size: 12px; line-height: 100%}
.tdrt {text-align: right; vertical-align: top; font-size: 12px;  line-height: 100%}
.tdb{vertical-align: bottom; font-size: 12px;  line-height: 100%}
td {font-size: 12px;  line-height: 100%}

#holder {position:relative; background:transparent url(pic1b.gif) 75px 40px no-repeat; margin-bottom:0px; z-index:1; }
#scrollbox {width:100%; height:78px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left: 0%; }
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:60px; height:40px; margin-right: 3px; margin-left: 3px; margin-top: 9px; float:left; font-size:11px;}
a.slide01 {background:url(small/0001.jpg);}
a.slide02 {background:url(small/0002.jpg);}
a.slide03 {background:url(small/0003.jpg);}
a.slide04 {background:url(small/0004.jpg);}
a.slide05 {background:url(small/0005.jpg);}
a.slide06 {background:url(small/0006.jpg);}
a.slide07 {background:url(small/0007.jpg);}
a.slide08 {background:url(small/0008.jpg);}
a.slide09 {background:url(small/0009.jpg);}
a.slide10 {background:url(small/0010.jpg);}
a.slide11 {background:url(small/0011.jpg);}
a.slide12 {background:url(small/0012.jpg);}
a.slide13 {background:url(small/0013.jpg);}
a.slide14 {background:url(small/0014.jpg);}
a.slide15 {background:url(small/0015.jpg);}
a.slide16 {background:url(small/0016.jpg);}
a.slide17 {background:url(small/0017.jpg);}
a.slide18 {background:url(small/0018.jpg);}
a.slide19 {background:url(small/0019.jpg);}
a.slide20 {background:url(small/0020.jpg);}
a.slide21 {background:url(small/0021.jpg);}
a.slide22 {background:url(small/0022.jpg);}
a.slide23 {background:url(small/0023.jpg);}
a.slide24 {background:url(small/0024.jpg);}
a.slide25 {background:url(small/0025.jpg);}
a.slide26 {background:url(small/0026.jpg);}
a.slide27 {background:url(small/0027.jpg);}
a.slide28 {background:url(small/0028.jpg);}
a.slide29 {background:url(small/0029.jpg);}
a.slide30 {background:url(small/0030.jpg);}
a.slide31 {background:url(small/0031.jpg);}
a.slide32 {background:url(small/0032.jpg);}
a.slide33 {background:url(small/0033.jpg);}
a.gallery span {display:block; position:absolute; left:150px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {display:block; position:absolute; width: 550px; height: 367px; top: 90px; left: 60px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:550px; height:367px; top:90px; left: 60px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}
#thumbs {width:2250px; height:60px;}
#pad {height:0px; width:100px;}
#ecart {display: block; height: 380px}

.caps {font-variant: small-caps; letter-spacing: 1px; font-weight: bold; font-size: 15px}
.title {font-variant: small-caps; font-weight: bold; color: #3071A9; margin: 12px 0 0 0; font-size: 16px}
hr.titlehr  {color: #3071A9; margin: 0 0 12px 0}