/* CSS Document */

html, body{
	height:100%;
	}

img{
border:0px;
}
.navigation {
 	position:absolute;
  	top: 0px;
	width: 914px;
	height: 66px;
	margin-left: 18px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}
	
#divid {
 	position:absolute;
  	top: 20px;
	width: 111px;
	height: 125px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 11px;
	background-color:#FFFFFF;
	margin-left: 830px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding:4px;
	}
	
.menu {
	width:914px;
	height: 15px;
	background-color:#FFFFFF;
	margin-top: 5px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}
	
.titre {
	width:300px;
	height: 14px;
	background-color:#FFFFFF;
	margin-left: 0px;
	float: left;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight:bold;
	margin-top: 0px;
	}

.petitmenu {
	width:300px;
	height: 14px;
	background-color:#FFFFFF;
	margin-left: 0px;
	float: right;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	margin-top: 0px;
	text-decoration:none;
	}
	
	
.contenu1 {
	width: 914px;
	height: 100px;
	margin-left: 18px;
	font-family: 'Times New Roman', Times, serif;
	text-decoration: none;
	font-size: 36px;
	line-height: 36px;
	margin-top: 0px;
	position:absolute;
	top: 151px;
	}
	
	
.contenu2 {
	width: 914px;
	height: 100px;
	margin-left: 0px;
	margin-top: 100px;

	}
	
.contenu3 {
	width: 914px;
	height: 100px;
	background-color:#FFFFFF;
	margin-left: 18px;
	font-family: 'Times New Roman', Times, serif;
	color: #000000;
	text-decoration: none;
	font-size: 36px;
	line-height: 36px;
	margin-top: 0px;
	position:absolute;
	top: 83px;
	}
	
	
.page2{
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   width: 950px;
   height: 100%;
   background-color:#FFFFFF;
   }

.page{
	min-height:100%;
position:relative;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   width: 950px;
 
   background-color:#FFFFFF;
   }

.drapeau2{
   margin-top: 0px;
   margin-left:372px;
   width: 540px;
   float: left;
   padding-bottom:0px;
   }
   
.drapeau{
   margin-top: 0px;
   width: 914px;
   float: left;
   padding-bottom:0px;
   }

.ligne{
   	width:100%;
	height:10px;
	background-color:#FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 16px;
    }

.image {
	float: left;
	position:absolute;
	top: 68px;
	margin-left: 18px;
	}
	
.image2 {
	float: left;
	position:absolute;
	top: 85px;
	margin-left: 18px;
	}
	
.image3 {
	float: left;
	position:absolute;
	top: 210px;
	margin-left: 18px;
	}
	
.image4 {
	float: left;
	position:absolute;
	top: 210px;
	margin-left: 484px;
	}
	
.image5 {
	float: left;
	position:absolute;
	top: 85px;
	margin-left: 18px;
	}
	
.image6 {
	float: left;
	position:absolute;
	top: 68px;
	margin-left: 391px;
	}
	
.imagestart {
	background-image:url(images/photographies/bureau.jpg);
	background-repeat:no-repeat;
	width:950px;
	height:1700px;
	float: left;
	position:absolute;
	top: 66px;
	margin-left: 0px;
	}
	

	
.titresitemap2{
   	width:100%;
	height: 19px;
	background-color:#FFFFFF;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:14px;
	}

.titresitemap{
   	border-bottom-color: black;
   	border-bottom-width: 1px;
   	border-bottom-style: solid;
   	width:100%;
	height: 19px;
	background-color:#FFFFFF;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:14px;
	}

.titrebloc{
   	width:100%;
	height:26px;
	background-color:#FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:14px;
	}

.titrebloc1{
   	width:100%;
	height:24px;
	background-color:#FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:14px;
	}
	
/*	-------------------------------------- bloc envar ---------------------------------------------------------------------------- */

.contact {
	float: left;
	position:absolute;
	width:356px;
	top: 523px;
	margin-left: 18px;
	}
	
.contact1 {
	float: left;
	width:150px;
	margin-left: 0px;
	margin-top: 2px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	}
	
.contact2 {
	float: left;
	width:150px;
	margin-left: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:14px;
	line-height: 16px;
	}
	
.equipe2 {
	float: left;
	width:350px;
	margin-left: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:14px;
	line-height: 16px;
	}
	
.partenaire2 {
	float: left;
	width:170px;
	margin-left: 0px;

	}
	
	
.equipe {
	
	float: left;
	position:absolute;
	width:356px;
	top: 523px;
	margin-left: 390px;
	}
	
.partenaires {
	float: left;
	position:absolute;
	width:170px;
	top: 523px;
	margin-left: 762px;
	}
	
.notrebureau {
	float: left;
	position:absolute;
	width:450px;
	top: 580px;
	margin-left: 18px;
	}
	
.notretravail {
	float: left;
	position:absolute;
	width:450px;
	top: 580px;
	margin-left: 482px;
	}
	
.notre {
	float: left;
	margin-left: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	}
	
/*	-------------------------------------- bloc travaux ---------------------------------------------------------------------------- */

.travauxmap {
	float: left;
	position:absolute;
	width: 914px;
	top: 270px;
	margin-left: 18px;
	
	}
	
.bureaumap {
	float: left;
	position:absolute;
	width: 914px;
	top: 190px;
	margin-left: 18px;
	
	}
	
.envarmap {
	float: left;
	position:absolute;
	width: 914px;
	top: 130px;
	margin-left: 18px;
	
	}
	
.realisationsmap {
	float: left;
	position:absolute;
	width:170px;
	top: 300px;
	margin-left: 18px;
	
	}
	
.projetsmap {
	float: left;
	position:absolute;
	width:170px;
	top: 300px;
	margin-left: 204px;
	}
	
.concoursmap {
	float: left;
	position:absolute;
	width:170px;
	top: 300px;
	margin-left: 390px;
	}
	
.publicationsmap {
	float: left;
	position:absolute;
	width:170px;
	top: 300px;
	margin-left: 762px;
	}
	
.recherchesmap {
	float: left;
	position:absolute;
	width:170px;
	top: 300px;
	margin-left: 576px;
	}	


.realisations {
	float: left;
	position:absolute;
	width:170px;
	top: 386px;
	margin-left: 18px;
	
	}
	
.projets {
	float: left;
	position:absolute;
	width:170px;
	top: 385px;
	margin-left: 204px;
	}
	
.concours {
	float: left;
	position:absolute;
	width:170px;
	top: 385px;
	margin-left: 390px;
	}
	
.publications {
	float: left;
	position:absolute;
	width:170px;
	top: 385px;
	margin-left: 762px;
	}
	
.recherches {
	float: left;
	position:absolute;
	width:170px;
	top: 385px;
	margin-left: 576px;
	}	

.menusitemap{
   	color: #c0c0c0;
   	margin-top: 5px;
   	width:100%;
	height: 15px;
	background-color:#FFFFFF;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.menusitemapsans{
   	width:100%;
	height: 20px;
	background-color:#FFFFFF;
	padding-top: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:11px;
	margin-top: 5px;
	}
	
	
.menubloc{
   	width:100%;
	height:30px;
	background-color:#FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 5px;
	padding-top: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:11px;
	}
	
.menubloc2{
   	width:100%;
	height:42px;
	background-color:#FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 5px;
	padding-top: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:11px;
	}
	
.menublocsans{
   	width:100%;
	height:30px;
	background-color:#FFFFFF;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top: 5px;
	}
	
	
.date{
	float:right;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:11px;
	margin-top: 14px;
	}
	
	
.textmenu{
	float:left;
	}

	
/*	-------------------------------------- bloc menu ---------------------------------------------------------------------------- */

.menu1 {
	position:absolute;
	top: 21px;
	float: left;
	margin-left: 18px;
	width: 70px;
	height: 45px;
	}
	
.menu2 {
	position:absolute;
	top: 21px;
	float: left;
	margin-left: 153px;
	width: 93px;
	height: 45px;
	}
	
.menu3 {
	position:absolute;
	top: 21px;
	float: left;
	margin-left: 320px;
	width: 104px;
	height: 45px;
	}
	
.menu4 {
	position:absolute;
	top: 21px;
	float: left;
	margin-left: 898px;
	height: 45px;
	width: 19px;
	}
	
.menu5 {
	position:absolute;
	top: 21px;
	float: left;
	margin-left: 913px;
	width: 19px;
	height: 45px;
	}

/*	-------------------------------------- bloc contenu2 ---------------------------------------------------------------------------- */

.bloc1_1 {
	background-color: #FFFFFF;
	height: 50px;
	width: 356px;
	float: left;
	}
	
.bloc1_2 {
	background-color: #FFFFFF;
	height: 50px;
	width: 356px;
	float: left;
	margin-left: 16px;
	}
	
.bloc1_3 {
	background-color: #FFFFFF;
	height: 50px;
	width: 170px;
	float: left;
	margin-left: 16px;
	}
	
.bloc2_1 {
	background-color: #FFFFFF;
	height: 100%;
	width: 728px;
	float: left;
	font-family: 'Arial', Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	line-height:15px;
	margin-top: 0px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 0px;
	}
	
.bloc2_2 {
	background-color: #FFFFFF;
	height: 50px;
	width: 170px;
	float: right;
	margin-left: 16px;
	margin-top: 0px;
	}

.blocimage {
	background-color: #FFFFFF;
	height: 100%;
	width: 728px;
	float: left;
	font-family: 'Arial', Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	line-height:15px;
	margin-top: 0px;
	padding-top: 0px;
	}
	
	.bloci {
padding-bottom: 16px;
	}
	

/*	-------------------------------------- LIENS ---------------------------------------------------------------------------- */

a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-family: 'Arial', Helvetica, sans-serif;

	}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-family: 'Arial', Helvetica, sans-serif;

	}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	margin-right: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	
	}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	margin-right: 0px;
	font-family: 'Arial', Helvetica, sans-serif;

	}
	
	
.petitliens a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	font-family: 'Arial', Helvetica, sans-serif;

	}

.petitliens a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	font-family: 'Arial', Helvetica, sans-serif;

	}

.petitliens a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	margin-right: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	
	}

.petitliens a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	margin-right: 0px;
	font-family: 'Arial', Helvetica, sans-serif;

	}



.petitliens2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	font-family: 'Arial', Helvetica, sans-serif;

	}

.petitliens2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	font-family: 'Arial', Helvetica, sans-serif;

	}

.petitliens2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	margin-right: 0px;
	font-family: 'Arial', Helvetica, sans-serif;
	
	}

.petitliens2 a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	margin-right: 0px;
	font-family: 'Arial', Helvetica, sans-serif;

	}


#petitliens3 a:link {
  	color: #999999;
   	margin-top: 15px;
   	width:100%;
	height: 15px;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	line-height:20px;
	}

#petitliens3 a:visited {
 	color: #999999;
   	margin-top: 15px;
   	width:100%;
	height: 15px;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	line-height:20px;

	}

#petitliens3 a:hover {
 	color: #999999;
   	margin-top: 15px;
   	width:100%;
	height: 15px;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;
	
	}

#petitliens3 a:active {
 	color: #999999;
   	margin-top: 15px;
   	width:100%;
	height: 15px;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;

	}

/*	--------------------------------------- lienscontact --------------------------------------------------------------------------- */

#contact1liens a:link {
  	color: #000000;
	font-family: 'Arial', Helvetica, sans-serif;
	text-decoration: underline;
	padding-top:-20px;
	}

#contact1liens a:visited {
 	color: #000000;
	font-family: 'Arial', Helvetica, sans-serif;
	text-decoration: underline;
		padding-top:-20px;
	}

#contact1liens a:hover {
 	color: #000000;
	font-family: 'Arial', Helvetica, sans-serif;
	text-decoration: none;
		padding-top:-20px;
	}
	
#contact1liens a:active {
	color: #000000;
	font-family: 'Arial', Helvetica, sans-serif;
	text-decoration: none;
		padding-top:-20px;
	
	}
	


/*	--------------------------------------- TYPOGRAPHIE --------------------------------------------------------------------------- */

.petitliens {
	margin-right: 0px;
	width: 914px;
	height: 20px;
	float: left;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	margin-top: 0px;
	padding-bottom: 10px;
	}

.petitliens2 {
	top: 360px;
	float: left;
	margin-left: 392px;
	position:absolute;
	height: 20px;
	width:100px;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	margin-top: 0px;
	padding-bottom: 10px;
	}