/* f08302 orange 
90ac09 vert
1c89aa bleu
615545 marron
80b0d4 bleu claire
*/

.Style1 {
	color: #94d6f0;
	font-size: 20px;
}
.Style5 {font-size: 32px;
color:#FFFFFF;
}
.Style6 {color: #FFFFFF;
font-size: 16px;}

.m{
	font-size:12px;
}
body, td, table, tr {
	scrollbar-arrow-color: #4a4949;
/* couleur des flèches */
	scrollbar-track-color: #ffffff;
/* couleur du fond de la barre */
	scrollbar-highlight-color: #ffffff;
/* couleur claire du relief des boutons */
	scrollbar-shadow-color: #ffffff;
/* couleur sombre du relief des boutons */
	scrollbar-3dlight-color: #4a4949;
/* couleur claire du relief des boutons quand ceux-ci ne sont pas  enfoncés */
	scrollbar-darkshadow-color: #4a4949;
/* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-face-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	
}
#contenu {
overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	width: 1065px;
	text-align: left;
		background-color:#5c4f37;
		
}
#conteneur {

	width: 1065px;
	text-align: left;
		background-color:#5c4f37;
		margin-left:15px;
}
#top
{
padding-top:15px;

background:#5c4f37;

}
#langue {
	margin: 0px 0px 0px 10px;
	padding: 0;
	background-color: #FFFFFF;
	white-space: nowrap;
	float: left;
	display: inline;
	FONT-SIZE: 9px;
}

/***************************navigation***********************/
#nav {
	width: 970px;
	height:30px;
	margin: 0;
	padding: 5px 0px 0px 0px;
	display:block;
	text-align:right;
	
	/*background-image:url(images/fond-nav.jpg)*/
}
#text {
	
		min-height:460px;
	}
#page {
	width:824px;
	
	margin:85px 0 0 25px;
	padding: 0px 0px 0px 0px;
	min-height:460px;
	float:left;
	display:inline;
	background: url(images/logo-footer-haut.jpg) right bottom no-repeat;
	}
#text h1{
	color:#4f989d;
	text-align:center;
	font-size:17px;
	font-style:italic;
	font-weight:bold;
	margin:0;
	padding:0;
}

#text h3{
	color:#000000;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	margin-bottom:0;
}

#text h4{
	color:#000000;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	margin-left:40px;
	margin-top:5px;
}

#text{
	/*width:640px;*/
	height:460px;
		border-spacing: 0px;
	border-collapse: collapse; 
	background-color:#9ed2c4;
}

#texte {
	width:795px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	
	display: inline;
	float:left;
}
#texteaccueil {
	width:970px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	

}
#titre-metier {
	width:600px;
	margin:auto;
	margin:45px 0  0 0;
}
#titre-contact {
	width:779px;
	margin:auto;
	margin:0 0 10px 0;
	text-align:center;
	background-color:#5c4f37;
}
#titre-contact h2{
	color:#FFF;
	font-size:20px;
	border:0;
	}
#titre-contact h3{
	color:#FFF;
	font-size:17px;
	border:0;
	}
#footer{
	width:1052px;
	text-align:right;
	color:#aa9165;
	align:right
	}

#text-footer{
	float:left;
	display:inline;
	width:942px;
	margin-top:16px;
	font-size:10px;
}

#image-footer{
	float:left;
	display:inline;
	margin-left:12px;
	-margin-left:36px;
}


#navigationlogin {

	height:25px;
	display: inline;
	float:right;
	text-align: none; 
	padding: 0px 15px 0px 0px;
	margin:0px;
}
#recherche {

	height:25px;
	display: inline;
	float:right;
vertical-align:top;
	text-align: none; 
padding: 0px 0px 0px 0px;
margin:0px;
}

#navigationhaut {
	height:25px;
	display: inline; 
	float:right;

padding: 3px 0px 0px 0px;

margin: 0px 0px 0px 0px;
}

#left{
	width:177px;
	float:left;
	display:inline;
	padding:0;
}

#logo {
width:177px;
	height:129px;
	padding: 0;
	margin: 15px 0px 0px 0px;
	
}
#bandeau {

	width: 970px;
	height:260px;
	margin: 0px 0px 0px 0px;;
	padding: 0px 0px 0px 0px;
	border-bottom:solid #FFFFFF 30px;
	display: inline;
	background:#5a7ab7;
	float:left;

}


#navigation {
width: 177px;
padding:0;
margin:40px 0 0 0;


}


#sousnavigation {
	left:0px;
	top:0px;
	width:225px;
	margin:0px 0px 0px 0px;
	padding:0px;
position:absolute;
height:100px;
}
#sousnavigation div { /* pour l'habillage de la nav */
	width:225px;
		margin:0px;
	padding:0px;
}
#navigationbas {
	width:970px;
	height:37px;
	text-align: center; 
	display: inline;

		float:left;
}



#piedref {
	width:970px;
	height:37px;
	text-align: center; 
	display: inline;

		float:left;
}

/**********************Nav haut********************/
#menuhautsep, #menuhautselectedsep {
	list-style-image:none;list-style-type: none;
	 /************** remplacer par display block pour une nav vertical ********/
	display:inline; /*pour le centrage tout les element intégrer dans la div{text-align:center} doivent etre en display inline*/
	float:none;
	margin:0;
	padding: 0px;
		height:20px;
	
	}
#menuhautsep li, #menuhautselectedsep li {
	display:inline; /*pour le centrage tout les element intégrer dans la div{text-align:center} doivent etre en display inline*/
	float:none;
	padding: 0;
	margin: 0px 0px 0px 0px;
	background: url(img/sephaut.gif) 0px 2px no-repeat;
	height:20px;
	width:25px;
	}

#menuhaut , #menuhautselected {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline; /*pour le centrage tout les element intégrer dans la div{text-align:center} doivent etre en display inline*/
	float:none;
	list-style: none;
}
#menuhaut  li, #menuhautselected  li {
	list-style-image:none;list-style-type: none;
	margin: 0;
	padding: 0;
	display:inline; /*pour le centrage tout les element intégrer dans la div{text-align:center} doivent etre en display inline*/
	float:none;
	list-style: none;

}
#menuhaut li a {
	padding:  0px 10px 0px 10px;
	FONT-SIZE: 11px;
	COLOR: #c1d4e3;
	TEXT-DECORATION: none;


}
#menuhaut li a:hover {
	padding:  0px 10px 0px 10px;
	FONT-SIZE: 11px;
	COLOR: #c1d4e3;
	TEXT-DECORATION: underline;


}
#menuhautselected  li a {
	padding:  0px 10px 0px 10px;
	FONT-SIZE: 11px;
	COLOR: #c1d4e3;
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;

}
#menuhautselected  li a:hover {
	padding:  0px 10px 0px 10px;
	FONT-SIZE: 11px;
	COLOR: #c1d4e3;
	TEXT-DECORATION: none;
	font-weight: bold;

}




/***************sous nav******************************/

#sousmenuprinc1, #sousmenuprincselected1, #titrerubmenuprinc1  {
	list-style-image:none;list-style-type: none;
	margin: 0;
	padding: 0;

	margin-top:5px;
}

#sousmenuprinc1 li,  #titrerubmenuprinc1 li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	margin-top:5px;

	
}
#sousmenuprincselected1 li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	margin-top:5px;

	
}
#titrerubmenuprinc1 li a{
FONT-WEIGHT: bold;
	font-size: 17px;
	color: #000000;
	line-height:normal;
	text-decoration:none;

	
}

#sousmenuprinc1 li a {

margin: 0;
	padding: 0px 0px 0px 20px;
	cursor: pointer;
	cursor: hand;
	font-size: 13px;
	color: #000000;
	TEXT-DECORATION: none;

	line-height:normal;
	background:url(img/puce_carre_orange_kp1_batiment.gif) no-repeat 5px 4px;
	width:154px;
	height:15px;
	
}
#sousmenuprincselected1 li a {

margin: 0;
	padding: 0px 0px 0px 20px;
	cursor: pointer;
	cursor: hand;
	font-size: 13px;
	color: #000000;
	TEXT-DECORATION: underline;

	line-height:normal;
	background:url(img/puce_carre_orange_kp1_batiment.gif) no-repeat 5px 4px;
	width:154px;
	height:15px;
}
#sousmenuprincselected1 li a:hover, #sousmenuprinc1 li a:hover {
margin: 0;
	padding: 0px 0px 0px 20px;
	cursor: pointer;
	cursor: hand;
	font-size: 13px;
	color: #000000;
	TEXT-DECORATION: underline;
	width:100%;
	line-height:normal;
	background:url(img/puce_carre_orange_kp1_batiment.gif) no-repeat 5px 4px;
	width:154px;
	height:15px;

}

/***************sous sous nav******************************/

#soussousmenuprinc11, #soussousmenuprinc11selected, #soustitrerubmenuprinc11  {
	list-style-image:none;list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 33px;
	display:inline;
	float:left;
}

#soussousmenuprinc11 li,  #soustitrerubmenuprinc11 li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin-top:5px;
	display:inline;
	float:left;
}
#soussousmenuprinc11selected li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin-top:5px;
}
#soustitrerubmenuprinc11 li a{
	color: #f39911;
	line-height:normal;
	text-decoration:none;
}

#soussousmenuprinc11 li a {

margin: 0;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	cursor: hand;
	font-size: 13px;
	color: #f39911;
	TEXT-DECORATION: none;
}
#soussousmenuprinc11selected li a {

margin: 0;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	font-size: 13px;
	color: #f39911;
	TEXT-DECORATION: underline;
}
#soussousmenuprinc11selected li a:hover, #soussous11menuprinc li a:hover {
margin: 0;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	cursor: hand;
	font-size: 13px;
	color: #f39911;
	TEXT-DECORATION: underline;
}

/******************** nav bas ****************/

#menubassep, #menubasselectedsep {
	list-style-image:none;list-style-type: none;
	display: inline; /************* remplacer par display block pour une nav vertical ********/
				/*pour le centrage tout les element intégrer dans la div{text-align:center} doivent etre en display inline*/
	margin:0;
	padding: 0;

	
	}
#menubassep li, #menubasselectedsep li {
	display:inline; /*pour le centrage tout les element intégrer dans la div{text-align:center} doivent etre en display inline*/
	padding: 0;
	margin: 3px 0px 0px 0px;
	
background:url(images/sepnabas.gif) no-repeat 0px 4px;
		}

#menubas , #menubasselected {
	display:inline;  /*pour le centrage tout les element intégrer dans la div{text-align:center} doivent etre en display inline*/

	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	
	list-style: none;

}
#menubas  li, #menubasselected  li {
	list-style-image:none;list-style-type: none;
	margin: 0;
	padding: 0;
	display:inline;  /*pour le centrage tout les element intégrer dans la div{text-align:center} doivent etre en display inline*/

	list-style: none;

}
#menubas li a {
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
	display:inline;  /*pour le centrage tout les element intégrer dans la div{text-align:center} doivent etre en display inline*/
	

	
}
#menubas li a:hover {
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;

}
#menubasselected  li a {
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;
	display:inline; /*pour le centrage tout les element intégrer dans la div{text-align:center} doivent etre en display inline*/
	
	

}
#menubasselected  li a:hover {
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;
}

/***********************************************************/
#form1 .input_text {

width:120px;

font-size:13px;
height:15px;
padding:0px;
margin:0px;
}

/***********************************************************/
h1 {
	
	color:#ec741b;
	font-size:22px;
	font-style:italic;
	padding-left:40px;
	margin:10px;
}
h3 {
	color: #666666;
	padding: 0px 0px  0px 0px;
	margin: 0px;
	font-size:  17px;
	font-weight:bold;
	
}
h2 {
	color: #666666;
	padding: 0px 0px  3px 0px;
	margin: 15px 0px 8px 0px;
	font-size:  16px;
	font-weight:bold;
	border-bottom:solid 1px #80b0d4;
}
h4 {
	color: #333333;
	margin: 0;
	font-size: 14px;
	padding:0px 0px 0px 0px;
		margin:5px 0px 0px 0px;
}
h5 {
	color: #f08302;
	margin: 0;
	font-size: 14px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
}
h6 {
	color: #f08302;
	margin: 0;
	font-size: 13px;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	
}
#texte p {
	text-align:justify;
	margin: 0;
	font-size: 13px;
	padding:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}
#texte ul {
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 15px;
		list-style:url(img/puce-bleu.gif);
		line-height:normal;

}
#texte li
{
padding:0px;
margin:0px;
line-height:normal;
}
hr
{
/*color: #7fc9e8;
background-color: #cc4e02;*/
border-top: 1px solid #cc4e02;  
border-bottom: 1px solid #FFFFFF;  
text-align:left;
width:100%;
text-align:left;
padding:0px;
margin:0px;
font-size:3px;


}

a {
	COLOR: #cc4e02;
	TEXT-DECORATION: none;
}
a:hover {
	COLOR: #cc4e02;
	TEXT-DECORATION: underline;
	}
/*******************************/
#plan, #plan a
{display:inline;
color:#FFFFFF;
}
p {
padding:0;
margin:0;
}

/**************Rechercher*****************/
#droite #recherche_chercher, #droite #inputbutton
{
margin:0px;
padding:0px;
border:  solid 1px #94d6f0; margin: 0px 0px 0px 0px; padding: 0px; width: 25px; height: 18px; font-size: 10px; background-color: #80b0d4; color: rgb(255, 255, 255); vertical-align: middle;
}
#droite #recherche_motcles, #droite #inputtext
{
margin:0px;
padding:0px;
border:  solid 1px #94d6f0;
width: 150px; height: 16px; 
font-size: 10px;
vertical-align: middle;
}
#chercherform
{
text-align:right;
}
#meteo
{

padding-left:15px;

border:  none 0px #FFFFFF;  width: 100%; font-size: 12px; 

}
#meteo div
{
text-align:left;
margin:0px;
padding:0px;

}
#droite H1
{
margin:0;
padding:0px 0px 10px 18px;
background:url(img/puce_carre.gif) 5px 5px no-repeat;
color:#0061AB;
font-size:15px;
}
#droite ul li, #droite ul
{
	padding:0;
	margin:0;
	list-style: none;
}
#droite ul li a
{
font-weight:bold;
color:#0061AB;
font-size:12px;
}
#droite ul li,#droite p, #droite table
{
padding:0px 0px 5px 18px;

font-size:12px;
}



/***********Page tableau********************/


.menu-zone{
	width:50px;
	color:#424242;
	font-size:17px;
	text-align:center;
	text-decoration:none;
	}

.menu-zone a:hover{
	color:#FFF;
	font-weight:bold;
	}

.tableau{
	background-color:#FFF;
	border:1px solid #69949e;
	color:#000000;
	border-spacing: 0px;
	border-collapse: collapse;  
	margin-bottom:10px;
	width:100%;
	}

.tableau td{
	background-color:#FFF;
	border:1px solid #69949e;
	padding:7px;
	margin:0;
	height:60px;

	
	}
	.tableau tr:hover{
	background-color:#69949e;
	

	
	}

.haut-tableau{
	background-color:#FFF;
	border:1px solid #69949e;
	color:#000000;
	text-align:center;
	vertical-align:center;
	border-spacing: 0px;
	border-collapse: collapse;  
	width: 516px; 
	float: right; 
	text-align: center;
	vertical-align: top;
	margin-bottom:10px;
	}

.haut-tableau td{
	background-color:#FFF;
	border:1px solid #69949e;
	padding:0;
	margin:0;
	height:60px;
	vertical-align:middle;
	
	}


#map{
	display:inline;
	float:left;
	width:360px;
	height:272;
	text-align:center;
	margin:22px 13px 0 0;
}
#texte-droite{
	display:inline;
	float:right;
	background-color:#9ed2c4;
	border: 1px solid #FFF;
	width:272px;
	height:325px;
}
#texte-droite h3{
	color:#ec741b;
	font-size:22px;
	font-style:italic;
	padding-left:25px;
	margin:10px;
}

#texte-droite h4{
	padding:0;
	margin:0;
	font-weight:normal;
	background:url(../images/puce-h4.gif) 10px 5px no-repeat;
	margin:0px 10px 5px 0px;
	padding:0px 0px 0px 25px;
	font-size: 13px; 
	color:#232124;
}

#text-home{
	display:inline;
	float:left;
	width:400px;
	color:#ec741b;
	font-weight:bold;
	font-style:italic;
	font-size:22px;
	
	text-align:center;
	width:353px;
}
#map-home{
	display:inline;
	float:left;
	width:360px;
	height:272;
	text-align:center;
	margin:22px 13px 0 0;
	
}
#news-home{
	display:inline;
	float:left;
	background-color:#9ed2c4;
	border: 1px solid #FFF;
	width:272px;
	height:325px;
}
#news-home h3{
	color:#ec741b;
	font-size:22px;
	font-style:italic;
	padding-left:0px;
	margin:10px;
}

#news-home h4{
	padding:0;
	margin:0;
	font-weight:normal;
	background:url(../images/puce-h4.gif) 7px 5px no-repeat;
	margin:0px 10px 5px 0px;
	padding:0px 0px 0px 20px;
	font-size: 13px; 
	color:#232124;
}