html, body {
	height: 100%;
	margin:0;
    padding:0;
    text-align: center;
}
body {
	background-color: #2B4B80;
	font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color:#525252;
	text-align:justify;
}	

p{
	margin-top:18px;
	margin-bottom:0px;
}

A {
	color:#2A2A2A;
	font-weight:bold;
	text-decoration: none;
}
A:hover  {
	color:#2A2A2A;
	font-weight:bold;
	text-decoration: underline;
}

.base{
	position:relative;
    width:100%;
	text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#header1{
	position:absolute;
	width:100%;
	height:39px;
	margin-top:0px;
	padding-top:0px;
	vertical-align: bottom;
	background-color: #14294D;
}
/*bug avec 100% si fenetre reduite en width*/
#header1 .pos{
	z-index:2;
	position:absolute;
	width:1000px; 
	height:39px;
	margin-top:0px;
	padding-top:0px;
	background-color:#14294D;
}


#subheader{
	position:absolute;
	width:100%;
	height:98px;
	margin-top:39px;
	padding-top:0px;
	vertical-align: bottom;
	border-top: 1px solid #FF9900;
	background-color: #2B4B80;
	background-image: url(../images/sub_header.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#logo{
	position:absolute;
	width:100%;
	height:39px;
	margin-top:10px;
	padding-top:0px;
	text-align:right;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
}
#langues{
	z-index:200;
	position:absolute;
	width:100%;
	height:40px;
	margin-top:45px;
	padding-top:0px;
	text-align:right;
	color:#FFFFFF;
}
#middle{
	position:absolute;
	width:100%;
	margin-top:138px;
	border-top: 1px solid #FFFFFF;
	
}
#central{
	float:left;
	width:100%;
	background-image: url(../images/phare.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #6999E7;
}
#central2{
	float:left;
	width:1000px;
	background-image: url(../images/zoom_droite.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-right: 1px solid #FFFFFF;
}
#footer{
	float:left;
	width:100%;
	height:20px;
	background-color: #FF9900;
	border-top: 1px solid #FFFFFF;
	color:#000000;
	text-align:center;
}
/*bug avec 100% si fenetre reduite en width*/
#footer .pos{
	width:1000px; 
	height:20px;
	background-color:#FF9900;
}
#footer .texte{
	z-index:400;
	width:200px;
	text-align:left;
	margin-left:200px;
	background-color:#FF9900;
	line-height:20px;
}
#footer2{
	float:left;
	width:100%;
	height:50px;
	background-color: #2B4B80;
	color:#ffffff;
	text-align:center;
	line-height:30px;
}

#gauche{
	float:left;
	width:206px;
	height:414px;
}

#img_right{
	float:left;
	width:287px;
}

#contenant{
	float:left;
	width:506px;
	padding:0px;
	margin:0px;
	background-color: #FFFFFF;
}
#contenu{
	float:left;
	padding-left:5px;
	padding-right:15px;
	font-size: 12px;
	background-color: #E2EFFE;
	line-height:18px;
}
#contenu H1, H2{
	font-size:18px;
	font-weight:bold;
	color:#000000;
}


#navigation{
	margin-left:5px;
	line-height:16px;
}
#navigation .titre{
	background-image: url(../images/puce_subtitres.png);
	background-repeat: no-repeat;
	font-size:12px;
	font-weight:bold;
}

#navigation ul{
	margin-top:10px;
    margin-right:0px;
    margin-left:30px;
    padding:0px;
}

#navigation ul li{
	list-style-image:url(../images/puce_subtitres.png);
	margin-left:0px;
	margin-top:5px;
	padding-left:2px;
	font-size:12px;
	font-weight:bold;
}

#navigation A{
	color:#2A2A2A;
	text-decoration: none;
}
#navigation A:hover{
	color:#2A2A2A;
	text-decoration: underline;
}


#titre{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:bottom;
	margin-top:65px;
	text-align:right;
	width:770px;
}

#adresse1{
	float:left;
	width:310px;
	text-align:right;
	margin-top:0px;
	color:#FFFFFF;
	font-size:12px;
}
#zooms{
	float:left;
	width:650px;
	text-align:left;
	margin-top:10px;
	margin-left:13px;
	color:#7C0202;
	font-size:11px;
}
#zooms .titre{
	background-image: url(../medias/puce_titre_bloc.png);
	background-repeat: no-repeat;
	font-size:12px;
	font-weight:bold;
}
#zooms .zoom{
	float:left;
	width:100px;
	margin-top:10px;
	margin-left:20px;
}
#zooms img{
	border: 1px solid #FFFFFF;
	margin-bottom:5px;
}
#carte{
	float:left;
	width:120px;
	text-align:right;
	margin-top:10px;
	margin-right:10px;
}

/* mise en forme */
#contenu{
	text-align:justify;
}

A.url {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#7C0202;
	text-decoration: none;
	font-weight:bold;
}
A.url:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#7C0202;
	text-decoration: underline;
	font-weight:bold;
}
#contenu .titre1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size:10px;*/
	font-weight:bold;
	color:#2A2A2A;
}

#contenu .titre_liste{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#2A2A2A;
	margin-left:2px;
}
#contenu .titre_reals{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2A2A2A;
	text-align:center;
}
#contenu .puce{
	float:left;
	background-image: url(../medias/fleche.png);
	background-repeat: no-repeat;
	width:17px;
	height:7px;
}

#footer2 A {
	color:#FF9900;
	text-decoration: none;
}
#footer2 A:hover  {
	color:#FF9900;
	text-decoration: underline;
}

#footer A {
	color:#000000;
	text-decoration: none;
}
#footer A:hover  {
	color:#000000;
	text-decoration: underline;
}

A.lien {
	color:#525252;
	text-decoration: none;
	margin-top:10px;
	font-size:9px;
}
A.lien:hover  {
	color:#7C0202;
	text-decoration: none;
	margin-top:10px;
	font-size:9px;
}