@import url("../css/base.css");
@import url("../css/media.css");

/* --- STYLES DE SADC --- */

/* Clear pour pas que ça dérange dans les floats */
div#clear {clear:both;}

/* Container et Content */
div#container {
	margin-left: auto;
 	margin-right: auto;
	text-align: left;
}

div#content {background: url(../img/bg_content.gif) repeat-y top left;}

div#container, div#content  {width:976px;}


div#content .menu {margin:225px 0 0 26px; z-index:100; position:relative; width:924px; background-color: #4D6E6E;}
		
div#content .menu ul {list-style-type:none; padding:17px 0 35px 0;}
		
div#content .menu li {float:left; font-size:13px;}
div#content .menu li a {
	color: #fff;
	text-align: center;
	padding:0 10px 18px 35px;
	text-decoration: none;
	font-weight:normal;
}
		.safari div#content .menu li a {padding:0 10px 19px 35px;}
		.win.safari div#content .menu li a {padding:0 10px 18px 35px;}

div#content .menu li.current a, div#content .menu li.current a:hover {color:#D7D2CA; background: url(../img/hovermenu.gif) no-repeat bottom center;}

div#content .menu li a:hover, div#content li a:focus, div#content li a:active {color:#D7D2CA;}


/* Contenu blanc centre du content */
div#content_center, div#header {
	width:924px;
	margin-left:25px;
}

div#content_center {margin-top:5px; background-color:#D7D2CA;}

/* Footer pour indiquer le titre de la section regardée */
div#footer_right {
	background: #7F9797 url(../img/phraseappui.gif) no-repeat top left;
	border-top: #fff solid 5px;
	float:right;
	width:924px;
	height:38px;
	margin-top:-30px;
}
		.ie7 div#footer_right {padding-bottom:4px; width:925px; margin-right:2px;}
		.ie div#footer_right {width:924px;}

div#footer_right p {
	font-size:12px;
	text-align:right;
	margin-right:13px;
	color:#fff;
}



/* top */
div#top {
	background: url(../img/bg_top.gif) no-repeat top left;
	width:976px; height: 121px;
	text-align:right;
}

div#top ul {
	list-style-type:none;
	position:relative;
	top:35px;
	right:40px;
	z-index:101;
}

div#top li {
	margin-left:8px;
	display:inline;
}


/* header */

div#header .images p {color:#fff;}
div#header .images {position:relative; z-index:99; left:1px;}
	

/* left */
div#left {
	width:290px;
	float:left;
}

div#left .adresse {
	margin:-3px 0 20px 0;
	padding-right: 15px;
}
		.ie div#left .adresse {margin-top:1px;}

div#left .adresse h3 {
	margin: 13px 0 -10px 0;
}

div#left .adresse h4 {
	font-size: 12px;
	padding: 5px 0 0 38px;
}

div#left .adresse p {
	text-align: left;
	font-size:12px;
	margin: 0 0 0 38px;
	color:#4D6E6E;
}

div#left .adresse em {padding-top:10px;}


div#left .liens {margin-top:-6px;}
div#left .liens ul {list-style-type:none;}
div#left .liens li {width:290px; margin-bottom:1px;}
div#left .liens .sadcaction a, div#left .liens .caci a, div#left .liens .csmsc a, div#left .liens .rapport a {display: block; height:82px;}

div#left .liens .sadcaction a {background:url(../img/sadcaction.gif) left top no-repeat;}	
div#left .liens .sadcaction a:hover, div#left .liens .sadcaction a:focus, div#left .liens .sadcaction a:active {background:url(../img/sadcaction.gif) right top no-repeat;}

div#left .liens .caci a {background:url(../img/caci.gif) left top no-repeat;}	
div#left .liens .caci a:hover, div#left .liens .caci a:focus, div#left .liens .caci a:active {background:url(../img/caci.gif) right top no-repeat;}

div#left .liens .csmsc a {background:url(../img/csmsc.gif) left top no-repeat;}	
div#left .liens .csmsc a:hover, div#left .liens .csmsc a:focus, div#left .liens .csmsc a:active {background:url(../img/csmsc.gif) right top no-repeat;}

div#left .liens .rapport a {background:url(../img/btn_rapport.gif) left top no-repeat;}	
div#left .liens .rapport a:hover, div#left .liens .rapport a:focus, div#left .liens .rapport a:active {background:url(../img/btn_rapport.gif) right top no-repeat;}

/* right */
div#right {
	width:633px;
	float:right;
	margin-bottom:30px;
	background:#fff;
}

		.ie6 div#right {margin-top:-504px;}


/* header_right - contenu de droite */

div#right .ariane {margin:35px 0 0 38px; color:#585147;}
div#right .ariane a {color:#8F806B;}

div#right .header_right {margin-left:25px;}

div#right .header_right p {margin-left:15px;}

div#right .header_right h1 {
	color:#585147;
	font-size:2em;
	margin-left:13px;
}

div#right .header_right ul {
	width:510px;
	line-height:1.5em;
	padding:15px 0 15px 50px;
	margin-left:14px;

	list-style-type:square;
	color:#585147;
	background:#EFEAE0;
	border-top:1px solid #DAD0BD;
	border-bottom:1px solid #DAD0BD;
}

div#right .header_right ul a {
	color: #585147;
	font-size:0.95em;
}

div#right .header_right ul a:hover {
	color: #002F30;
}

div#right .header_right img {margin-left:15px;}

div#sep, div#sep2  {
	width: 575px;
	float:left;
}


div#sep {margin:5px 0 0 25px;}
		.ie6 div#sep, .ie7 div#sep  {margin:10px 0 0 13px;}
		.ie8 div#sep  {margin:10px 0 0 23px;}	
		
div#sep2 {margin:5px 0 0 25px;}
		.ie6 div#sep2, .ie7 div#sep2  {margin:10px 0 0 13px;}
		.ie8 div#sep2  {margin:10px 0 0 23px;}
		

div#sep p, div#sep2 p {padding: 5px 0 0 15px;}
		.ie7 div#sep p, .ie7 div#sep2 p {padding: 5px 0 0 27px;}

div#sep h2, div#sep2 h2 {
	font-size:1.4em;
	margin-left:15px;
	padding-bottom:3px;
	border-bottom:1px solid #8C8376;
}
		.ie7 div#sep h2, .ie7 div#sep2 h2 {margin-left:27px;}

div#sep h3, div#sep2 h3 {
	font-size:1em;
	margin-left:15px;
	color:#585147;
	font-weight:bold;
}
		.ie7 div#sep h3, .ie7 div#sep2 h3 {margin-left:27px;}

div#sep h2 {color:#C37900;}
div#sep2 h2 {color:#585147;}

div#sep ul, div#sep2 ul {
	color:#726B61;
	list-style-type:square;
	padding: 5px 0 0 30px;
}
		.ie7 div#sep ul, .ie7 div#sep2 ul {padding: 5px 0 0 45px;}
	
	
div#sep li, div#sep2 li {padding:5px 0 0 10px;}


div#right .up {
	text-align:right;
	padding-bottom:20px;
	margin-top:20px;
}

div#right .up a {font-size:0.9em; margin-right:5px;}



/* footer */
div#footer {
	background: url(../img/bg_bottom.gif) no-repeat top left;
	width: 976px;
	height: 90px;
	position:relative;
	z-index:1;
	clear:both;
}


div#footer, div#footer p, div#footer a {color:#fff;}


div#footer .oz {
	float:left;
	margin:10px 0 0 53px;
}

		.ie6 div#footer .oz {margin-left:25px;}
		.ie7 div#footer .oz, .ie8 div#footer .oz {margin-left:50px;}

div#footer .copyright {float:right;  margin-top:20px}

div#footer .copyright {
	text-align:right;
	margin-right:40px;
	color:#DAD0BD;
}
		.ie6 div#footer .copyright {position:relative; left:39px;}
		
div#footer .copyright a, div#footer .copyright p {font-size:10px;}