/* Fonts */
/* Page */
html {
font-size: 100%; /* Buf Fix for IE 7 */
}
body {
text-align: center;
margin: 0;
padding: 0;
font-family: 'Rosario',Verdana;
font-size: 11px;
line-height: 13px;
color: #000000;
background: #FFFFFF;
}
/* Titles */
h1, h2, h3, h4{ margin: 0; padding: 0;}
h1 { font-size: 20px; font-weight: normal; line-height: 22px; }
h2 { font-size: 16px; font-weight: normal; line-height: 18px; }
h3 { font-size: 14px; font-weight: normal; margin: 15px 5px;}
h4 { font-size: 12px; }
.redactor_editor h1, .redactor_editor h2, .redactor_editor h3, .redactor_editor h4, .redactor_editor h5, redactor_editor h6 {padding-left:20px;}
/* Listes */
ul, ol {list-style: none outside none; margin: 0; padding: 0;}
/* Paragraphes */
p {margin: 0; font-size: 13px;}
address {margin: .75em 0; font-style: normal;}
/* Liens */
a {text-decoration: none; cursor: pointer; outline: none;}
a:link {color: #253F54;}
a:visited {color: #253F54;}
a:hover, a:focus, a:active {color: #253F54;}
/* Pas de bordure autour des images dans les liens */
a img {border: none;}
/* Divers éléments de type en-ligne */
em {font-style: italic;}
strong {font-weight: bold;}
/* Formulaires */
form, fieldset {margin: 0; padding: 0; border: none;}
input, button, select {vertical-align: middle; /* Solution pb. d'alignement. (9) */}
input, select {
background: #fff;
border-radius: 3px;
border: 1px solid #CCCCCC;
outline: none;
padding: 6px 3px;
font-size: 11px;
color: #292929;
}
textarea{font-family: 'Open Sans',sans-serif; font-size: 11px; width: 302px; border: 1px solid #CCCCCC; padding: 2px; border-radius: 3px 3px 3px 3px; outline: none; resize: vertical; overflow: auto; margin-top: 0;}
input:disabled {
background: #ddd;
}
input.error {
border-color: #ED1E25;
}
label.error {
color: #ED1E25;
float: none !important;
margin-right: 5px !important;
width: auto !important;
}
label sup {
color: #ED1E25;
}
input[type="radio"], input[type="checkbox"] {
background: none;
border: none;
}
select {
border: 1px solid #CCCCCC;
box-shadow: none;
}
abbr[title] {border-bottom: 1px dotted; cursor: help;}
blockquote {margin: .75em 0 .75em 20px; padding: 0 0 0 10px; border-left: solid 2px #ddd;}
q, cite {font-style: italic;}
q cite, q q {font-style: normal}
q {quotes: none;}
q:before, q:after {content: ""; /* Nécessaire pour Safari/Chrome */}
blockquote p, li p {padding: 4px 0;}
dl {margin: .75em 0;}
dt {margin: .75em 0 0 0; font-weight: bold;}
dd {margin: .25em 0 .25em 32px;}
table { margin: 0; border: 1px solid gray; border-collapse: collapse; border-spacing: 0; width: 100%;}
table td, table th { padding: 4px; border: 1px solid #ccc; vertical-align: middle; }
table th { background-color: #F5F5F5;}
table td { background-color: #FFFFFF; cursor: pointer; text-align: left;}
table td.numbers{text-align: right;}
table tr.selected td{background-color: #ED1C24; color: #FFFFFF}
/* Conteneurs sémantiques de HTML 5 */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section {
display: block;
}
/* Wrapper */
.wrapper {width: 950px; margin: 0 auto; position: relative; text-align: left; }
/* Top */
.top{background: url("../../Medias/Bleu2/top-repeat-bg.png") repeat-x transparent; height: 157px; width: 100%;}
.wrapper-top {background: url("../../Medias/Bleu2/top-bg.png") no-repeat transparent; height: 157px;}
.top .title a{font-family: 'Crimson Text', serif; font-size: 60px; line-height: 60px; color: #FFFFFF;}
.top .subtitle {font-family: 'Crimson Text', serif; font-size: 26px; line-height: 26px; color: #253f54;}
.top .coordonnees {font-family: 'Rosario', sans-serif; /*line-height: 60px;*/ color: #FFFFFF;}
.textdupl {font-family: 'Rosario', sans-serif; line-height: 60px; color: #FFFFFF; font-size:14px; height:150px; overflow:hidden;line-height:normal; margin-top:0;}
.textdupl h1, .textdupl h2, .textdupl h3, .textdupl h4, .textdupl h5, .textdupl h6 {display:block; font-size:15px; clear:both;}
.textdupl p { font-size:13px;}
.textdupl ul {font-size:13px;list-style-type:square; color:#fff;}
.textdupl li {font-size:13px; padding-left:5px; font-size:12px; }
.textdupl ul li ul li{font-size:13px; }
a.lienbiographie {color:#f8f8f8; font-size:13px; text-decoration:underline;}
/* Header */
.header{background: url("../../Medias/Bleu2/header-repeat-bg.png") repeat-x transparent; height: 188px; width: 100%;}
.wrapper-header {background: url("../../Medias/Bleu2/header-bg.png") no-repeat transparent; height: 188px;}
.header-left{float: left; width:380px;}
.header-left a{font-size: 11px; color:#fff;}
.header-right{position: absolute; z-index: 11; width:513px; height: 252px; background: url("../../Medias/Bleu2/slider-full-bg.png") no-repeat transparent; right: 0; top: -90px;}
.header ul.header-menu{position: absolute; right: 0; bottom: -47px; z-index: 10;}
.header ul.header-menu li{background: url("../../Medias/Bleu2/header-menu-bg.png") no-repeat right top transparent; height: 59px; float: left; font-family: 'Rosario', sans-serif; font-size: 14px; line-height: 14x; text-transform: uppercase; padding: 22px 20px 0;}
.header ul.header-menu li.last{background-image: none;}
.header ul.header-menu li a{ color: #FFFFFF; text-decoration: none; padding: 0 8px;}
.header ul.header-menu li.active a, .header ul.header-menu li a:hover{border-bottom: 2px solid #8bca48;}
.header .header-left{margin-top: 20px;}
.header .header-left ul li, .header .header-left p{font-family: 'Rosario', sans-serif; font-size: 14px; line-height: 16px; color: #FFFFFF;}
/* Carousel */
ul.carousel {margin-left: 24px; margin-top: 15px; padding: 0; list-style: none; display: block;}
ul.carousel li {width: 476px; height: 216px; padding: 0; margin: 0; display: block; float: left;}
.pager {bottom: 27px; position: absolute; right: 21px;}
.pager a {background: url("../../Medias/slider-puce.png") no-repeat center center transparent; display: inline-block; height: 9px; margin: 0 5px 0 0; width: 9px;}
.pager a.selected {background-image: url("../../Medias/slider-puce-active.png"); }
.pager a span {display: none;}
/* Content */
.content {background: url("../../Medias/Bleu2/content-repeat-bg.png") repeat-x transparent; height: 660px;}
.wrapper-content{}
.content h2{height: 20px; font-family: 'Rosario', sans-serif; font-size: 20px; line-height: 20px; color: #253f54; margin: 10px 0;}
.content h2 span{background-color: #FFFFFF; padding: 0 20px;}
.content-left {width: 229px; float: left;}
.content-left-top{background: url("../../Medias/Bleu2/content-left-top-bg.png") no-repeat transparent; height: 29px;}
.content-left-bottom{background: url("../../Medias/Bleu2/content-left-bottom-bg") no-repeat transparent; height: 480px;}
.content-right {width: 721px; float: right;}
.content-right-top{background: url("../../Medias/Bleu2/content-right-top-bg.png") no-repeat transparent; height: 49px;}
.content-right-middle{background-color: #FFFFFF; padding: 10px; width: 699px; border-left: 1px solid #C4C9CC; border-right: 1px solid #C4C9CC;}
.content-right-bottom{background: url("../../Medias/Bleu2/content-right-bottom-bg.png") no-repeat transparent; height: 7px;}
.content p {font-family: 'Rosario', sans-serif; font-size: 12px; line-height: 16px; color: #253f54; margin: 20px;}
.content img {cursor: default !important;}
.content ul {margin-top: 10px; margin-left: 20px;}
.content li {font-family: 'Rosario', sans-serif; font-size: 12px; line-height: 16px; color: #253f54; margin-left: 10px;}
/* Block Notre Equipe*/
.block-notre-equipe{background: url("../../Medias/Bleu2/block-notre-equipe-bg.png") no-repeat transparent; height: 36px; width: 151px; display: block; margin-top: -20px; padding-left: 60px; padding-top: 55px;}
.block-nos-horaires{background: url("../../Medias/Bleu2/block-nos-horaires-bg.png") no-repeat transparent; height: 239px; width: 197px; display: block; margin: 10px 0 !important; padding: 60px 0 0 14px;}
.block-nos-horaires li{background-color: #4682B2; color: #FFFFFF; font-family: 'Rosario',sans-serif; font-size: 12px; line-height: 16px; margin: 0 0 2px; padding: 1px; width: 185px;}
.block-nos-horaires li span.day{display: inline-block; width: 45px;}
.block-nos-horaires li span.hours-matin{display: inline-block; width: 132px; text-align: right;}
.block-nos-horaires li span.hours-apresmidi{display: inline-block; width: 180px; text-align: right;}
.block-plan-acces{background: url("../../Medias/Bleu2/block-plan-acces-bg.png") no-repeat transparent; height: 37px; width: 151px; display: block; margin-top: 10px; padding-left: 60px; padding-top: 50px;}
.block-en-cas-urgence{background: url("../../Medias/Bleu2/block-en-cas-urgence-bg.png") no-repeat transparent; height: 198px; width: 211px; display: block; margin-top: 10px; }
.block-en-cas-urgence h3{text-indent: -9999px;}
.block-en-cas-urgence div{margin: 35px 13px 0; padding: 0; color: #253f54;}
.block-en-cas-urgence div p{margin: 5px 0; padding: 0; color: #253f54;}
/* Buttons */
.button-block{display: block; height: 23px; width: 62px; background: url("../../Medias/Bleu2/button-block.png") no-repeat transparent; cursor: pointer; color: #253F54; font-family: 'Rosario', sans-serif; font-size: 12px; line-height: 20px; padding-left: 23px;}
.button-content{display: inline-block; height: 30px; background: url("../../Medias/Bleu2/button-content.png") no-repeat 10px 10px #E0E7EE; cursor: pointer; color: #253f54; font-family: 'Rosario', sans-serif; font-size: 14px; line-height: 30px; padding: 0 17px 0 23px; border-radius: 2px 2px 2px 2px;}
.button-content-back{display: inline-block; height: 30px; background: url("../../Medias/Bleu2/button-content-back.png") no-repeat 10px 10px #E0E7EE; cursor: pointer; color: #253f54; font-family: 'Rosario', sans-serif; font-size: 14px; line-height: 30px; padding: 0 17px 0 23px; border-radius: 2px 2px 2px 2px;}
/* Tips */
.message-information{font-family: 'Rosario', sans-serif; font-size: 13px; line-height: 15px; color: green; padding: 10px;}
/* Actualites */
.actualite{}
.actualite .image{float: left; display: block; height: 106px; width: 144px; background: url("../../Medias/Bleu2/actualite-cadre-image.png") no-repeat transparent;}
.actualite .contenu{float: right; width: 530px; font-family: 'Rosario', sans-serif; font-size: 13px; line-height: 15px; color: #253f54;}
.actualite .contenu .title{font-weight: bold; text-transform: uppercase; margin:0;}
.actualite .contenu .button-content{margin-bottom: 40px; margin-top: 20px;}
/* Fiches Pédagogique */
.fiches-pedagogique{}
.fiches-pedagogique .button-content-back{margin-top: 20px;}
.fiches-pedagogique .content {background: none; height: auto;}
.fiches-pedagogique .content p {margin-left: 20px;}
.fiches-pedagogique .image{float: left; display: block; width: 144px;}
.fiches-pedagogique .image img{margin-left: 20px;}
.fiches-pedagogique .liste{float: right; width: 530px; font-family: 'Rosario', sans-serif; font-size: 13px; line-height: 15px; color: #253f54;}
.fiches-pedagogique .liste ul{}
.fiches-pedagogique .liste ul li{list-style:disc inside url("../../Medias/Bleu2/content-puce.png");}
.fiches-pedagogique .liste ul li a{font-family: 'Rosario', sans-serif; font-size: 14px; line-height: 19px; color: #253f54;}
.fiches-pedagogique .liste .button-content{margin-bottom: 10px; margin-top: 20px;}
/* Acces */
.acces {}
#map_canvas {margin-top: 20px; width: 100%; height: 245px;}
/* Contact */
.contact {float: left; margin-left: 20px;}
.contact .button-content{margin-bottom: 10px; margin-top: 20px;}
.contact label {display: block; float: left; width: 75px;}
.contact li {margin-bottom: 10px;}
.social{float: right; width: 110px;}
.social li{width: 90px;}
.social a{display: block; font-size: 14px; height: 30px; line-height: 24px; margin: 0; padding-left: 30px;}
.social a.twitter{background: url("../../Medias/bo-social-twitter.png") no-repeat transparent;}
.social a.viadeo{background: url("../../Medias/bo-social-viadeo.png") no-repeat transparent;}
.social a.facebook{background: url("../../Medias/bo-social-facebook.png") no-repeat transparent;}
.social a.linkedin{background: url("../../Medias/bo-social-linkedin.png") no-repeat transparent;}
/* Footer */
.footer {background: url("../../Medias/Bleu2/footer-bg.png") no-repeat transparent; height: 58px; margin-top: 10px; padding-top: 20px; padding-right: 20px; margin-bottom: 20px;}
.footer p {text-align: right; display: block; color: #253f54; line-height: 20px; margin: 0;}
.footer a {color: #253f54;}
.footer a.underline {text-decoration: underline;}
/* Clearfix */
.clearfix:after { clear: both; display: block; height: 0; font-size: 0; visibility: hidden; content: "."; }
* html .clearfix { zoom: 1 }
*:first-child+html .clearfix { zoom: 1 }