*{font:12px verdana, arial, helvetica, sans-serif; } div, ul, li, p { margin: 0; padding: 0; border:0; font:12px verdana, arial, helvetica, sans-serif; line-height: 1.2em; } input, textarea, select{font:11px verdana, Arial, Geneva, sans-serif; color:#000000; } h1{ font:16px verdana; font-weight: bold; margin: 0px 0px 5px 0px;height:20px; color:#012c02;} h2{text-align: left; font-family: Verdana; color: #404041; font-size: 16px; font-weight: bold; background:#c0b39c url(/images/optic_19_2.jpg) no-repeat 0 0px; padding-left:30px; padding-top:2px; height:21px;} img{ border:0; } body{ text-align: center;margin: 0; padding: 8px; border:0px; background-color: #024103;} .red{color: #c1272d;} .orange{color: #e37128;} .vertFonce{color: #012c02;} .leon{clear:both;} .titre{ color: white; font:14px verdana, arial, helvetica, sans-serif; font-weight: bold;} .lien{color: white; } a{color:white;} p{color:white; text-align:justify;} .icon{height:16px; width:16px; cursor:pointer;} .CellsNumeriques{ text-align:right;} #map { width: 365px!important; width: 346px; height: 590px;} #map div span{ font-size: 5px;} /* COMMUN */ #bloc{ z-index:1; height:609px; width:880px; margin: 0 auto; border: 10px solid white; text-align:left; background-color:#577058; position:relative; } #blocDroite{ width:365px!important; width:346px; margin:10px; text-align: center; z-index:1; position: absolute; right:0px;} #divLang{ position: absolute; right:-80px; top:0px; z-index:100; visibility:visible; display:block; width: 60px; height: 60px;} /* HEADER */ #blocGauche{ float: left; } #hautDessushaut{ height:271px; width:387px; background-image: url(/images/hautGauche.jpg); } #hautDessushautfr{ height:271px; width:387px; background-image: url(/images/hautGauchefr.jpg); } /* Menu */ #menuPrincipal{ width:387px; height:39px; text-align:left; background-image:url(/images/puceFin.jpg); background-position:center right; background-repeat:no-repeat; } #menuPrincipal ul{ list-style-type : none; } #menuPrincipal ul a{ text-decoration:none; width: 53px; height: 39px; display:block; } .menuPrincipalElem1Normal{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce1normale.jpg); float: left;} .menuPrincipalElem1Select{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce1select.jpg); float: left;} .menuPrincipalElem2Normal{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce2normale.jpg); float: left;} .menuPrincipalElem2Select{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce2select.jpg); float: left;} .menuPrincipalElem3Normal{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce3normale.jpg); float: left;} .menuPrincipalElem3Select{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce3select.jpg); float: left;} .menuPrincipalElem4Normal{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce4normale.jpg); float: left;} .menuPrincipalElem4Select{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce4select.jpg); float: left;} .menuPrincipalElem5Normal{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce5normale.jpg); float: left;} .menuPrincipalElem5Select{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce5select.jpg); float: left;} .menuPrincipalElem6Normal{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce6normale.jpg); float: left;} .menuPrincipalElem6Select{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce6select.jpg); float: left;} .menuPrincipalElem7Normal{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce7normale.jpg); float: left;} .menuPrincipalElem7Select{ width: 53px; height: 39px; cursor: pointer; display: block; background-image: url(/images/puce7select.jpg); float: left;} #SousLeMenuPrincipal{ width:387px; height:299px; text-align:left; background-image:url(/images/menuListeFin.jpg); background-position:center right; background-repeat:no-repeat; } .SousLeMenuPrincipalElem1Normal{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe1.jpg); float: left; } .SousLeMenuPrincipalElem2Normal{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe2.jpg); float: left; } .SousLeMenuPrincipalElem3Normal{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe3.jpg); float: left; } .SousLeMenuPrincipalElem4Normal{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe4.jpg); float: left; } .SousLeMenuPrincipalElem5Normal{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe5.jpg); float: left; } .SousLeMenuPrincipalElem6Normal{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe6.jpg); float: left; } .SousLeMenuPrincipalElem7Normal{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe7.jpg); float: left; } .SousLeMenuPrincipalElem1Select{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe1Select.jpg); float: left; } .SousLeMenuPrincipalElem2Select{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe2Select.jpg); float: left; } .SousLeMenuPrincipalElem3Select{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe3Select.jpg); float: left; } .SousLeMenuPrincipalElem4Select{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe4Select.jpg); float: left; } .SousLeMenuPrincipalElem5Select{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe5Select.jpg); float: left; } .SousLeMenuPrincipalElem6Select{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe6Select.jpg); float: left; } .SousLeMenuPrincipalElem7Select{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe7Select.jpg); float: left; } .SousLeMenuPrincipalElem1Selectfr{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe1Selectfr.jpg); float: left; } .SousLeMenuPrincipalElem2Selectfr{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe2Selectfr.jpg); float: left; } .SousLeMenuPrincipalElem3Selectfr{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe3Selectfr.jpg); float: left; } .SousLeMenuPrincipalElem4Selectfr{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe4Selectfr.jpg); float: left; } .SousLeMenuPrincipalElem5Selectfr{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe5Selectfr.jpg); float: left; } .SousLeMenuPrincipalElem6Selectfr{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe6Selectfr.jpg); float: left; } .SousLeMenuPrincipalElem7Selectfr{ width:53px; height:299px; text-align:left; background-image:url(/images/menuListe7Selectfr.jpg); float: left; } #titre1{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre1.jpg); background-position: center 15px; background-repeat:no-repeat; } #titre2{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre2.jpg); background-position: center 15px; background-repeat:no-repeat; } #titre3{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre3.jpg); background-position: center 15px; background-repeat:no-repeat; position:relative;} #titre3 #img1{ height:45px; position:absolute; top:288px; left: 17.5px; border: 2px solid white;} #titre3 #img2{ height:45px; position:absolute; top:341px; left: 17.5px; border: 2px solid white;} #titre3 #img3{ height:45px; position:absolute; top:394px; left: 17.5px; border: 2px solid white;} #titre3 #img4{ height:45px; position:absolute; top:447px; left: 17.5px; border: 2px solid white;} #titre3 #img5{ height:45px; position:absolute; top:500px; left: 17.5px; border: 2px solid white;} #titre3 #img6{ height:45px; position:absolute; top:553px; left: 17.5px; border: 2px solid white;} #titre4{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre4.jpg); background-position: center 15px; background-repeat:no-repeat; } #titre5{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre5.jpg); background-position: center 15px; background-repeat:no-repeat; } #titre6{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre6.jpg); background-position: center 15px; background-repeat:no-repeat; } #titre7{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre7.jpg); background-position: center 15px; background-repeat:no-repeat; } #titre2fr{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre2fr.jpg); background-position: center 15px; background-repeat:no-repeat; } #titre3fr{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre3fr.jpg); background-position: center 15px; background-repeat:no-repeat; position:relative;} #titre3fr #img1{ height:45px; position:absolute; top:288px; left: 17.5px; border: 2px solid white;} #titre3fr #img2{ height:45px; position:absolute; top:341px; left: 17.5px; border: 2px solid white;} #titre3fr #img3{ height:45px; position:absolute; top:394px; left: 17.5px; border: 2px solid white;} #titre3fr #img4{ height:45px; position:absolute; top:447px; left: 17.5px; border: 2px solid white;} #titre3fr #img5{ height:45px; position:absolute; top:500px; left: 17.5px; border: 2px solid white;} #titre3fr #img6{ height:45px; position:absolute; top:553px; left: 17.5px; border: 2px solid white;} #titre4fr{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre4fr.jpg); background-position: center 15px; background-repeat:no-repeat; } #titre5fr{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre5fr.jpg); background-position: center 15px; background-repeat:no-repeat; } #titre6fr{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre6fr.jpg); background-position: center 15px; background-repeat:no-repeat; } #titre7fr{ width:107px; height:609px; float: left; background-color:#012c02; background-image:url(/images/titre7fr.jpg); background-position: center 15px; background-repeat:no-repeat; } /* photos */ #tableauPhoto{ width:100%;} #tableauPhoto td{ text-align:center; vertical-align: middle; height: 90px;} #tableauPhoto td img{ border: 2px solid white;} /* production */ .pProduction{ margin:0; padding:0; border:0; font:12px verdana; line-height: 1.2em; color:white; text-align:justify; } #blocDroiteProduction{ width:366px; height:588px!important; height:610px; padding:10px; text-align:left; overflow:auto; position: absolute; right:0px;} /* Verlegen */ .pVerlegen { margin:0; padding:0; border:0; font:12px verdana; line-height: 1.2em; color:white; text-align:justify; } #blocDroiteVerlegen { width:366px; height:588px!important; height:610px; padding:10px; text-align:left; overflow:auto; position: absolute; right:0px;} /* footer */ #footer{ width:880px; margin: 0 auto; text-align:center; padding: 10px; } #footer p a{ font-size:10px;text-decoration:none; } #footer p a:hover{text-decoration:underline; } /* template simple #blocSimple { width: 846px; min-height: 700px; border: 0px solid #fff; margin: 0 auto; background-color: #fff; text-align: left;} * html #blocSimple { height: 700px;} #baniere{background: #fff url(/images/clearwater_03_simple.jpg) no-repeat 0 0; width: 846px; height:92px} #fondBleuBordureBlanche{background-color: #0266a2; margin: 0px 10px 0px 10px; width: 826px; height: auto !important; height: 408px;} #menusNavigationLiens{ background-color: #0266a2; height: 438px; width: 200px; float:left;} #menuPrincipalSimple{ width:200px; height:158px; text-align: left; background-color:#68a2d2;} #menuPrincipalSimple ul{ list-style-type : none; padding: 18px 0px 0px 30px;} #menuPrincipalSimple li{ cursor: pointer; display: block; width: 143px ; height: 19px; padding-left: 23px; padding-top: 5px;} #liensSimple{ height: 250px; width: 200px; background-color: #0266a2; text-align:left; padding: 30px 0px 0px 0px;} #liensSimple ul{ list-style-type : none; margin: 0px 0px 0px 30px ;} #liensSimple li{cursor: pointer; display: block; width: 140px; height: 19px; padding-left: 23px; padding-top: 2px;} #titreLiensSimple{ margin: 0px 0px 10px 54px; font:16px verdana; font-weight: bold; text-align: left;} #contenuSimple {background-color: #032c5e;float:left; width: 575px!important; width: 626px; min-height: 388px; padding: 25px;} * html #contenuSimple { height: 438px;} #idFooterGaucheSimple{ float:left; width:200px; height: 156px; margin-left:10px!important; margin-left:5px; margin-bottom:10px!important; margin-bottom: 5px; background: #68a2d2 url(/images/clearwater_19.jpg) no-repeat 0px 0px;} #idFooterDroiteSimple{ float:left; top:530px; left: 210px; width:626px; height: 156px; background-color: #1f4779;} #idFooterDroiteSimple p{ margin-top:75px; text-align: right; margin-right: 36px;} .menuSelect{font-weight:bold; color: #e37128; background: url("/images/puce2.jpg") center left no-repeat;} .menuSelect a{font-weight:bold; color: #e37128; text-decoration: none; } .nenuNorm{font-weight:bold; background: url("/images/puce1.jpg") center left no-repeat;} .nenuNorm a{font-weight:bold; color: #000; text-decoration: none;} .menuSurvol{font-weight:bold; background: url("/images/puce2.jpg") center left no-repeat;} .menuSurvol a{font-weight:bold; color: #e37128; text-decoration: underline;} #titreLiens{ margin: 30px 0px 10px 54px; font:16px verdana; font-weight: bold; text-align: left;} #liens{ position: absolute; top: 250px; left:0; height: 280px; width: 200px; background-color: #0266a2; margin-left: 10px; text-align:left;} #liens ul{ list-style-type : none; margin: 0px 0px 0px 30px ;} #liens li{cursor: pointer; display: block; width: 153px; height: 19px; padding-left: 23px; padding-top: 2px;} .elementListeLienNorm{ background: url("/images/puce3.jpg") center left no-repeat;} .elementListeLienNorm a{ color: #000; text-decoration: none;} .elementListeLienSurvol{ background: url("/images/puce4.jpg") center left no-repeat;} .elementListeLienSurvol a{ color: #e37128; text-decoration: underline;} /* PAGE D'ACCUEIL #promotions{ position:absolute; top:110px; width:335px; left:235px; text-align:justify; } #contenu{ position: absolute; top: 250px; left:200px; height: 280px; width: 626px; margin-left: 10px; background: #032c5e url(/images/clearwater_07.png) no-repeat 36px 60px;} #contenu h1{ margin: 20px 36px 5px 36px; text-align:right;} #contenu p{ margin: 15px 36px 0px 215px; text-align:justify;} #contenu a{ color: #b4eb0b} /* footer #idFooterGauche{ position:absolute; top:530px; left: 0px; width:200px; height: 156px; margin-left:10px; background: #68a2d2 url(/images/clearwater_19.jpg) no-repeat 0px 0px;} #idFooterDroite{ position:absolute; top:530px; left: 210px; width:626px; height: 156px; background-color: #1f4779;} #idFooterDroite p{ margin-top:75px; text-align: right; margin-right: 36px;} #txtCopyright{ margin-top: 75px; width:200px; text-align: center; color: black;} autres pages .contacts{ font:14px verdana; float:left; margin: 5px 0px 5px 10px; } .textBoxContact{ width: 300px;} .imgMiniature{ float: left; margin: 5px 10px 5px 0px; border: 2px solid white;} .paragraphesReferences{ text-align:justify; width: 100%;}*/