/* dfi.css */





/* ------------	Redéfinitions de balises ------------ */

	

	/* Styles destinés à remplacer les styles par défaut */





body {

	margin:0px;

	text-align:center; /* Annule le bug IE */

	font:10px/12px Verdana, Arial, Helvetica, sans-serif;

	background-color:#e6e7e8;

	color:#999999;

	}



/* Style des liens */

a:link 		{color:#29a4bf; text-decoration:none;}

a:visited 	{color:#29a4bf; text-decoration:none;}

a:hover 	{color:#29a4bf; text-decoration:underline;}

a:active 	{color:#29a4bf; text-decoration:underline;}







/* ------------	Architecture ------------ */



	/* Styles destins à positionner le site */





#bando_print {

	display: none;

}

#main {

	margin:0px auto 0px auto; /* Centré */

	width:761px;

	text-align:left;

	background-color:#FFFFFF;

	}



#menu {

	background-color:#29a4bf;

	/*text-align:center;*/

	height:20px;

	padding-top:24px;

	}



	#menu a {

		color:#FFFFFF;

		font-weight:bold;

		}

	#menu .active a {

		color:#ff9900;

		}

	#menu .active ul a {

		color:#29A4BF;

		}



#header {background:url(../_img/visuel_etendu.jpg) no-repeat; width:761px; height:357px;}



#present { position:relative; top:190px; margin-right:20px; width:350px; float:right; color:#FFFFFF; text-align:justify;}

#present img {margin:0.7em 0em;}



#navi {

	position:relative;

	top:144px;

	width:256px;

	padding-left:44px;

	font-size:1.1em;

	font-weight:bold;

	}

	#navi ul {

		margin:0px;

		padding: 0;

		line-height:22px;

		list-style-type:none;

		}

	#navi #list_1 {

	margin: 0px 0px 44px 0px;

	}

	#page_navi #list_1 {

	margin: 27px 0px 46px 0px;

	}

	#list_1 li a {

		color:#666666;

	}

	#list_1 li a:hover {

		text-decoration: none;

		color:#FF9900;

	}



#page_content {}

.header_img1 {background:url(../_img/page_header.jpg) no-repeat top right;}

.header_img2 {background:url(../_img/page_header2.jpg) no-repeat top right;}

.header_img3 {background:url(../_img/page_header3.jpg) no-repeat top right;}

.header_img4 {background:url(../_img/page_header4.jpg) no-repeat top right;}

.header_img5 {background:url(../_img/page_header5.jpg) no-repeat top right;}



#page_navi {

	float:left;

	width:251px;

	height:345px;

	font-size:1.1em;

	font-weight:bold;

	padding-top:0px;

 	/* border:1px solid #FF0000; */

}

#page_navi ul {

	margin:0px;

	padding-left:39px;

	line-height:22px;

	letter-spacing:-0.05em;

	list-style-type:none;

}



#page_navi ul .active a { color:#ff9900;}



#page_navi #tools {

	padding: 32px 0 0 39px;
	height:100px;

}



.visuel1 {background:url(../_img/page_navi1.jpg) no-repeat;}

.visuel2 {background:url(../_img/page_navi2.jpg) no-repeat;}

.visuel3 {background:url(../_img/page_navi3.jpg) no-repeat;}

.visuel4 {background:url(../_img/page_navi4.jpg) no-repeat;}

.visuel5 {background:url(../_img/page_navi5.jpg) no-repeat;}



#nav2 .active ul li a 			{color:#29a4bf;}

#nav2 .active ul li a:link 		{color:#29a4bf; text-decoration:none;}

#nav2 .active ul li a:visited 	{color:#29a4bf; text-decoration:none;}

#nav2 .active ul li a:hover 	{color:#FF9900; text-decoration:none;}

#nav2 .active ul li a:active 	{color:#29a4bf; text-decoration:none;}



#page_header {

	margin-left:251px;

	height:184px;

/* 	border:1px solid #FF0000; */

}



#page_header h1 {

	position:relative;

	top:136px;

	margin:0px 0px 0px 10px;

	color:#ff9900;

	font-size:1.5em;

	font-weight:bold;

}

		

#page_header h2 {

	position:relative;

	top:150px;

	left:115px;

	margin:0px 0px 0px 0px;

	color:#FFFFFF;

	font-size:1.1em;

	font-weight:bold;

}

		

#page_header #links {

	margin-right:10px;

	float:right;

	position:relative;

	top:150px;

	font-size:1em;

	font-style: normal;

}



#page_header #links a {

	color:#FFFFFF; margin-left:10px;

}



#page_header #links .active {

	font-weight:bold;

	color: #ff9900;

}



.menu3 {

	width:90%;

	float:left;

	position:relative;

	top:144px;

	font-size:1em;

	font-style: normal;

}

	

.menu3 td {

	text-align:left;

}

.menu3 a, .menu3 a:link, .menu3 a:visited, .menu3 a:hover, .menu3 a:active

		{color:#FFFFFF; margin-left:0px;}

		

	.menu3 tr td .active

		{font-weight:bold; color:#ff9900;}



	#page_header #links2 {

	text-align:center;

	margin-right:10px;

	float:left;

	position:relative;

	top:144px;

	font-size:1em;

	font-style: normal;

		}

	#page_header #links2 a {

		color:#FFFFFF; margin-left:8px;

		}



	#page_header #links2 .active {

	font-weight:bold;

	color: #ff9900;

		}



	#contenu {

		background:url(../_img/bg_contenu.gif);

/* 		border:1px solid #FF0000; */

		padding-left:261px;

		padding-right:20px;

		}



	.intro {font-weight:bold;}



	.more_padding-right {padding-right:170px;}





	#contenu h1 {

		text-transform:uppercase;

		color:#29a4bf;

		font-size:11px;

		margin:10px 0px 0px 0px;

		}

#contenu h5 {

	font-size: 1.1em;

	background: url(../_img/bg_onglet.gif) no-repeat 0px 0px;

	font-weight: bold;

	color: #FFFFFF;

	margin: 20px 0px 6px;

	height: 17px;

	padding: 5px 0px 0px 50px;

	text-transform: uppercase;

}



	

	#contenu p {

		text-align:justify;

		margin:0.1em 0px 1em 0px;

	}

	#contenu ul {

		list-style-type:none;

		margin:0px;


		padding:0px;
		line-height:2em;

	}

	#contenu ul a {

		color:#ff9900;	

		}

	#contenu .liste1 {

		margin:0px;

		padding:0px;

		line-height:1em;

		list-style-type:disc;

		list-style-position:inside;

		color:#29a4bf;

		}

	#contenu .liste1 li { margin-bottom:1em;}

	#contenu .liste2 {
		margin:0px;
		padding:0px;
		line-height:1em;
		list-style-type:disc;
		list-style-position:inside;
		color:#29a4bf;
		}
	#contenu .liste2 li { margin-bottom:1em; color:#999999; line-height:12px;}


	#contenu h2 {font-size:1.2em;}



#back_to_top {

/* 	background:url(../i/bg_back_to_top.gif) no-repeat; */

	height:24px;

	clear:both;

	padding-top:30px;

	padding-left:50px;

	}

#back_to_top a {color:#ff9900; background:url(../_img/picto_back_to_top.gif) no-repeat 1px 1px; padding-left:18px;}



.visuel_1 {	background:url(../_img/bg_back_to_top.gif) no-repeat;}

.visuel_2 {	background:url(../_img/bg_back_to_top2.gif) no-repeat;}



#content {background:url(../_img/bg_content.gif) no-repeat;}



#a_la_une {

	width:310px;

	padding:1em 2em 1em 4em;

/* 	border:1px solid red; */

	}

	

	#a_la_une p {text-align:justify; margin-top:1em; margin-bottom:1em;}

	#a_la_une a {font-weight:bold;}



#services {

	width:369px;

	float:right;

	background-color:#e6e7e8;

	text-align:justify;

	padding-left:10px;

	}



#service_1 {

	width:174px;

	background:url(../_img/services_manages.jpg) no-repeat;

	padding-top:108px;

	float:left;

}

#service_2 { width:179px; background:url(../_img/services_accompagnement.jpg) no-repeat; padding-top:108px; float:right;}



#service_1_suite { width:174px; float:left;}

#service_2_suite { width:179px; float:right;}



#rejoignez {margin-top:40px;}



#col_droite {

	background-color:#ff9d0a;

	float:right;

	width:167px;

	}

	#col_droite div {

		padding:10px;

		color:#FFFFFF;

		background-color:#ffad33;

		margin-bottom:20px;

		margin-top:5px;

		}

	

#footer {

	clear:both;

	text-align:center;

	padding:1em;

	border-top:1px solid #e6e7e8;

	}

	#footer a {

		color:#999999;

		font-weight:bold;

	}

	



/* ------------	Mise en page ------------ */



.right {text-align:right;}

.justify {text-align:justify;}

.center {text-align:center;}



.float-left {float:left;}

.float-right {float:right;}





/* ------------ Styles de textes ------------ */



.link_1 a			{font-weight:bold; color:#ff9900;}

.link_1 a:link 		{font-weight:bold; color:#ff9900; text-decoration:none;}

.link_1 a:visited 	{font-weight:bold; color:#ff9900; text-decoration:none;}

.link_1 a:hover 	{font-weight:bold; color:#ff9900; text-decoration:underline;}

.link_1 a:active 	{font-weight:bold; color:#ff9900; text-decoration:underline;}



.texte1 {color:#999999;}

.texte2 {color:#29a4bf; font-weight:bold;}
.texte3 {color:#29a4bf;}


.lien1 {color:#FF9900;}





.larger {font-size:1.3em; line-height:1.3em;}



/* ------------ Styles de divs ------------ */



.dotted_line {
	background:url(../_img/dotted_line.gif) repeat-x;
	height:2px;
	margin:0em 0em 0.8em 0em;
	padding:0px;
	}

.dotted_line2 {
	background:url(../_img/dotted_line.gif) repeat-x 0px 24px;
	margin:0em;
	padding:0px;
	padding-bottom:0px;
	height:40px;
/* 	border:1px solid red;
 */	}

/*#contenu .h1 h1 
{
		background:url(../_img/dotted_line.gif) repeat-x 0px 14px;
		padding-bottom:1em;
}*/
.dotted_line3 {
	margin:0.2em auto 0.6em auto;
	width:477px;
	border-collapse:collapse;
}

.dotted_line3 td {
	background:url(../_img/dotted_line.gif) repeat-x;
	height:2px;
	padding:0px;
	}


.col_1on2 {

	float:left;

	width:220px;

	/* border:1px solid red; */

	}

.col_2on2 {

	border:1px solid #FFF;

	margin-left:200px;

	}



.col_3on4 {

	float:left;

	width:220px;

	/* border:1px solid red; */

	}

.col_4on4 {

	border:1px solid #FFF;

	margin-left:260px;

	}



.ville {margin:10px 0px 10px 0px;}



.framed { margin:1em auto 1em auto; border:1px solid #29a4bf; padding:10px;}



/* ------------	Styles de tableaux ------------ */



#liens_rejoignez { width:100%; margin-bottom:10px;}

#liens_rejoignez td { background-color:#FFFFFF; padding:1em;}



/* ------------	Styles d'images ------------ */



img {border:0px;}





/* ------------ Styles de formulaires ------------ */



form {margin:0px;}

.checkbox {border:0px;}



/* ------------ Styles des menus DHTML ------------ */



#nav {

	width: auto;

	margin: 0 0 0 65px;

	padding: 0;

	line-height: 14px;

	list-style: none;

}

#nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 14px;

}

#nav a {

	display: block;

	width: auto;

	margin: 0;

	padding-bottom: 3px;

}

#nav li {

	float: left;

	width: auto;

	padding: 0;

	margin: 0 20px 0 0;

}

#nav li ul {

	position: absolute;

	width: 150px;

	left: -999em;

	margin-top: 0px;

	background-color: #E9F6F8;

	border: 1px solid #29A4BF;

	padding: 5px;

}

#nav li ul a {

	font-weight: normal;

	color: #29A4BF;

	width: 150px;

}

#nav li ul a:hover {

	color: #FF9900;

	text-decoration: none;

}

#nav li ul ul {

	margin: -15px 0 0 100px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

	left: auto;

}

#nav li:hover, #nav li li:hover, #nav li li li:hover, #nav li.sfhover, #nav li li.sfhover, #nav li li li.sfhover {

}



#nav2 {

	width: 180px;

	margin: 0;

	padding: 0;

	list-style: none;

}

#nav2 ul {

	padding: 0;

	margin: 0;

	list-style: none;

}

#nav2 a {

	display: block;

	width: 180px;

	margin: 0;

}

#nav2 a:hover {

	color: #ff9900;

	text-decoration: none;

}

#nav2 li {

	/*float: left;*/

	width: 180px;

	padding: 0;

	line-height: 22px;

	margin: 0;

}

* html #nav2 li {

	line-height: 20px;

}

#nav2 li ul {

	position: absolute;

	width: 210px;

	left: -999em;

	margin-top: -22px;

	margin-left: 120px;

	background-color: #ffffff;

	border: 1px solid #29A4BF;

	padding: 2px 5px;

	font-size: 0.9em;

	font-weight: normal;

	line-height: 17px;

}

* html #nav2 li ul {

	margin-top: -20px;

}

#nav2 li ul a {

	width: 210px;

}

#nav2 li ul ul {

	margin: -15px 0 0 100px;

}

#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {

	left: -999em;

}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {

	left: auto;

}

#nav2 li:hover, #nav2 li li:hover, #nav2 li li li:hover, #nav2 li.sfhover, #nav2 li li.sfhover, #nav2 li li li.sfhover {

}
/*
#main #page_content #contenu #pt_list {

	background-color: #FFAF2B;

	border: 1px dotted #666666;

	padding: 10px;

	width: 200px;

	text-align: center;

	background-position: center;

	margin-left: 120px;

	font-weight: bold;

	color: #FFFFFF;

}

#main #page_content #contenu #pt_list a {

	color: #FFFFFF;

}
*/


#main #page_content #contenu h2 {

	font-weight: bold;

	color: #F48A00;

	font-size: 10px;

}



h6 { font-size:11px; margin:10px; color:#ff9900;}

h6 a, h6 a:link, h6 a:hover, h6 a:visited {color:#ff9900;}



@media print {

  /* style sheet for print goes here */

	#menu, #back_to_top, #footer, #page_navi { display: none; }

	body { background-color: #FFFFFF; color: #000000; text-align: left; }

	#bando_print { display: block; }

	/*#main { width: 600px !important; }*/

	#main { width: 600px; margin: 0; }

	#page_content { background-image: none; }

	#page_header { 	height:auto; margin: 0 0 2em 0; padding: 5px 0; background-color: #29a4bf; float: left; width: 600px; }

	#page_header h1 { top: 0; margin: 0.2em 0 0.5em 7px; }

	#page_header #links, #page_header .menu3 { top: 0px; float: none; }

	#page_header #links2 { top: 0px; }

	#contenu { padding: 0; background-image: none; clear: left; }

	#contenu p { text-align: left; }

	.fin_tableau { clear:left; padding-top:1em;}

}