/*
Theme Name: Creation Theme
Theme URI: http://www.motion-designer.fr
Description: The first theme created by Sylvain Bernicot.
Version: 0.1
Author: Sylvain Bernicot
 
Creation Theme by Sylvain Bernicot || http://www.motion-designer.fr
*/
/* margin top right bottom left*/

body {
font-family:Georgia, serif;
font-size: 12px;
text-align: left;
background: black;
color: #FFFFFF;
margin: 0;
}

#page { /*border: solid 1px red;*/
margin: 0 auto 0 auto;
width: 920px;
}


/*HEADER*/
#header { /*border: solid 1px white;*/
position: relative;
background-image:url(images/fond_header.jpg);
width: 920px;
height: 291px;
text-align: right;
}
#header h1
{
margin: 0;
padding-top: 170px;
font-size: 40px;
font-weight: normal;
}
#header p
{
margin: 0;
color: #afc93c;
font-size: 25px;
}
#header a.titre:link { color: #FFFFFF; text-decoration: none; background-color: transparent; }
#header a.titre:visited { color: #FFFFFF; text-decoration: none; background-color: transparent; }
#header a.titre:hover { color: #FFFFFF; text-decoration: none; background-color: transparent;}
#header a.titre:active { color: #FFFFFF; text-decoration: none; background-color: transparent;}

#header a:link {color: #b8b7b7; text-decoration: none; background-color: transparent;}
#header a:visited {color: #b8b7b7; text-decoration: none; background-color: transparent;}
#header a:hover  {color: #000000; text-decoration: none; background-color: #AFC93C;}
#header a:active  {color: #b8b7b7; text-decoration: none; background-color: transparent;}

#header-boutons { position:absolute; width: 920px; height: 36px; bottom: 0px; line-height:36px;} /*line-height pour l'alignement vertical*/

#header-liensPages {margin-left: 452px; width: 214px; height: 36px; background-color:#131313; float:left; 
color: #b8b7b7; text-align:center;}

#header-rechercher {margin-left: 1px; width: 119px; height: 36px; background-image:url(images/fond_recherche.gif); float:left; text-align:left;}

#header-abonnement {margin-left: 1px; width: 133px; height: 36px; background-color:#131313; float:left; 
color: #b8b7b7; text-align:center; background-image:url(images/fond_abonnement.jpg)}

#centrage-abonnement {width: 100px;}

#header li {display: inline; list-style-type:none; padding: 10px;}



/*CONTENU*/
#content {
border-bottom: 3px solid black;
border-top: 1px solid black;
background-color:#101010; width: 920px; text-align: left; margin:0; padding-top: 10px; padding-bottom: 10px;}

#colonne-gauche {width: 550px; float:left; border-right:solid 3px black;}
#colonne-droite {width: 347px; float:left;}

#content-cadre{ /*border: dotted 1px blue;*/
width: 900px; margin: 0 auto 0 auto;}

#content h1 { /*le titre de la page quand on affiche les archives*/
font-size: 30px; color: #8b8b8b; font-weight:normal; margin:0; margin-left:10px; margin-bottom: 10px; padding-top: 10px;}

#content h2 { /*les titres des articles "featured", et des articles quand ils sont dans une page sinlge.php*/
font-size: 25px; font-weight:normal; margin:0; margin-left:10px; padding-top: 5px;}

#content h3 { /*les titres des articles "non featured"*/
font-size: 15px; font-weight:normal; margin:0; margin-left:10px; padding-top: 6px; color:#D1D1D1;}

#content img {border: none;}

#content a:link { color: #FFFFFF; text-decoration: none; background-color: transparent; }
#content a:visited { color: #FFFFFF; text-decoration: none; background-color: transparent; }
#content a:hover { color: #000000; text-decoration: none; background-color: #AFC93C;}
#content a:active { color: #FFFFFF; text-decoration: none; background-color: transparent;}

/*class de lien pour les images boutons*/
#content a.nohover:link { background: none; border: none; text-decoration: none;}
#content a.nohover:visited { background: none; border: none; text-decoration: none;}
#content a.nohover:hover { background: none; border: none; text-decoration: none; }
#content a.nohover:active { background: none; border: none; text-decoration: none;}

#featContGallery{
width: 550px; height: 330px; padding-top:41px; margin-bottom:-35px; background-image:url(images/fond_a_la_une.jpg); background-repeat:no-repeat;}
#featContGallery a:hover { background-color: transparent;}

.featured-post{
width: 550px; height: 390px; background-image:url(images/fond_post_gauche.jpg); background-repeat:repeat-x;}

.featured-post_content {
font-size: 12px; color: #8B8B8B; margin-top: -6px; text-align:center;}

.postmetadata{
font-size:10px; color: #8B8B8B; margin-right:10px; text-align:center;}

.normal-post{
width: 347px; height: 244px; background-image:url(images/fond_post_droite.jpg); background-repeat:repeat-x; margin-bottom:1px;}

.normal-post_content {
font-size: 12px; color: #8B8B8B; margin-top: -6px;}

.navigation{width:550px; margin-top:10px; text-align:center;font-size: 14px;}




/*PAGE SINGLE.PHP*/
.single-post{ background-color: #202020; border-bottom: solid 1px black;}
.single-post_content { font-size: 12px; color: #8b8b8b; line-height: 16px;}



/*PAGE PAGE.PHP*/
.single-page{ background-color: #202020; width: 900px; float:left; border-bottom: solid 1px black;}
.single-page_content { font-size: 18px; color: #8b8b8b; padding-left: 80px; padding-right: 30px; text-align:justify;}


/*PAGE ARCHIVE.PHP*/
.archive-post{width: 550px; height: 69px; margin-bottom: 10px;border-top: dotted 1px #8b8b8b;/*background-image:url(images/fond_post_archive.jpg); background-repeat:repeat-x;*/}

.archive_postmetadata{
font-size:10px; color: #8B8B8B; text-align:left; margin-left:10px;}



/*COMMENTAIRES*/
#commentaires{}/*cette div n'existe que pour pouvoir changer le style des liens (ca ne marche pas sur les class apparement)*/
.comments-template{ margin:0; background-color: #202020; padding-bottom: 10px;}
 
.comments-template ol{padding-top: 0px; list-style: none; padding-left: 5px;}
 
.comments-template ol p{font-size: 18px; color:#D1D1D1; margin-left: 10px; padding-left: 10px; border-left: solid 1px #8B8B8B; line-height: 1.4em;} /*le texte des commentaires*/
 
.comments-template ol li{margin: 0 0 0 0;line-height: 15px;padding-bottom: 0px;}
 
.comments-template h2 {font-size: 25px;}

.comments-template h3{font-size: 1.2em; } /*c'est pour mettre "un commentaire pour tel article mais je n'utilise pas cette balise"*/
 
.commentmetadata{font-size: 11px; color:#8B8B8B;}
 
.comments-template p.nocomments{padding: 0;}
 
.comments-template textarea{font-size: 18px; color:#131313;} /*le champs de saisi*/
 
.cadre_commentaires { margin-right: 10px; margin-bottom:10px; background-color:#373737; border-top: 1px solid black; padding-bottom:5px;}

#commentaires a:link { color: #AFC93C; text-decoration: none; background-color: transparent; }
#commentaires a:visited { color: #AFC93C; text-decoration: none; background-color: transparent; }
#commentaires a:hover { color: #000000; text-decoration: none; background-color: #AFC93C;}
#commentaires a:active { color: #AFC93C; text-decoration: none; background-color: transparent;}



/*FORMULAIRE*/
#formulaire {text-align: right; color: #8B8B8B; font-size: 16px; padding: 10px; padding-bottom:0; background-color:#373737; border-top: 1px solid black;margin-right:10px ;}

.bt_envoyer{width: 320px; height:42px; background-color:#101010; color: #afc93c; font-size: 20px; margin: 0; padding: 0; border: 0; margin-left: -17px; font-family:Georgia, serif; border-top: black 1px solid; cursor: pointer;}
/*.bt_envoyer a: hover {background-color: #afc93c; color: #101010;}*/



/*SIDEBAR*/
#sidebar {background-image: url(images/fond_sidebar.jpg);background-repeat:repeat-y;width: 920px; color:#acacac;text-align: center;}

#sidebar h2{color: #FFFFFF; font-size:20px; font-weight:normal; }

.sidebar-colonne{width: 230px; float: left; padding-bottom: 15px; }

#sidebar a:link { color: #acacac; text-decoration: none; background-color: transparent; }
#sidebar a:visited { color: #acacac; text-decoration: none; background-color: transparent; }
#sidebar a:hover { color: #000000; text-decoration: none; background-color: #AFC93C;}
#sidebar a:active { color: #acacac; text-decoration: none; background-color: transparent;}

#sidebar ul { list-style-type: none;padding: 0;margin: 0 0 10 0;}
#sidebar li { list-style-type: none;padding: 0;padding-bottom: 4px;margin: 0;}


/*FOOTER*/
#footer {background-image:url(images/footer_fond.jpg);background-repeat:repeat-x;width: 920px;height: 34px;line-height:34px;color:#6A6A6A;font-size: 10px;text-align: center;}

#footer a:link { color: #acacac; text-decoration: none; background-color: transparent; }
#footer a:visited { color: #acacac; text-decoration: none; background-color: transparent; }
#footer a:hover { color: #000000; text-decoration: none; background-color: #AFC93C;}
#footer a:active { color: #acacac; text-decoration: none; background-color: transparent;}