body, p, ul, ol, form, input, h1, h2, h3, h4, h5, h6, span {margin:0;padding:0;}
ul, ol{list-style:none;}
a:active, a:focus {outline: 0;}

/*General*/

body {
	font-family:Arial, Verdana, sans-serif;
	background-color:#c8c8c8;
	font-size:12px;
	margin-top:10px; /* ajout */

}

#container {
	width:976px;
	margin:0 auto;
	background-color:#fff;
  overflow:hidden;
}


h1 {
	font-size:20px;
	color:#ee7f01;
	padding-bottom:30px;
}

h2 {
	font-size:15px;
	margin:20px 0;

}

a {text-decoration:none;color:#ee7f01;}
#content a:hover {text-decoration:underline;}

input{vertical-align:middle;}

sup {color:#ee7f01;}

/*Stuff*/
.o {overflow:hidden;}
.oh {overflow:hidden;}
.tac {text-align:center;}
.mgt15 {margin-top:15px;}
.mgt45 {margin-top:45px;}
.pgb15 {padding-bottom:15px;}
.mgb25 {margin-bottom:25px;}
.mgb85 {margin-bottom:85px;}
.mgb175 {margin-bottom:175px;}
.plus {padding-left:10px !important;margin-left:-10px !important;}
.mgln10 {margin-left:-10px;}
.fl {float:left;}
.float_l {float:left; margin:0 15px 5px 0;}	
.clear_r {clear:right;}
img {border:0;}
.orange {color:#EE7F01;}

.fs10 {font-size:10px;}

.clear {clear:both;}



hr {
	margin: 30px 0px 30px 0px;
	padding: 0;
	
	color: #EE7F01;
	background-color: #EE7F01;
	height: 1px;
	border: 0;
}

a.hiddenlink {color:#000;}
a.hiddenlink:hover {color:#EE7F01;}

/*margin neg*/
.mgln16 {margin-left:-16px;}

.w120 {width:70px;}
.w325 {width:325px;}
.w300 {width:340px;padding-bottom:20px;text-align:left;}
.w400 {width:406px;padding:0 10px;}
.w420 {width:420px;padding-left:20px;}

/*Header*/

#header {height:91px;}
	#header img {border:0px;float:left;}
	#header ul {float:right;margin:18px 10px 0 0;}
		#header ul li {float:left;padding:0 10px;border-right:1px solid #e1e1e1;}
		#header ul a {color:#1a171b;text-decoration:none;}
			#header ul a:hover, #header ul a.select  {color:#ee7f01;}
		#header .last {border:0px;}
	#header form {float:right;width:296px;margin-right:14px;margin-top:23px;clear:right;}
	#header form p{margin-bottom:0;}
		#login, #password {border:1px solid #f9d5b2;color:#ee7f01;width:117px;margin-right:5px;}
		#ok {height:18px !important;}
		
/*nav*/

#nav {
	height:268px;
	background:url(../images/visu_home.jpg) right 0 no-repeat;
	overflow:hidden;
}

#nav li {
	float:left;
	width:138px;
}
#nav li li{
	float:none;
	width:auto;
	font-size:11px;
}
	#nav li span {visibility:hidden;}
	#nav .esr {background:transparent url(../images/esr_home.gif) no-repeat;display:block;padding-top:88px;}
	#nav .label {background:transparent url(../images/label_home.gif) no-repeat;display:block;padding-top:88px;}
	#nav .ref {background:transparent url(../images/ref_home.gif) no-repeat;display:block;padding-top:88px;}
	#nav .tool {background:transparent url(../images/tool_home.gif) no-repeat;display:block;padding-top:88px;}
	
#nav ul {height:166px;overflow:hidden;}

#nav ul li {
	padding-left:16px;
	background:url(../images/puce.gif) left no-repeat;
	margin:0 0 5px 6px;
}

#nav a {text-decoration:none;color:#1a171b;}
	#nav a:hover {color:#ee7f01;}
	
/*nav2 pour page de suite*/

#nav2 {
	height:87px;
  	width:1300px;
	overflow:hidden;
	background-color:#f5b771;
}
	#nav2 li {overflow:hidden;float:left;position:relative;width:163px;height:87px;}
	#nav2 li span {visibility:hidden;}
	#nav2 li a {display:block;width:163px;height:87px;position:relative;z-index:10;}
	
	#nav2 .esr a{background:transparent url(../images/esr_page.gif) no-repeat;}
		#nav2 .esr ul{background-color:#ee7f01;}
	#nav2 .label a{background:transparent url(../images/label_page.gif) no-repeat;}
		#nav2 .label ul{background-color:#f19730;}
	#nav2 .ref a{background:transparent url(../images/ref_page.gif) no-repeat;}
		#nav2 .ref ul{background-color:#f4ad5d;}
	#nav2 .tool a{background:transparent url(../images/tool_page.gif) no-repeat;}
		#nav2 .tool ul{background-color:#f5b771;border-right:0px;}
	
	
	#nav2 li ul {position:absolute;z-index:0;top:0;right:0;border-right:1px solid white;width:303px;height:78px;padding:9px 0 0 20px;}
	#nav2 li ul li {float:left;width:140px;height:auto;position:static;}
		#nav2 .selected{width:486px;}

	#nav2 li ul li a {height:auto;width:125px;font-size:11px;color:#3e3e3e;background:url(../images/puce_black.gif) top left no-repeat !important;padding-left:16px;height:inherit;}
	#nav2 li ul li a:hover, #nav2 li ul li a.highlight {color:#fff;background:url(../images/puce_white.gif) top left no-repeat !important;}
	

/* sitemap */

#sitemap li a {color:#3e3e3e; text-decoration:none;}
#sitemap li a:hover {color:#3e3e3e; text-decoration:underline;}

#sitemap li.esr a span, #sitemap li.label a span, #sitemap li.ref a span, #sitemap li.tool a span {font-weight:bold;}




/*Contenu*/

#content {
	overflow:hidden;
	text-align:justify;
	line-height: 19px;
	background: #FFF url(../images/bg_content_page.gif) repeat-y right top;
}
	#content p {margin: 0px 0px 15px 0px;}
		
#content.bg_content_hp {background: #FFF url(../images/bg_content_hp.gif) repeat-y right top; }

	
	
#content ul {
	margin: 0 0 0 15px;
	padding-left: 0;
}
	#content ul li{
		padding-bottom: 8px;	
		padding-left: 15px;
		list-style-type: none;
		background: transparent url(../images/orange_puce.gif) no-repeat 0 6px;	
	}

#content ol {
	margin: 0 0 0 15px;
	padding-left: 0;
}
	#content ol li{
		padding-bottom: 8px;	
		padding-left: 0px;
		list-style: decimal inside;
		background:none;	
	}
	#content ol li li{
		padding-bottom: 4px;	
		padding-left: 10px;
		list-style: decimal inside;
		background:none;	
	}

#col_left-home {
	float:left;
	width:520px;
	padding:20px 16px 0 16px;
}

#col_right-home {
	float:right;
	width:392px;
	padding:20px 16px 0 16px;
	/* background-color:#f2f2f2; */
	line-height: 15px;
}

#col_left, .col_left {
	float:left;
	width:616px;
	padding:20px 16px 0 16px;
}

#col_right, .col_right {
	float:right;
	width:296px;
	padding:50px 16px 0 16px;
}

#col_right_pratiques {
	float:right;
	width:296px;
	padding:10px 16px 0 16px;
}

#col_right .actu {width:273px;padding-left:120px;}
#col_right .actu p {font-size:12px;}

	
	#to_news {
		float:right;
		background:url(../images/return_arrow.gif) left top no-repeat;
		font-size:14px;
		font-weight:bold;
		display:block;
		height:22px;
		padding:0 0 20px 25px;
	}
	
#col_right-home div.encart p {
	margin:0;
}
.encart{
	background:url(../images/drop-shadow.gif) bottom no-repeat;
	padding-bottom:12px;
}
	
.encart p{
	color:#00086e;
	font-size:11px;
	padding:16px 10px 16px 107px;
	background-color:#FFF;
	border:1px solid #ee7f01;
	margin:0;
	line-height: 15px;
}
	
.encart img{
	margin:18px 10px;
}

div.object-left, table.object-left {
	clear:left;
	float:left;
	margin:0 15px 5px 0;
}
.text-left, .object-left {
	text-align:left;
}
.text-right, .object-right {
	text-align:right;
}
.text-center, .object-center {
	text-align:center;
}
#col_right a.download {
	color:#000000;
}
#col_right_pratiques a.download {
	color:#000000;
}
a.download:hover {
	color:#EE7F01;
}

#lexique {margin:10px 0;border-top:1px solid #8d8d8d;padding-top:10px;}
#lexique p {font-size:10px;color:#8d8d8d;margin-bottom:0;}
#lexique span {color:#ee7f01;}




/*footer*/

#footer {background-color:#1a171b;height:31px;}
	#footer p {color:#fff;font-size:10px;padding:10px 0 0 14px; text-transform:uppercase;}

/* formulaire diagnostic et contact */

#diagnostic p, #contact_form p {clear: both;height: 19px;margin: 0 0 5px;}
	#diagnostic label, #contact_form label {float: left;width: 100px;}
	#diagnostic input.text, #contact_form input.text {border: 1px solid #EE7F01;float: left;margin: 0 5px 0 0;}
	#contact_form textarea {border: 1px solid #EE7F01;margin-bottom: 5px;}	
	#diagnostic span, #contact_form span {color: #EE7F01;float: left;}
	
	#diagnostic .submit {
		border: 1px solid #EE7F01;
		background-color: #fdeede;
		color: #EE7F01;
		width:244px;
	}
	
	#contact_form .submit2 {
		border: 1px solid #EE7F01;
		background-color: #fdeede;
		color: #EE7F01;
		width:200px;
		margin-left: 100px;
	}
	
/*tabs*/
h1.exception {padding:20px 16px 20px 16px;}
.idTabs #col_right h2.first,.idTabs #col_right_pratiques h2.first {color:#EE7F01;}
.idTabs #col_right h2,.idTabs #col_right_pratiques h2 {font-weight:normal;text-align:left;font-weight:bold;font-size:13px;}
.idTabs #col_right p,.idTabs #col_right_pratiques p {font-size:11px;line-height:14px;}

.ui-tabs .ui-tabs-hide {
     display: none;
}
.idTabs ul#tabs {margin-left:16px;overflow:hidden;}
	.idTabs ul#tabs li {float:left;background-color:#f89e3e;background-image:none;padding:3px 0;width:205px;text-align:center;font-weight:bold;}
	.idTabs ul#tabs li a {color:#3e3e3e;width:204px;display:block;padding:12px 0 13px 0;border-right:1px solid #fff;}
	.idTabs ul#tabs li a#onglet1 {padding:3px 0;}
	.idTabs ul#tabs li a.last {border-right:0px;}
	.idTabs ul#tabs li a.selected {color:#fff;}
	.idTabs ul#tabs li a:hover {text-decoration:none;}
	
	.idTabs #tabs-1, .idTabs #tabs-2, .idTabs #tabs-3 {}

.idTabs #col_right, .idTabs #col_right_pratiques {position:relative;top:-83px;*top:-73px;}

/*accordion*/

ul#acc1 li p, ul#acc2 li p, ul#acc3 li p {margin:0;}
ul#acc1 li p img, ul#acc2 li p img, ul#acc3 li p img {display:block;}
ul#acc1 li a, ul#acc2 li a, ul#acc3 li a {color:#757373;font-weight:bold;cursor:pointer;}

.nomFonction p {color:#666666;font-size:10px;line-height:10px;text-align:center;}
.description {background:url(../images/bg-description.gif) no-repeat;margin:15px 0 0 127px;font-size:10px;}
.description .description_bot {background:url(../images/bg-description_bot.gif) left bottom no-repeat;font-size:10px;padding:8px 0 0 10px;overflow:hidden;width:432px;}



	.description span {width:120px;}
.remarque {border:1px solid #EE7F01;background-color:#fff;padding:10px;margin-bottom:15px;}
	.remarque h3 {font-size:12px;color:#EE7F01;margin-bottom:10px;}