@charset "utf-8";
/* CSS Document */

body{
	font-size:13px;
	font-family:'Pontano Sans', Arial, Helvetica, sans-serif;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../IMG/HeaderBackground.png);
	background-repeat:repeat-x;
	background-color:#f4f4f4;
	height:100%
}

.header{
	width:1024px;
	header:100px;
	font-size:1em;
	margin-bottom:0px;
}

.conteneurNav{
	float: left; 
	width: 1024px; 
	background-color:#FFFFFF;
	-moz-box-shadow: 3px 3px 12px #999;
	-webkit-box-shadow: 3px 3px 12px #999;
	/filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=5); 
    zoom: 0;
}

.menu{
	background-color:#cccccc;
}

.gaucheAccueil{
	float:left;
	width:250px;
	margin: 30px 0px 30px 10px;
	text-align:center;
}

* html .gaucheAccueil {
/* Que pour IE */
	float:left;
	width:250px;
	margin: 30px 0px 30px 5px;
	text-align:center;
}


.centre{
	_margin: 30px 250px 0px 280px;
	margin: 30px 210px 0px 280px;
	position:relative;
		/*width:520px;
	float:left;*/

}

* html .centre {
/* Que pour IE */
	margin: 30px 200px 0px 260px;
}

.actu{
	/*width:520px;
	float:left;*/
	position:relative;
	margin: 65px 210px 0px 280px;
	/margin: 30px 210px 0px 280px;
	height:100%;
	/*padding: 10px;
	height:100%;
	background-image:url(../IMG/ombreMain.png);
	background-position:left;
	background-repeat:repeat-y;*/
}

.rub{
	/*width:520px;
	float:left;*/
	position:relative;
	margin: 65px 10px 0px 280px;
	/margin: 30px 210px 0px 280px;
	height:100%;
	/*padding: 10px;
	height:100%;
	background-image:url(../IMG/ombreMain.png);
	background-position:left;
	background-repeat:repeat-y;*/
}



.actu .contenu, .actu .contenu_article{
	float:left; 
	width: 100%; 
	border-bottom:solid 1px #999999; 
	margin-bottom:10px;
}

.actu .contenu_article:last-child{
	float:left; 
	width: 100%; 
	margin-bottom:10px;
}

.article:last-child{
	border:0px;
}

.actuSommaire{
	position:relative;
	margin: 30px 210px 0px 280px;
	/margin: 30px 210px 0px 280px;
	height:100%;
}

.ombre_principale{
	height:10px;
	width:534px;
	background-image:url(../IMG/main_ombre.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#sommaire{
	_float:left;
	position:relative;
	width:100%
	_margin-right:210px;
	/margin-top:10px;
	margin-top:10px;
}

  .conteneurSommaire{
	/*float:left; 
	width:520px;*/
	padding:10px;
	/*height:100%;
	/margin-top:10px;*/
}

	.boutonsachat{
		width:100%; 
		float:left; 
		margin:10px 0px 0px 0px;
	}

.conteneurAutour{
	/*float:left; 
	width:520px;
	padding:0px; 
	width:540px;*/
	height:100%;
	margin-top:20px;
}

.conteneurRSS{
	/*float:left; */
	height:100%;
	margin-bottom:10px;
}

	.conteneurSommaire ul{
		margin-left:0px;
		padding-left:0px;	
	}
	
	.conteneurSommaire ul li{
		margin-bottom:5px; 
		/list-style-position:outside;
	}

	ul.plusloin{
		margin:20px 0px; 
		padding:0px; 
		list-style:none;
	}
	
	ul.plusloin li{
		padding:5px 0px; 
		margin:10px 0px; 
		/*border-bottom:solid 1px #eeeeee;*/
	}
	
	.conteneurRSS ul{
		list-style:square;
		padding:0px; 
		list-style-position:inside;
		/margin-left:-10px;
		margin-top:5px;
	}
	
	.spip_logos{
		border:none;
		float:left;
		margin:0px 10px 5px 0px;
	}
	
	.ombre_vignette{
			height:10px;
			width:180px;
			background-image:url(../IMG/ombre_bloc_droite.jpg);
		}

.texte{
	text-align:left; 
	/*width:530px;*/ 
	border-bottom:solid 1px #999999; 
	margin-bottom:10px; 
	line-height:1.8em;
	font-family:"Merriweather", Georgia, "Times New Roman", Times, serif;
}

	.texte p{
	margin:5px 0px 5px 0px;
	}

	.texte h2{
		padding-left:0px;
		font-size:1em;
		margin-top:0px;
		margin-bottom:0px;
		margin-top:20px;
		margin-bottom:20px;
		background-color:#f4f4f4;
	}
	
	.texte h1{
	/*border-bottom:1px solid #333333;*/
	font-size:1.60em;
	text-decoration:none;
	margin-top:20px;
	}
	
	.texte ol li{
		list-style:decimal;
	}
	
	.texte ul li{
			list-style:circle;
		}
	
	h3.spip{
	font-size:1.3em;
	color:#727375;
	font-family:'Pontano Sans', Arial, Helvetica, sans-serif;
	}
	
.themes{
	float:right;
	width:180px;
	margin: 30px 10px 10px 0px;
}
	.themes ul{
		list-style:none;
		list-style-position:inside;
		padding:5px;
		margin:0px;
		/*list-style-position:outside;*/
	}
	
	.themes ul li{
	margin-bottom:5px; 
	padding-bottom:5px; 
	border-bottom:1px solid #cccccc;
	/*margin-left:-10px;*/
	/list-style-position:outside;
	}
	
	.themes ul li:last-child{
	border-bottom:0px;
	}
	
	.menusdroite{
	margin-bottom:20px;
	background-color:#f4f4f4;
	padding-top:5px;
	}
	
		.ombre_bas{
			height:10px;
			width:180px;
			background-image:url(../IMG/ombre_bloc_droite.jpg);
		}
	
	.menusdroite h2{
	background-color:#eeeeee;
	font-size:1em;
	margin: 0px 5px 5px;
	}
	.menusdroite a{
	font-weight:300;
	font-size:12px;
	}
	a.voirtous {
	display:block;
	text-align:right;
	background-color:#eeeeee;
	}	

.footer{
	float:left;
	width:1024px;
	text-align:center;
	height:15px;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px 0px 5px 0px;
}

.pagin{
margin:20px 0px; 
float:right;
}

/*MENU*/

.menu-liste{
list-style:none;
margin:0px;
}

.menu-entree a{
	display:block;
	height:20px;
	padding:10px;
	float:right;
	/*width:135px;*/
	text-align:center;
	/*border-left:1px solid #333333;*/
	background-color:#cccccc;
	color:#d43a1e;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	color:#D43A1E;
}

a.boutonSommaire {
	display:block;
	background-color:#ffffff;
	color:#333333;
	height:25px;
	border:1px solid #333333;
	padding-top:5px;
	margin-top:10px;
	margin-bootom:10px;
}

a:hover.boutonSommaire {
	display:block;
	background-color:#999999;
	color:#ffffff;
	height:25px;
	border:1px solid #333333;
	padding-top:5px;
}

.pagin .on{
padding:5px;
border:1px solid #D43A1E;
color:#D43A1E;
margin-bottom:10px;
font-size:13px;
}

a.lien_pagination{
padding:5px;
border:1px solid #CCCCCC;
margin-bottom:10px;
font-size:13px;
}

h1{
	/*border-bottom:1px solid #333333;*/
	font-size:1.60em;
	text-decoration:none;
	margin-top:0px;
	font-variant:small-caps;
}

h2{
	padding-left:0px;
	font-size:1em;
	margin-top:0px;
	margin-bottom:0px;
}

h3{
	font-size:11px;
}

h4{
	font-size:13px;
}

a{
	color:#333333;
	text-decoration:none;
}

p{
	line-height:1.8em;
}

#cart{
	text-align:right; 
	vertical-align:bottom;
	margin-right:38px;
}

#cart a:hover{
	color:#FFFFFF;
}

input[type="text"], input[type="password"]{
border:1px solid #999;
padding:3px;
-moz-border-radius:4px;
} 

/* Tableau dans les articles */
table.spip{
border: solid 1px #cccccc;
width:100%;
text-align:center;
font-size:11px;
}

.row_first{
background-color:#cccccc;
}

.row_even{
background-color:#dddddd;
}

.row_odd{
background-color:#eeeeee;
}


/*BARRE DE NAVIGATION*/
#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	/*background: white;*/
	font-weight: bold;
	padding: 0;
	/*border: solid #eda;
	border-width: 1px 0;*/
	margin: 0 0 0 0;
	text-align:left;
}

#nav a {
	display: block;
	width: 170px;
	/*width: 6em;*/
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.7em 0em;
}

#nav a.on{
	background-color: #ffffff;
	color: #333333;
}

#nav a:hover{
	background-color: #ffffff;
	color: #333333;
}

#nav ul li:hover a{
	color:#333333;
	background-color:#fff;
}

#nav li:hover ul a{
	color:#333333;
	background-color:#f4f4f4;
}

#nav li:hover ul a:hover{
	color:#ffffff;
	background-color:#bbbbbb;
}

#nav ul a:hover{
	color:#333333;
	background-color:#FFFFFF;
}

#nav li {
	float: left;
	padding: 0;
	width: 170px;
	text-align:center;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	/*width: 14.4em;*/
	width: 200px;
	font-weight: normal;
	/*border-width: 0.25em;*/
	margin: 0;
	/margin-left:-85px;
	background-color:#c73e25;
	z-index:10;
}

#nav li li {
	/*padding: 0em 1em;
	width: 170px;*/
	text-align:left;
}

#nav li ul a {
	width: 180px;
	padding:10px;
	border-bottom:1px #fff dotted;
	/*w\idth: 170px;*/
	background-color:#cccccc;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul,
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul
{
	left: -999em;
}


#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul,
#nav li li li li:hover ul
{
	left: auto;
}

#nav li.sfhover ul{
	left:auto;
}
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul,
{
	left: auto;
}

/*#nav li.on a.intitule {
	background-color: #ffffff;
	color: #333333;
}*/

#nav ul ul li,  #nav ul ul li.on , #nav ul ul li.sfhover , #nav ul ul li:hover   { background-image:none; background-color:#cccccc;  }

#nav ul li ul li a, #nav ul li ul li{background-color:#eeeeee;}

/* Bloc newsletter */
.ariaformprop ul{
padding:0px;
list-style:none;
}