/*------------- CONTEXTUEL ----------------*/
/*	les elements en fonction deleur contexte
 *  Ce fichier gere les couleurs et les differents elements dans leurs contextes
 */


body{
	background:#FFF;
	font-size:14px;
	font-family: arial;
	color:#333;
}

h5{
	font-size:1.2em;
	color:#971;
	margin:0px 0 2px 0;
}

/*---- blockparagraphe ---*/
p{
	text-align:justify;
	margin-bottom:10px;
}

p i{
	font-size:0.85em;
}
a{
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	text-decoration:underline;
}

#col ul li{
	padding-left:20px;
	background: url(../img/puce.png) top left no-repeat;
}
#col a{
	color:#900;
}
/*----------------------------------------*/
#menu li{
	float:left;
	margin-right:10px;
}

#menu li a{
	float:left;
	padding:5px;
	color:#FFF;
	text-decoration:none;
}

#menu li .current,
/*#menu li a.current,*/
#menu li:hover,
#menu li a:hover{
	background-color:#FFF;
	color:#666;
}
/*----------------------------------------*/
a.ensavoirplus{
	display:block;
	font-size:0.8em;
	text-decoration:none;
	/*margin-top:10px;*/
	color:#971;
}
a:hover.ensavoirplus{
	text-decoration:underline;
}

.guillemets{
	float:left;
	margin-right:8px;
	margin-top:4px;
	width:25px;
	height:20px;
	background: url(../img/guillemets.gif) top left no-repeat;
}
/*----------------------------------------*/
#pieddepage{
	color:#FFF;
	font-size:0.9em;
}

#pieddepage a{
	color:#FFF;
	text-decoration:underline;
}

#menu_pieddepage{
	color:#900;
	/*rappel menu principale enpied de page*/
}

#pieddepage .footer_links{
	margin:10px;
	padding:10px;
	border:2px solid #FFF;
}

#pieddepage .footer_links ul{
	float:left;
	padding-right:5px;
	width:32%;
	text-align:right;
	border-right:2px solid #FFF;
}

.radius{
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*-o-border-radius:5px;*/
}

.shadow{
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.clearit{
	clear:both;
}