body { position: relative; font-family: Arial; font-size: 11px; margin: 0; padding: 0; background: url(images/img-back.jpg) repeat-x #C7D9EC; } h1, h2, h3, h4, h5, p, ul, ol, li, fieldset, form { margin: 0; padding: 0; } ul, li { list-style-type: none; } .clear { clear: both; } #container { position: relative; width: 990px; margin: 0 auto; } #container #panneau a { position: absolute; top:-30px; left:480px; background: url(images/img-panneau.png) no-repeat; width: 231px; height: 100px; display: block; } #container #panneau p { color: white; padding:50px 0 0 90px; width: 120px; font-weight: bold; } /* HEADER */ #header { position: relative; background: url(images/img-header.png) no-repeat 0 0; width: 990px; height: 80px; margin-top:30px;} #header #logo a { position: absolute; top:21px; left:25px; background: url(images/img-logo.png) no-repeat; width: 364px; height: 50px; display: block; z-index: 10; text-indent: -9999em; } #header #nouveau { position: absolute; top:8px; left: 0; background: url(images/img-nouveau-site.png) no-repeat; width: 137px; height: 72px; display: block; text-indent: -9999em; z-index: 100; } #header #search { position: absolute; top:35px; right: 10px; } #header #search h5 { font-size: 12px; color: #3671A1; } #header #date { position: absolute; top:13px; right: 15px; } #header #date h5 { background: url(images/img-arrow-mini.png) no-repeat; padding-left: 25px; font-size: 14px; color: #333333; } #header #tel { position: absolute; top:-19px; right: 5px; background: url(images/img-tel.png) no-repeat; width: 163px; height: 26px; display: block; } /* MENU */ ul#menu { position: relative; margin-top:30px; height: 23px; z-index: 1000; } ul#menu li { position: relative; float: right; margin: 0 0 0 4px; } ul#menu li a { color: #333333; font-weight: bold; font-size: 12px; text-decoration: none; cursor: pointer; } ul#menu li span .ss_menu { background: url(images/img-arrow-bas.png) no-repeat 0 0px; width:7px; height: 5px; } ul#menu li span.left { float: left; background: url(images/img-onglet-left-off.png) no-repeat; width: 10px; height: 23px; display: block; } ul#menu li span.left-on { float: left; background: url(images/img-onglet-left-on.png) no-repeat; width: 10px; height: 23px; display: block; } ul#menu li span.middle { float: left; background: url(images/img-onglet-back-off.png) repeat-x; height: 23px; line-height:23px; } ul#menu li span.middle-on { float: left; background: url(images/img-onglet-back-on.png) repeat-x; height: 23px; line-height:23px; } ul#menu li span.right { float: left; background: url(images/img-onglet-right-off.png) no-repeat; width: 10px; height: 23px; display: block; } ul#menu li span.right-on { float: left; background: url(images/img-onglet-right-on.png) no-repeat; width: 10px; height: 23px; display: block; } ul#menu li:hover span.left { float: left; background: url(images/img-onglet-left-on.png) no-repeat; width: 10px; height: 23px; display: block; } ul#menu li:hover span.middle { float: left; background: url(images/img-onglet-back-on.png) repeat-x; height: 23px; line-height:23px; color: #3671A1; } ul#menu li:hover span.right { float: left; background: url(images/img-onglet-right-on.png) no-repeat; width: 10px; height: 23px; display: block; } /* SOUS MENU */ ul#menu li ul { position: absolute; left: -9999em; overflow: hidden; } ul#menu li:hover ul { background-color: white; left: 0; margin: 23px 0 0 0; z-index: 1000; padding: 0; -moz-opacity: 0.9; opacity: 0.9; } ul#menu li ul li { display: block; text-align: left; float: none; border-bottom: 1px solid #3671A1; margin: 0; padding:6px 6px 6px 10px; color: #3671A1; font-size: 11px; } ul#menu li ul li a { color: #3671A1; text-decoration: none; } ul#menu li ul li a:hover { color: #CD3133; text-decoration: none; } /* PAGE */ #page-top { position: relative; background: url(images/img-page-top.png) no-repeat; height: 10px; } #page-bottom { position: relative; background: url(images/img-page-bottom.png) no-repeat; height: 25px; } #page { position: relative; background-color: white; padding: 10px; } #page ul#acces-direct { position: relative; overflow: hidden; width: 960px; margin: 0 auto; padding-bottom: 20px; } #page ul#acces-direct li { float: left; } #page ul#acces-direct li a { margin: 0 10px; width: 300px; height: 176px; display: block; text-indent: -9999em; } #page ul#acces-direct li.ecole a { background: url(images/img-ecole.jpg) no-repeat;} #page ul#acces-direct li.habitable a { background: url(images/img-habitable.jpg) no-repeat;} #page ul#acces-direct li.stages a { background: url(images/img-stages.jpg) no-repeat;} /* COLONNE DE GAUCHE */ #col-left { position: relative; float: left; width: 620px; margin-left: 15px; } #col-left2 { position: relative; width: 920px; margin-left: 15px; } #col-left h2 { color: #3671A1; font-size: 14px; background: url(images/img-arrow.png) no-repeat; padding-left:35px; height: 25px; line-height: 23px; } #col-left p { color: #333333; line-height: 22px; font-size: 12px; } #col-left p span.first-ligne { font-size: 16px; display: block; line-height: 26px;} #col-left p a { color: #3671A1; text-decoration: underline; } #col-left p a:hover { color: #CD3133; text-decoration: none; } /* ARTICLES */ #col-left .article { position: relative; padding: 15px 0 45px 0; margin: 0 0 30px 0;} #col-left .article .entete { position: relative; height:60px; } #col-left .article .entete .date { position: absolute; top:0; left:0; background: url(images/img-date.png) no-repeat; width: 65px; height:35px; color: white; text-align: center; padding:7px 0; font-size: 14px;} #col-left .article .entete h2 { position: absolute; width: 535px; height: 25px; line-height:25px; top:0; left:75px; font-size: 14px; color: #3671A1; border-bottom: 1px solid #3671A1; background: none; padding: 0; } #col-left .article .entete h4 { position: absolute; top:28px; left: 75px; font-size: 11px; color: #333333; } #col-left .article .entete h5 a { position: absolute; height: 16px; top:28px; right:10px; font-size: 11px; color: #333333; background: url(images/img-commentaires.png) no-repeat; padding-left:30px; text-decoration: none; } #col-left .article .entete h5 a:hover { text-decoration: underline;} #col-left .article { font-size: 12px; color: #333333; padding: 5px; } #col-left .article a { color: #3671A1; text-decoration: underline; } #col-left .article a:hover { color: #CD3133; text-decoration: none; } #col-left .article img { float: left; margin: 0 10px 0px 0; } #col-left .article p { padding: 10px 0;} #col-left .article p a.more-link { float: none; display: block; background: url(images/img-btn-lire-la-suite.png) no-repeat; width: 80px; height: 25px; text-indent: -9999em; cursor: pointer; margin-top:10px; } /* COMMENTAIRES */ ol#commentlist { position: relative; overflow: hidden; padding: 10px 0; } ol#commentlist li { padding: 10px 0; color: #333333; font-size: 11px; } ol#commentlist li a { color: #333333; text-decoration: none;} ol#commentlist li .comment-top { position: relative; background: url(images/img-comments-top.png) no-repeat; width: 600px; height: 30px; } ol#commentlist li .comment-back { position: relative; background: url(images/img-comments-back.png) repeat-y; width: 580px; padding: 0 10px; line-height: 22px; color: #3671A1; font-size: 11px; } ol#commentlist li .comment-bottom { position: relative; background: url(images/img-comments-bottom.png) no-repeat; width: 600px; height: 10px; } fieldset.comment { position: relative; border: 0; margin: 0; padding: 0; } fieldset.comment p { margin: 5px 0; clear: both; } fieldset.comment p label { width: 150px; padding-right: 5px; text-align: right; float: left; line-height: 22px; } fieldset.comment p input[type=text] { border: 1px solid #3671A1; padding: 2px; width: 400px;} fieldset.comment p textarea { border: 1px solid #3671A1; padding: 2px; width:400px; height: 200px; } /* GALERIE */ .ngg-album { border: 0; } /* PAGES */ #col-left .page { position: relative; padding: 10px 0; } #col-left .page .entete { position: relative; height:35px; } #col-left .page .entete h2 { position: absolute; width: 580px; height: 25px; line-height:25px; top:0; left:0; font-size: 14px; color: #3671A1; border-bottom: 1px solid #3671A1; } #col-left .page p { padding: 10px; } #col-left .page p a { color: #3671A1; text-decoration: underline; } #col-left .page p a:hover { color: #CD3133; text-decoration: none; } #col-left .page ul li { padding: 5px 0 5px 30px; list-style-type: disc; list-style-position: inside; font-size: 12px; } #col-left .page ul li a { color: #3671A1; text-decoration: underline; } #col-left .page ul li a:hover { color: #CD3133; text-decoration: none; } #col-left .page p img.alignleft { float: left; margin: 0 10px 0px 0; } #page .contactform label { width: 150px; text-align: right; float: left; padding-right: 5px; } #page .contactform input[type=text] { border: 1px solid #3671A1; padding: 2px; width: 350px;} #page .contactform textarea { border: 1px solid #3671A1; padding: 2px; width: 350px;} /* SIDEBAR */ #col-right { position: relative; float: right; width:300px; margin-right: 15px; } .bloc-top { position: relative; background: url(images/img-bloc-top.png) no-repeat; width:295px; height: 32px; padding:3px 0 0 5px; } .bloc-back { position: relative; background: url(images/img-bloc-back.png) repeat-y; width: 300px; } .bloc-bottom { position: relative; background: url(images/img-bloc-bottom.png) no-repeat; width: 300px; height: 15px; padding-bottom: 20px; } .bloc-top h2 { padding-left:45px; line-height: 30px; color:#3671A1; } h2.newsletter { background: url(images/img-h2-newsletter.png) no-repeat 5px 0; } h2.news { background: url(images/img-h2-news.png) no-repeat 5px 0; } h2.forum { background: url(images/img-h2-forum.png) no-repeat 5px 0; } h2.resultats { background: url(images/img-h2-resultats.png) no-repeat 5px 0; } h2.mediatheque { background: url(images/img-h2-mediatheque.png) no-repeat 5px 0; } h2.liens { background: url(images/img-h2-liens.png) no-repeat 5px 0; } .bloc-back p { padding: 5px 15px; color: #333333; font-size: 12px; } .bloc-back h5 { float: right; } .bloc-back h5 a { height:25px; text-indent: -9999em; display: block; float: right; padding:0 15px 0 0; } .bloc-back h5.news a { background: url(images/img-btn-news.png) no-repeat; width: 110px; } .bloc-back h5.resultats a { background: url(images/img-btn-resultats.png) no-repeat; width: 120px; } .bloc-back h5.mediatheque a { background: url(images/img-btn-mediatheque.png) no-repeat; width: 185px; } .bloc-back #mini-galerie { position: relative; width: 215px; margin: 0 auto; } .bloc-back #mini-galerie img { border: 0; } .bloc-back fieldset.newsletter { position: relative; border: 0; padding: 0; width: 260px; margin: 0 auto;} .bloc-back fieldset.newsletter p { margin: 5px 0; padding: 0;} .bloc-back fieldset.newsletter input[type=text] { border: 1px solid #3671A1; padding: 2px; width: 260px;} .bloc-back fieldset.newsletter input[type=image] { float: right; } .bloc-back ul#news { position: relative; overflow: hidden; padding: 10px 0;} .bloc-back ul#news li { padding: 1px 10px 1px 25px; color: #333333; list-style-type: disc; list-style-position: inside; } .bloc-back ul#news li a { color: #333333; font-size: 12px; text-decoration: none; } .bloc-back ul#news li a:hover { text-decoration: underline; } .bloc-back ul#resultats { position: relative; overflow: hidden; padding: 10px 0;} .bloc-back ul#resultats li { padding: 1px 10px 1px 25px; color: #333333; list-style-type: disc; list-style-position: inside; } .bloc-back ul#resultats li a { color: #333333; font-size: 12px; text-decoration: none; } .bloc-back ul#resultats li a:hover { text-decoration: underline; } ul#last_forum { position: relative; overflow: hidden; width: 280px; margin: 0 auto; padding: 10px 0;} ul#last_forum li { padding: 5px 0; } ul#last_forum li h2 { font-size: 12px; color: #333333; } ul#last_forum li p { font-size: 11px;} ul#last_forum li h3 { float: right; color: #333333; font-size: 11px; } ul#last_forum li h3 a { color: #333333; text-decoration: none; } ul#last_forum li h3 a:hover { text-decoration: underline; } ul#liens { position: relative; overflow: hidden; width: 280px; margin: 0 auto; padding: 10px; } ul#liens li { padding: 1px 0 1px 30px; list-style-type: disc; list-style-position: inside; } ul#liens li a { color: #333333; text-decoration: none; } ul#liens li a:hover { text-decoration: underline; } #calendar_wrapLarge h2 { background: none; padding: 0; } /* BULLETIN */ #bulletin { margin: 0; padding: 0; } #bulletin p { clear: both; padding: 2px 0;} #bulletin label { width: 200px; float: left; padding-right: 5px; text-align: right; } #bulletin h3 { padding: 25px 0 10px 0;} /* FOOTER */ #footer { position: relative; text-align: center; color: #3671A1; } #footer ul { position: relative; overflow: hidden; margin: 0 auto; padding:0px 0 10px 0;} #footer ul li { display: inline; color: #3671A1; } #footer ul li a { color: #3671A1; text-decoration: none; padding: 0 5px; } #footer ul li a:hover { color: #3671A1; text-decoration: underline; }