* { margin: 0; padding: 0; /*border: 0;*/ font-family: Verdana, sans-serif; font-size: 1em; /*font-weight: normal;*/ /*font-style: normal;*/ text-decoration: none; } #edition{ background: #fff repeat-x url('fond.jpg');} #site { position:relative; width: 800px; float: left; left: 50%; margin-left: -450px; } #bandeau { position:relative; float:left; width: 800px; height: 120px;} #bandeau .logo { float:left; width:399px; height:83px; margin-top:20px; margin-left:20px; } #bandeau .texte {float:right; font: normal 11px/14px "Trebuchet MS"; color:#3B3B3B; text-align:right; margin-top:25px;} #bandeau .texte a { font: normal 11px/14px "Trebuchet MS"; color:#3B3B3B; } #bandeau .texte a:hover { text-decoration:underline;} #menu { position: relative; float:left; width: 800px; height: 33px; z-index: 20} #animation {position: relative; float:left; width: 800px; height: 200px;} #conteneur {position: relative; float:left; width: 800px; min-height: 450px; height: auto !important; height:450px; margin-top:20px;} #foot { position: relative; float:left;width: 100%; height: 100%; background:#fff repeat-x url('fond_foot.jpg') top; margin-top:20px;} /* ------ bandeau animation ---------- */ #anim_slide {position: relative; float:left; width: 360px; height: 200px;} #anim_text {position: relative; float:left; width: 440px; height: 200px;} #anim_text .titre {margin-top:20px; font: bold 18px "Trebuchet MS"; color:#fff; letter-spacing:2px;} #anim_text .texte {margin-top:20px; font: normal 15px/25px "Trebuchet MS"; color:#fff;} /* ------ cadre moduloweb ---------- */ #cadre_modulo {position: relative; float:left; display:inline; width: 600px;} #cadre_modulo_top {position: relative; float:left; display:inline; width: 600px; height: 45px;} #cadre_modulo_text {position: relative; float:left; display:inline; margin-left:16px; width: 582px; border-left:solid 1px #B8B8B8; border-right:solid 1px #B8B8B8;} #cadre_modulo_text .texte img {float:left;display:inline;padding-right:10px;padding-bottom:5px;} #cadre_modulo_text .texte { font: normal 12px/15px "Trebuchet MS"; color:#000; padding-left:10px; padding-right:10px; } #cadre_modulo_text .texte a { font: italic 12px/15px "Trebuchet MS"; color:#006293; } #cadre_modulo_text .texte a:hover { text-decoration:underline; } #cadre_modulo_text .texte_bleu { font: normal 12px/15px "Trebuchet MS"; color:#006293; } #cadre_modulo_text .texte_jaune { font: bold 13px/17px "Trebuchet MS"; color:#E9AB00; } #cadre_modulo_text .tit_jaune { font: bold 14px/20px "Trebuchet MS"; color:#E9AB00; } #cadre_modulo_text .tit_jaune a { font: bold 14px/20px "Trebuchet MS"; color:#E9AB00; } #cadre_modulo_text .int { font: normal 12px/15px "Trebuchet MS"; color:#5f6060; padding-left:10px; padding-right:10px; } #cadre_modulo_text .int a { font: normal 12px/15px "Trebuchet MS"; color:#5f6060;} #cadre_modulo_bottom {position: relative; float:left; display:inline; margin-left:16px; width: 584px; height: 20px; background:#fff no-repeat url('cadre_modulo_bottom.jpg');} a.bulle1 span, a.bulle2 span, a.bulle3 span, a.bulle4 span, a.bulle5 span, a.bulle6 span, a.bulle7 span{ display: none; } a.bulle1:hover,a.bulle2:hover,a.bulle3:hover,a.bulle4:hover,a.bulle5:hover,a.bulle6:hover,a.bulle7:hover{ background: none; /*contournement bug IE*/} a.bulle1:hover span{ display: inline; position: absolute; top: 145px; left: 360px; background: #dddbdb; text-align: center; color: #000; padding: 0.2em;} a.bulle2:hover span{ display: inline; position: absolute; top: 115px; left: 420px; background: #dddbdb; text-align: center; color: #000; padding: 0.2em;} a.bulle3:hover span{ display: inline; position: absolute; top: 125px; left: 482px; background: #dddbdb; text-align: center; color: #000; padding: 0.2em;} a.bulle4:hover span{ display: inline; position: absolute; top: 215px; left: 355px; background: #dddbdb; text-align: center; color: #000; padding: 0.2em;} a.bulle5:hover span{ display: inline; position: absolute; top: 185px; left: 520px; background: #dddbdb; text-align: center; color: #000; padding: 0.2em;} a.bulle6:hover span{ display: inline; position: absolute; top: 255px; left: 425px; background: #dddbdb; text-align: center; color: #000; padding: 0.2em;} a.bulle7:hover span{ display: inline; position: absolute; top: 245px; left: 482px; background: #dddbdb; text-align: center; color: #000; padding: 0.2em;} /* ------ cadre avantages ---------- */ #cadre_avan {position: relative; float:left; display:inline; width: 190px; margin-left:10px;} #cadre_avan_top {position: relative; float:left; display:inline; width: 190px; height: 45px; } #cadre_avan_text {position: relative; float:left; display:inline; margin-left:16px; width: 172px; border-left:solid 1px #B8B8B8; border-right:solid 1px #B8B8B8;} #cadre_avan_text .texte { font: normal 12px/14px "Trebuchet MS"; color:#000; padding-left:10px; padding-right:10px;padding-bottom:1px; } #cadre_avan_text .texte a { font: italic 12px/13px "Trebuchet MS"; color:#006293; } #cadre_avan_text .texte a:hover { text-decoration:underline; } #cadre_avan_bottom {position: relative; float:left; display:inline; margin-left:16px; width: 174px; height: 20px; background:#fff no-repeat url('cadre_avan_bottom.jpg');} /* ------ cadre demonstration index ---------- */ #cadre_demo_i {position: relative; float:left; display:inline; width: 225px; margin-top:10px;} #cadre_demo_i_top {position: relative; float:left; display:inline; width: 225px; height: 45px; background:#fff no-repeat url('cadre_demo_top.jpg');} #cadre_demo_i_text {position: relative; float:left; display:inline; margin-left:16px; width: 207px; border-left:solid 1px #B8B8B8; border-right:solid 1px #B8B8B8;} #cadre_demo_i_text img {position: relative; margin-top:10px; margin-left:30px;} #cadre_demo_i_text .texte { font: normal 12px/14px "Trebuchet MS"; color:#000; padding-left:10px; padding-right:10px; } #cadre_demo_i_bottom {position: relative; float:left; display:inline; margin-left:16px; width: 209px; height: 20px; background:#fff no-repeat url('cadre_demo_bottom.jpg');} /* ------ cadre demonstration ---------- */ #cadre_demo {position: relative; float:left; display:inline; width: 190px; margin-left:10px;} #cadre_demo_top {position: relative; float:left; display:inline; width: 190px; height: 45px; } #cadre_demo_text {position: relative; float:left; display:inline; margin-left:16px; width: 172px; border-left:solid 1px #B8B8B8; border-right:solid 1px #B8B8B8;} #cadre_demo_text img {position: relative; margin-top:10px; margin-left:20px;} #cadre_demo_text .texte { font: normal 12px/15px "Trebuchet MS"; color:#000; padding-left:10px; padding-right:10px;padding-bottom:1px; } #cadre_demo_text .texte a { font: italic 12px/13px "Trebuchet MS"; color:#006293; } #cadre_demo_text .texte a:hover { text-decoration:underline; } #cadre_demo_bottom {position: relative; float:left; display:inline; margin-left:16px; width: 174px; height: 20px; background:#fff no-repeat url('cadre_avan_bottom.jpg');} /* ------ cadre actualité ---------- */ #cadre_actu {position: relative; float:left; display:inline; width: 365px; margin-left:10px; margin-top:10px;} #cadre_actu_top {position: relative; float:left; display:inline; width: 365px; height: 45px; background:#fff no-repeat url('cadre_actu_top.jpg');} #cadre_actu_text {position: relative; float:left; display:inline; margin-left:16px; width: 347px; border-left:solid 1px #B8B8B8; border-right:solid 1px #B8B8B8;} #cadre_actu_text img {float:left; display:inline; padding-left:10px; padding-right:10px; } #cadre_actu_text .texte { font: normal 12px/14px "Trebuchet MS"; color:#000; padding-left:10px; padding-right:10px; } #cadre_actu_text .texte a { font: italic 12px/14px "Trebuchet MS"; color:#006293; } #cadre_actu_text .texte a:hover { text-decoration:underline; } #cadre_actu_bottom {position: relative; float:left; display:inline; margin-left:16px; width: 349px; height: 20px; background:#fff no-repeat url('cadre_actu_bottom.jpg');} /* ------ cadre aide ---------- */ #cadre_aide {position: relative; float:left; display:inline; width: 190px; margin-left:10px;margin-top:10px;} #cadre_aide_top {position: relative; float:left; display:inline; width: 190px; height: 45px; background:#fff no-repeat url('cadre_aide_top.jpg');} #cadre_aide_text {position: relative; float:left; display:inline; margin-left:16px; width: 172px; border-left:solid 1px #B8B8B8; border-right:solid 1px #B8B8B8;} #cadre_aide_text img {position: relative; margin-left:25px;} #cadre_aide_text .texte { font: normal 12px/14px "Trebuchet MS"; color:#000; padding-left:10px; padding-right:10px; padding-top:9px;padding-bottom:1px; } #cadre_aide_text .texte a { font: normal 12px/14px "Trebuchet MS"; color:#006293; } #cadre_aide_text .texte a:hover { text-decoration:underline; } #cadre_aide_bottom {position: relative; float:left; display:inline; margin-left:16px; width: 174px; height: 20px; background:#fff no-repeat url('cadre_aide_bottom.jpg');} /* ------ foot ---------- */ #foot_text {position:relative; width: 800px;float:left; display:inline;left: 50%; margin-left: -450px;} #foot_text .texte { float:left; display:inline; font: normal 11px/13px "Trebuchet MS"; color:#3B3B3B; padding-left:100px; padding-top:10px;} #foot_text .texte a { font: normal 11px/13px "Trebuchet MS"; color:#3B3B3B; } #foot_text .texte a:hover { text-decoration:underline;}