/* ----------------------------------------------
	Style
 ------------------------------------------------ */
html {font-size:100%; }
body {
	background: url(../images/wood_bg.jpg) top left repeat;
	color:#8e8e8e;
	font-family: Tahoma;
	font-size:62.5%;
	text-align:center;
	width:100%;
	height:100%;
}

/* ----------------------------------------------
	fonts
------------------------------------------------ */
p {font-size:1.2em; line-height:1.5em; margin-bottom:10px; text-align:justify; }
h1 {color:#2c2c2c; font: normal 4em/1.8em verdana;}
h2 { color:#2c2c2c; font: normal 3.6em/1.8em geosanslight, verdana;}
h3 { color:#2c2c2c; font: normal 1.8em/1.8em tahoma;}
h4 { color:#2c2c2c; font: normal 1.6em/3.2em tahoma; }


/* ----------------------------------------------
	gerenal classes
------------------------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.error { 
	border:1px solid #d51313;
	color:#d51313;
	padding: 10px 15px;
	margin: 8px 0;
	background:#f7eded;
}
.success { 
	border:1px solid #0c9543;
	color:#0c9543;
	padding: 10px 15px;
	margin: 8px 0;
	background:#e5f6ec;
}

.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left; }
.text-right {text-align:right; }
.spacer { clear:both; display:block; height:25px;}
.highlight { color: #fff; }
.clear {clear:both;}

.atout {
	clear:both;
	margin-left:30px;
	color:#2C2C2C;
}


/* ----------------------------------------------
	images & links
------------------------------------------------ */

a:link, a:visited, a:active {
	color:#2c2c2c;
	text-decoration:none;
	font-weight:bold;
}
	a:hover {
		text-decoration:underline;
	} 
		a:hover img  {
			border: 1px solid #2c2c2c;
		}

a.more {
	font:bold 12px arial;
	border:1px solid #cbcaca;
	padding: 3px 15px;
	clear:both;
	background: url(../images/read_more_bg.png) repeat-x;
	margin: 10px 0 0;
}
	a.more:hover {
		border:1px solid #2c2c2c;
		text-decoration:none;
	}

img {
	padding: 3px;
	border: 1px solid #b1b1b1;
}
img.float-left {
	margin: 0 20px 5px 0;
	float:left;
}
img.float-right {
	margin: 0 0 5px 20px;
	float:right;
}

p img.float-left {
	margin: 0 15px 3px 0;
}
p img.float-right {
	margin: 0 0 3px 15px;
	}

.no-border {
	border-width:0;
}


/* ----------------------------------------------
	lists
------------------------------------------------ */
ul {
	padding: 5px 15px;
	font: normal 1.2em verdana;
}
	li {
		line-height:1.5em;
		margin-bottom: 10px;
	}
ol {
	font: italic 24px Georgia, Times, serif;
	padding: 10px 5px 10px 40px;
	color: #2c2c2c;
}
	ol p {
		font: normal 12px verdana, Helvetica, sans-serif;
		color: #8e8e8e;
		margin: 0;
	}
.list-images {
	float:left;
	margin:0 auto;
	padding:0;
}

.list-images a{
	margin:0 15px 5px 0;
	display:block;
	float:left;
}

/* ----------------------------------------------
	forms
------------------------------------------------ */
form { 
	font: normal 1.2em verdana;
}
	form span.helper {
		font: italic 9px arial;
		color:#666;
		display:block;
		padding: 0 0 1em 0;
	}
	label {
		display:block;
		font-weight:bold;
		margin-top:15px;
	}
	input, textarea, select {
		padding: 3px;
		margin:3px 0;
		border:1px solid #e1e1e1;
		background:#fff;
	}
		input:hover, textarea:hover, select:hover {
			background:#fff; border:1px solid #666;
		}
		input:focus, textarea:focus, select:focus {
			background:#f4f4f4;
			border:1px solid #666;
		}
	textarea {
		width:400px;
		height:100px;
	}

/* ----------------------------------------------
	tables
------------------------------------------------ */
table {
	border:1px solid #666;
	border-collapse:collapse;
	width:100%;
}

	table td {
		font-size:1.2em;
		padding:0.3em;
		text-align:center;
	}

	table th {
		text-align:center;
	}
	
		table tbody th a {
			color:#fff;
			text-decoration:none;
		}

	table thead th {
		background: #666;
		color:#fff;
		font-size:1.8em;
		padding: 0.5em 0.3em;
	}
	
	table tbody th {
		background: #e1e1e1;
		color:#000;
		font-size:1.6em;
		padding: 0.3em;
		border-bottom: 1px solid #000;
	}
	
	table tr.odd {
		background:#f4f4f4;
		color:#666;
	}
	
	table caption {
		caption-side: bottom;
		font-size: 1.2em;
		font-style: italic;
		line-height: 2em;
		text-align:right;
	}
	
/* ----------------------------------------------
	bloquequote & hr
------------------------------------------------ */
blockquote {
	margin:1.5em 0;
}
	blockquote p {
		font: italic 1.4em/1.4em "Trebuchet MS";
	}
		blockquote p:first-letter{
			float:left;
			padding: .1em .5em 0 .6em;
			font: italic 2.57em/1em "Monotype Corsiva", "Apple Chancery", fantasy;
			color:#2c2c2c;
		}
	blockquote .author {
		clear:both;
		display:block;
		text-align:right;
		font-size:.8em;
		font-style:normal;

	}

hr {border-top: 1px solid #b1b1b1; margin: 30px auto 3px 0; display:block; clear:both; }

/* ----------------------------------------------
[Page estructure]
------------------------------------------------ */
	#logo {
		background:url(../images/logo_2.png) 0 0 no-repeat;
		width:480px;
		height:80px;
		display:block;
		margin:0 auto;
	}


#wrap {
	margin: 10px auto;
	padding: 10px 20px;
	width:940px;
	text-align:left;
	background:#fff;
	min-height:700px;
	position:relative;
}
	ul.menu {
		display:block;
		clear:both;
		list-style:none;
		margin:0 0 12px;
		padding:0;
	}
		ul.menu li {
			float:left;
			
		}
			ul.menu li a{
				font: normal 16px Verdana;
				border-bottom: 1px solid #f39f00;
				text-decoration:none;
				text-align:left;
				display:block;
				padding: 9px 10px 4px 0;
				margin: 0 13px 0 10px;
				width: 125px;
			}
		ul.menu li:first-child a {margin-left:0;} 
		ul.menu li a  { display:block; font-size:16px;}
		ul.menu li a:hover , ul.menu li.active a { font-weight:bold; color:#2c2c2c;}


	#main {
		width:509px;
		padding: 0 35px 20px 35px;
		float:left;
		border-right: 1px solid #b1b1b1;
		min-height:500px;
		background:#fff;
		margin-top:20px;
	}

	#sidebar {
		margin-top:13px;
		float:left;
		width:300px;
		padding: 0 25px 20px 35px;
		min-height:400px;
		background:#fff;
	}

#footer {
	display:block;
	clear:both;
	text-align:center;
	color:#fff;
	padding:15px 0;
}
#footer a {	color:#fff; }

#footer p {font-size:1.2em; line-height:1.5em; margin-bottom:10px; text-align:center; }
/* ----------------------------------------------
	special elements
 ------------------------------------------------ */
.boxServices {
	float:left;
	width:204px;
	height:98px;
	background:url(../images/bg_box.png) top left no-repeat;
	margin:0 20px 30px 0;
	padding:5px 10px 0;
}
	.boxServices p { margin: -5px 0 0; padding:0;}
	.boxServices img { border:none; float:left; margin:10px 10px 5px 0; padding:0;}
	
	
/* ----------------------------------------------
	Ajout CSS Page Actu
 ------------------------------------------------ */	
.titre_cat_actu {
}

.li_actu {
	margin-bottom:0px;
	margin-left:0px;
}

.bloc_titre_cat {
	height:75px;
	overflow:hidden;
}

.bloc_liste_actu {
	clear:both;
	margin-top:-10px;
	margin-bottom:5px;
}

.a_liste_actu h4 {
	line-height: 25px;
}

.a_liste_actu:hover h4 {
	color:#8f8f90;
}

.accueil_content_actu {
	max-height: 58px;
	overflow:hidden;
}

.small_spacer { clear:both; display:block; height:10px;}

/* ----------------------------------------------
	End of style.css
 ------------------------------------------------ */