body {
 font: 11px arial, verdana, sans-serif;
 background- color: #5a90b2;
 background-image:url("../images/fond.jpg");
 background-repeat:repeat-x;
 margin: 0;
 padding: 0;
}

fieldset
{
border:1px solid #fff;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(border-radius.htc);
background: #fff;
margin: 0 0 1em 0;
position: relative;
}

.titremenu
{
	color:#00447b; 
	font-style:italic; 
	font-size:18px; 
	font-weight:bold;
	padding-left: 5px;
}

.pucepied
{
color: #01447b; font-size:12px; font-weight:bold;
}
.textebleu10
{
color: #01447b; font-size:10px; 
}
.textebleu12gras
{
color: #01447b; font-size:12px; font-weight: bold;
}

h4
{
color: #01447b;
}

.tabtitre
{
	background-color: #01447b;
	color: #fff;
	text-align:left;
}
.tabtitre2
{
	background-color: #01447b;
	color: #fff;
	text-align:left;
	background-image: url(../images/tab-entete.jpg);
	background-repeat: repeat-x;
}
.tabtd
{
	background-color: #cbd300;
	padding-left: 3px;
	color: #01447b;	
}
.tabtd2
{
	background-color: #fff;
	padding-left: 3px;
	padding-top: 7px;
	color: #01447b;	
	background-image: url(../images/tab-hautcell.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.tabtddesc
{
	background-color: #fcfa00;
	padding-left: 3px;
	color: #01447b;	
}

.tabtddesc2
{
	background-color: #fff;
	padding-left: 3px;
	color: #01447b;
	background-image: url(../images/tab-bascell.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.tabpied
{
	background-image: url(../images/tab-pied.jpg);
	background-repeat: repeat-x;
	background-position: right top;
}

.ongletOK
{
float: left;background-color: #cbd300; border-top: solid 1px #01447b;  color: #01447b; padding: 2px 2px 2px 2px; width: 140px; font-weight: bold; text-align:center;
}

a.onglet:link {text-decoration: none;}
a.onglet:visited{text-decoration: none;}
a.onglet:active{text-decoration: none;}
a.onglet:hover{text-decoration: underline;}

.ongletOK2
{
	float: left;
	background-color: #FFF;
	color: #FFF;
	padding: 2px 2px 2px 2px;
	width: 142px;
	font-weight: bold;
	text-align:center;
	background-image: url(../images/tab-onglet-ok.jpg);
	background-repeat: no-repeat;
	cursor:default;
}

.ongletKO
{
float: left; background-color: #edefa4; border-top: solid 1px #01447b; color: #01447b; padding: 2px 2px 2px 2px; width: 140px; font-weight: bold; text-align:center;
}

/*a.menublanc:link {color: #fff;}
a.menublanc:visited {color: #fff;}
a.menublanc:hover {color: #fff;}
a.menublanc:active {color: #fff;}*/

.ongletKO2
{
	float: left;
	background-color: #FFF;
	color: #cbd300;
	padding: 2px 2px 2px 2px;
	width: 142px;
	font-weight: normal;
	text-align:center;
	background-image: url(../images/tab-onglet-ko.jpg);
	background-repeat: no-repeat;
	cursor:pointer;cursor:hand;
}

a.accueil:link { color: #000; text-decoration: none;font-size:12px;}
a.accueil:visited { color: #000; text-decoration: none;font-size:12px;}
a.accueil:hover { color: #000; text-decoration: underline;font-size:12px;}
a.accueil:active { color: #000; text-decoration: none;font-size:12px;}

a:link { color: #01447b; text-decoration: underline;font-size:11px;}
a:visited { color: #01447b; text-decoration: underline;font-size:11px;}
a:hover { color: #01447b; text-decoration: none;font-size:11px;}
a:active { color: #01447b; text-decoration: underline;font-size:11px;}

a.lienbas:link { color: #01447b; text-decoration: none;font-size:12px; font-weight:bold;}
a.lienbas:visited { color: #01447b; text-decoration: none;font-size:12px; font-weight:bold;}
a.lienbas:hover { color: #01447b; text-decoration: underline;font-size:12px; font-weight:bold;}
a.lienbas:active { color: #01447b; text-decoration: none;font-size:12px; font-weight:bold;}

.za_mini{
	color:#999; 
	font-size:9px; 
}

.za_td{
	text-align:right;
	background-color:#01447b;
	height:15px;
	color: #fff;
	background-image: url(../images/td_fond.gif);
	background-repeat: repeat-x;
}
/* ------------------------------------------------------------------------------------
Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/

#menuDeroulant
{
	/*background: #01447b;*/
	width: 880px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 150px;
	left: 164px;
}
#menuDeroulant .menublanc a:link { color: #fff }
#menuDeroulant .menublanc a:visited { color: #fff }
#menuDeroulant .menublanc a:active { color: #fff }
#menuDeroulant .menublanc a:hover { color: #fff }

#menuDeroulant li
{
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #cbd300;
	font-size:14px;
	/*background: #01447b;*/
	margin: 0;
	padding: 4px 8px;
	/*border-right: 1px solid #fff;*/
	text-decoration: none;
	background:url(../images/onglet.png) no-repeat;
}
#menuDeroulant li a:hover { /*background-color: #cbd300;*/ color: #fff }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 190px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("../images/fond.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #cbd300;
}

#menuDeroulant li:hover > .sousMenu { display: block; }

/* ----------------- fin menu -----------------*/

ul,ol { list-style: none; }

ul.autre { list-style: url(../images/virgule_small.jpg); }

#header {
height: 147px;
}
#haut {
height: 20px;
color:#FFFFFF;
padding: 5px;
vertical-align:middle;
}
#conteneura {
padding-top:0px;
position: relative;
width: 1015px;
margin: 0 auto; 
}
#conteneur {
padding-top:0px;
position: relative;
width: 1015px;
margin: 0 auto; 
}
#centre {
padding-top: 5px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
height: 590px;
overflow:auto;
z-index:3;
background:url(../images/fondpage.png) no-repeat;
}
#pieda {
padding-top: 5px; 
background:url(../images/footer.png) no-repeat; 
width: 1015px; 
height: 122px; 
}

#pied {
z-index: 2;
position: absolute;
top: 667px;
padding-top: 5px; 
background:url(../images/footer.png) no-repeat; 
width: 1015px; 
height: 122px; 
}

#iconefutur {
z-index: 40;
position: absolute;
top: 175px;
left: 15px;
background:url(../images/futur.jpg) no-repeat #000; 
width: 150px; 
height: 100px; 
}

#iconeagence {
z-index: 40;
position: absolute;
top: 175px;
left: 15px;
background:url(../images/agence.jpg) no-repeat #000; 
width: 150px; 
height: 100px; 
}

#iconeterritoire {
z-index: 40;
position: absolute;
top: 175px;
left: 15px;
background:url(../images/vue_aerienne.jpg) no-repeat #000; 
width: 150px; 
height: 100px; 
}

#iconepressroom {
z-index: 40;
position: absolute;
top: 175px;
left: 15px;
background:url(../images/pressroom.jpg) no-repeat #000; 
width: 150px; 
height: 100px; 
}

#terre2 {
z-index: 40;
position: absolute;
top: 100px;
left: 965px;
width: 45px; 
height: 45px; 
}

#textegauche {
float:left;
margin-top : 40px;
padding-left : 40px;
	text-align:justify;
height: 390px;
overflow:auto;
width: 300px;
}

#textemilieu {
	float:left;
	margin-top : 40px;
	padding-left : 10px;
	text-align:justify;
	height: 390px;
	overflow:auto;
	width: 300px;
}

#textedroite {
float:left;
margin-top : 40px;
padding-left : 10px;
padding-right : 40px;
	text-align:justify;
height: 390px;
overflow:auto;
width: 300px;
}

#textecentral {
float:left;
margin-top : 40px;
padding-left : 40px;
padding-right : 40px;
	text-align:justify;
height: 390px;
overflow:auto;
width: 900px;
}

form.css fieldset
{
	padding: 1em;
	border:solid 1px #01447b;
	
}
form.css label
{
	display: inline;
	float: left;
	width: 250px;
}

.encart_cal
{
	background-image: url(../images/encart_cal.gif);
	height: 195px;
	width: 125px;
	background-repeat: no-repeat;
	padding-top: 10px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	float: left;
}

.encart_cal a:link,
.encart_cal a:visited,
.encart_cal a:hover,
.encart_cal a:active { color: #ADBAD2; font-weight: normal; }

.agenda_mois
{
	background-image: url(../images/agenda.png);
	text-align : center;
	height: 22px;
	width: 40px;
	padding-top: 10px;
	background-repeat: no-repeat;
	float: left;
	color: #999;
	font-weight: normal;
}
.agenda_mois a:link,
.agenda_mois a:visited,
.agenda_mois a:hover,
.agenda_mois a:active { color: #00447A; }

.agenda_jour
{
	background-image: url(../images/agenda_jour.png);
	height: 80px;
	width: 80px;
	background-repeat: no-repeat;
	float: right;
	text-align: center;

	color: #000;
	font-weight: bold;
	font-size: 28px;
}
.agenda_jour .mois
{
	color: #fff;
	font-weight: bold;
	float: left;
	padding-left: 10px;
	padding-top: 14px;
	font-size: 11px;
}
.agenda_jour .annee
{
	color: #fff;
	font-weight: bold;
	float: right;
	padding-right: 10px;
	padding-top: 14px;
	font-size: 11px;
}
.agenda_jour .jour
{
	color: #000;
	font-weight: bold;
	float: none;
	padding-top: 8px;
	font-size: 28px;
}

		/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:120%}
		
		#accordion-3{width:1010px;height:195px;padding:0px}
		#accordion-3 h2{font-size:2.5em;margin-top:10px}
		#accordion-3 dl{width:1010px;height:195px}	
		#accordion-3 dt{height:56px;line-height:44px;text-align:right;padding:10px 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background: url(../images/slide-title-inactive-2.png) 0 0 no-repeat;color:#26526c}
		#accordion-3 dt.active{cursor:pointer;color:#fff;background: url(../images/slide-title-active-2.png) 0 0 no-repeat}
		#accordion-3 dt.hover{color:#68889b;}
		#accordion-3 dt.active.hover{color:#fff}
		#accordion-3 dd{padding:0px;background:url(../images/slide.jpg) bottom left repeat-x;border:0px solid #dbe9ea;border-left:0;margin-right:3px}
		#accordion-3 .slide-number{color:#68889b;left:13px;font-weight:bold}
		#accordion-3 .active .slide-number{color:#fff}
		#accordion-3 a{color:#68889b}
		#accordion-3 dd img{float:left;margin:0 0 0 0px;position:relative;z-index:-1;}

