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

.spacer_content {
	clear:both;
	height:1px;
	font-size:1px;
	background:url(../medias/back_content_metier.png) repeat-y left top;
}

.spacer_top {
	clear:both;
	height:1px;
	font-size:1px;
	background-color:#97bc0d;
}

hr{
	width: 886px;
	border:1px solid white;
}

#header {
	background:url(../medias/back_ariane_respo_soc.png) no-repeat bottom left;
}

#content {
	background:#ffffff;
	display:block;
	min-height:800px;
	-height:800px;
}

/**************************************************
			TOP
**************************************************/

#content #top {
	background:url(../medias/bottom_top_respo_soc.jpg) no-repeat left bottom #97be0d;
	padding:10px 5px 20px 36px;
	height:120px;
}

#content #top h1 {
	font-size:30px;
	font-weight:bold;
}


#content #top ul.left_top {
	list-style:none;
	width:245px;
	float:left;
	margin-top:3px;
}

.introduction2 .newlink{text-decoration:none}
.introduction2 .newlink:hover{text-decoration:underline}

#content #top ul.left_top li a{
	display:block;
	width:225px;
	height:16px;
	padding-left:20px;
	color:#000000;
	text-decoration:none;
	font-size:12px;

}

#content #top ul.left_top li a.selected{
	color:#FFFFFF;
	background:url(../medias/puce_top_resp_soc.png) no-repeat 2px top #3e4e03;
}

#content #top ul.left_top li a:hover{
	color:#FFFFFF;
	background:url(../medias/puce_top_resp_soc.png) no-repeat 2px top #3e4e03;
}

#content #top .right_top {

	color:white;
	font-size:13px;
	font-weight: bold;
	font-family:"Trebuchet MS";
	float:left;
	margin-left:30px;
}

/**************************************************
			UL/LI
**************************************************/

#content #left ul, #content #left ul li {
	list-style:none;
}

#content #left ul li {
	padding-left:23px;
	background:url(../medias/puce_ul_resp_soc.jpg) no-repeat 3px top;
	margin-bottom:2px;
}
#content #left ul ul li {
	padding-left:50px;
	background:url(../medias/puce_ul_metier.png) no-repeat 30px top;
	margin-bottom:8px;
}

/**************************************************
			TOP
**************************************************/

#content #left {
	padding:0px 0 25px 0;
	width:610px;
	float:left;
	
}

#content #left h2 {
	color:#98bd0e;
	font-family:"Trebuchet MS";
	font-size:17px;
}

#content #left h3 {
	color:#000000;
	/*font-family:"Trebuchet MS";*/
	font-size:17px;
}


#content #left strong{
	font-size:15px;
}
#content .introduction{
background:url(../medias/milieu_gauche_bas.jpg) bottom left repeat-x #ffffff;
padding-bottom:20px;
padding-left:40px;
padding-right:60px;
padding-top:25px;
padding-bottom:40px;
width:521px;
}
#content .introduction2{
padding-left:40px;
padding-right:60px;
padding-top:25px;
width:521px;
}
#content #menu_gauche{
	margin:0;
	padding:0;
	width:289px;
	float:left;
	background:url(../medias/bottom_milieu_gauche_resp_soc.png) bottom left no-repeat #779a46;
	height:460px;
	padding-left:20px;
}
#content #menu_gauche ul{
margin-top:10px;
margin-bottom:10px;
margin-right:50px;
list-style:none;

}
#content #menu_gauche ul li {
background:url("../medias/liste_gauche_resp_soc.jpg") no-repeat scroll 6px 2px transparent;
margin-bottom:2px;
padding-left:23px;
margin-top:15px;
font-weight:bold;
color:#acd43f;
}
#content #menu_gauche ul li a{
text-decoration:none;
font-weight:bold;
color:#acd43f;
}

#content #menu_gauche ul .select {
background:url("../medias/liste_gauche_valid_resp_soc.jpg") no-repeat scroll 6px 2px transparent;
margin-bottom:2px;
padding-left:23px;
font-weight:bold;
color:#fff;
}
#content #menu_gauche ul .select a,#content #menu_gauche ul li a:hover{
font-weight:bold;
color:#fff;

}
#content #menu_gauche .titre{
font-weight:bold;
color:#0000;
margin-top:20px;
width:200px;
}
#content #menu_gauche2{
	margin:0;
	padding:0;
	width:289px;
	float:left;
	background:url(../medias/bottom_milieu_gauche_resp_soc.png) bottom left no-repeat #779a46;
	height:510px;
	padding-left:20px;
}
#content #menu_gauche2 ul{
margin-top:10px;
margin-bottom:10px;
margin-right:50px;
list-style:none;

}
#content #menu_gauche2 ul li {
background:url("../medias/liste_gauche_resp_soc.jpg") no-repeat scroll 6px 2px transparent;
margin-bottom:2px;
padding-left:23px;
margin-top:15px;
font-weight:bold;
color:#acd43f;
}
#content #menu_gauche2 ul li a{
text-decoration:none;
font-weight:bold;
color:#acd43f;
}

#content #menu_gauche2 ul .select {
background:url("../medias/liste_gauche_valid_resp_soc.jpg") no-repeat scroll 6px 2px transparent;
margin-bottom:2px;
padding-left:23px;
font-weight:bold;
color:#fff;
}
#content #menu_gauche2 ul .select a,#content #menu_gauche2 ul li a:hover{
font-weight:bold;
color:#fff;

}
#content #menu_gauche2 .titre{
font-weight:bold;
color:#0000;
margin-top:20px;
width:200px;
}
#content #left .article{
display:block;
width:100%;
height:auto;
}
#content #left .article .gauche{
width:150px;
float:left;
text-align:center;
padding-top:15px;
padding-bottom:15px;
display:block;
}
#content #left .article .droite{
width:400px;
float:left;
padding-top:15px;
padding-bottom:15px;
padding-left:10px;
text-align:justify;
color:#7ea151;
font-family:Arial,sans-serif;
}

#content #left .article .articlebis{clear: both;color: #7EA151;padding: 0 45px;}

#content #left .article .droite b{
color:#7ea151;
font-family:Arial,sans-serif;
}
#content #left .titre{
color:#97bd0e;
font-weight:bold;
text-align:right;
font-size:14px;
margin-top:12px;
margin-bottom:5px;
padding-right:50px;
}
.offre{
	padding: 5px;
	/*border: 1px dashed white;*/
	color: #FFFFFF;
	border-top:#FFFFFF 1px solid;
}


.top {
	color:#000000;
	font-size:13px;
	font-weight: bold;
	font-family:"Trebuchet MS";
}