/*---GENERAL---*/
*{
	margin: 0px;
	padding: 0px;	
}
html,body{
	height: 101%;
}
body {
	color: #544741;
	font-size:0.8em;
	font-family: Arial, Helvetica, sans-serif;
	background: #544741 url(../i/body_bg.jpg) repeat-x;
}
h1, h2, h3, h4, h5, h6{
	margin: 5px;
}
h1{font-size: 1.5em;}
h2{font-size: 1.4em;font-weight: normal;display:inline}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}
img{padding: 10px;}
hr{
	border: none;
	height: 1px;
	background-color: #dcdcdc;
}
div.clear{clear: both;}
.bleu{color: #4169E1;}
strong{color: #4169E1;font-weight: normal; }
p{margin-bottom: 5px;}
p.ref{text-indent: 20px;font-style: italic;}
.evidence{
	color:#000;
	padding:5px;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	background-color: #EEE;
}
.info{
	float: left;
	width: 160px;
	background: url(../i/info_bg.gif) no-repeat right bottom;
	margin-left: 10px;
	padding: 5px 15px 15px 5px;
	font-size: 0.8em;
}
.shadow{
	font-style: italic;
	background: url(../i/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}
#header{
	background: #FFF url(../i/header.jpg) no-repeat;
	width: 938px;
	height: 182px;
}
a, a:active, a:visited, a:hover{color: Blue;}
.brun, .brun:active , .brun:visited , .brun:hover {color: #544741; padding:10px; text-decoration: underline;}
#lang{
	float: right;
	position: relative;
	top:65px;
	background: url(../i/lang_bg.jpg) no-repeat;
	width: 190px;
	height: 35px;
}
#lang ul{list-style:none;position: relative; top:5px;}
#lang li{display: inline;margin-right:15px;}
#lang a, #lang a:active, #lang a:visited, #lang a:hover{text-decoration: none; color: #544741;}
/* Les menus */
#menu_haut{
	position: relative;
	background: #FFF url(../i/menu_bg.jpg) no-repeat;
	width: 938px;
	height: 123px;
	text-align: left;
}
#menu_haut ul {list-style:none; z-index:10; position:absolute; z-index:100;}
#menu_haut li {float:left; margin: 12px 0 0 100px;}
#menu_haut a, #menu_haut a:active, #menu_haut a:visited, #menu_haut a:hover {text-decoration:none; color: #544741;padding:10px 0px 10px 0px;font-size:1.4em;margin:5px}
#slide {position:absolute; top:0px; height:35px; background: url(../i/border_menu.gif) repeat-x bottom; z-index:10}

#menu_vertical {float:left;margin-left:25px;}
#menu_vertical ul{list-style: url(../i/puce.jpg);margin-left:25px;}
#menu_vertical li{padding-bottom:10px;}
#menu_vertical a#selected{text-decoration: underline;}
#menu_vertical a, #menu_vertical a:active, #menu_vertical a:visited{text-decoration:none; color:#544741;}
#menu_vertical a:hover{text-decoration: underline;}
/* Corps */
#content{
	width: 938px;
	text-align: left;
	padding:10px 0 10px 0;
	background: #FFF url(../i/content_bg.jpg) repeat-y;
}
#content2{
	margin: 0 40px 0 40px;
}
#content_right{
	float: right;
	width: 70%;
	margin-right:40px;
}
#col_left{
	float: left;
	margin-left: 40px;
	width:43%;
	border-right: 1px solid #DDD;
	padding: 5px 15px 5px 5px;
	text-align: justify;
}
#col_right{
	float: right;
	padding: 5px;
	margin-right: 40px;
	width:44%;
	text-align: justify;
}
div#flash{
	border: 1px solid #000;
}
#hr{
	width: 938px;
	height: 1px;
	background-image: url(../i/hr.jpg);
}
#footer{
	background-color: #FFF;
	width: 938px;
	text-align: left;
	background: #FFF url(../i/content_bg.jpg) repeat-y;
}
#menu_bas{padding: 10px 10px 10px 40px;color: #544741}
#menu_bas a, #menu_bas a:active, #menu_bas a:visited, #menu_bas a:hover {color: #544741; padding:10px; text-decoration: underline;}
#copyright{margin-left:100px;color:#999;}
#agence_web a, #agence_web a:active, #agence_web a:visited, #agence_web a:hover{color:#999;}

/* Forms */
form p label{display: block;}
form p input{border: 1px solid #A4B97F;}
#send{padding:2px;}
form p textarea{
	width: 250px;
	height: 150px;
}
form p span{color: #F00;}

/*Témoignages*/
.comments{
	border-bottom: 1px solid #CCC;
	padding-top: 10px;
	background-color: #E4F4D3;
	padding: 3px;
	margin-bottom: 2px;
}
.signing{
	font-style: italic;
	color: #4169E1;
}
.astuces_li{
	padding-left:20px;
}
.astuces_li li{
	margin-bottom: 5px;
}
/*Bannieres*/
div#feature_list ul li a h3 {margin: 0;padding: 0;font-size: 12px;}
div#feature_list {width: 864px;height: 264px;overflow: hidden;position: relative;left:35px;background: #fff url('../i/BanniereBG.png') no-repeat 10px 0px;}
div#feature_list ul {position: absolute;top: 0;list-style: none;padding: 0;margin: 0;}
ul#tabs {right: 0;z-index: 2;width: 299px;}
ul#tabs li {font-size: 12px;font-family: Arial;padding-top:10px;}
ul#tabs li img {padding: 5px;border: none;float: left;}
ul#tabs li a {color: #222;text-decoration: none;display: block;padding: 12px 20px 20px 60px;height: 40px;outline: none;}
ul#tabs li a:hover {text-decoration: underline;}
ul#tabs li a.current {background:  url('../i/feature-tab-current.png') no-repeat;color: #FFF;}
ul#tabs li a.current:hover {text-decoration: none;cursor: default;}
ul#output {left: 10px;width: 598px;height: 249px;position: relative;}
ul#output li {position: absolute;top:1px;width: 598px;height: 249px;}
ul#output li img {padding:0px;}
ul#output li div {position: absolute;top: 0px;left: 0px;font-size: 12px;font-family: Arial;padding: 8px 8px;text-decoration: none;color: #000;background: url('../i/whiteBG.png') repeat;float: left;width: 300px;height: 233px;border-right: 1px solid #FFF;}
ul#output li div p{padding:0;margin:0;}
ul#output li a:hover {background: #D33431;}