/* Theme Name: NotreDameCss Version: 1.0 Author: Okidoo */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, samp, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* WORDPRESS */ .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } /* Begin Images */ p img { padding: 0; max-width: 100%; } a img { border: none; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* NOTRE DAME */ @font-face { font-family: Facebook; src: url('images/font/FACEBOLF.OTF'); } html { background:#fff; font-family:Helvetica, Arial, sans-serif; color:#555555; font-size:14px; } .clear { clear:both; } .wrapper {position:relative; width:945px; margin:0 auto; } .languette h1 {position:relative; font-family:Facebook, Helvetica, Arial; font-size:21px; text-transform:uppercase;} h1 {position:relative; font-family:Facebook, Helvetica, Arial; font-size:21px; color:#167c8b; text-transform:uppercase; margin-bottom:15px;} h2 {position:relative; font-weight:bold; color:#333333; font-size:16px; text-transform:uppercase; margin-bottom:15px;} h3 {position:relative; font-weight:bold; color:#167c8b; font-size:16px; margin-bottom:15px;} h4 {position:relative;} h5 {position:relative; font-weight:bold; color:#555555; font-size:16px; margin-bottom:14px;} p {position:relative; color:#333333; margin-bottom:10px;} a {color:#0060af; text-decoration:none;} a:hover {color:#0060af; text-decoration:underline;} ul { margin-bottom:10px;} li { list-style:disc; color:#333333;} h1 a {color:#fff; text-decoration:none;} h1 a:hover {color:#fff; text-decoration:none;} #header {position:relative; background:#fff; height:174px; } #inner_header {position:relative; height:138px; } a#a_h1 h1 {position:relative; display:block; text-indent:-9999px;} a#a_h1 {position:relative; top:20px; left:30px; display:block; background:url(images/logo.png) no-repeat; width:188px; height:105px;} #ambiance {position:absolute; left:590px; width:330px; padding:25px 0px 0px 20px; height:34px; background:url(images/ambiance.png) no-repeat;} #ambiance a {margin-right:6px; display:block; float:left; width:15px; height:15px; cursor:pointer; overflow:hidden;} #reseau_sociaux {position:absolute; left:840px; top:70px;} #reseau_sociaux a {margin-left:5px; display:block; float:left; cursor:pointer;} #reseau_sociaux a#facebook {position:relative; background:url(images/facebook.png) no-repeat top; width:25px; height:26px;} #reseau_sociaux a#facebook:hover {background:url(images/facebook.png) no-repeat bottom;} #reseau_sociaux a#youtube {position:relative; background:url(images/youtube.png) no-repeat top; width:25px; height:26px;} #reseau_sociaux a#youtube:hover {background:url(images/youtube.png) no-repeat bottom;} #reseau_sociaux a#rss {position:relative; background:url(images/rss.png) no-repeat top; width:25px; height:25px;} #reseau_sociaux a#rss:hover {background:url(images/rss.png) no-repeat bottom;} #main_navigation {position:absolute; left:560px; top:106px;} #main_navigation a {color:#005daa; text-transform:uppercase; text-decoration:none; font-size:10px; padding-right:13px;} #main_navigation a:hover {text-decoration:underline;} #navigation {position:relative; background:#333333; height:36px; } #header .active {background:#0060af; } .content {position:relative; background:url(images/bg_content.png) repeat-y; width:913px; margin:0 auto; padding:12px 16px 25px 16px;} /*CONTENT LEFT*/ #content_left {position:relative; float:left; width:579px; min-height:200px; background:#fff; padding-left:14px; padding-right:20px;} #content_left #page_thumbnail img {float:left;} #content_left #h1_bleu {float:left; margin-bottom:10px; position:relative; background:url(images/queue_langette_bleu_h1.png) no-repeat bottom left; min-height:26px; padding-bottom:1px; left:-25px; } #content_left #h1_bleu h1 {position:relative; padding-right:10px; max-width:520px; background:#0060af; padding-left:20px; min-height:26px; margin-bottom:10px; padding-bottom:4px; padding-top:8px; font-size:22px; font-weight:bold; color:#fff; font-family:Facebook, helvetica, arial;} #content_left hr {border:none; border-top:1px solid #999;} #content_left #h1_magenta {float:left; margin-bottom:10px; position:relative; background:url(images/queue_langette_mangenta_h1.png) no-repeat bottom left; min-height:26px; padding-bottom:1px; left:-25px; } #content_left #h1_magenta h1 {position:relative; padding-right:10px; background:#b60073; padding-left:20px; min-height:26px; margin-bottom:10px; padding-bottom:4px; padding-top:8px; font-size:22px; font-weight:bold; color:#fff; font-family:Facebook, helvetica, arial;} #content_left #h1_vert {float:left; margin-bottom:10px; position:relative; background:url(images/queue_langette_vert_h1.png) no-repeat bottom left; min-height:26px; padding-bottom:1px; left:-25px; } #content_left #h1_vert h1 {position:relative; padding-right:10px; background:#78a22f; padding-left:20px; min-height:26px; margin-bottom:10px; padding-bottom:4px; padding-top:8px; font-size:22px; font-weight:bold; color:#fff; font-family:Facebook, helvetica, arial;} #content_left #h1_jaune {float:left; margin-bottom:10px; position:relative; background:url(images/queue_langette_jaune_h1.png) no-repeat bottom left; min-height:26px; padding-bottom:1px; left:-25px; max-width:500px;} #content_left #h1_jaune h1 {position:relative; padding-right:10px; background:#ffc223; padding-left:20px; min-height:26px; margin-bottom:10px; padding-bottom:4px; padding-top:8px; font-size:22px; font-weight:bold; color:#fff; font-family:Facebook, helvetica, arial;} #content_left #h1_noir {float:left; margin-bottom:10px; position:relative; background:url(images/queue_langette_noir_h1.png) no-repeat bottom left; min-height:26px; padding-bottom:1px; left:-25px; } #content_left #h1_noir h1 {position:relative; padding-right:10px; background:#343434; padding-left:20px; min-height:26px; margin-bottom:10px; padding-bottom:4px; padding-top:8px; font-size:22px; font-weight:bold; color:#fff; font-family:Facebook, helvetica, arial;} #content_left p {line-height:18px;} #content_left ul {padding-left:15px;} #content_left li {padding-bottom:7px; line-height:16px;} #content_left li ul li {list-style:circle;} #content_left #post_date {float:right; font-family:Helvetica, Arial, sans-serif; font-size:17px; color:#333333;} /* style date à coté du titre */ #content_left .photo_thumbnail {float:left; margin-right:15px; margin-bottom:10px;} #content_left .photo_thumbnail p {font-style:italic; font-weight:bold; font-size:13px; color:#167c8b;} #content_left .photo {border:1px solid #b9b9b9; margin-bottom:9px;} #content_left .galeries {float:left;} #content_left .galeries img {width:200px; height:auto; } #content_left .galeries p {margin:0; padding:0; line-height:0;} #content_left .galeries a.album {display:block; float:left; margin-right:10px; margin-bottom:10px; border:1px solid #ccc; width:180px; height:130px; overflow:hidden;} #content_left .galeries a.album:hover {} /* SLIDER */ #slider {position:relative; width:570px; height:353px;} #bande_slider {position:absolute; display:block; background:url(images/bande_slider.png) no-repeat; width:592px; height:49px; margin:0 auto; z-index:2; left:-11px; top:295px;} a#arrow_left {display:block; position:absolute; float:left; left:15px; top:11px; width:15px; height:16px; background:url(images/arrow_bande_slider_left.png) no-repeat top;} a#arrow_right {display:block; position:absolute; float:right; left:555px; top:11px; width:15px; height:16px; background:url(images/arrow_bande_slider_right.png) no-repeat top;} a#arrow_left:hover{background:url(images/arrow_bande_slider_left.png) no-repeat bottom;} a#arrow_right:hover{background:url(images/arrow_bande_slider_right.png) no-repeat bottom;} #bande_slider p {font-family:Facebook, Helvetica, Arial, sans-serif; font-size:18px; color:#fff; position:relative; top:-30px; left:25px; text-align:right; width:520px;} /* SIDEBAR */ #content_right {position:relative; width:286px; float:left; min-height:200px; background:#fff; padding-right:14px;} #sidebar h2 {width:286px; text-align:center; padding:12px 0px 10px 0px; font-family:Facebook, helvetica, arial; font-size:16px; letter-spacing:1px; font-weight:bold; color:#fff; margin-top:15px; margin-bottom:0px;} #sidebar a:hover {text-decoration:none;} a#prospectus {position:relative; display:block; background:url(images/btn_download_prospectus.png) no-repeat top; width:286px; height:38px;} a#prospectus:hover {background:url(images/btn_download_prospectus.png) no-repeat bottom;} #box_agenda {background:#f6f6f6; padding:10px; color:#333333; font-size: 12px; line-height: 17px;} #box_agenda p {font-size: 12px; color:#333333; line-height:17px;} #box_agenda h4 {color:#333333; font-size:14px; float:left; max-width:175px; margin-bottom:10px; font-weight:bold;} #box_agenda a {color:#333333; text-decoration:none;} #box_agenda a:hover {text-decoration:underline;} #box_agenda #post_date {float:right; font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#333333; margin-bottom:10px;} /* style date à coté du titre */ #box_agenda p.readmore { text-align: right; } #box_agenda p.readmore a { color: #444444; font-size: 12px; } #box_auditorium {background:#f6f6f6; padding:10px; color:#333333; font-size: 12px; line-height: 17px;} #box_auditorium p {font-size: 12px; color:#333333; line-height:17px;} #box_auditorium h4 {color:#333333; font-size:14px; float:left; max-width:175px; margin-bottom:10px; font-weight:bold;} #box_auditorium a {color:#333333; text-decoration:none;} #box_auditorium a:hover {text-decoration:underline;} #box_auditorium #post_date {float:right; font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#333333; margin-bottom:10px;} /* style date à coté du titre */ #box_auditorium p.readmore { text-align: right; } #box_auditorium p.readmore a { color: #444444; font-size: 12px; } #sidebar_sociaux {} #sidebar_sociaux a {margin-right:10px; display:block; float:left; cursor:pointer;} #sidebar_sociaux a#facebook {position:relative; background:url(images/facebook_big.png) no-repeat top; width:36px; height:36px;} #sidebar_sociaux a#facebook:hover {background:url(images/facebook_big.png) no-repeat bottom;} #sidebar_sociaux a#youtube {position:relative; background:url(images/youtube_big.png) no-repeat top; width:36px; height:36px;} #sidebar_sociaux a#youtube:hover {background:url(images/youtube_big.png) no-repeat bottom;} #sidebar_sociaux a#rss {position:relative; background:url(images/rss_big.png) no-repeat top; width:36px; height:36px;} #sidebar_sociaux a#rss:hover {background:url(images/rss_big.png) no-repeat bottom;} /* Publicités */ #pub-container {position:relative; width:auto; height:260px; margin:15px 0 0 0;} #footer {position:relative; background:#363636; padding-top:10px;} #inner_footer {position:relative; min-height:305px; color:#d1d1d1; padding-top:15px; padding-bottom:10px;} #inner_footer .wrapper {width:900px;} #inner_footer .wrapper div {float:left; min-width:150px; color:#d1d1d1; } #inner_footer h2 {font-family:Helvetica, Arial, sans-serif; font-size:13px; font-weight:bold; color:#d1d1d1; margin-bottom:8px; margin-top:9px; text-transform:none;} #inner_footer ul {} #inner_footer li {list-style:none; font-size:11px; line-height:17px;} #inner_footer p {color:#d1d1d1; font-size:11px; line-height:16px;} #inner_footer a {color:#d1d1d1; text-decoration:none;} #inner_footer a:hover {color:#d8effd; text-decoration:underline;} #copyright {position:relative; background:#1b1b1b; height:30px; padding-top:20px; font-size:10px; color:#d8effd; text-align:center;} #copyright p { color:#d8effd; } /* page nous contacter*/ #content_contact {color:#333333;} #content_contact #content_left p {line-height:18px; color:#333333; margin-bottom:5px;} #content_contact #content_left a {color:#0060af; font-weight:bold;} /* DROPDOWN ***************************************************************************************************/ ul.dropdown a { text-decoration: none; } ul.dropdown, ul.dropdown ul { list-style: none; padding-left: 20px;} ul.dropdown p { margin: 0px 0; } /* LEVEL ONE*/ ul.dropdown { position: relative; width:945px; color:#2c2c2c; margin:0 auto; z-index:1000; left:10px;} ul.dropdown li { font-weight: bold; float: left; zoom: 1; display:inline; } .li_main a {text-transform:uppercase;} .li_main a:hover {background:#ffc223; color:#333!important;} .li_main:hover {background:#ffc223; color:#333!important;} ul.dropdown li a { display: block; font-weight:bold; padding:11px 11px 12px 11px; font-family:helvetica, Arial, sans-serif; font-weight:bold; color:#fff; font-size:13px;} ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover {background:#ffc223; color:#333; position: relative; } ul.dropdown li.hover a { background:#ffd133; color:#333;} ul.dropdown .sub_menu { background:#ffc223; margin: 0; padding: 0; text-transform:none!important;} ul.dropdown .sub_menu li a:hover {background:#ffd133;} /* LEVEL TWO*/ ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; text-transform:none!important;} ul.dropdown ul li { font-weight: normal; float: none; line-height:16px; color:#333333; text-transform:none!important;} /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { text-transform:none!important; border-right: none; width: 250px; display: inline-block; color:#333333; font-size:12px; font-family:Helvetica, Arial, sans-serif; padding-top:8px; padding-bottom:8px; margin-left:0px; font-weight:normal;} /* LEVEL THREE*/ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } /* FORM FOOTER */ #contact { display: block; width: 273px; background:#656565; padding-left:7px; padding-right:7px; padding-top:5px; padding-bottom:5px; margin-top:15px; margin-bottom:10px; } #contact h3 {color:#d1d1d1; font-size:13px; font-weight:bold; padding-bottom:5px; margin-bottom:2px;} label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; } input, select { width:263px; height:20px; padding-left:5px; color:#a7a7a7; margin-top:4px;} input:focus, textarea:focus, select:focus { background-color: #fff; color:#333; } input.submit { position:relative; left: 215px; text-decoration:underline; width:60px; top:2px; cursor: pointer; border:none; background:none; color:#d1d1d1; outline:none; font-size:12px; font-family:helvetica, arial, sans-serif; font-weight:bold; } input.submit:hover { color:#fff; } textarea { width:263px; height:53px; resize:false; resize:none; padding-left:5px; font-size: 13px; color:#a7a7a7; font-family:Arial, Helvetica, sans-serif; margin-top:4px;} .error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11; border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; color:#A0161A!important; } #succsess_page h1 {display: block; height: 22px; line-height: 22px; background:#c7e78f url('assets/success.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; font-size:13px; color:#78a22f!important; border: 1px solid #78a22f; -moz-border-radius: 5px; -webkit-border-radius:5px;} #content_contact #contact { display: block; width: 273px; background:#e5e5e5; padding-left:7px; padding-right:7px; padding-top:5px; padding-bottom:5px; margin-top:15px; margin-bottom:10px; } #content_contact #contact h3 {color:#333333; font-size:13px; font-weight:bold; padding-bottom:5px; margin-bottom:2px;} #content_contact input.submit { position:relative; left: 220px; text-decoration:underline; width:50px; top:2px; cursor: pointer; border:none; background:none; color:#444444; outline:none; font-size:12px; font-family:helvetica, arial, sans-serif; font-weight:bold; } #content_contact input.submit:hover { color:#000; } #MyBG {padding:0; margin:0;} #MyBG div {padding:0; margin:0;} /* Comments */ li.alt {list-style:none;} #commentform {} #commentform label {width:200px;font-size:14px; font-weight:bold;} #commentform p {} #commentform small {font-size:11px; font-weight:normal;} #commentform textarea {width:300px; height:150px;} #commentform input {color:#212121;} #commentform #submit {padding:5px 10px 5px 10px; height:30px; width:210px; position:relative; left:200px;} .commentlist hr {border:none; border-top:1px solid #ccc;} .commentlist li {list-style:none;} /* INFOTEMPETE */ #infotempete_wrapper {} #overlay_tempete {background:#000 repeat; opacity:0.6; position:fixed; width:3000px; height:3000px; z-index:1000;} #infotempete {position:absolute; width:718px; height:427px; background:url(images/bg_tempete.png) no-repeat; z-index:1010; margin-left: auto; margin-right: auto; left: 0; right: 0; top:100px;} #infotempete #titre_tempete {position:absolute; top:90px; background:url(images/bg_titre.png) no-repeat; width:749px; height:55px; left:-15px; padding-top:14px; color:#fff; font-weight:bold; font-size:27px; font-family:helvetica, verdana, arial;} #infotempete p {color:#3b3b3b; font-size:21px; font-family:helvetica, verdana, arial; font-weight:bold; padding:50px; line-height:35px; position:relative; top:110px;} #infotempete a#close_infotempete {display:block; text-indent:-9999px; width:69px; height:15px; background:url(images/fermer.png) no-repeat; background-position:top; position:relative; float:right; left:-20px; top:20px; cursor:pointer;} #infotempete a#close_infotempete:hover {background-position:bottom;}