html
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #DEDEDE;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 85%;
}

#page
{
	/*text-align: left;
	width: 88%;	
	margin: 10px auto 10px auto;*/
	width:777px;
	height:644px;
	position: relative;
	background: #FFFFFF;
	/*border: 10px solid #000000;*/
	-moz-border-radius:6px;
	border-radius:6px;
	padding: 0;
}

#banner
{
	margin: 0px;
	padding: 0px;
	height: 155px;
	border: none;
}


#date_francaise
{
	position:absolute;
	color:#FFFFFF;
	line-height:11px;
	left:650px;
	width: 123px;
	height: 15px; text-align:right
}

#date 
{
	background-color:#093D8E;
	height:12px;
	width:777px;
	font-size:10px;
}

#date a
{
text-decoration:underline;
color:#FFFFFF;
}

#date a:hover
{
text-decoration:none;
color:#FFFFFF;
}

#date #Accueil
{
	position:absolute;
	color:#000000;
	line-height:11px;
	left:200px;
	height:12px;
	width: 80;
	top: 155px;
}

#date #Accueil a
{
	text-decoration:underline;
	color:#ffffff;
	font-weight:bolder;
}

#date #Accueil a:hover
{
	text-decoration:none;
	color:#FBF5D1;
}

#langue
{
	position:absolute;
	color:#FFFFFF;
	line-height:11px;
	left:490px;
	height: 12px;
}


#chercher
{
	width:188px;
	height:64px;
	float:right;
}

#titre
{
	width:582px;
	height:64px;
	float:left;
}

/********************************************************************************************************/
#menutop
{
	position: relative;
	height: 85px;
	width:582px;
	clear: both;
	background: #FFFFFF url(design/menu.html) left top no-repeat;
	float:left;
	/*z-index:2;*/
}

#animation 
{
background-color:#FF0000;
	position:absolute;
	height: 100px;
	width:100px;
	clear: both;
	float:left;
	z-index:0;
	left: 227px;
	top: -100px;
}

#bas
{
	position:relative;
	width:582px;
	height:105px;
	background-color:#009933;
	float:left;
}



#fleche 
{
	position:absolute;
	left:0;
	top:10px;
	width:18px;
	height:19px;
	z-index:1;
	background-image: url(images/PageAccueil09_27.gif);
	background-repeat:no-repeat;
}


#bas ul, #bas li {
	margin:0;
	padding: 0;
	list-style-type: none;
	}
#bas ul {
	position: absolute;
	height: 28px;
	width: 634px;
	left: 0;
	top: 0;
}

#bas li {
float: left;
}

#bas li { /* dimensions et définitions des boutons */
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 105px;
width: 160px;
color: #416FB6;
font: 13px/28px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight:bolder;
text-decoration: none;
border-left: 17px solid #fff;
border-right: 17px solid #fff;
text-align: center;
background-color:#EEF2F8;
line-height:20px;

}

.last 
{
background-image:url(images/PageAccueil09_27.gif);
background-repeat:no-repeat;
background-position:left;

}

#bas li a 
{ /* dimensions et définitions des boutons */
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 20px;
width: 141px;
color: #416FB6;
font: 12px/28px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-weight:bolder;
text-decoration:none;
/*border-left: 1px solid #fff;*/
text-align: left;
line-height:20px;
margin-left:10px;
background-image:url(images/puce.gif);
background-repeat:no-repeat;
background-position: 0px -8px;
}

#bas a#menu1:hover 
{
background-position: 0px 8px;;
color: #093D8E;
text-decoration:none;
}

#bas a#menu2:hover 
{
background-position: 0px 8px;;
color: #093D8E;
text-decoration:none;
}

#bas a#menu3:hover 
{
background-position: 0px 8px;;
color: #093D8E;
text-decoration:none;
}

#bas a#menu4:hover 
{
background-position: 0px 8px;;
color: #093D8E;
text-decoration:none;
}

#bas a#plus 
{
color: #416FB6;
background-position: 0px -80px;;
text-decoration:underline;
width: 164px;
text-align:center;
margin-left:0px;
border: 0px solid #000000;
float:left;
}

#bas a#plus:hover
{
color: #093D8E;
text-decoration:none;
}

/********************************************************************/


#menuright
{
	float:right;
	width:189px;
	height:471px;
	position:absolute;
	left: 586px;
	top: 167px;
	background-color:#F2F8FE;
	border-right:1px solid #4C91ED;
	border-left:1px solid #4C91ED;
}

#newsletter
{
	width:191px;
	height:90px;
	background-color:#8BC0F6;
	margin-top:5px;
	z-index:1;
}
#newsletter2
{
	width:191px;
	height:75px;
	background-color:#F2F8FE;
	text-align:left;
	/*border-bottom:2px solid #8BAEE1;*/
}
input.textfield {
	width:120px;
	height:14px;
	background:#ffffff;
	border:1px solid #729ddb;
	margin-left:10px;
	margin-bottom:5px;
}

input.textfield:focus, textarea:focus {
	background:#deebfd;
}
.newsletter {
	color:#657EAC;
	font-size:9px;
	margin-left:10px;
	text-align:left;
	margin-top: 10px;
	font-weight: bold;
	font:Verdana, Arial, Helvetica, sans-serif;
}

.sedesinscrire  {
	margin-left:10px;
	font-weight: bold;
	font:Verdana, Arial, Helvetica, sans-serif;
}

#newsletter2 a {
	color:#657EAC;
	font-size:10px;
	text-decoration:underline;
}
#newsletter2 a:visited {
	color: #657EAC;
	text-decoration: underline;
}
#newsletter2 a:hover {
	text-decoration:none;
}
#zone {
	height:20px;
	margin-top: 10px;
}
.ok {
margin-left:10px;
}

#info 
{
	background-color:#2D538E;
	height:16px;
	width:777px;
	border-top: 2px solid #8BAEE1;
}
#lien
{
width:582px;
height:20px;
background-color:#FFFFFF;
float:left;
}
#powered
{
	width:777px;
	height:16px;
	background-color:#2D538E;
	border-top:2px solid #8BAEE1;
	float:left;
	position:absolute;
	left: 0;
	top: 634px;
	color:#D5E4F2;
	font-size:9px;
	font-weight:bold;
	line-height:9px;
}

#powered a
{
	color:#D5E4F2;
	text-decoration:underline;
}

#powered a:hover
{
	text-decoration:none;
}



#powered #rights
{
	left:10px;
	width:100px;
	position:absolute;
	top:3px;
}


#powered #plan
{
	left:310px;
	width:100px;
	position:absolute;
	top:3px;
	height: 12px;
}

#powered #vision
{
	left:600px;
	width:180px;
	position:absolute;
	top:3px;
	height: 12px;
}


#recherche
{
background-image:url(images/Page_08.gif);
width:191px;
height:64px;
}
input.recherche
{
	background-color:transparent;
	background-position: bottom;
	padding:0px;
	font-size:11px;
	height:14px;
	width:110px;
	border:0px;
	margin-top:30px;
	margin-right:72px;
}

#okrecherche {
	position:absolute;
	left:103px;
	top:45px;
	width:18px;
	height:18px;
	z-index:3;
}

/******************************************************************************************************************************/
#Tableau
{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	/*font-weight:bold;*/
	text-align:justify;
	color:#133467;
	background-color: #ECF2FD;
	width:370px;
	margin-left:10px;
	line-height:14px;
}
.Annee
{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bolder;
	text-align:center;
	color:#565A8E;
	background-color:#DAEBFC;

}

#vertical 
{
	position: absolute;
	height: 378px;
	width:195px;
	clear: both;
	/*float:left;*/
	z-index:0;
	left: 0px;
	top:236px;
}

#savoir 
{
	color: #4681BE;
	font-size: 10px;
	font-weight: bold;
	font:Verdana, Arial, Helvetica, sans-serif;
}

#savoir a
{
	color:#4681BE;
	text-decoration:underline;
}

#savoir a:hover
{
	color:#1B5EA2;
	text-decoration:none;
}

#espaceclient
{
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #4681BE;
	position:absolute;
	left:11px;
	top: 81px;
	height: 62px;
	width: 159px;
}

#espaceclient a{
	text-decoration:underline;
	color:#4681BE;
}

#espaceclient a:hover{
	text-decoration:none;
	color:#4681BE;
}

#Faq,#VosQuestions,#Archive,#Quiz
{
	margin-top:4px;
}

#Contact 
{
	position:absolute;
	left:0px;
	top:614px;
	width:585px;
	height:20px;
	z-index:2;
	background-color: #FFFFFF;
	font-size: 9px;
	color: #657EAC;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#Contact a
{
	color:#657EAC;
	text-decoration:underline;
}

#Contact a:hover
{
	color:#093D8E;
	text-decoration:none;
}

#page #Contact #Cont 
{
	width: 60px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #657EAC;
	border-left-color: #657EAC;
	left: 10px;
	position: absolute;
	height: 9px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}
#page #Contact #liens 
{
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #657EAC;
	width: 80px;
	left: 185px;
	position: absolute;
	height: 9px;
	border-left-color: #657EAC;
	border-left-style: solid;
	border-left-width: 2px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

#page #Contact #Brochure 
{
	width: 120px;
	left: 70px;
	position: absolute;
	height: 10px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

#page #Contact #EspaceClient
{
	width: 90px;
	border-right: 2px solid #657EAC;
	left: 265px;
	position: absolute;
	height: 9px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

#page #Contact #InfosPratiques 
{
	width: 135px;
	border-right: 2px solid #657EAC;
	left: 358px;
	position: absolute;
	height: 9px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

#page #Contact #Actualites 
{
	width: 65px;
	border-right: 2px solid #657EAC;
	left: 500px;
	position: absolute;
	height: 9px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

#page #vertical #Historique 
{
	height: 21px;
	width: 98px;
	position: absolute;
	top: 30px;
	left: 0px;
}

#page #vertical #Mission 
{
	height: 22px;
	width: 98px;
	position: absolute;
	top: 60px;
	left: 0px;
}


#page #vertical #Activite
{
	height: 22px;
	width: 98px;
	position: absolute;
	top: 90px;
	left: 0px;
}




#actualites
{
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #4681BE;
	position:absolute;
	left:17px;
	top: -1px;
	line-height:15px;
	height: 62px;
	width: 167px;
}

#actualites a{
	text-decoration:underline;
	color:#4681BE;
}

#actualites a:hover{
	text-decoration:none;
	color:#4681BE;
}


#A2
{
	width:191px;
	height:95px;
	position:absolute;
	left:0px;
	top: 267px;
}


#point
{
	position:absolute;
	width:2px;
	height:465px;
	background-image:url(images/point.gif);
	background-repeat:repeat-y;
	left: 585px;
	top: 168px;
}


#point2
{
	position:absolute;
	width:583px;
	height:2px;
	background-image:url(images/point2.gif);
	background-repeat:repeat-x;
	left: 3px;
	top: 613px;
}





#EMP
{
	/*text-align:center;
	margin-left:20px;*/
	font-size:11px;
	color:#133467;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;
	line-height:5px;
}

#EMP a
{
	text-decoration:underline;
	font-size:11px;
	color:#133467;
	font-weight:bold;
}

#EMP a:hover
{
text-decoration:none;
color:#EF7D02;
}

#Retour
{
	position:absolute;
	width:50px;
	float:right;
	left: 335px;
	top: 5px;
	height: 12px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#1B5EA2;

}
#Retour a
{
	text-decoration:underline;
	color:#1B5EA2;

}

#Retour a:hover
{
	text-decoration:none;
	color:#133467;

}

ul
{
	margin-top:10px;
	margin-bottom:10px;
}

.EmpLigne
{
line-height:12px;
}


#Pop a
{
	color:#657EAC;
	text-decoration:underline;
	text-align:left;
}

#Pop a:hover
{
	color:#093D8E;
	text-decoration:none;
}

/******************************* Page Contact *******************************/

#ContactAccueil
{
	position:absolute;
	color:#000000;
	line-height:11px;
	left:50px;
	height:12px;
	width: 80;
	top: 155px;
}


#ContactPoint
{
	position:absolute;
	width:2px;
	height:481px;
	background-image:url(images/point.gif);
	background-repeat:repeat-y;
	left: 777px;
	top: 169px;
	z-index: 10;
}

#ContactPoint2
{
	position:absolute;
	width:775px;
	height:2px;
	background-image:url(images/point2.gif);
	background-repeat:repeat-x;
	left: 3px;
	top: 613px;
}

#Contactligne_milieu
{
	position:absolute;
	width:3px;
	height:359px;
	background-image:url(images/ligne_milieu.gif);
	background-repeat:repeat-y;
	left: 320px;
	top: 250px;
	z-index: 10;
}

#ContactFormulaire
{
	position:absolute;
	width:300px;
	height:320px;
	left: 350px;
	top: 260px;
	z-index: 2;
}


#Contact2 
{
	position:absolute;
	left:100px;
	top:614px;
	width:585px;
	height:20px;
	z-index:2;
	background-color: #FFFFFF;
	font-size: 9px;
	color: #657EAC;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#Contact2 a
{
	color:#657EAC;
	text-decoration:underline;
}

#Contact2 a:hover
{
	color:#093D8E;
	text-decoration:none;
}

#page #Contact2 #Cont 
{
	width: 60px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #657EAC;
	border-left-color: #657EAC;
	left: 10px;
	position: absolute;
	height: 9px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

#page #Contact2 #liens 
{
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #657EAC;
	width: 80px;
	left: 185px;
	position: absolute;
	height: 9px;
	border-left-color: #657EAC;
	border-left-style: solid;
	border-left-width: 2px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

#page #Contact2 #Brochure 
{
	width: 120px;
	left: 70px;
	position: absolute;
	height: 10px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

#page #Contact2 #EspaceClient 
{
	width: 90px;
	border-right: 2px solid #657EAC;
	left: 265px;
	position: absolute;
	height: 9px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

#page #Contact2 #InfosPratiques 
{
	width: 135px;
	border-right: 2px solid #657EAC;
	left: 358px;
	position: absolute;
	height: 9px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

#page #Contact2 #Actualites 
{
	width: 65px;
	border-right: 2px solid #657EAC;
	left: 500px;
	position: absolute;
	height: 9px;
	top: 8px;
	z-index: 1;
	line-height: 6px;
}

.formulairetd 
{
	text-align:right;
	color:#7DB4EC;
	font-weight:bold;
	
}

.formulairetd2
{
	text-align:left;
	color:#7DB4EC;
	font-weight:bold;
	
}

.formulaireth 
{ 
	text-decoration:underline;
	color:#4E99E5;
	font-size:20px;
	text-align:left;
}

.zone1
{
	width:140px;
	height:12px;
	color:#4E99E5;
	background-color:#DCEBFA;
}

.zone2
{
	width:220px;
	height:12px;
	color:#4E99E5;
	background-color:#DCEBFA;
}

.zone3
{
	width:220px;
	color:#4E99E5;
	background-color:#DCEBFA;
}


#ContactSiege
{
	position:absolute;
	width:260px;
	height:120px;
	left: 20px;
	top: 260px;
	z-index: 2;
}

.siegetitre
{ 
	text-decoration:underline;
	color:#4E99E5;
	font-size:20px;
	text-align:left;
}
.siege
{
	color:#2A579D;
	text-align:left;
	font-weight:bold;
}

.siege2
{
	color:#7DB4EC;
	text-align:left;
	font-weight:bold;
}

/***************************** Fin Page Contact *******************************/