

a:link		{ text-decoration: none; color:#5D7B2B; }
a:visited	{ text-decoration: none;   background-color:transparent; color:#5D7B2B; }
a:hover		{ text-decoration: underline; color:#5D7B2B; }

.texte
{  font-size:100%;  }
.titre
{ color:#000000; font-weight:bold; font-size:110%;  }
.sous-titre
{ color:#F58225;  }
.lien
{ color : #FF0000; }
.texte-erreur
{ color:#cc0000; }
.texte-vert
{color:#00BF00}



div.clear 		{ clear:both; display: block; height: 1px; overflow: hidden; margin: 0; padding:0; }
abbr, acronym 	{ border-bottom:1px dotted #EFEFEF; cursor:help; }
img 			{ border:0; }
form 			{ margin:0; padding:0; border:none; }
h1,h2,h3,h4 {  margin:0; padding:0; border:none; font-family: arial, verdana, helvetica, sans-serif; }
h1				{ font-size:130%; }
h2				{ font-size:130%; }
h3				{  font-size:120%; }
h4				{  font-size:110%; }
h5				{  font-size:100%; }


div#ewb_vue table { width:100%; font-size:100%; font-family: arial,verdana,helvetica,sans-serif; }

html, body {}

body {
	margin : 0;
	padding : 0;
	width:100%;
	text-align:center;
	/*height:100%;*/
	font-family: arial,verdana,helvetica,sans-serif;
	font-size:0.8em; color:#000000; background:url(../../e_img/charte/rub-body-bk.gif) top left repeat-x #000000;
  }

body.home {background:url(../../e_img/charte/home-body-bk.gif) top left repeat-x #000000; }

td { font-family: arial,verdana,helvetica,sans-serif; color:#000000; }

div#skip {position: absolute; margin:0; padding:0; display: none; }

/*
// *****************************************************************************
// DIV CONTAINER
// *****************************************************************************
*/
div#container {
		margin : 0px auto;
		padding :0px 0 0 0;
		text-align : left;
		width:770px;
		height:60%;
		min-height:500px;
		border-left:1px solid #38441A;
		border-right:1px solid #38441A;background:url(../../e_img/charte/contenu_bk_blanc.gif) 0 0 repeat-y;
}
.connexion div#container { background: none; }
.connexion div#bk-centre { float: none;}
.connexion div#formulaire.identi { margin:50px auto 20px; float: none; padding:0; }
.connexion div#formulaire.identi label { color:#FFF; }

html>body div#container{ height:auto;  }
/*
// *****************************************************************************
// DIV HEADER
// *****************************************************************************
*/
div#header {
	margin:0;
	padding:0;
	text-align:left;
	width:770px;
	height:171px;
	background-color:#000000;
}

div#header h1 { display:none; }

/*
// *****************************************************************************
// DIV ACCESSIBILITY-MENU
// *****************************************************************************
*/
div#accessibility-menu {
	margin:0;
	padding:0;
	width:770px;
	height:17px;
	font-size:85%;
	text-align:right; background:url(../../e_img/charte/accessibility-bk.gif) repeat-y bottom left;
}
div#accessibility-menu h2 { display:none; margin:0; padding:0; }
div#accessibility-menu ul {
	margin:0;
	padding:0 20px 3px 0;
	background:url(../../e_img/charte/accessibility-bk-border.gif) repeat-x bottom left;
}
div#accessibility-menu li { margin :0; display :inline; padding :0 0 3px 20px; }
div#accessibility-menu a {  color:#FFFFFF; }

div#help, div#sitemap { margin:0; display:inline; }

/*
// *****************************************************************************
// DIV MENU-PRINCIPAL
// *****************************************************************************
*/
div#menu-principal { margin:0; padding:5px 0 2px 0; }
html>body div#menu-principal {padding:4px 0 2px 0; }
div#menu-principal h2 { margin:0; padding:0; display:none; }
div#menu-principal ul { margin:0 2px 0px 0;; padding: 0; list-style-type: none; text-align: center;height:18px;  }
div#menu-principal li {
	display: block;
	float:left;
	text-align:center;
	padding:0;
	margin:0 2px 0px 0;
	font-size:95%;
	height:18px;
	width:100px;
}
#menu-principal a {
	color:#FFFFFF;
	background:#000000;
	font-weight:bold;
	text-decoration: none;
	display:block;
	text-align:center;
	margin:0 0 3px 0;
	padding:0;
}
#menu-principal li.item-125 	{ background: url(../../e_img/charte/principal-border-1.gif) repeat-x bottom left; width:10%;}
#menu-principal li.item-111	{ background: url(../../e_img/charte/principal-border-2.gif) repeat-x bottom left; width:13%;}
#menu-principal li.item-114 	{ background: url(../../e_img/charte/principal-border-3.gif) repeat-x bottom left;width:7%; }
#menu-principal li.item-3 	{ background: url(../../e_img/charte/principal-border-4.gif) repeat-x bottom left;width:14%; }
#menu-principal li.item-8 	{ background: url(../../e_img/charte/principal-border-5.gif) repeat-x bottom left; width:15%;}
#menu-principal li.item-17 	{ background: url(../../e_img/charte/principal-border-6.gif) repeat-x bottom left; width:12%;}
#menu-principal li.item-18 	{ background: url(../../e_img/charte/principal-border-7.gif) repeat-x bottom left; width:10%;}
#menu-principal li.item-112 	{ background: url(../../e_img/charte/principal-border-8.gif) repeat-x bottom left; width:12%;}
#menu-principal li.item-123 	{ background: url(../../e_img/charte/principal-border-9.gif) repeat-x bottom left; width:4%;}

#menu-principal li.selected-125 	{ background: url(../../e_img/charte/principal-border-1.gif) repeat-x bottom left; width:10%;}
#menu-principal li.selected-111	{ background: url(../../e_img/charte/principal-border-2.gif) repeat-x bottom left; width:13%;}
#menu-principal li.selected-114 	{ background: url(../../e_img/charte/principal-border-3.gif) repeat-x bottom left;width:7%; }
#menu-principal li.selected-3 	{ background: url(../../e_img/charte/principal-border-4.gif) repeat-x bottom left;width:14%; }
#menu-principal li.selected-8 	{ background: url(../../e_img/charte/principal-border-5.gif) repeat-x bottom left; width:15%;}
#menu-principal li.selected-17 	{ background: url(../../e_img/charte/principal-border-6.gif) repeat-x bottom left; width:12%;}
#menu-principal li.selected-18 	{ background: url(../../e_img/charte/principal-border-7.gif) repeat-x bottom left; width:10%;}
#menu-principal li.selected-112 	{ background: url(../../e_img/charte/principal-border-8.gif) repeat-x bottom left; width:12%;}
#menu-principal li.selected-123 	{ background: url(../../e_img/charte/principal-border-9.gif) repeat bottom left; width:4%;}

#menu-principal li.item-125 a:hover, #menu-principal li.selected-125 a  { background:url(../../e_img/charte/principal-border-1.gif) repeat bottom left; }
#menu-principal li.item-111 a:hover, #menu-principal li.selected-111 a { background:url(../../e_img/charte/principal-border-2.gif) repeat bottom left; }
#menu-principal li.item-114 a:hover, #menu-principal li.selected-114 a { background:url(../../e_img/charte/principal-border-3.gif) repeat bottom left; }
#menu-principal li.item-3 a:hover, #menu-principal li.selected-3 a { background:url(../../e_img/charte/principal-border-4.gif) repeat bottom left; }
#menu-principal li.item-8 a:hover, #menu-principal li.selected-8 a { background:url(../../e_img/charte/principal-border-5.gif) repeat bottom left; }
#menu-principal li.item-17 a:hover, #menu-principal li.selected-17 a { background:url(../../e_img/charte/principal-border-6.gif) repeat bottom left; }
#menu-principal li.item-18 a:hover, #menu-principal li.selected-18 a { background:url(../../e_img/charte/principal-border-7.gif) repeat bottom left; }
#menu-principal li.item-112 a:hover, #menu-principal li.selected-112 a { background:url(../../e_img/charte/principal-border-8.gif) repeat bottom left; }
#menu-principal li.item-123 a:hover, #menu-principal li.selected-123 a { background:url(../../e_img/charte/principal-border-9.gif) repeat bottom left; }


/*
// *****************************************************************************
// DIV MENU-PRINCIPAL-EXTRANET
// *****************************************************************************
*/
div#menu-principal-extranet { margin:0; padding:24px 0 2px 0; }
div#menu-principal-extranet h2 { margin:0; padding:0; display:none; }
div#menu-principal-extranet ul { margin:0 2px 0px 0;; padding: 0; list-style-type: none; text-align: center;height:18px;  }
div#menu-principal-extranet li {
	display: block;
	float:left;
	text-align:center;
	padding:0;
	margin:0 2px 0px 0;
	font-size:95%;
	height:18px;
	width:100px;
}
#menu-principal-extranet a {
	color:#FFFFFF;
	background:#000000;
	font-weight:bold;
	text-decoration: none;
	display:block;
	text-align:center;
	margin:0 0 3px 0;
	padding:0;
}
#menu-principal-extranet li.item-125 	{ background: url(../../e_img/charte/principal-border-1.gif) repeat-x bottom left; width:10%;}
#menu-principal-extranet li.item-111	{ background: url(../../e_img/charte/principal-border-2.gif) repeat-x bottom left; width:13%;}
#menu-principal-extranet li.item-114 	{ background: url(../../e_img/charte/principal-border-3.gif) repeat-x bottom left;width:7%; }
#menu-principal-extranet li.item-3 	{ background: url(../../e_img/charte/principal-border-4.gif) repeat-x bottom left;width:14%; }
#menu-principal-extranet li.item-8 	{ background: url(../../e_img/charte/principal-border-5.gif) repeat-x bottom left; width:15%;}
#menu-principal-extranet li.item-17 	{ background: url(../../e_img/charte/principal-border-6.gif) repeat-x bottom left; width:12%;}
#menu-principal-extranet li.item-18 	{ background: url(../../e_img/charte/principal-border-7.gif) repeat-x bottom left; width:10%;}
#menu-principal-extranet li.item-112 	{ background: url(../../e_img/charte/principal-border-8.gif) repeat-x bottom left; width:12%;}
#menu-principal-extranet li.item-123 	{ background: url(../../e_img/charte/principal-border-9.gif) repeat-x bottom left; width:4%;}

#menu-principal-extranet li.selected-125 	{ background: url(../../e_img/charte/principal-border-1.gif) repeat-x bottom left; width:10%;}
#menu-principal-extranet li.selected-111	{ background: url(../../e_img/charte/principal-border-2.gif) repeat-x bottom left; width:13%;}
#menu-principal-extranet li.selected-114 	{ background: url(../../e_img/charte/principal-border-3.gif) repeat-x bottom left;width:7%; }
#menu-principal-extranet li.selected-3 	{ background: url(../../e_img/charte/principal-border-4.gif) repeat-x bottom left;width:14%; }
#menu-principal-extranet li.selected-8 	{ background: url(../../e_img/charte/principal-border-5.gif) repeat-x bottom left; width:15%;}
#menu-principal-extranet li.selected-17 	{ background: url(../../e_img/charte/principal-border-6.gif) repeat-x bottom left; width:12%;}
#menu-principal-extranet li.selected-18 	{ background: url(../../e_img/charte/principal-border-7.gif) repeat-x bottom left; width:10%;}
#menu-principal-extranet li.selected-112 	{ background: url(../../e_img/charte/principal-border-8.gif) repeat-x bottom left; width:12%;}
#menu-principal-extranet li.selected-123 	{ background: url(../../e_img/charte/principal-border-9.gif) repeat bottom left; width:4%;}

#menu-principal-extranet li.item-125 a:hover, #menu-principal li.selected-125 a  { background:url(../../e_img/charte/principal-border-1.gif) repeat bottom left; }
#menu-principal-extranet li.item-111 a:hover, #menu-principal li.selected-111 a { background:url(../../e_img/charte/principal-border-2.gif) repeat bottom left; }
#menu-principal-extranet li.item-114 a:hover, #menu-principal li.selected-114 a { background:url(../../e_img/charte/principal-border-3.gif) repeat bottom left; }
#menu-principal-extranet li.item-3 a:hover, #menu-principal li.selected-3 a { background:url(../../e_img/charte/principal-border-4.gif) repeat bottom left; }
#menu-principal-extranet li.item-8 a:hover, #menu-principal li.selected-8 a { background:url(../../e_img/charte/principal-border-5.gif) repeat bottom left; }
#menu-principal-extranet li.item-17 a:hover, #menu-principal li.selected-17 a { background:url(../../e_img/charte/principal-border-6.gif) repeat bottom left; }
#menu-principal-extranet li.item-18 a:hover, #menu-principal li.selected-18 a { background:url(../../e_img/charte/principal-border-7.gif) repeat bottom left; }
#menu-principal-extranet li.item-112 a:hover, #menu-principal li.selected-112 a { background:url(../../e_img/charte/principal-border-8.gif) repeat bottom left; }
#menu-principal-extranet li.item-123 a:hover, #menu-principal li.selected-123 a { background:url(../../e_img/charte/principal-border-9.gif) repeat bottom left; }

/*
// *****************************************************************************
// DIV HEADER-COMPLEMENT
// *****************************************************************************
*/
div#header-complement {
	padding:11px 0 0px 20px;;
	margin:0;
	height:96px; background:url(../../e_img/charte/top.jpg) no-repeat top left;
}

/*
// *****************************************************************************
// DIV LOGO
// *****************************************************************************
*/
div#logo{ float:left; margin:0; padding:0;width:90%;height:96px;  }


/*
// *****************************************************************************
// DIV CONTENU
// *****************************************************************************
*/
div#contenu {margin:0 0 0 1px; padding:0;height:100%;width:769px;}

div#bandeau-home { padding:0; margin:0; }
div#bandeau-home div.front { display:none; }

div#flash-link { display:none; }

div#bandeau-rubrique {
	clear:both;
	padding:0;
	margin:0;
	background:url(../../e_img/charte/accessibility-bk-border.gif) repeat-x bottom left;
}

div#fake {float:left;width:1px;height:100%;}
div#fake-y {
	width:100%;
	height:30px;
	background:url(../../e_img/charte/droite-bk-top.gif) top left no-repeat #ff0000;
	margin:0;
}

div#nom-chapitre { margin:0; padding:6px 0 15px 0; text-align:center; font-size:120%; color:#FFFFFF; }
div#nom-chapitre h2 { margin:0; padding:0; font-size:100%; }

/*
// *****************************************************************************
// DIV GAUCHE
// *****************************************************************************
*/
div#gauche {
	float:left;
	margin:0;
	padding:0;
	width:154px;
	text-align:left;
	background:url(../../e_img/charte/gauche-bk-top.gif ) top left repeat-x;
}

/*
// *****************************************************************************
// DIV MENU_GAUCHE
// *****************************************************************************
*/
div#menu_gauche { margin:0; padding:0; text-align:left; }
div#menu_gauche ul { margin:0; padding:10px 0 0 7px; }
div#menu_gauche li { margin:0; padding:0 0 7px 0; list-style: none; }
div#menu_gauche li.level-3 { font-size:85%; }
div#menu_gauche a { display:block; color:#FFFFFF; }
div#menu_gauche li.level-2 a { padding:0 0 0 15px; background:url(../../e_img/charte/menu-puce-niv1-off.gif) 0 6px no-repeat; }
div#menu_gauche li.level-2 a:hover { background:url(../../e_img/charte/menu-puce-niv1-on.gif) 0 6px no-repeat; text-decoration:underline; }
div#menu_gauche li.level-2 span.level-2-selected-125 a, div#menu_gauche li.level-2 span.level-2-item-125 a:hover {  background:url(../../e_img/charte/menu-puce-niv1-on-selected-125.gif) 0 6px no-repeat; border-right:5px solid #f4a811; }
div#menu_gauche li.level-2 span.level-2-selected-111 a, div#menu_gauche li.level-2 span.level-2-item-111 a:hover {  background:url(../../e_img/charte/menu-puce-niv1-on-selected-125.gif) 0 6px no-repeat;  border-right:5px solid #f7600a; }
div#menu_gauche li.level-2 span.level-2-selected-114 a, div#menu_gauche li.level-2 span.level-2-item-114 a:hover {  background:url(../../e_img/charte/menu-puce-niv1-on-selected-114.gif) 0 6px no-repeat;  border-right:5px solid #f40c87; }
div#menu_gauche li.level-2 span.level-2-selected-3 a, div#menu_gauche li.level-2 span.level-2-item-3 a:hover {  background:url(../../e_img/charte/menu-puce-niv1-on-selected-600.gif) 0 6px no-repeat; border-right:5px solid #e80bfb; }
div#menu_gauche li.level-2 span.level-2-selected-8 a, div#menu_gauche li.level-2 span.level-2-item-8 a:hover {  background:url(../../e_img/charte/menu-puce-niv1-on-selected-8.gif) 0 6px no-repeat;  border-right:5px solid #309ade; }
div#menu_gauche li.level-2 span.level-2-selected-17 a, div#menu_gauche li.level-2 span.level-2-item-17 a:hover {  background:url(../../e_img/charte/menu-puce-niv1-on-selected-17.gif) 0 6px no-repeat;  border-right:5px solid #9aed33; }
div#menu_gauche li.level-2 span.level-2-selected-18 a, div#menu_gauche li.level-2 span.level-2-item-18 a:hover 	{  background:url(../../e_img/charte/menu-puce-niv1-on-selected-18.gif) 0 6px no-repeat; border-right:5px solid #f7ca1d; }
div#menu_gauche li.level-2 span.level-2-selected-112 a, div#menu_gauche li.level-2 span.level-2-item-112 a:hover 	{ background:url(../../e_img/charte/menu-puce-niv1-on-selected-112.gif) 0 6px no-repeat; border-right:5px solid #00bf00; }
div#menu_gauche li.level-2 span.level-2-selected-123 a, div#menu_gauche li.level-2 span.level-2-item-123 a:hover 	{  background:url(../../e_img/charte/menu-puce-niv1-on-selected-123.gif) 0 6px no-repeat; border-right:5px solid #ff6496; }
div#menu_gauche li.level-3 a, div#menu_gauche li.level-3 a:visited { padding:0 0 0 25px; background:url(../../e_img/charte/menu-puce-niv2-off.gif) 15px 3px no-repeat; }
div#menu_gauche li.level-3 span.level-3-item a:hover { background:url(../../e_img/charte/menu-puce-niv2-off.gif) 15px 3px no-repeat; color:#ABD04D; text-decoration:underline; }
div#menu_gauche li.level-3 span.level-3-selected a 	{ color:#ABD04D; }

/*
// *****************************************************************************
// DIV BK-CENTRE
// *****************************************************************************
*/
div#bk-centre{float:left; margin:0; padding:0; border:none; height:100%;}

/*
// *****************************************************************************
// DIV BK-CENTRE2
// *****************************************************************************
*/
div#bk-centre2{float:left; margin:0; padding:0; border:none; height:100%;}

/*
// *****************************************************************************
// DIV BK-CENTRE3
// *****************************************************************************
*/
div#bk-centre3 {
	float:left;
	margin:0;
	padding:0;
	/*width:611px;*/
	border:none;
	height:100%;
}

/*
// *****************************************************************************
// DIV BK-CENTRE3
// *****************************************************************************
*/
div#bk-centre3 {
	float:left;
	margin:0;
	padding:0;
	/*width:611px;*/
	border:none;
	height:100%;
}

div#bk-centre h1{color:#FF6600;font-weight:bold;font-size:120%;margin:5px 0 5px 0;}
div#bk-centre h2{color:#FF6600;font-size:120%;margin:5px 0 5px 0;font-weight:bold;}
div#bk-centre h3{color:#9ed142;font-weight:bold;font-size:110%;}
div#bk-centre h4{color:#9ed142;font-size:100%;}

/*
// *****************************************************************************
// DIV CENTRE
// *****************************************************************************
*/
div#centre {
	   float:left;
	   padding:0;
	   margin:0;
	   text-align:left;
	   width:615px;
	   height:100%;
}

div.h2-titre { margin:10px 0 20px 80px; padding:0; }

div#titre-page { margin:0; padding:5px 0 20px 0; }
div#titre-page h2 { margin:0px; padding:0px; font-size:100%; color:#FF6600; }

/*
// *****************************************************************************
// DIV CONTENT-ONE
// *****************************************************************************
*/
div#content-one { position:relative; width:100%; background:url(../../e_img/charte/liste-home-dashed.gif) top center repeat-y ; }

.homepage{ margin-top:50px; font-weight: bold; text-align:center; padding:30px; color:#FFFFFF; }

/*
// *****************************************************************************
// DIV CONTENT-TWO
// *****************************************************************************
*/
div#content-two { float:left; padding:0 0 20px 0; /*background-color:#FFFFFF;*/ margin:0; }

/*
// *****************************************************************************
// DIV CONTENT-TWO-2
// *****************************************************************************
*/
div#content-two-2 {margin:0; padding:0px 0 20px 0; /*width:615px;*/}

/*
// *****************************************************************************
// DIV CONTENT-TWO-CHEMIN
// *****************************************************************************
*/
div#content-two-chemin {
	margin:0;
	padding:0;
	width:430px;
	background:url(../../e_img/charte/content-two-top-dashed.gif) top left no-repeat #000000; color:#FFFFFF;
	height:30px;
}

/*
// *****************************************************************************
// DIV CONTENT-TWO-CHEMIN-2
// *****************************************************************************
*/
div#content-two-chemin-2 {
	margin:0;
	padding:0;
	/*width:616px;*/
	width:615px;
	background:url(../../e_img/charte/content-one-top-dashed.gif) top right no-repeat #000000;
	color:#FFFFFF;
	height:30px;
}

/*
// *****************************************************************************
// DIV CONTENT-TWO-PAD
// *****************************************************************************
*/
div#content-two-pad {margin:0 0 0 15px; padding:0;width:400px; background-color:#FFFFFF; }

/*
// *****************************************************************************
// DIV CONTENT-ONE-PAD
// *****************************************************************************
*/
div#content-one-pad {margin:0px 0 0 15px; padding:0;width:565px;height:100%;background-color:#ffffff; }

/*
// *****************************************************************************
// DIV DROITE
// *****************************************************************************
*/
div#droite { padding:0;	margin:0; width:185px;  float:right; }
div#droite.fond-droite	{background:url(../../e_img/charte/bk-centre-bk-droite-vert.gif) top left repeat-y;}
div.fond-droite-bottom 	{background:url(../../e_img/charte/centre-bk-droite-vert.gif) bottom left no-repeat; height:400px; }

div#CentreHome { background-color:#FFFFFF;}

/*
// *****************************************************************************
// DIV HOME-ACTUALITES
// *****************************************************************************
*/
div#home-actualites { margin:0; padding:0; }
div#home-actualites a { color:#FFFFFF; }
div#home-actualites td { width:50%;}


div.liste-home { margin:0; padding:0 0 0 20px; width:345px; color:#FFFFFF;  }
div.liste-home h3 { margin:0; padding:0; font-size :95%; }
div.liste-home h3 a { margin:0; padding:0 0 0 20px; background:url(../../e_img/charte/liste-home-puce.gif) 0 2px no-repeat; }
div.liste-home img { float:left; margin:0 15px 0 0; padding:10px 0 0 0; }
div.liste-hometexte {  margin:10px 0 15px 0; color:#FFFFFF; font-size :95%;  }

div.lien-actualites-home {
	float:right;
	clear:both;
	margin:8px 20px 20px 0;
	padding:0 15px 0 0;
	background:url(../../e_img/charte/liste-home-savoirplus.gif) center right no-repeat;
	color:#FFFFFF;
}
div.lien-actualites-home img { float:none; margin:0; padding:0; }

/*
// *****************************************************************************
// DIV LISTE-ACTUALITES
// *****************************************************************************
*/
div#liste-actualites { margin:0; padding:0; }
div#liste-actualites h3 { margin:0 0 5px 0; padding:0; font-size:100%; }
div#liste-actualites h3 a {margin:0; padding:0 0 0 20px; background:url(../../e_img/charte/droite-puce-on.gif) 0 5px no-repeat; }
div.liste-actualites {
	text-align:right;
	font-size:85%;
	color:#000000;
	margin:5px 0 0 0;
	padding:0 15px 0 0;
	background:url(../../e_img/charte/more.gif) center right no-repeat;
}
div.liste-actualites a img { margin:0 -5px 0 0; padding:0; }

/*
// *****************************************************************************
// DIV REFERENCES
// *****************************************************************************
*/
div#references {margin:10px 0 5px 0; padding:0; }
div#references h2 { font-size:110%; display:block; margin-bottom:10px; color:#FF6600; }
div#references img { margin-right:10px; }

div.ref_metiers { clear:both; margin:10px 0 0 0; padding:0; }
div.ref_metiers h3 { color:#5D7B2B;  font-size:100%; margin:0 0 5px 0; padding:0; }
div.ref_metiers ul { margin:0 0 10px 0;  padding:0; }
div.ref_metiers li {  list-style-type:none; }

div#ref-link { margin:0; padding:0;  text-align:right;  }

/*
// *****************************************************************************
// DIV ACTUALITE
// *****************************************************************************
*/
div#actualite {margin:10px 0 5px 0; padding:0; }
div#actualite h2 {font-size:110%; display:block; margin-bottom:10px; color:#FF6600; }
div#actualite img { margin-right:10px; }

/*
// *****************************************************************************
// DIV DERNIERS-PROJETS
// *****************************************************************************
*/
div#derniers-projets { margin:0; padding:0; background:url(../../e_img/charte/gauche-bk-top.gif ) top left repeat-x #000000; }
div#derniers-projets h2 { margin:0 0 6px 0; padding:6px 0 0 0; text-align:center; color:#FFFFFF; }
div#derniers-projets h3 { margin:0 6px 0px 0; padding:0; font-size:92%; }
div#derniers-projets a {
	display:block;
	color:#FFFFFF;
	padding:0 0 0 15px;
	margin:15px 0 0 10px;
	background:url(../../e_img/charte/droite-puce-off.gif) 0px 5px no-repeat;
}
div#derniers-projets a:hover {
	background:url(../../e_img/charte/droite-puce-on.gif) 0px 5px no-repeat;
	text-decoration:underline;
}

/*
// *****************************************************************************
// DIV ENCART-PROJETS
// *****************************************************************************
*/
div#encart-projets { margin:0; padding:0; background:url(../../e_img/charte/gauche-bk-top.gif ) top left repeat-x #000000; }
div#encart-projets h2 { margin:0 0 6px 0; padding:6px 0 0 0; text-align:center; color:#FFFFFF; }
div#encart-projets h3 { margin:0 6px 0 0; padding:0; font-size:92%; }
div#encart-projets a {
	display:block;
	padding:0 0 0 15px;
	margin:15px 0 0 10px;
	background:url(../../e_img/charte/droite-puce-off.gif) 0 5px no-repeat;
	color:#FFFFFF;
}
div#encart-projets a:hover { background:url(../../e_img/charte/droite-puce-on.gif) 0 5px no-repeat; text-decoration:underline; }

div#projet-encart-barre {height:20px; background-color:#000000; }

div.horizontal-dashed { background:url(../../e_img/charte/horizontal-dashed.gif) top left repeat-x; }

/*
// *****************************************************************************
// DIV ACTU-ENCART
// *****************************************************************************
*/
div#actu-encart { margin:0; padding:0; }
div#actu-encart h2 {
	margin:0;
	padding:8px 10px 8px 20px;
	text-align:center;
	background:url(../../e_img/charte/horizontal-dashed.gif) top left repeat-x #000000;
	color:#FFFFFF;
}
div#actu-encart h3 {margin:10px 0 0 0; padding:0 10px 5px 10px; font-size:92%; }
div#actu-encart h3 a { color:#FFFFFF; }
div#actu-encart div.texte {  margin:0; padding:0 10px 15px 10px; }
div.actu-encart a {
	margin:0;
	padding:0 20px 0 80px;
	text-align:right;
	background:url(../../e_img/charte/droite-plus.gif) 155px 3px  no-repeat;
	color:#000000;
	font-size:85%;
}
div.actu-encart a:hover {  text-decoration:underline; color:#000000; }

div.ref-liste { margin:0; padding:0; }
div.ref-liste h3 {   margin:0 0 5px 0; padding:0; font-size :100%;}
div.ref-liste li { margin:0; padding:0; list-style-type:none; }

/*
// *****************************************************************************
// DIV TITRE
// *****************************************************************************
*/
div#titre {
	margin:0;
	padding:0;
	height:auto;
	text-align:left;
	width:100%;
}
#titre h1  {	margin:0; padding:0; color:#000000; }
#titre h2 {	display: none; margin:0; padding:0;	color:#000000; font-size:1.2em; }
#titre h3 {	display: none; margin:0; padding:0;	color:#737373; font-size:1.6em; }

div.titre-in { margin:0; padding:0; }
div.titre-in h3 { margin:10px 0 5px 0; padding:0; color:#5D7B2B; font-size:100%; }

/*
// *****************************************************************************
// DIV CHEMIN
// *****************************************************************************
*/
div#chemin { margin:0; padding:0; font-size:85%; color:#FFFFFF; }
#chemin ul { margin:0; padding:8px 0 0 10px; border:none; }
#chemin li {
		display:inline;
		background :url(../../e_img/charte/arrow_b.gif) no-repeat;
		margin: 0 0 0 5px;
		padding: 1px 0 0 10px;
		list-style:inside;
		border:none;
}
#chemin li.first {background : none; padding: 1px 0 0 0;}
div#chemin ul li a:link 	{ color:#FFFFFF; margin:0 0 0 2px;  }
div#chemin ul li a:visited  { color:#FFFFFF; margin:0 0 0 2px; }
div#chemin ul li a:hover 	{ text-decoration:underline; }

/*
// *****************************************************************************
// DIV PAGINATION
// *****************************************************************************
*/
div#pagination { padding:0; width:100%; margin:0; text-align:center; font-size:85%; }
div#pagination li { margin:0; padding:0; text-align:left; float:left; display:inline;  }
div#pagination li div.element {  margin:0; padding:0; text-align:center; width:75.9px; }
div#pagination li div.last {  text-align:right; width:223px;  }
div#pagination li div.first { text-align:left; width:223px; }



/*
// *****************************************************************************
// DIV BOTTOM
// *****************************************************************************
*/
div#bottom {
	clear:both;
	margin:0;
	padding:0;
	color:#9ED142;
	text-align:center;
	width:100%;
	font-size:85%;
	background:url(../../e_img/charte/home-bottom-bk.gif) repeat-x top left #000000;
	height:27px;
}

/*
// *****************************************************************************
// DIV BOTTOM-MIDDLE
// *****************************************************************************
*/
div#bottom-middle {
	margin:0 auto;
	padding:2px 10px 0 10px;
	width:750px;
	border-left:1px solid #38441A;
	border-right:1px solid #38441A;
	height:17px;
}

/*
// *****************************************************************************
// DIV BOTTOM_MENU
// *****************************************************************************
*/
div#bottom_menu { margin:0; padding:0; text-align:center; color: #9ED142; float:right; }
div#bottom_menu ul { margin:0; padding:0; list-style-type:none; }
div#bottom_menu li { display:inline; padding:10px 2px 0 0; text-align:center; margin:0; }
div#bottom_menu li a:link {  color:#9ED142; font-weight:normal; text-decoration: none; }
div#bottom_menu li a:visited {  color:#9ED142; font-weight:normal; text-decoration: none; }
div#bottom_menu li a:hover {  color:#9ED142; font-weight:normal; text-decoration: underline; }

/*
// *****************************************************************************
// DIV BARRE-NAV
// *****************************************************************************
*/
div#barre-nav {
	padding:0 0 0 2px;
	overflow:hidden;
	height:42px;
	width:428px;
	font-size:85%;
	text-align:center;
	margin:0;
	float:left;
}

/*
// *****************************************************************************
// DIV HAUT-PAGE
// *****************************************************************************
*/
div#haut-page a {
	float:right;
	margin:0;
	padding:0 25px 7px 0;
	color:#000000;
	background:url(../../e_img/charte/barre-nav-haut-page.gif)  70px 1px  no-repeat;
}

div.chapter-3 	{ background-color:#F96F00; }
div.chapter-8 	{ background-color:#E00055; }
div.chapter-18 	{ background-color:#9148F5; }
div.chapter-20 	{ background-color:#15A0FC; }
div.chapter-19 	{ background-color:#00C2B7; }
div.chapter-21 	{ background-color:#ABD04D; }
div.chapter-96 	{ background-color:#C2D3FC; }

/*
// *****************************************************************************
// DIV BARRE
// *****************************************************************************
*/
div#barre { margin:0; clear:both; padding:3px 0 4px 0; height:20px; }
div#barre ul { margin:0; padding:0; }
div#barre li { display:inline; margin:0; padding:0; list-style:none; }
div#barre li a { color:#FFFFFF; margin:0; padding: 0 7px 0 20px; }
div#barre a.contact { background:url(../../e_img/charte/ico-contact.gif) 0 0  no-repeat; }
div#barre a.tell 	{ background:url(../../e_img/charte/ico-tell.gif)  0 0  no-repeat; }
div#barre a.print 	{ background:url(../../e_img/charte/ico-print.gif)  0 0  no-repeat; }

/*
// *****************************************************************************
// DIV COORDO
// *****************************************************************************
*/
div#coordo { float:left; width:auto; padding: 0; height:auto; color: #9ED142; }

/*
// *****************************************************************************
// DIV ECEDI
// *****************************************************************************
*/
div#ecedi { clear:both;	margin : 0; width:770px; padding :5px 0 5px 0; text-align:center; }
div#ecedi a.lien  { color:#666666; }
div#ecedi a.lien:hover {text-decoration : underline; }

/*
// *****************************************************************************
// DIV CONTENT-TWO_BLACK
// *****************************************************************************
*/
div#content-two_black { float:left; padding:0 0 30px 0; width:430px; }

/*
// *****************************************************************************
// DIV CONTENT-TWO-CHEMIN_BLACK
// *****************************************************************************
*/
div#content-two-chemin_black {
	margin:0;
	padding:0;
	width:430px;
	background:url(../../e_img/charte/content-two-top-dashed.gif) top left no-repeat #000000;
	color:#FFFFFF;
	height:30px;
}

/*
// *****************************************************************************
// DIV CONTENT-TWO-PAD_BLACK
// *****************************************************************************
*/
div#content-two-pad_black { margin:0 0 0 15px; padding:5px 0 20px 0;width:400px; background-color:#000000; }

/*
// *****************************************************************************
// DIV FORMULAIRE
// *****************************************************************************
*/
div#formulaire { margin:10px 20px 0 20px; padding:0; min-height:150px; }

div#formulaire.identi { margin:80px 20px 0 0; width:45%; padding:0 100px 0 0px;float:right; }
html>body div#formulaire.identi { width:50%; }

div#formulaire img.image{ margin-left:5px; }
#formulaire fieldset { padding:5px; margin:10px; /*border:1px solid #99cc99;*/ width:96%; text-align:left; }

div#formulaire.identi fieldset { padding:0 10px; margin:0px; width:100%; text-align:left; }

#formulaire fieldset.login { float:left; padding:0px 0 0px 0; margin:0 auto; border:1px solid #9ED142; width:60%; }
#formulaire legend.login { color:#9ED142; }
#formulaire legend {
	margin-bottom:10px;
	padding:0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	color:#000000;
}
#formulaire .erreur { color:#FF1900; }
#formulaire td.erreur-login { color: #FF1900; }
#formulaire ul { margin:0; padding:0; border:none; }
#formulaire li { display:inline; list-style:none; padding:0 10px 0 0; margin:0; }
#formulaire li.checkbox { display:block; list-style:none; padding:0; margin:0; }
#formulaire label { margin:0; padding:0; font-family : arial, helvetica, verdana, sans-serif; font-weight:normal; cursor:pointer;font-size:85%; }
#formulaire label.login { color:#000000; }
#formulaire label.civil { font-size:85%; }
#formulaire input  { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif; font-size:100%;/*border: 1px solid #cccccc;*/ }
#formulaire input.texte { width:28em; font-size:100%; border: 1px solid #cccccc; color:#000000; }
#formulaire input.login {  width:14em; font-size:100%; border: 1px solid #cccccc; color:#000000; }
#formulaire input.textecourt { width:25%; border: 1px solid #cccccc; color:#000000; }
#formulaire select { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif; width:100%; color:#000000;border: 1px solid #cccccc; }
#formulaire textarea {
	margin:0;
	padding:0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:100%;
	width:28em; height:15em;
	border: 1px solid #cccccc;
	color:#000000;
}
#formulaire input.submit { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif; font-size:100%; }
#formulaire input.submit-login {
	margin: 0 0 0 10px;
	padding:0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:100%;
}
#formulaire div.textinfo { float:left; padding-top:5px; width:35%; font-size:85%; }

table.donnees td.titre {background-color:#669933;border:1px solid #006600; }
table.donnees td.pos {background-color:#5D7B2B;border:1px solid #006600; }
table.donnees td {background-color:#99CC66;border:1px solid #006600; }
/*
// *****************************************************************************
// DIV FORMULAIRE-CLIENT
// *****************************************************************************
*/
div#formulaire-deconnexion { margin:10px 20px 0 0px; padding:0;float:right; }

div#formulaire-client { margin:10px 20px 0 0px; padding:0; }
#formulaire-client select { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif; width:50%; color:#000000;border: 1px solid #cccccc; }
#formulaire-client input.submit { margin:0; padding:0; font-family: arial, verdana, helvetica, sans-serif; font-size:100%; }
/*
// *****************************************************************************
// DIV PLAN
// *****************************************************************************
*/
#plan { font-size:85%; }
#plan li { list-style-type:none; }
#plan tr.map { background-color:#fc6; }
#plan td.map { background-color:#fc6; }
#plan ul.map { margin:0; padding:0; }

div.bloc_contact{margin:0px 20px 0 20px; }

hr { margin:10px 0 0 0; border: none 0; border-top: 1px dashed #5DC930; width: 100%; height: 1px; }


/*
// *****************************************************************************
// STYLE POUR LE SUIVI DES DEMANDES DE MAINTENANCES.
// *****************************************************************************
*/
div.demande-maintenance{border:1px solid #00BF00;padding:2px;margin-top:5px;}
div.libelle-demande-maintenance{font-weight:bold;padding:0px 0 5px 0;}
div.objet-demande-maintenance{padding:0px 20px;}
div.reponse-demande-maintenance{padding:0px 10px 2px 20px;border:1px solid #FF6600;margin:10px 0 10px 20px;display:none;}
div.reponse-demande-maintenance ul{padding:5px 13px;margin:2px;}
div.reponse-demande-maintenance ul li{padding-top:5px;}

div.reponse-affichees-demande-maintenance{padding:0px 10px 2px 20px;border:1px solid #FF6600;margin:10px 0 10px 20px;}
div.reponse-affichees-demande-maintenance ul{padding:5px 13px;margin:2px;}
div.reponse-affichees-demande-maintenance ul li{padding-top:5px;}



div.voir-reponse{text-align:right;padding-right:5px;}



div#content_black { margin:0 0 0 0; padding:5px 10px 20px 10px;background-color:#000000;color:#fff; }

ul#contrat  {/*margin:0;padding:0;*/list-style-image:url(../../e_img/charte/arrow.gif);}
ul#solde  {/*margin:0;padding:0;*/list-style-image:url(../../e_img/charte/arrow.gif);}

div#rapport {padding:20px 0;font-size:90%;}

div#rapport table {empty-cells:show;border-collapse:collapse;width:100%;border-top-color:#ECE9D8;border-left-color:#ECE9D8;border-bottom-color:#ACA899;border-right-color:#ACA899;}
div#rapport table td {vertical-align:top;padding:2px 4px;border-color:#000;}

div#rapport .entete1 {padding:0;}
div#rapport .entete1 span{padding:2px 4px;text-transform:capitalize;background:#000;color:#fff;}


div#rapport .entete2 {font-weight:bold;background:#e7fbc1;}

div#rapport .entete3 {padding:0px;background:#ACA899;height:10px;overflow:hidden;}
div#rapport .entete3 span{padding:0px 4px;color:#FFFFFF;font-size:9px;}

div#rapport .total {font-weight:bold;}

div.libelle-tache{background:url(../../e_img/charte/separation-libelle.gif) bottom center no-repeat;padding-bottom:5px;margin-bottom:5px;}