/*
 * Base              100% 
 * -------------------------------------
 * 16px             103%   
 * 15px              96%   
 * 14px              88%   
 * 13px              82%  
 * 12px              77%  
 * 11px              71%
 * 10px              65%
 *  9px              59%
 * attention en dessous de 71% le texte devient illisible en text smallest sur ie
 * Exemple de short def:
 * font: font-style, font-variant, font-weight, font-size, line-height, font-family 
 * background: background-color, background-image, background-repeat, background-attachment, background-position 
 * margin: margin-top, margin-right, margin-bottom, margin-left 
 * padding: padding-top, padding-right, padding-bottom, padding-left 
 * border: border-width, border-style, border-color 
 * border-width: border-top-width, border-right-width, border-bottom-width, border-left-width 
 * border-style: border-top-style, border-right-style, border-bottom-style, border-left-style 
 * border-color: border-top-color, border-right-color, border-bottom-color, border-left-color 
 * list-style: list-style-type, list-style-position, list-style-image 
 */
 
 /* bloc html */ 
 body {
	font-family: Arial;
	color: #333;
	font-size:91%;
 }
 
table, td, th, p, div, span, form, fieldset, h1, h2, h3, h4, h5, h6, blockquote, cite,input, select{
	font-family: Arial;
	font-size: 1em;
	font-weight:normal;
} 

table, h8{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	letter-spacing : 1px ;
} 

.gras{
	font-weight:bold;
}



.middle{
	text-align:center;
}

#texte{
	font-family: Arial;
	font-size:105%;
	color:#000000;
}

#texte a:link{
	font-family: Arial;
	font-size:12px;

	text-decoration: underline;
}

#texte a:hover{
	font-family: Arial;
	font-size:12px;
	color:#2F71C7;
	text-decoration: underline ;
}


#droite a:link, a:active{
	font-family: Arial;
	font-size:11px;
	color:#5E697D;
	font-weight: normal;
}

#droite a:visited {
	font-family: Arial;
	font-size:11px;
	color:#5E697D;
	font-weight: normal;
}

#droite a:hover {
	font-family: Arial;
	font-size:11px;
	color:#ffffff;
	font-weight: normal;
}


#menudroite a:link, a:active{
	font-family: Arial;
	font-size:12px;
	color:#5E697D;
}

#menudroite a:visited {
	font-family: Arial;
	font-size:12px;
	color:#5E697D;
}

.menudroite a:hover {
	font-family: Arial;
	font-size:12px;
	color:#5E697D;
}


.right{

	text-align:right;

}

a:link, a:active{
	color:#5E697D;
	text-decoration:none;
	font-size:12px;
}

a:visited{
	color:#5E697D;
	text-decoration:none;
	font-size:12px;
}

a:hover{
	color:#5E697D;
	text-decoration:underline;
	font-size:12px;
}

a img{
border:none;
}

/* bloc header */ 
#outils *{
 	font-size: 71%;
 }

#outils * *{
 	font-size: 100%;
 }
 
 
#outils label, #outils input{
 color: #666;
}
 
#outils a:link,#outils a:active{
	color: #666;
	text-decoration: none;
}

#outils a:visited{
	color: #666;
}

#outils a:hover{
	text-decoration: none;
	color: #666;
}

#navzone ul{
	color:#31648C;
	font-weight:bold;
 	font-size: 77%;
 	font-family: Arial;
}

#navzone ul li a:link, #navzone ul li a:active{
	color:#31648C;
	text-decoration:none;
}

#navzone ul li a:visited{
	color:#31648C;
	text-decoration:none;

}

#navzone ul li a:hover{
	color:#31648C;
	text-decoration:none;
}

#navzone ul li a:link.on, #navzone ul li a:active.on{
	color:#31648C;
	text-decoration:none;
}

#navzone ul li a:visited.on{
	color:#031648C;
	text-decoration:none;
}

#navzone ul li a:hover.on{
	color:#31648C;
	text-decoration:none;
}

#arianne{
	color: #666;
	font-size: 71%;
}


#arianne a:link, #arianne a:active{
	color: #666;
	text-decoration: none;
}

#arianne a:visited{
	color: #666;
	text-decoration: none;
}

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

#content .blocbleu h2{
	font-size:100%;
	color: #84433F;	
	font-weight:bold;
}

.bottombloc{
	text-align:right;
	font-weight:bold;
}

.bottombloc span{
	text-align:left;
}

#content h3{
	font-size:88%;
	color: #84433F;	
	font-weight:bold;
}

#homecontent p, #homecontent ul, #homecontent ol, #righter p, #righter ul{
	font-size:77%;
	color:#666;
}


#homecontent ul li, #homecontent ol li, #righter ul li, #righter ul li p{
	font-size:100%;
}

#content p, #content ul, #content ol{
	font-size:77%;
	color:#666;
}

#content ul ul, #content ol ol, #content li li, #content li li{
	font-size:100%;
	color:#666;
}

#content ul li, #content ol li, #content ul li p, #content ol li p{
	font-size:100%;
}


#righter p.soutitre{
	font-size:71%;
	color:#666;
}



#content #extract p.soutitre{
	font-size:82%;
	color:#666;
}


#homecontent p.soutitre, #content p.soutitre{
	font-size:71%;
	color:#666;
}

#content ul.listart li p.soutitre, #content ul.listchiffre li p.soutitre{
	font-size:93%;
	color:#666;
}

#content #extract p{
	font-size:88%;
	color:#666;
}


h6{
	font-size:14px;
	color:#F18E00;	
	font-weight:bold;

}

/*utilisé pour le texte "blois pratique" à droite*/
h2{
	font-size:85%;
	color: #ffffff;	
	font-weight:bold;
}

h3{
	font-size:100%;
	color: #EF037F;	
	font-weight:bold;
}


h7{
	font-size:14px;
	color: #ffffff;	
	font-weight:bold;
}

.blocbleu a:link, .blocvert a:link, .bloc a:link, .blocbleu a:active, .blocvert a:active, .bloc a:active{
	color:#84433F;
	text-decoration:none;
}

.blocbleu a:visited, .blocvert a:visited, .bloc a:visited{
	color:#84433F;
	text-decoration:none;
}

.blocbleu a:hover, .blocvert a:hover, .bloc a:hover{
	color:#84433F;
	text-decoration:none;
}

.blocblanc a:link, .bloc a:active{
	color:#31648C;
	text-decoration:none;
}

.blocblanc a:visited, .blocvert a:visited, .bloc a:visited{
	color:#31648C;
	text-decoration:none;
}

.blocblanc a:hover, .blocvert a:hover, .bloc a:hover{
	color:#84433F;
	text-decoration:none;
}


.blocune a:link, .bloc a:active{
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	letter-spacing : 0px ;
}

.blocune a:visited, .blocvert a:visited, .bloc a:visited{
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	letter-spacing : 0px ;
}

.blocune a:hover, .blocvert a:hover, .bloc a:hover{
	font-size:13px;
	font-weight:bold;
	color:#990000;
	text-decoration:none;
	letter-spacing : 0px ;
}

.blocune a.un:link{
	font-size:14px;
	font-weight:bold;
	color:#314B78;
	text-decoration:none;
	letter-spacing : 0px ;
}

.blocune a.un:visited {
	font-size:14px;
	font-weight:bold;
	color:#314B78;
	text-decoration:none;
	letter-spacing : 0px ;

.blocune a.un:hover{
	font-size:14px;
	font-weight:bold;
	color:#990000;
	text-decoration:none;
	letter-spacing : 0px ;
}

.blocvert h2 a:link, .bloc h3 a:link, .blocvert h2 a:active, .bloc h3 a:active{
	color:#FFF;
	text-decoration:none;
}

.blocvert h2 a:visited, .bloc h3 a:visited{
	color:#FFF;
	text-decoration:none;
}

.blocvert h2 a:hover, .bloc h3 a:hover{
	color:#FFF;
	text-decoration:none;
}

.blocvert h2{
	font-size:88%;
	color: #FFF;	
	font-weight:bold;
}


#content .blocbleu h2{
	font-size:100%;
	color: #84433F;	
	font-weight:bold;
}


#content h3{
	font-size:88%;
	color: #84433F;	
	font-weight:bold;
}

.bottombloc{
	text-align:right;

	font-weight:bold;
}

.bottombloc span{
	text-align:left;
}

#content ul.listart{
	font-size:77%;
	color:#666;
	font-weight:normal;
}

#content ul.listart li h3{
	font-size:100%;
	color: #84433F;	
	font-weight:bold;
}

#content ul.listart li p{
	font-size:100%;
	color: #666;	
	font-weight:normal;
}

#content ul.listchiffre{
	font-size:77%;
	color:#666;
	font-weight:normal;
}

#content ul.listchiffre li h3{
	font-size:100%;
	color: #84433F;	
	font-weight:bold;
}

#content ul.listchiffre li p{
	font-size:100%;
	color: #666;	
	font-weight:normal;
}


#content #plan li a:link, #content #plan li a:active{
	color:#666;
}

#content #plan li a:visited{
	color:#666;
}

#content #plan li a:hover{
	color:#666;
}

#pagination p, #pagination2 p{
	color:#FFF;
}

#pagination p a:link, #pagination2 p a:link, #pagination p a:active, #pagination2 p a:active{
	color:#FFF;
	text-decoration:none;
}

#pagination p a:visited, #pagination2 p a:visited{
	color:#FFF;
	text-decoration:none;
}

#pagination p a:hover, #pagination2 p a:hover{
	color:#FFF;
	text-decoration:none;
}

#content ul.forum-total ul{
	font-size:100%;
}

#content ul.forum-total li li{
	font-size:100%;
}

#content div.forum-chapo{
	text-align:right;
}

#content div.forum-auteur{
	text-align:left;
}

#content div.forum-titre{
	text-align:left;
	font-weight:bold;
	color: #84433F;	
	font-size:105%;	
}

#content ul div.forum-item h3{
	font-size:100%;
}

#contont li li div.forum-auteur{
	text-align:left;
}

legend{
	color: #666;
	text-align: left;
	font-weight:bold;
	font-size:77%
}

a.spip_barre:hover img {
	color: #000;
}

.spip_bouton{	
	font-size:77%;
	font-weight:bold;
}

#content form textarea{
	font-size:77%;
	font-family:arial,verdanan,sans-serif;
}

.spip_encadrer{
	font-size:100%;
}

/* bloc righter */

#righter h3{
	color:#FFF;
	font-size:88%;
}

#righter{
	color:#666;
}




#footer p {
	font-size:77%;
	color: #8A4D3E;	
}

#footer p input{
	color: #8A4D3E;
}

#footer a:link,#footer a:active{
	color: #8A4D3E;
	text-decoration: none;
}

#footer a:visited{
	color: #8A4D3E;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
	color: #8A4D3E;
}