/*
Theme Name: Thème centremultimedia les pieux
Theme URI:
Description: le thème du centre multimédia des Pieux
Author: nlb
Version: 0.1.
Tags: */
/* PALETTE POUR LES PIEUX
#3c80c2; bleu
#ffcc33; orange
#7bb83d; vert*/

/* =======	RESET   ------- */
body, h1, h2, h3, h4, h5, ul#sidebar, ul.widgets, li, ul#sidebar li ul, ol.commentlist, ul.children, ul#footercol li ul,div#submenu-nav ul, div#submenu-nav ol, form, img, table{    margin:0;    padding:0;    border: 0;}/* ==============	TYPE & COLOR   -------------- *//* Default font */body, h1, h2, h3, h4, h5,a.more-link, textarea#comment, input#author, input#email, input#url{    font-family: Georgia,'Times New Roman',times,serif;    color: #333;}/* Sans-serifs */ul#sidebar, div#footer, div#header h1 span, div.authormeta, div.postmeta, div.commentmeta, div.comment-author, div.comment-meta, p.commentloggedin, div.reply, div.cancel-comment-reply, h1.listhead, div.post ul, div.page ul, div.post ol, div.page ol, div.nav{    font-family: Arial,Helvetica,sans-serif;}/* Default font size */dic#content, textarea#comment, input#author, input#email, input#url{ font-size: 1em; }/* Medium-small font */a.more-link, div.comment-body p{ font-size: 0.8em;}/* Small font */div#content small, div#copy, div.postmeta, ul#sidebar, div#footer, p.commentloggedin, div.reply, div.feed, div#submenu-nav{ font-size: 0.8em; }/* Headers */h1{    margin: 12px 0 12px 0;    padding: 0px 0px 5px 0px;    display: inline-block;color : #333;}/* pour les archives - tête de liste */div#content h1.listhead {     margin: 0 10px 20px 10px;    padding: 10px 10px 8px 10px;    margin-bottom: 0.2em;color: #333;}div#content
h2{ display: inline-block; color: #333; margin-bottom: 0.2em;}
div#content h3{    font-size: 1.2em;    margin-bottom: 0.2em;}
div#content h4{    font-size: 1.1em;}
div#footer h2 { margin-bottom: 10px; }
div#content h5, ul#sidebar h2, div#footer h2, div.nav{    font-size: 12px;    text-transform: uppercase;}
ul#sidebar h2 { margin-bottom: 7px; padding-bottom: 3px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }

/* common type */

div#content p {    margin-bottom : 1em;    line-height: 1.5em;    text-align: justify;}div.comment-body p { line-height: 18px; margin-bottom: 10px !important; }/* =======	LINKS   ------- *//* default */a:link, a:visited{    color: #333;    text-decoration: none;}a:hover {    color: #fff;    background-color: red;}.titre a:hover {    color: #fff;    background-color: #3c80c2;}div.postmeta span.comments a {     font-family: arial;  }h1 a:hover, h2 a:hover{ text-decoration: none; }/* dark grey links */ol.commentlist a:link, ol.commentlist a:visited,div#submenu-nav a:link, div#submenu-nav a:visited{    color: #111;    text-decoration:underline;}ol.commentlist a:hover, div#submenu-nav a:hover { color: #fff; text-decoration: none; }/* meta */div.postmeta a:link, div.postmeta a:visited, a.more-link{ color: #333; padding: 2px; font-style:normal; font-weight:bold; }div.postmeta a:hover {color: #fff; background-color: red; }a.more-link:hover {color: #fff; background-color: red; }div.entry a:link, div.entry a:visited {text-decoration: underline}div.entry a:hover {background-color: red;}/* ========	LAYOUT   -------- */.left { float:left; }.right { float:right; }.center { text-align:center; }.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }div.widecolumn { width: 620px; }div.column, ul.column, ul#sidebar{ width: 320px; }div#site { width: 100%; float:left; }div#wrap{    width: 960px;    margin: 0 auto;}div#toplist { position:relative; width: 960px;              background-image: url(fond-entete.jpg);              background-position: left top;}div#toplist div.feed { float:right; padding: 5px 0; }div#toplist div.feed a { padding: 5px; background-color: #7bb83d; color: #fff; }div#toplist div.feed a:hover {     background: red;  /* orange */    color: #fff; }div#header{    width: 100%;    float:left;    margin: 20px 0 10px 0;    padding-bottom: 10px;    border-bottom: 2px solid #ffcc33;    height: 100px;    background: url(fond-entete.jpg) no-repeat ;    background-position: right bottom;}#titre { letter-spacing:-1px; font-size:36px; font-weight:normal; background-color: #3c80c2; color: #fff; display: inline; padding: 100px 20px 10px 20px;}div#header h1 span { color: #333; font-size: 1.5em; text-transform: uppercase; }div#submenu-nav{    width:100%;    float:left;    border: 1px solid #444;    border-width: 0 0 1px 1px;    border-left: 1px dotted #e8e8e8;}div#submenu-nav ul {}div#submenu-nav ul li { list-style: none; float:left; padding: 8px; border: 1px dotted #e8e8e8; border-width: 0 1px 0 0; }div#blog {    width: 100%;    float:left;}div#content { float:left; margin-top: 10px; }div.post, div.page {    padding: 0px 20px 0 20px;    margin-bottom: 1em;    overflow:hidden; }div.post {    border-bottom: 1px #3c80c2 dashed ;}div.postmeta { width:100%; height:10%; float:left; margin-bottom: 0.2em; }div.postmeta span.comments { float:right; margin-left: 10px; }div.postmeta span.comments span {}div.post div.entry, div.page div.entry { width:100%; float:left;                                         margin-bottom: 0.2em; /* espace après un billet */}div.sticky { padding: 20px 20px 8px 20px; background: #eee; border: 1px solid #ddd; height: 1%;}h2#comments { margin: 0 20px 20px 20px; padding-bottom: 10px; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }ol.commentlist {}ol.commentlist li { margin: 0 20px 10px 20px; padding: 0; list-style:none; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }ol.commentlist li div.comment-author, ol.commentlist li div.comment-meta { font-size: 12px; line-height: 16px; }ol.commentlist li div.comment-author img.avatar { float:left; margin: 0 10px 0 0; }div.comment-author cite.fn { font-family: Georgia, "Adobe Garamond", "Times New Roman", serif; font-size: 16px; font-style: normal; font-weight:bold; }div.comment-author cite.fn a { text-decoration: none; }/* div.comment-meta { margin-bottom: 10px; } */ol.commentlist li.even {}ol.commentlist li.odd {}ol.commentlist li.bypostauthor {}ol.commentlist li.pingback { font-size: 12px; color: #777; padding: 0 0 10px 5px; color: #777; }ol.commentlist li.pingback a { font-size: 12px; font-weight:normal; }ol.commentlist li.pingback p, ol.commentlist li.pingback span, ol.commentlist li.pingback div.comment-meta, ol.commentlist li.pingback div.reply { display:none; }div.reply { float:right; margin: -25px 0 0 10px; line-height: 12px; }ul.children { margin: 20px 0 20px 20px; }ul.children li { margin: 10px 0; padding-left: 10px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; }div#respond { margin: 20px; }div#respond h3 {}table.commenttable { border:0; padding: 0; }table.commenttable tr td { font-size: 12px; line-height: 12px; text-transform: uppercase;  }form#commentform {}input#author, input#email, input#url { margin-bottom: 5px; padding: 2px; width: 250px; font-style: italic; }textarea#comment { width: 556px; height: 150px; padding: 10px; font-style: italic; }input#submit { float:right; margin-bottom: 20px; }div.nav { float:left; }ul#sidebar{    float:right;    margin-top: 20px;}ul#sidebar ul.children { margin: 5px 0 0 0; }ul#sidebar ul.children li { border: 0; }ul#sidebar li { list-style: none; margin: 0 20px 20px 0; }ul#sidebar li ul { margin-left: 5px; }ul#sidebar li ul li { margin-bottom: 5px; }ul#sidebar li ul li ul { margin: 5px 0 0 10px; }li#tag_cloud {}li#tag_cloud a { padding: 0 2px; }li#search {}ul#sidebar li.categories {}div#footer{    width: 100%;    float:left;    clear:both;    margin: 20px 0 0 0;    padding: 15px 0 1px 0;    border: 2px solid #ccc;    border-width: 1px 0 2px 0;    border-bottom-color: #ffcc33;  /* orange */}ul.footercol { width: 240px; float:left; }ul.footercol li { list-style:none; margin-bottom: 15px; padding: 0 10px; }ul.footercol li ul { margin-left:1px; padding-left:0; }ul.footercol li ul li { margin-bottom: 5px; padding-left:0 !important; }div#copy{    width:100%;    float:left;    clear:both;    margin: 0;    padding: 10px 0;    background: #f8f8f8;    border: 1px solid #bbb;    border-width: 0 0 1px 0;}div#copy p { margin:0; padding:0 0 0 10px; }div#copy p.right { padding: 0 10px 0 0; }div.copycolumnwide { float:left; width:620px; }div.copycolumn { float:right; width:320px; }div#finalword{    width:100%;    float:left;    clear:both;    margin: 0;    padding: 20px 0;    color: #777;    text-align:center;    font-size: 12px;    font-style: italic;}div#finalword a:link, div#finalword a:active, div#finalword a:visited { color: #444; }div#finalword span { font-style:normal; }/* ===================	ELEMENTS & DESIGN   ------------------- */p.right { text-align:right; }p.admin { color: #aaa; font-size: 12px; }p.nocomments { padding: 0 20px; font-style: italic; color: #777; }div#content embed, .embedded { text-align:center; margin: 0 0 14px 0; } /* for movies */div.post ul li, div.page ul li, div.post ol li, div.page ol li { margin: 0px 10px 10px 20px ; color: #333; font-family: Georgia,'Times New Roman',times,serif; }blockquote { margin: 0 0 14px 20px; padding: 0 15px; border: 1px solid #e8e8e8; border-width: 0 0 0 1px; color: #777; font-style: italic; }blockquote.pullquote { width: 220px; padding: 5px 0; border: 0; font-size: 18px; line-height: 150%; }blockquote.pullquote p { margin-bottom: 0; }ol.commentlist li blockquote { border: 0; padding:0; }/* Images and aligns */.alignleft, blockquote.alignleft { float:left; margin: 0 15px 15px 0; }.alignright, blockquote.alignright { float:right; margin: 0 0 15px 15px; }.frame { padding: 5px; border: 1px solid #e8e8e8; }.wp-caption { padding: 10px 7px; border: 1px solid #e8e8e8; font-size: 12px; color: #777; font-style: italic; text-align:center; }p.wp-caption-text { margin:10px 0 0 0 !important; padding:0; line-height: 14px !important; }/* Quick color fixes */div.postmeta { color: #999; }span.alert { color: red; background-color: #eee; }div#content strong { color: #333; font-weight: bold}/* pour le tableau des horaires du centre multimedia */#horaires td , #horaires-ete td{    font-size: 14px;    font-family: Arial ;    height: 60px;    line-height: 16px;    padding: 5px;}#tarifs td, th {    font-size: 14px;    font-family: Arial ;    height: 20px;    line-height: 16px;    padding: 6px;}#horaires .club {    background-color: #4173b8;    color: #fff;}#horaires td.stages_ateliers, span.stages_ateliers {    background-color: #ffcc33;  /* orange */;    color: #333;}#horaires td.libre_service, span.libre_service, #horaires-ete td.libre_service {    background-color: #7bb83d;    color: #fff;}#horaires caption, #horaires-ete caption, #tarifs caption{ padding: 12px; background-color: #eee; font-family: Georgia,'Times New Roman',times,serif ; font: 24px bold; color:#333; border: 2px solid #ccc; margin-bottom: 1px;}.carre {    /* padding: 0.3em; */    margin-right: 5px;    width: 16px;    height: 16px;    display: inline-block; /* super feinte well done :-) */}.gauche {    text-align: left;}.attention {    color: #333;    background-color: red;    color: #fff;    padding: 2px;    margin-right: 5px;}.cartoucheOrange{    background-color: orange; font-weight: bold; color: #fff; padding: 5px;}.tbody {    border-width: 1px;    }.widgettitle { font-family: arial;               color: #333;               background-color: #ffcc33;               padding: 5px;display: inline-block;}.timestamp {color: #333;font-weight: bold;}.ete {  background-color: #7bb83d; color : #fff; }
div#content li {line-height: 1.5em;}


div#content h3[class="intitule"] {

  color: #fff;
  background-color: #3C80C2;
  padding: 0.3em 0.1em;
  font-size: 1.5em;
  display : inline-block;

}

div#content .orange-inline { background-color: #E6D8B3; color: #666; display: inline; padding : 0.1em 0.3em; margin-right: 0.2em; font-weight: normal; font-size: 1em;}