@charset "UTF-8";
/* CSS Document */
/*
Theme Name: No direction home theme
Theme URI: http://www.nodirectionhome.fr/
Description: The first theme created by Antony Merle.
Version: 0.1
Author: Antony Merle
 
No direction home theme by Antony Merle || http://www.nodirectionhome.fr
 
*/

@import url(couleur.css);
@import url(typographie.css);



/* Normalisation des marges et du remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }

/* Normalise la taille de police des en-têtes */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Supprime le style des listes */
ol, ul { list-style: none; }

/* Normalise les styles et graisses de fontes: font-style et font-weight sont "normal" */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Supprime les bordures dans les tableaux */
table { border-collapse: collapse; border-spacing: 0; }

/* Supprime les bordures dans les éléments fieldset et img */
fieldset, img { border: 0; }

/* Aligne le texte à gauche dans caption et th */
caption, th { text-align: left; }

/* Supprime les apostrophes doubles (guillemets anglais) autour de q */
q: before, q: after { content:''; }

a:link, a:visited {
text-decoration: none; }

a {
color: #333;
text-decoration: none;
}

a:hover {
color: #004276;
text-decoration: underline;
}


em {
font-style:italic;
}

blockquote
{
font-style:italic ;
font-size: 0.8em ;
margin: 1.5em 0px;
padding-left: 40px;
padding-right: 20px;
quotes: &#8220 “
}
 


strong {
font-weight: 600;
}

#page { 
margin: 0 auto 0 auto;
width: 830px;
 }


#content h2 a{
font-variant: small-caps;
}



#content h2:hover{
font-variant: small-caps;
text-decoration:none;
background-color: #000;
color: #CCC;
}

#content h2 a:hover{
text-decoration:none;
color: #CCC;
}




#content img { border: solid 1px #CCC; }

#content .vignette { 
border: solid 1px #CCC;
float: left;
margin-right: 8px;
 }

#content img.slogan { border: solid 1px white; }

.more-link {
font-weight: bold;
letter-spacing: 130%;
}

body {
background: #fff;
margin: 0;
}



#header {
float: left;
background: url(images/branding.jpg) no-repeat ;
width: 830px;
height: 249px;
padding: 0px 10px 5px 10px;
}




#content {
float: left;
width: 579px;
margin-top: 6px;
-margin-right:-5px;
padding-bottom: 15px;
border-right: 1px solid #666;
}


.sidebar {
border-top: 1px solid #666;
float: right;
width: 250px;
margin-top: 6px;
}

.sidebar ul {
margin: 5px 0px 15px 5px;
}

.sidebar h3 {
border-bottom: solid 1px #666;
padding-bottom: 3px;
}

.macicone { margin: 0px 5px -4px 0; }
.wpicone { margin: 0px 6px -2px 0; }
.cc { margin: 0px 5px -4px 0; }
.rssicone { margin: 0px 6px -2px 3px; }
.facebook { margin: 0px 6px -3px 3px; border: 0; }
.twitter { margin: 0px 5px -3px 0; border: 0; }




/*Icones de partage*/
#content img.share_facebook { margin: 0px 3px -3px 3px; border: 0; }
#content img.share_twitter { margin: 0px 3px -3px 0; border: 0; }



ul.colophon li { 
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
padding-top: 5px; }


#footer {
background: url(images/footer.jpg) no-repeat;
padding: 15px 0 0 0;
border-right: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
margin-top: 5px;
clear: both;
width: 830px;
height: 176px;
}

#footer p {
text-align: right;
margin-right: 15px; }

h2 {
border-top: solid 1px #666;
border-bottom: solid 1px #666;

margin: 0 0 1em 0;
}

h3 {
margin: 0.8em 0 0 0;
}

.post_content {
margin-bottom: 1.5em;
line-height: 150%;
}



/*stylage du menu*/

#navigation {
margin: 0px 0px 7px 0px; 
padding: 0px 0px 0px 0px; 
text-align: right;
}


 
#navigation:after {
content: "."; 
display: block; 
line-height: 1px; 
font-size: 1px;
color: transparent; 
clear: both; 
} 

#navigation	img	{
margin: 0px;
padding: 0px 0px 1px 0px;
}

ul#navlist {
list-style: none; 
padding: 0; 
margin: 0px; 
background-color: #000;
font-size: 12px;
}

ul#navlist li {
text-align: left;
float: left; 
height: 45px; 
margin: 0px 0px 0px 0px; 
border-left: 1px solid #CCC;
padding: 0; 
background-color: #000;
}

ul#navlist li { width: 105px; voice-family: "\"}\""; voice-family:inherit; width: 104px;} 
html>body ul#navlist li { width: 104px; } 
		

ul#navlist li a {
display: block; 
padding: 7px 5px 25px 7px; 
color: #CCC; 
font-size: 11px;
text-decoration: none;
height: 1%;
text-shadow: 0 0 0 #000;
}

#navigation>ul#navlist li a { width: auto; height: auto; } 

ul#navlist li#active a {
background: #f0e7d7; 
color: #C30; 
		}

ul#navlist li a:hover,
ul#navlist li#active a:hover {
color: #FFF;
background-color: #004276;
}
		
ul#navlist li.home	{
border-left: none;
}

ul#navlist li#empty	{
width: 410px;
}

/*stylage du menu*/










.comments-template{
margin: 10px 0 0 0;
}

.comments-template ol{
margin: 10px;
padding: 0 0 0 15px;
list-style: none;
}

.comments-template ol p{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
}

.comments-template ol li{
margin: 10px 0 0 0;
line-height: 15px;
padding: 0 2px 10px;
}

.comments-template h2, .comments-template h3{
font-size: 1.2em;
}

.commentmetadata{
font-size: 0.9em;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
width: 550px;
}

.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
padding-right: 300px;
}