/**** STRUCTURE ****/ body { position: relative; width: 95%; margin: auto; margin-top: 10px; margin-bottom: 10px; background-image: url("./img/fond.gif"); background-repeat: repeat-x; background-color: #a70f0b; } /*#shadow-right { position: absolute; top: 0px; right: 0px; background-image: url("./img/shadow-right.png"); }*/ #header { position: relative; height: 150px; width: 100%; } #header .logo { position: absolute; top: 0px; left: 0px; height: 100%; width: 170px; background-image: url("./img/logo.png"); background-repeat: no-repeat; } #header .title { position: absolute; top: 0px; left: 170px; height: 100%; width: 380px; background-image: url("./img/titre.png"); background-repeat: no-repeat; } #header .right { position: absolute; top: 0px; right: 0px; height: 100%; width: 25px; background-image: url("./img/header_right.png"); background-repeat: no-repeat; } #header #vache { position: absolute; top: 10px; right: 235px; height: 130px; width: 164px; background-image: url("./img/header_pic/vache.png"); background-repeat: no-repeat; } #header #lycee { position: absolute; top: 8px; right: 130px; height: 130px; width: 140px; background-image: url("./img/header_pic/lycee.png"); background-repeat: no-repeat; } #header #cheval { position: absolute; top: 10px; right: 20px; height: 130px; width: 146px; background-image: url("./img/header_pic/cheval.png"); background-repeat: no-repeat; } #header .bg { position: relative; height: 100%; margin-left: 10px; margin-right: 25px; background-image: url("./img/header_bg.png"); } #top-menu { position: relative; height: 30px; } #top-menu .right { position: absolute; top: 0px; right: 0px; height: 100%; width: 15px; background-image: url("./img/shadow_right.png"); } #top-menu .bg { height: 30px; margin-right: 15px; padding-top: 4px; padding-left: 25px; background-image: url("./img/top-menu.jpg"); } #top-menu a { padding-left: 5px; padding-right: 5px; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; } #top-menu a:link { color: #f1f9ee; text-decoration: none; } #top-menu a:visited { color: #f1f9ee; text-decoration: none; } #top-menu a:hover { color: #68ba4c; text-decoration: none; } #top-menu a:active { color: #f1f9ee; text-decoration: none; } #document { position: relative; } #document .right { position: absolute; top: 0px; right: 0px; height: 100%; width: 15px; background-image: url("./img/shadow_right.png"); } #document .bg { margin-right: 15px; padding-bottom: 40px; background-color: #f1f9ee; min-height: 500px; } #document #left-menu { position: absolute; top: 0px; left: 0px; width: 200px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; font-family: Arial, sans-serif; font-size: small; color: #a60e0b; } #document #left-menu .left-menu-element { position: relative; top: 10px; left: 10px; width: 200px; padding-top: 20px; padding-bottom: 20px; padding-left: 25px; padding-right: 25px; font-family: Arial, sans-serif; font-size: small; color: #a60e0b; background-color: #dff0d8; } #document #left-menu .left-menu-element .top-left { position: absolute; top: 0px; left: 0px; height: 25px; width: 25px; background-image: url("./img/frame/top-left.png"); } #document #left-menu .left-menu-element .top-right { position: absolute; top: 0px; right: 0px; height: 25px; width: 25px; background-image: url("./img/frame/top-right.png"); } #document #left-menu .left-menu-element .bottom-left { position: absolute; bottom: 0px; left: 0px; height: 25px; width: 25px; background-image: url("./img/frame/bottom-left.png"); } #document #left-menu .left-menu-element .bottom-right { position: absolute; bottom: 0px; right: 0px; height: 25px; width: 25px; background-image: url("./img/frame/bottom-right.png"); } #document #left-menu .left-menu-element ._top { position: absolute; top: 0px; left: 25px; right: 25px; height: 25px; background-image: url("./img/frame/top.png"); } #document #left-menu .left-menu-element ._left { position: absolute; top: 25px; bottom: 25px; left: 0px; width: 25px; background-image: url("./img/frame/left.png"); } #document #left-menu .left-menu-element ._right { position: absolute; top: 25px; bottom: 25px; right: 0px; width: 25px; background-image: url("./img/frame/right.png"); } #document #left-menu .left-menu-element ._bottom { position: absolute; bottom: 0px; left: 25px; right: 25px; height: 25px; background-image: url("./img/frame/bottom.png"); } #document #left-menu .left-menu-element a { display: block; width: 170px; padding-top: 6px; padding-bottom: 6px; } #document #left-menu .left-menu-element a:link { color: #a60e0b; text-decoration: none; } #document #left-menu .left-menu-element a:visited { color: #a60e0b; text-decoration: none; } #document #left-menu .left-menu-element a:hover { color: #fc5553; text-decoration: underline; } #document #left-menu .left-menu-element a:active { color: #a60e0b; text-decoration: none; } #document #left-menu .left-menu-element .niv1 { position: relative; padding-top: 6px; padding-bottom: 6px; } #document #left-menu .left-menu-element .niv2 { position: relative; left: 15px; margin-top: 0px; margin-bottom: 0px; } #document .frame { position: relative; top: 10px; min-height: 100px ; margin-right: 15px; margin-left: 255px; padding-top: 20px; padding-bottom: 50px; padding-left: 40px; padding-right: 40px; background-color: #dff0d8; } #document .frame .top-left { position: absolute; top: 0px; left: 0px; height: 25px; width: 25px; background-image: url("./img/frame/top-left.png"); } #document .frame .top-right { position: absolute; top: 0px; right: 0px; height: 25px; width: 25px; background-image: url("./img/frame/top-right.png"); } #document .frame .bottom-left { position: absolute; bottom: 0px; left: 0px; height: 25px; width: 25px; background-image: url("./img/frame/bottom-left.png"); } #document .frame .bottom-right { position: absolute; bottom: 0px; right: 0px; height: 25px; width: 25px; background-image: url("./img/frame/bottom-right.png"); } #document .frame ._top { position: absolute; top: 0px; left: 25px; right: 25px; height: 25px; background-image: url("./img/frame/top.png"); } #document .frame ._left { position: absolute; top: 25px; bottom: 25px; left: 0px; width: 25px; background-image: url("./img/frame/left.png"); } #document .frame ._right { position: absolute; top: 25px; bottom: 25px; right: 0px; width: 25px; background-image: url("./img/frame/right.png"); } #document .frame ._bottom { position: absolute; bottom: 0px; left: 25px; right: 25px; height: 25px; background-image: url("./img/frame/bottom.png"); } /* Formulaires */ #document .form { position: relative; width: 100%; } #document .form .left { position: relative; width: 50%; } #document .form .left .l_element { position: relative; width: 100%; padding-top: 8px; padding-bottom: 8px; } #document .form .right { position: absolute; top: 0px; right: 0px; width: 50%; background-image: none; } #document .form .right .r_element { position: relative; width: 100%; padding-top: 8px; padding-bottom: 8px; } #document .form .element { position: relative; width: 100%; padding-top: 8px; padding-bottom: 8px; } #document .form .element .droplist { position: absolute; top: 6px; left: 27.5%; /*margin-top: 0px; margin-bottom: 0px;*/ } #document .form .input_text { position: absolute; top: 6px; left: 55%; width: 40%; } #document .form .post_code { position: absolute; left: 55%; width: 60px; } #document .form .address { position: relative; width: 95%; height: 49px; } #document .form .textarea_small { position: relative; width: 97.5%; height: 49px; } #document .form .textarea_big { position: relative; width: 97.5%; height: 149px; } #document .form .radio { position: absolute; top: 6px; left: 80%; } #document .form .radio_yes { position: relative; left: 0%; } #document .form .radio_no { position: relative; left: 25%; } #document .form .button { height: 40px; width: 130px; font-size: 16px; font-weight: bold; color: #a60e0b; } #footer { position: relative; height: 65px; width: 100%; } #footer .left { position: absolute; top: 0px; left: 0px; height: 100%; width: 10px; background-image: url("./img/footer_left.png"); } #footer .bg { height: 65px; margin-left: 10px; margin-right: 25px; background-image: url("./img/footer_bg.png"); } #footer .right { position: absolute; top: 0px; right: 0px; height: 100%; width: 25px; background-image: url("./img/footer_right.png"); } #footer #logo_cr { position: absolute; bottom: 22px; right: 189px; height: 60px; width: 65px; background-image: url("./img/logo_cr.jpg"); cursor: pointer; } #footer #logo_map { position: absolute; bottom: 22px; right: 130px; height: 60px; width: 49px; background-image: url("./img/logo_map.jpg"); cursor: pointer; } #footer #logo_ue { position: absolute; bottom: 22px; right: 60px; height: 40px; width: 60px; background-image: url("./img/logo_ue.png"); cursor: pointer; } #footer #copyright { position: absolute; bottom: 25px; left: 40px; font-family: Arial, sans-serif; font-size: x-small; font-weight: bold; color: #a60e0b; } #footer #xhtml { position: absolute; bottom: 22px; left: 340px; height: 31px; width: 88px; background-image: url("./img/valid-xhtml10.png"); cursor: pointer; } #footer #css { position: absolute; bottom: 22px; left: 430px; height: 31px; width: 88px; background-image: url("./img/valid-css2.png"); cursor: pointer; } #footer #copyright a { border-bottom-width: 1px; border-bottom-color: #a60e0b; border-bottom-style: dotted; } #footer #copyright a:link { color: #a60e0b; text-decoration: none; } #footer #copyright a:visited { color: #a60e0b; text-decoration: none; } #footer #copyright a:hover { color: #a60e0b; text-decoration: none; border-bottom-width: 1px; border-bottom-color: #a60e0b; border-bottom-style: solid; } #footer #copyright a active { color: #a60e0b; text-decoration: none; } /**** GENERAL ****/ /* Laisser une marge entre le texte et l'image lors de l'insertion d'images dans le texte */ .spip_documents_left { margin-right: 10px; } .spip_documents_right { margin-left: 10px; } /* Contenu */ .content { font-family: Arial, sans-serif; font-size: 14px; color: #335a25; text-align: justify; } .content li { text-align: left; } .content a { font-style: italic; } .content a:link { color: #a60e0b; text-decoration: none; } .content a:visited { color: #a60e0b; text-decoration: none; } .content a:hover { color: #fc5553; text-decoration: underline; } .content a:active { color: #a60e0b; text-decoration: none; } .last_maj { position: absolute; right: 40px; bottom: 25px; font-family: Arial, sans-serif; font-size: x-small; color: #a60e0b; } .date { margin-top: 20px; font-family: Arial, sans-serif; font-size: x-small; color: #a60e0b; text-decoration: none; text-align: right; } hr { height: 1px; color: #335a25; background-color: #335a25; border: none; } img { border: none; } /* Messages */ .error { margin-bottom: 4px; text-align: center; font-family: Arial, sans-serif; font-size: 15px; font-weight: bold; color: #fc5553; } .info { margin-bottom: 4px; text-align: center; font-family: Arial, sans-serif; font-size: 15px; font-weight: bold; color: #2d4063; } /* Titres */ h1 { margin-bottom: 25px; font-family: Arial, sans-serif; font-size: large; color: #a60e0b; text-decoration: underline; text-align: center; } h2 { margin-bottom: 6px; text-align: left; font-family: Arial, sans-serif; font-size: 15px; color: #a60e0b; } h3 { /*margin-bottom: 6px;*/ text-align: center; font-family: Arial, sans-serif; font-size: 12px; color: #a60e0b; margin: 0px; }