/*----------------------General------------------------*/
/*---------------<-- Design by T3cK -->----------------*/
/*------------------!! t3ck.net !!---------------------*/

/*---------------------- Reset ------------------------*/
/*-----------------------------------------------------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: 12px;}

html, body {height: 100%;}

/*--------------------Mise en page --------------------*/
/*-----------------------------------------------------*/
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: black;
	margin : 0px;
	padding : 0px;
	background: #fcf8d3;
}

#bandeau {
	background: #FFF url(fond_site.jpg) repeat-x;
}
	#bandeau_center {
		width: 890px;
		height: 230px;
		margin: 0 auto;
		text-align:left;
		background: url(bandeau.jpg) no-repeat;
	}
	
	#bandeau_diapo {
		width: 369px;
		height: 153px;
		float: left;
		padding: 15px 0 0 505px;
	}

#contener {
	background: #FFF;
	padding: 45px 0 25px 0px;
}
	#contener_center {
		width: 890px;
		margin: 0 auto;
		text-align: left;
	}

/*---- Bandeau -------*/
#header {
	height: 120px;
	background: #525a73;
}
	#slogan {
		position: absolute;
		top: 10px;
		right: 20px;
		font-size: 1.4em;
		color: white;
	}
	
	h1 {
		font-size: 16px;
		padding: 14px 0 0 35px;
		color: #91140c;
		background: url(h1_puce.jpg) no-repeat;
		margin-bottom: 15px;
	}

/*---- Menu -------*/
#menu {
	float: left;
	margin: 20px 0 0 20px;
	width: 870px;
}
	#menu ul {
		list-style-type: none;
	}
		#menu li {
			float: left;
			height: 24px; /*38-14*/
			padding: 14px 15px 0 15px;
			font-size: 12px;
			background: url(menu_sepa.jpg) right no-repeat;
		}
		#menu li.contact_menu {
			float: left;
			height: 24px; /*38-14*/
			padding: 14px 15px 0 15px;
			font-size: 12px;
			background: none;
		}
		#menu li.lien_actif a {
			color: #ffe800;
		}
			#menu a {
				color: white;
				text-decoration: none;
			}
				#menu a:hover {
					color: #ffe800;
				}
				

/* Sous-listes */
#menu li ul { 
	position: absolute;
	width: 200px;
	left: -999em;
	margin: 5px 0 0 0;
}

/* Eléments de sous-listes */
#menu li ul li {
	display: block;
	width: 200px;
	height: 20px;
	margin: 2px 0;
	padding: 5px 0 3px 10px;
	background: none;
	background-color: #d8d8d8;
	border: 1px #901412 solid;
}

		#menu ul li ul li a {
			color: #c51307;
			text-decoration: none;
		}
		
		#menu li.lien_actif ul li a {
			color: #c51307;
		}
		
		#menu li.lien_actif ul li a:hover, #menu li ul li a:hover {
			color: #000;
		}


/* Pfffffffffffff */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}


#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

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

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


/*---- Menu -------*/
#contener_ss_menu {
	background:  #d8d8d8;
	/*padding: 0 0 25px 0px;*/
}
	#contener_ss_menu_center {
		width: 890px;
		height:35px;
		margin: 0 auto;
	}
	
	#ss_menu {
		float: left;
	}
	
	.ss_menu {
		margin-top: 8px;
		float: left;
		padding: 0 15px;
		font-size: 12px;
		background: url(ss_menu_puce.jpg) left no-repeat;
	}
	
	.ss_menu a {
		color: #c51307;
		text-decoration: none;
	}

/*---- Texte -------*/
#texte {
	float: left;
	width: 620px;
	margin: 0px 0px 0 10px;
	color: black;
}


#texte_back {
	width: 620px;
	float: left;
	padding-top: 5px;
	text-align: center;
}
	#texte h2 {
		color: #db1406;
		font-size: 14px;
		margin-bottom: 1em;
		margin: 15px 0px 15px 0px;
		
		display: block;
		border-bottom: 1px #db1406 solid;
	}
	
	#texte h4 {
		color: #db1406;
		font-size: 14px;
		margin-bottom: 1em;
		margin: 15px 30px 15px 0px;
	}
	#texte h3 {
		margin-right: 30px;
		margin-left: 30px;
		margin-bottom: .5em;
		padding-left: .5em;
		padding-right: .2em;
		font-size: .9em;
		background: #db1406;
		color: white;
	}
	#texte p {
		padding: .7em 30px .7em 0px;
	}
	#texte a, #texte strong, #texte b, #calendar strong {
		color: #91140c;
	}
	
		#texte a:visited {
			color: #91140c;
		}
		#texte a:hover {
			text-decoration: none;
		}
	#texte ul {
		margin: 5px 15px 15px 45px;
		font-size: 12px;
		list-style-image: url(puce.jpg);
	}


/*---- Formatage -------*/
.center {
	text-align: center;
}
img.bordure {
	border: 1px solid #91140c;
}
.floatleft{
	float: left;
	margin: 5px 10px 3px 0px;
}
.floatright{
	float: right;
	margin: 5px 0px 3px 10px;
}
.clear {
	clear: both;
}

/*---- Actu -------*/
#actu {
	clear: both;
	margin: 0 0 20px 0;
	padding: 19px 0 3px 12px;
	font-size: 14px;
	color: #FFF;
	background: url(actu_fond.jpg) bottom repeat-x
}

#actu_autre {
	clear: both;
	width: 620px;
	margin: 10px 0 0 0;
}

	#texte ul a {
		font-weight: bold;
		color:#db1406;
	}

.date {
	display: block;
	color: #e86801;
	font-size: 12px;
	font-style: italic;
	margin: -12px 30px 15px 0px;
}

.actu_big {
	width: 620px;
	margin: 10px 0 0 20px 0;
	padding: 10px 0;
	border-top: 1px #b80c01 solid;
}

/*---- Calendrier -------*/
#calendar {
	width: 214px;
	float: left;
	margin: 0 0 0 30px;
	padding-top: 45px;
	border: 1px #b80c01 solid;
	background: url(calendrier_fond.jpg) top no-repeat;
}

.calendar_part {
	width: 197px;
	float: left;
	margin-left: 9px;
	padding: 13px 0 5px 0;
}

#calendar #jaune {
	width: 214px;
	float: left;
	background: #f9ff92;
}

	.calendar_part h4 {
		font-size: 12px;
		padding: 5px 0 0 22px;
		color: #db1406;
		background: url(h3_puce.jpg) no-repeat;
		margin-bottom: 5px;
	}
	
		#calendar #jaune .calendar_part h4 {
			background: url(h3_puce_mev.jpg) no-repeat;
	}
		
	.calendar_part .m_e_v {
		display: block;
		font-size: 12px;
		color: #db1406;
		margin-bottom: 8px;
	}
	
	.calendar_part p {
		padding: .7em 0px .7em 0px;
	}
	
	.calendar_part ul {
		margin: -7px 0 5px 15px;
		font-size: 11px;
		list-style-type: circle;
	}
	
	#calendar .renseignement {
		color: #db1406;
		font-weight: normal;
	}
	
.calendar_decor {
	border-top: 1px #b80c01 solid;
}

/*------- Produits -------*/
#liste_produit {
	float: left;
	width: 620px;
	margin: 25px 0 0 0;
	border-collapse: collapse;
	border-spacing: 0px;
}

#liste_produit .produit {
	width: 25%;
	vertical-align: top;
	padding-bottom: 25px;
	text-align: left;
}

#texte #liste_produit .titre a {
	font-size: 12px;
	color: #bf0101;
	text-decoration: none;
}
#texte #liste_produit .download a {
	font-size: 11px;
	color: #910b02;
	text-decoration: none;
}
#liste_produit .createur a {
	font-size: 12px;
	text-decoration: none;
	color: #f79100;
}

#liste_produit a img {
	border: 1px #bf0101 solid;
}


/*---- Reglage -------*/
#contenu {
	width: 890px;
	float: left;
}

#space {
	width: 890px;
}

/*---- Pied de page -------*/
#pdp {
	background: url(pdp.jpg) repeat-x;
}

#footer {
	/*clear: both;*/
	width: 870px; /*890-20*/
	height: 38px; /*63-20-5*/
	margin: 0 auto;
	text-align: left;
	background: url(pdp_fond.jpg) top left no-repeat;
	text-align: right;
	font-size: 11px;
	color: #000;
	padding: 20px 20px 5px 0;
}
	#footer p img {
		vertical-align:middle;
	}
	#footer a{
		color: #000;
		text-decoration: none;
	}
		#footer a:hover{
			text-decoration: underline;
		}

/*---- pagination-------*/

.pagination {
	clear: both;
	width: 600px;
	text-align: center;
	margin-top: 15px;
	padding-top: 15px;
	font-size: 12px;
}
	#texte .pagination a, #texte .pagination strong{
		/*border: 1px solid #e1e4ec;*/
		background: white;
		padding: 1px 4px;
		text-decoration: none;
		color: #db1406;
	}
	#texte .pagination a:hover{
		color: #e58c00;
	}
	.pagination strong{
		/*background: #e5f1ff ;*/
		font-size: 14px;
		color: #e58c00;
	}

/*---- Messages divers -------*/
.attention, .confirmation {
	background: #fce5e1 url(attention.gif) 10px 5px no-repeat;
	padding: 0px 5px 5px 50px;
	margin: 1em 1em;
	border: 1px #ff9100 solid;
}
.confirmation {
	background: #F0FFF0 url(confirmation.gif) 10px 5px no-repeat;
	border: 1px #009F00 solid;
}

/*---- bloc -------*/