/*Avril 2010*/

/* #2D1910 marron foncé
#502C1D marron moyen
#924A29 marron clair
#6F90AF bleu (photofiltre)
#5785AF bleu (html)*/ 
html, body {
margin:0;
padding:0;
}
body{
font-family: "trebuchet ms", helvetica, arial, sans-serif;	
font-size:12pt
} 

/* titres, paragraphes, liens*/
h1 {
font-family:quadranta, sans-serif;  
margin:0;	
text-shadow:1px 1px 5px #A9A9A9;
}
h2 { 
font-family:quadranta, 'comic sans ms', sans-serif;	
} 
h3 { 
margin:0; 
} 
h4 {
text-align:center;
} 
h5 {
} 
p {
text-align:justify;
font-size:90%;
} 
a {
color:#502C1D;
}
a:hover, a:active {
text-decoration:none;
}
h1 a, h1 a:visited, h1 a:hover  {
text-decoration:none; 
}
img, a img {
border:0
} 
code, pre {	
font-size-adjust:0.66;
color:#DC143C;
}
input {
border:1px solid #F3B67F; 
padding:3px;
border-radius:4px; 
} 
/*html5*/ 
nav, section, article, aside, header, footer, hgroup { 
display:block;	
} 


/* en tête*/	 
header {
margin:0;
padding:0;
margin-bottom:5%;
} 
header h2 {
color:#567AAF; 
margin:0; 
border:none;
}			  
header p {
margin:0;
padding:0; 
}
header p a {
font-size:0.8em;
color:#5785AF; 
} 
header p a:focus, header p a:hover, header p a:active {
color:white;
}
header nav {
display:none;
}


/*menu navigation*/	
#menu {	  
display:none
}	   


/* blocs page accueil*/
.page1 {
margin:0
}	
#blog h3, #css h3 {
font-family:quadranta, 'comic sans ms', sans-serif; 
color:black; 
border-bottom:1px solid black; 
line-height:48px;
} 
#blog h4, #css h4 {
min-height:46px;
color:#F37100; 
}	   

#blog, #css {  
padding:5px 10px;   
background-color:white;	
opacity:0.8;  
border:1px solid white;
padding-top:0; 
} 
#blog, #css {
width:45%;
}
#blog {	 
margin-left:50%;
}
#css { 
float:left;	
} 
#css img, #blog img {
float:right;
}  								 
#css p.suite, #blog p.suite {
margin-top:30px;
}
#css p.suite a, #blog p.suite a {
background-color:#FFECE4;
border:1px solid #F3B67F;
text-decoration:none; 
border-radius:5px;
padding:5px;
}
#css p.suite a:focus, #blog p.suite a:focus, #css p.suite a:hover, #blog p.suite a:hover, #css p.suite a:active, #blog p.suite a:active {
border:1px solid #F37100;
}

/*blocs pages blog*/ 
.page {
margin:0;  
}	
#content {  
padding:5px;   
}  
#content h2 {  
border:none;
}
#content h2 span {	
font-family: 'courier new', courier; 
}
#content h2.dateblog {
font-size:15pt;
}
#content h3 {
margin-top:20px;
font-size:1.45em; 
color:#F37100;
} 
#content h4 {
text-align:left;
}  
#content #comments {    
margin-top:50px;
border-top:1px solid #F37100;
-moz-box-shadow:none;  
-moz-border-radius:0;	 
-webkit-box-shadow:none;  
-webkit-border-radius:0; 
box-shadow:none;
border-radius:0;
} 

/*commentaires*/ 
#comments fieldset {
display:none;	
} 

#content .comments {
padding:3px 10px; 
border-bottom:1px solid #F37100;
} 
#content .comments p {
color:black;
}
#content .comments p.auteur {
font-weight:bold;
color:#502C1D;
}
#content .comments p:before { 
content:'« '
}
#content .comments p:after { 
content:' »'
}
#content .comments p.auteur:before, #content .comments p.auteur:after { 
content:""
} 

/*recherche*/
#search { 
display:none
}

/* pied de page */ 	
#mammouth, #follow, #standards, #grain {
display:none
} 

footer {
clear:both;	
text-align:center;
} 

footer p.info {	
clear:both;
text-align:center;
margin-top:150px;
color:#502C1D; 
line-height:25px;
}
/* divers */
.center {text-align:center}
.skip {
display:none; 
} 
p.ancre {
text-align:center;
}
p.ancre:before {
content:"[ ";
}
p.ancre:after {
content:" ]";
}