/*----------------------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 {
	background: #FFF;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #484747;
	position: relative;
}
	#conteneur {
		position: relative;
		width:780px;
		margin: 0 auto;
		text-align:left;
		background: #FFF url(conteneur_bck.gif) 0 323px repeat-x;
	}

/*---------------------- Bandeau ----------------------*/
/*-----------------------------------------------------*/
#header_fond {
	background: #5a5a5a url(header_fond.jpg) repeat-x ;
}
	#header {
		margin: auto;
		width: 960px;
		height: 138px;
		text-align:left;
	}	
	#header_haut {
		margin: 18px 0 37px 0;
		float: left;
		width: 100%;
	}
	#logo {
		margin: 0 21px 0 0;
		float: left;
		height: 61px;
	}
	#slogan {
		float: left;
	}
		#slogan img {
			clear: both;
			margin: 13px 0 8px 0;
		}
		#slogan p {
			font-size: 10px;
			color: #e8f408;
		}

#implantation {
	float: right;
	margin-top: 5px;
	font-size: 10px;
	color: #e8f408;
}

#implantation a {
	color: #e8f408;
	text-decoration: none;
}

/*---------------------- Menu -------------------------*/
/*-----------------------------------------------------*/
#nav {
	float: left;
	width: 570px;
	height: 22px;
	padding: 0 0 0 181px; /*188-7*/
}
	#nav ul {
		list-style-type: none;
	}
		#nav li {
			float: left;
			margin: 0 6px;
			padding: 0px;
			background: url(menu_fond.jpg) repeat-x;
		}
		.decor_gauche {
			background: url(menu_gauche.jpg) left no-repeat;
		}
		.decor_droit {
			padding: 5px 16px 3px 16px;
			font-size: 12px;
			height: 14px; /*22-5-3*/
			background: url(menu_droit.jpg) right no-repeat;
		}
		#nav li.lien_actif {
			/*background:  #737d9c;*/
		}
			#nav a {
				color: #000;
				text-decoration: none;
				font-weight:bold;
			}
				#nav a:hover {
					color:#FFF;
				}

/*--------------------- Section -----------------------*/
/*-----------------------------------------------------*/
#section_fond {
	background: #FFF;
}
	
	#section {
		margin: auto;
		width: 960px;
		overflow: hidden;
		padding-top: 16px;
		text-align: left;
	}
	#colonne_gauche {
		float: left;
		width: 710px;
	}
		.encart {
			float: left;
			width: 710px;
			padding: 14px 0 27px 0;
			border-top: 2px solid #c8d200;
		}
			.degrader {
				width: 670px; /*710-20-20*/
				background: url(degrade.jpg) repeat-x;
				padding: 14px 20px 27px 20px;
			}
		
		#section h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 22px;
			color: #666464;
			font-weight: normal;
			margin-bottom: 1em;
			margin-right: 30px;
		}
		#section h2 {
			margin: 0 0 10px 30px;
			/*padding: 3px 0 3px 5px;*/
			padding: 0 0 0 5px;
			/*display: block;*/
			border-left: 2px solid #c8d200;
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: normal;
			color: #c8d200;
		}
		#section h5 {
			/*float: right;
			font-size: 14px;
			font-weight: bold;
			color: #85a601;			
			margin: 20px 0 0 10px;*/
			float: right;
			display: block;
			width: 98px;
			text-align: right;
			font-size: 12px;
			font-weight: bold;
			color: #85a601;			
			margin: 20px 0 0 10px;
		}
		#section p {
			padding: 8px 0;
		}
		#section .separation  {
			float: right;
			width: 485px; /*515-2*/
			padding: 0 0 0 10px;
			margin: 20px 0 0 10px;
			border-left: 2px solid #85a601;
		}
		#section a, #section strong, #section b {
			color: #85a601;
		}
			#section .big {
				font-size: 14px;
				font-weight: bold;
			}
			#section .vert {
				color: #85a601;
			}
			#section a:visited {
				color: #85a601;
			}
			#section a:hover {
				text-decoration: none;
			}
		#section ul {
			margin: 5px 15px 15px 45px;
		}
		#section ul.no_puce{
			list-style-type: none;
		}
		#section ul li {
			margin: 7px 0;
		}

/*----------------------- Pro -------------------------*/
/*-----------------------------------------------------*/
#pro {
	width: 710px; /*175-10-10*/
	height: 90px; /*244-15-15*/
	float: left;
	margin: 0 0 10px 0;
	background: url(pro_fond_2.jpg) no-repeat;
}

.vert_pro {
	color: #85a601;
	/*padding: 0 0 0 147px;*/
}

.pro_mail {
	width: 100%;
	float: left;
	color: #666464;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 5px 0 5px 20px;
	background: url(pro_fond.jpg) no-repeat;
}
	#section .pro_mail a {
		text-decoration: none;
		color: #666464;
	}

/*-------------------- Thematique ---------------------*/
/*-----------------------------------------------------*/
.them {
	width: 100%;
	float: left;
	padding-bottom: 20px;
}

.them h1 {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #666464;
	font-weight: normal;
	padding: 10px 0 0 0;
	margin-bottom: 1em;
	margin-right: 30px;
	
	border-top: 2px solid #c8d200;
}

.them p {
	font-size: 12px;
	font-style: italic;
	color: #666;
}
		
.colonne_them {
	float: left;
	width: 480px;
	padding-bottom: 50px;
}
	.colonne_them .separation_them  {
		float: right;
		width: 340px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 10px;
		border-left: 2px solid #85a601;
	}
	
	h6 {
		float: right;
		display: block;
		width: 80px;
		text-align: right;
		font-size: 12px;
		font-weight: bold;
		color: #85a601;			
		margin: 20px 0 0 10px;
	}

.tab_them {
	float: left;
}

.tab_them td {
	padding: 6px 3px;
}

#video_mini {
	float: right;
	margin: 0 0 20px 0;
}

#video, #them_pub, #loisir {
	float: right;
	width: 362px;
	clear: right;
	margin: 0 0 20px 0;
}

/*-------------------- Roll over ----------------------*/
/*-----------------------------------------------------*/ 
a.info{
	position:relative;
	z-index:24;
	color:#000;
	text-decoration:none
}
 
a.info:hover{
	z-index:25;
	background-color:#FFF
}
 
a.info span{
	display: none
}
 
a.info:hover span{
	display:block;
	position:absolute;
	top:2em; left:-11em; width:14em;
	border:1px solid #000;
	background-color:#FFF;
	color:#000;
	text-align: justify;
	font-weight:none;
	padding:5px;
}

/*----------------------- Pub -------------------------*/
/*-----------------------------------------------------*/
#pub_text {
	width: 155px; /*175-10-10*/
	height: 214px; /*244-15-15*/
	float: left;
	padding: 15px 10px;
	line-height: 14.0pt;
	color:#FFF;
	background: url(pub_text_fond.jpg) repeat-x;
}

.pub {
	width: 515px;
	height: 292px;
	float: right;
	border: 1px solid #cfd1d2;
}
.pub_explication {
	width: 515px;
	/*height: 292px;*/
	float: right;
	margin:10px 0 5px 0;
	/*border: 1px solid #cfd1d2;*/
}

	#pub_contact {
		width: 155px;
		float: left;
		margin: 28px 0 0 0;
	}
	#pub_contact strong {
		font-size: 18px;
		color: #c8d200;
	}
	#section .encart #pub_text #pub_contact p {
		padding: 0;
	}
	#section .encart  #pub_text #pub_contact ul {
		margin: 2px 0 0 15px;
	}
	#section .encart  #pub_text #pub_contact ul li {
		margin: 2px 0 0 0;
	}

/*----------------- Colonne droite --------------------*/
/*-----------------------------------------------------*/
#colonne_droite {
	float: right;
	width: 218px;	
	padding: 0 0 23px 0;
}

#offre_trio {
	float: left;
	padding: 0 0 23px 0;
}
	#offre_trio .sepa {
		float: left;
		margin-right: 13px;
	}
.encart_contener {
	width: 216px;
	float: right;
	/*margin: 16px 0 45px 0;*/
	margin: 0 0 23px 0;
	
}
	h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #666464;
		font-weight: normal;
		margin-bottom: 7px;
	}
	h4 {
		margin: 10px 0 10px 30px;
		padding: 0 0 0 5px;
		border-left: 2px solid #c8d200;
		
		font-size: 14px;
		color: #c8d200;
	}
	.encart_decor {
		width: 184px; /*214-15-15*/
		float: left;
		min-height: 92px; /*107-15*/
		padding: 15px 15px 0 15px;
		border-left: 1px solid #e5e5e5;
		border-top: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		background: url(actu_fond.jpg) repeat-x;
	}
		.encart_text {
			width: 184px;
			float: left;
			margin: 0 0 15px 0;
		}
		#section .encart_contener strong {
			color: #666464;
		}
		/*#section .encart_text strong {
			color: #000;
		}*/
		#section .encart_text p, .encart_contener  p {
			font-size: 11px;
			padding: 0 0 10px 0;
		}
			/*#section .encart_contener a {
				font-size: 14px;
			}*/
			#section .encart_contener ul {
				margin: 5px 15px 15px 14px;
				font-size: 11px;
			}
			#section .encart_contener ul li {
				margin: 7px 0;
			}
		#section .encart_contener .encart_text a {
			font-weight: bold;
		}
	.encart_pdp {
		width: 201px; /*216-15*/
		height: 24px; /*55-31*/
		float: left;
		padding: 31px 0 0 15px;
		color: #c8d200;
		background: url(actu_footer.jpg) bottom no-repeat;
	}
	
#pub_colonne {/*Dsl suis fatigué je vois pas d'autre nom :(*/
	width: 214px;
	float: right;
	margin: 10px 0 23px 0;
}

/*---------------------- Actu -------------------------*/
/*-----------------------------------------------------*/
.actu {
	float: left;
	width: 460px; /*480-10-10*/
	margin: 0 0 10px 0;
	padding: 10px;
	text-align:justify;
}

#section .actu a {
	color: #666464;
	font-weight: bold;
}

.altern {
	background: #f2f1f1;
}

/*-------------------- Formatage ----------------------*/
/*-----------------------------------------------------*/
.center {
	text-align: center;
}
img.bordure {
	border: 1px solid #ECBF92;
}
.floatleft{
	float: left;
	margin: 5px 10px 3px 20px;
}
.floatright{
	float: right;
	margin: 5px 20px 3px 10px;
}
.clear {
	clear: both;
}
table {
	border: 0px;
	border-collapse: collapse;
}
.hr {
	width: 100%;
	height: 26px;
	background: url(hr_fond.jpg) bottom no-repeat;
}

/*------------------ Pied de page ---------------------*/
/*-----------------------------------------------------*/
#footer_fond {
	padding-top: 11px;
	background: #f0f0f0 url(footer_fond.jpg) repeat-x;
}
	
	#footer {
		margin: auto;
		width: 960px;
		overflow: hidden;
		text-align: left;
		padding-bottom: 20px;
		background: url(footer_decor_fond.jpg) top left no-repeat;
	}
	#pub_pixell {
		float: right;
		width: 100%;
		margin: 16px 0 25px 0;
		font-size: 11px;
		color: #FFF;
		text-align: right;
	}

	#pub_pixell p img {
		vertical-align:middle;
	}
	#pub_pixell a{
		color: #00B2D2;
		text-decoration: none;
	}
	
	#footer table {
		float: left;
		margin: 0 0 0 100px;
		font-size: 11px;
		color: #59595d;
	}
		#footer table a {
			/*font-weight: bold;*/
			text-decoration: underline;
			color: #59595d;
		}
		#footer table a:hover {
			text-decoration: none;
		}
	#footer table td {
		vertical-align: top;
	}
		.colonne_1 {
			padding: 0 30px 10px 30px;
			width: 143px; /*183-30-30*/
			font-weight: bold;
		}
		.colonne_2 {
			padding: 0 30px 10px 30px;
			width: 176px; /*236-30-30*/
		}
		.colonne_3 {
			padding: 0 0 10px 30px;
			width: 375px; /*445-30-30*/
		}
	
		#footer a:hover{
			text-decoration: underline;
		}

/*------------------- Pagination ----------------------*/
/*-----------------------------------------------------*/
.pagination {
	clear: both;
	text-align: center;
	padding-top: 15px;
}
	#section .pagination a, #section .pagination strong{
		border: 1px solid #e1e4ec;
		background: white;
		padding: 1px 4px;
		text-decoration: none;
		color: #d88107;
	}
	#section .pagination a:hover{
		border: 1px solid #e1e4ec;
		background: #f9dcc0;
		color: white;
	}
	.pagination strong{
		background: #e5f1ff ;
	}

/*----------------- 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;
}