/* *********************************** */
/* Ce fichier contient les définitions des polices et des couleurs du site */
/* *********************************** */


/*
	C'est là que vous définissez la taille de police souhaitée.
	Pour les polices en EM Le line-heights et les marges sont calculés automatiquement à partir de cela.
	La police par défaut des navigateurs étant de 16px, on applique un pourcentage pour leur faire comprendre que la police par défaut
	fera désormais 12px (0,75 = 12px / 16px).
*/

/* Police et couleur par défaut
-------------------------------------------------------------- */

body { font-size: 75%; color: #666666; font-family: Arial, Verdana, sans-serif; }

/* Headings
-------------------------------------------------------------- */

/* On utilise h1 pour afficher le logo du site, il ne faut donc pas le paramétrer ici */
h2 { 
font-size: 1.5em;
font-weight: bold;
color:#666666;
display:block; 
margin:0 0 1em 0;
}

.col-middle h2 {
background:url(images/interface/h2.gif) no-repeat left center;
padding-left:30px;
}
h3 {
font-size: 1.3em;
margin: 1em 0 1em 0;
font-weight: bold;
font-style:italic;
color:#666666;
text-decoration:none;
border-left:1px solid #666;
padding-left:0.4em;
}
h4 { font-size: 1.2em; font-weight: bold; margin-top:2em; margin-bottom: 0.5em; color:#FF0C00; }
h5 { font-size: 1.1em; font-weight: bold; margin-bottom: 0.5em; color:#FF0C00; }
h6 { font-size: 1em; font-weight: normal; color:#26A8FE; }

/* Text elements
-------------------------------------------------------------- */

p           { font-size: 1.1em; margin: 0 0 1em; text-align:inherit; line-height:1.4em; }
p.last      { margin-bottom: 0; }

ul, ol      { margin:0; }
ul          { list-style-type: none; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1em; font-style: italic; }
del         { color:#666; }

/* Default links */
a           { color:#666; font-weight:bold; text-decoration:none;}
a:hover     { text-decoration:underline; }
a:focus, 
a:visited   { }


#footer a { color:#FFFFFF; text-decoration:none; }
/* */

sup 		{ vertical-align: top;}
sub			{ vertical-align: bottom;}
blockquote  { font-style: italic; text-align: justify; color:#999999; padding:1em; width:90%; margin:1em;}

strong      { font-weight: bold; color:#666666; }
em,dfn      { font-style: italic; color:#FF0C00; font-size:14px; text-align:center;}
dfn         { font-weight: bold; }
pre,code    { margin: 1em 0; white-space: pre; }
pre,code,tt { color: #666; font: 1em "Monika", "script", "andale mono", "monotype.com", "lucida console", monospace; line-height: 1; } 
tt          { display: block; margin: 1em 0; line-height: 1; }

.li-box {
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0;
}

.li-box li { display:block;}

.li-box li a {
	list-style:none;
	display:block;
	border:1px solid #cccccc;
	padding:5px;
	margin:5px;
	width:207px;
	text-decoration:none;
	font-weight:bold;
	}

.li-box li a:hover { background:#333333; color:#FFFFFF;}

.col-middle ul { margin:15px 0 15px 0; }

.col-middle li {
background:url(images/interface/li-puce.gif) no-repeat center left;
padding-left:15px; 
}

.col-middle li ul li {
background:url(images/interface/li-puce2.gif) no-repeat center left;
padding-left:15px; 
}

p.accroche {
padding-right:40px;
position:relative;
text-align:center;
margin:1px 0 15px 0;
padding:15px 0;
border-top:1px dotted #999;

}

p.accroche em .ouvrant {
	float:left;
}

p.accroche em .fermant {
	float:right;
}

p.accroche em { 
padding:0 0 0 40px;
color:#666666;
font-weight:normal;
text-align:center;
position:relative;
font-size:1em;
line-height:1.4em;
}

table h3 {
background:url(images/interface/h3-ul.jpg) no-repeat top center;
border:none;
padding-top:4px;
text-align:center;
min-height:22px;
height:auto!important;
height:26px;
font-size:1.2em;
color:#FFFFFF;
margin:0px;
}

.lien_contact { 
border:1px dotted #999;
border-bottom:4px solid #999;
text-align:center;
margin:20px auto 0 auto;
width:250px;
padding:2px;
}

.lien_contact a { text-decoration:none;}
.lien_contact a:hover { text-decoration:underline;}