/* CSS Document */

ul, li, div, img, form, hr {
	margin:					0;
	padding:				0;
}

ul, li {
	list-style-type:none;
}

/*==========================================================================================
	<body>
==========================================================================================*/
body {
	background-color: 		#ebedd3;
	background-image: 		url(../images/interface/background.gif);
	background-position: 	top;
	background-repeat: 		repeat-x;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				11px;
	font-weight: 			normal;
	/*color: 				#333333;*/
	color: 					#2f2e2e;
	margin:					0;
	padding:				0;

}

/*==========================================================================================
	<div>
==========================================================================================*/
.div-principal{
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				10px;
	background:				url(../images/interface/bg-principal.gif) no-repeat; 
	width:					768px; 
	min-height:				552px;
	padding-top:135px;
}

.div-bandeau{
	width:					752px; 
	height:					120px; 
	padding:				5px 8px 5px 8px;
}

.div-gauche{
	width:					168px; 
	min-height:				423px; 
	float:					left; 
	margin:					0 0 0 1px; 
	padding:				0 0 0 0;
	background-color:		#FFF;
}

*>.div-gauche{
	width:					166px;
	!width:					168px; 
	margin:					0 0 0 3px; 
	padding:				0 0 0 0;
}

.div-menu{
	width:					160px; /*160*/
	min-height:				425px;
	float:					left; 
	margin:					0 0 0 2px;
	padding:				0 0 0 2px;
}

*>.div-menu{
	margin:					0 0 0 3px;
	!margin:				0 0 0 3px; 
	width:					160px; 
	!width:					160px; 
}

*>.div-logo-gauche{
width:167px;
!width:168px; 
}

.div-contenu{
	background-color:		#FFF;
	width:					575px;
	min-height:				645px;
	float:					left;  
	margin-left:			4px;
	margin-bottom:			5px;
	padding:				12px 5px 4px 10px;
}
*>.div-contenu{
	margin-left:			6px;
	!margin-left:			4px;
}

.div-footer{
	background:				url(../images/interface/img-souris.jpg) 506px 0 no-repeat;
	width:					548px;
	height:					32px;
	text-align:				center;
	color:					#b0b29e;
	padding: 				25px 0 0 25px;
	margin:					0 0 0 0;
	text-align:				left;
}

.div-actualites{
	background-color:		#f2f2f2;
	width:					569px;
	margin:					0 0 25px 5px;
}

.div-information{
	width:					570px;
	height:					120px;
	margin:					15px 0 0 5px;
	color:					#333333;
}

.div-liens-footer{
background-color:#FFFFFF; 
float:right; 
width:580px;
margin-right:3px; 
margin-bottom:15px; 
padding:5px; 
text-align:center;
}

.div-liens-footer span{
display:block; 
margin-top:5px;
}
/*==========================================================================================
	<hn>
==========================================================================================*/
h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#2b6595;
margin:0 0 7px 7px;
text-transform:uppercase;
}

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#2f2e2e;
margin:15px 0 7px 0;
padding-left:10px;
}
/*==========================================================================================
	<p>
==========================================================================================*/
p{
	margin:					0 0 10px 10px;
}


.p-bleu {	
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	color:					#2b6595;	
	font-size:				10px;
	margin:					0 0 10px 10px;
}

.p-div-actualites {
	margin:					10px 15px 10px 10px;
}

/*==========================================================================================
	<img>
==========================================================================================*/
.img-margin-left{
	margin:					0 0 0 10px;
}

.img-margin-right{
	margin:					0 10px 0 0;
}
/*==========================================================================================
	<span>
==========================================================================================*/

span.span-titre-actualites {
	display:				block;
	background-color:		#4d4d4d;
}

.span-fleche-bleue{
	display:				block;
	color:					#009ee0;
	background:				url(../images/interface/picto-fleche-bleue.gif) 0 3px no-repeat;
	margin:					0 0 0 10px;
	padding-left:			7px;
}
.texte-10px-gris{
	color:#999999;
	font-size:10px;
}
/*==========================================================================================
	<ul> <li>
==========================================================================================*/

ul.ul-interne{
	margin:					10px 0 10px 45px;
	padding:				0;
}

li.li-interne{
	list-style-type:		disc;
}

ul.ul-ss-menu-gauche {
	display:				none;
	/*display:				block;*/
	list-style-type:none;
}

ul.ul-ss-menu-gauche-actif {
	display:				block;
	list-style-type:none;
}

ul.ul-liens-annexes{
	list-style-type:		none;
	margin-top:				5px;
}
/*==========================================================================================
	<a>
==========================================================================================*/

a {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #2f2e2e; font-weight: normal;}
a:hover {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #2f2e2e; font-weight: normal;}

*> a:link {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #2f2e2e; font-weight: normal;}
*> a:visited {text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #2f2e2e; font-weight: normal;}
*> a:hover {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #2f2e2e; font-weight: normal;}

a.a-bleu{text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #009ee0; font-weight: normal;}
a.a-bleu:hover{text-decoration: none;}

.div-footer a {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #b0b29e; font-weight: normal;}
.div-footer a:hover{text-decoration: underline;}

a.a-333333{text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: normal;}
a.a-333333:hover{text-decoration: none;}

a.a-menu-gauche{
	display:				block;
	height:					10px;
	width:					151px;
	background-color:		#009ee0;
	border-bottom:			#007eb3 1px solid;
	border-top:				#40b6e8 1px solid;
	padding:				3px 0 8px 6px;
	text-decoration:		none;
	text-transform:			uppercase;
	color:					#FFF;
	font-size:				10px;
}

a.a-menu-gauche:hover{
	font-size:				10px;
	background-color:		#66caf3;
	color:					#FFF;
	text-decoration:		none;
}

a.a-menu-gauche:link{
	font-size:				10px;
	color:					#FFF;
	text-decoration:		none;
}
a.a-menu-gauche:visited{
	font-size:				10px;
	color:					#FFF;
	text-decoration:		none;
}
a.a-menu-gauche-actif {
	display:				block;
	height:					10px;
	background-color:		#009ee0;
	border-bottom:			#007eb3 1px solid;
	border-top:				#40b6e8 1px solid;
	padding:				3px 0 8px 6px;
	text-decoration:		none;
	text-transform:			uppercase;
	color:					#FFF;
	font-size:				10px;
	font-weight:			bold;
	width:					151px;
}


a.a-ss-menu-gauche{
	display:				block;
	background-color:		#66caf3;
	padding:				5px 0 5px 7px;
	text-decoration:		none;
	color:					#FFFFFF;
	font-size:				11px;
	width:					150px;
}
a.a-ss-menu-gauche:hover{
	display:				block;
	background-color:		#66caf3;
	padding:				5px 0 5px 7px;
	text-decoration:		none;
	color:					#FFFFFF;
	font-size:				11px;
	background:				#66caf3 url(../images/interface/picto-fleche-blanche.gif) 0 9px no-repeat;
}
a.a-ss-menu-gauche:visited{
	text-decoration:		none;
	color:					#FFFFFF;
}
a.a-ss-menu-gauche:active{
	text-decoration:		none;
	color:					#FFFFFF;
}
a.a-ss-menu-gauche-actif{
	display:				block;
	background-color:		#66caf3;
	padding:				5px 0 5px 7px;
	text-decoration:		none;
	color:					#FFFFFF;
	font-size:				11px;
	background:				#66caf3 url(../images/interface/picto-fleche-blanche.gif) 0 9px no-repeat;
	width:					150px;
}

a.petit-lien{
	font-size:9px;
	color:#999999;
	text-decoration:none;
}

a.a-liens-annexes{
	display:				block;
	background:				#FFFFFF url(../images/interface/picto-fleche-rouge.gif) 0 10px no-repeat;
	border-bottom:			#ebedd3 1px solid;
	padding:				6px 0 5px 10px;
	color:					#333333;
	text-decoration:		none;
}

a.a-liens-annexes:hover{
	display:				block;
	background:				#FFFFFF url(../images/interface/picto-fleche-rouge.gif) 0 10px no-repeat;
	border-bottom:			#ebedd3 1px solid;
	padding:				6px 0 5px 10px;
	color:					#333333;
	text-decoration:		underline;
}

a.a-liens-annexes:link{
	display:				block;
	background:				#FFFFFF url(../images/interface/picto-fleche-rouge.gif) 0 10px no-repeat;
	border-bottom:			#ebedd3 1px solid;
	padding:				6px 0 5px 10px;
	color:					#333333;
	text-decoration:		none;
}

a.a-liens-annexes:visited{
	display:				block;
	background:				#FFFFFF url(../images/interface/picto-fleche-rouge.gif) 0 10px no-repeat;
	border-bottom:			#ebedd3 1px solid;
	padding:				6px 0 5px 10px;
	color:					#333333;
	text-decoration:		none;
}


/*==========================================================================================
	<input>
==========================================================================================*/

input, option, select, textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;
background-color:#FFF;
border:#A0B0B8 1px solid;
}
