@charset "utf-8";
/* CSS Document */

/* HTML */
body {
    font-family: Arial, Tahoma, Verdana, sans-serif;
    color: #555555;
}
a {
    text-decoration: none;
    color: #fa8b00;
}
a:hover {
    color: #888888;
}

/* WordPress Admin Bar */
/*#wpadminbar {
    position: relative;
    float: left;
    width: 1000px;
    margin: 0px auto;
    padding: 0px;
}
#wpadminbar .quicklinks {
    background: none;
    background-color: #464648 !important;
    float: left;
    width: 100% !important;
}*/

/* Titres */
.titre-blog {
    font-size: 37px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0px 0px;
}
.titre-blog a:hover {
    color: #fa8b00;
}
.slogan-blog {
    color: #727272;
    font-size: 12px;
}
.titre-orange {
    color: #fa8b00;
}
.titre-gris {
    background-image: url("../images/puce_titre-rubrique.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #686767;
    font-size: 20px;
    font-weight: bold;
    line-height: 64px;
    margin: 0px;
    padding: 0px 0px 0px 65px;
}
.titre-gris a {
    color: #686767;
}
.titre-noir {
    color: #000000;
    font-size: 14px;
    line-height: 14px;
    margin: 0px;
    padding: 2px 0px 2px 95px;
    text-decoration: none !important;
    font-weight: bold;
}
.titre-noir a {
    color: #000000;
}
.titre-noir a:hover {
    color: #444444;
}
.titre-bleu {
    color: #00B3EA;
}

/* Menu */
.meny-principal {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 350px;
}
.menu-principal ul {
    margin: 0px;
    padding: 0px;
    width: 350px;
    height: 22px;
    background-image: url(../images/menu-navigation-header.png);
    background-position: center center;
    background-repeat: no-repeat;
    list-style: none !important;
}
.menu-principal li {
    float: left;
    line-height: 22px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0px;
    padding: 0px 12px;
}
.menu-principal li a {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
}

/* Formulaires */
.formulaire-connexion {
    float: right;
    border: 1px solid #CCCCCC;
    width: 360px;
    padding: 15px 10px;
    margin: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.formulaire-connexion input[type=text],
.formulaire-connexion input[type=password] {
    width: 340px;
    height: 25px;
    line-height: 25px;
    margin: 0px;
    padding: 0px 8px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.formulaire-connexion h2 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding: 5px 0px;
    line-height: 16px;
}
.formulaire-connexion label {
    display: block;
    font-weight: bold;
    font-size: 12px;
    margin: 15px 0px 5px 0px;
}
.formulaire-connexion p {
    font-size: 12px;
    padding: 5px 0px;
}
.formulaire-connexion input[type=submit] {
    float: right;
    border: 1px solid #DDD;
    padding: 3px 10px;
    text-decoration: none;
    color: #888;
    font-size: 12px;
    font-weight: normal;
    vertical-align: bottom;
    cursor: pointer;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Liste d'articles */
.article-liste {}
.article-liste ul {
    list-style: none inside none;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.article-liste ul li {
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    padding: 5px;
    height: 100px;
}
.article-liste .article-logo {
    background-color: #fff;
    border: 1px solid #cccccc;
    float: left;
    margin: 0px;
    padding: 5px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.article-liste .article-contenu p {
    color: #555555;
    font-size: 12px;
    line-height: 14px;
    margin: 0px;
    padding: 2px 0px 2px 95px;
}
.article-liste .article-partager {
    float: right;
    margin: 0px;
    padding: 5px;
}

/* Article */
.article {}
.article .article-infos-categories {
    font-size: 12px;
}
.article .article-infos-commentaires {
    font-size: 12px;
}
.article .article-titre {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    padding: 10px 0px;
}
.article .article-chapo {
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
    color: #000;
    padding: 10px 0px;
}
.article .article-contenu h1,
.article .article-contenu h2,
.article .article-contenu h3,
.article .article-contenu h4,
.article .article-contenu h5,
.article .article-contenu h6 {
    font-weight: bold;
    padding: 5px 0px;
}
.article .article-contenu p {
    text-align: justify;
    font-size: 12px;
    padding: 0px 0px 15px 0px;
    line-height: 20px;
}
.article .article-contenu ul {
    list-style: none inside square;
}
.article .article-contenu li {
    text-align: justify;
    font-size: 12px;
    padding: 10px 0px 10px 50px;
    line-height: 20px;
}
.article .article-contenu img.alignleft {
    float: left;
    margin-right: 15px;
}
.article .article-date {
    color: #FF6600;
    font-size: 14px;
    font-weight: bold;
}
.article .article-signature {
    color: #464648;
    font-size: 14px;
}
.article .article-partager {}

/* Auteur */
.auteur-fiche {
    float: right;
    width: 360px;
    border: 1px solid #959698;
    background-color: #f0f0f0;
    margin: 0px;
    padding: 10px;
}
.auteur-fiche img {
    float: left;
    border: 1px solid #959698;
    margin: 5px;
    padding: 0px;
}
.auteur-fiche .auteur-nom {
    color: #ffffff;
    background-color: #ff6600;
    font-weight: bold;
    font-size: 16px;
    float: left;
    text-align: left;
    width: 220px;
    margin: 5px 0px;
    padding: 5px 10px;
}
.auteur-fiche .auteur-bio {
    text-align: left;
    color: #464648;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    margin: 0px;
    padding: 5px;
}
.auteur-fiche .auteur-site {
    color: #ff6600;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin: 0px;
    padding: 5px;
}

/* Commentaires */
.commentaire-poster {
    float: left;
    width: 558px;
    border: 1px solid #959698;
    background-color: #f0f0f0;
    margin: 20px 0px 0px 0px;
    padding: 10px 20px;
}
.commentaire-poster h3 {
    color: #ff6600;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0px 25px 0px;
}
.commentaire-poster textarea {
    border: none;
    width: 548px;
    height: 100px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.commentaire-poster textarea:focus {
    border: 1px solid #ff6600;
}
.commentaire-poster p.bouton_proposer {
    text-align: center;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}
.commentaire-poster p.bouton_proposer input.proposer {
    background-image: none;
    background-color: #464648;
    width: 100px;
    height: 34px;
    color: #ff6600;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
.commentaire-liste {
    float: left;
    width: 600px;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}
.commentaire-liste .commentaire-info {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 5px 0px;
}
.commentaire-liste .commentaire-info a {
    font-weight: bold;
    text-decoration: none;
    color: #ff6600;
}
.commentaire-liste .commentaire-contenu {
    float: left;
    width: 578px;
    border: 1px solid #959698;
    background-color: #f0f0f0;
    margin: 0px;
    padding: 10px;
}
.commentaire-liste .commentaire-contenu p {
    line-height: 20px;
    padding: 5px 0px;
    text-align: justify;
}

/* Sidebar */
.sidebar {
    margin-top: 55px;
}

/* Pub */
#pub-1 {
    float:right;
    text-align: right;
    margin: 0px;
    padding: 0px;
}
#pub-1 img {
    border: 0px;
    max-width: 400px;
    height: auto;
    margin: 0px;
    padding: 0px;
}
#pub-2 {
    margin: 0px;
    padding: 0px 0px 25px 0px;
    background-image: url(../images/fond_pub-2.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
#pub-2 img {
    border: 0px;
    max-width: 1000px;
    height: auto;
    margin: 0px;
    padding: 0px;
}
#pub-31, #pub-32, #pub-33 {
    float: right;
    margin: 0px;
    padding: 0px 0px 5px;
}
#pub-31 img,
#pub-32 img,
#pub-33 img {
    border: none;
    height: auto;
    margin: 0px;
    padding: 0px;
    width: 380px;
}
.error404 #pub-31 img,
.error404 #pub-32 img,
.error404 #pub-33 img,
.home #pub-31 img,
.home #pub-32 img,
.home #pub-33 img{
    width: 250px;
}

/* Videos */
.zone_video {
    float: right;
    text-align: right;
    min-width: 380px;
    margin: 0px;
}
.zone_video small {
    display: none;
}
.zone_video a {
    float: right;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #FA5515;
}

/* Bottom */
.bottom #bottom-left,
.bottom #bottom-center,
.bottom #bottom-right {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 333px;
}
.bottom ul {
    margin: 0px 20px;
    padding: 0px;
    list-style: none;
}
.bottom ul li {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #ccc;
}
.bottom ul li:first-child {
    border-top: none;
}
.bottom h3 {
    font-weight: normal;
    margin: 5px 0px;
    padding: 0px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
}
.bottom h3 a {
    color: #000;
    text-decoration: none;
}
.bottom h3 a:hover {
    color: #000;
}
.bottom .lire-la-suite {
    margin: 0px;
    padding: 0px;
    width: 100%;
    clear: both;
    text-align:left;
    line-height: 20px;
}
.bottom .lire-la-suite a {
    color: #fd7b00;
    font-size: 13px;
    font-style:italic;
    text-decoration: none;
}

/* Footer */
.footer {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/fond_pied-de-page_orange.png);
    text-shadow: none;
    height: 48px;
    margin: 0px;
    padding: 4px 0px 0px 0px;
}
.footer p {
    line-height: 12px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    margin: 10px 0px;
    padding: 0px;
}
.footer a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}