/* ====== styles ====== */

body{
 text-align:center;
 margin-top:10px;
 font-family: Helvetica, Arial;
 font-size: 13px;
 color: #858585;
 background-color:#dddddd;
}

p{
 padding: 0px;
 margin-top:5px;
}

#pointilles{
 border-left: 1px dotted #3a88c4;
}

/* ====== Styles textes ====== */

h1{
 position: absolute;
 top:150px;
 left: 45px;
 font-family: Helvetica, Arial;
 font-size: 19px;
 color: #3a88c4;
}


#titreBloc{
 font-family: Helvetica, Arial;
 font-weight: bold;
 font-size: 16px;
 text-transform: uppercase; 
 color: #858585;
}

#titreContact{
 font-family: Helvetica, Arial;
 font-weight: bold;
 font-size: 13px;
 text-transform: uppercase; 
 color: #3a88c4;
}

#texteGrasBleu{
 font-family: Helvetica, Arial;
 font-weight: bold;
 font-size: 13px;
 color: #3a88c4;
}

#texte{
 font-family: Helvetica, Arial;
 font-size: 13px;
 color: #858585;
 line-height:17px;
}

#texteForm{
 font-family: Helvetica, Arial;
 font-size: 11px;
 text-transform: uppercase; 
 color: #858585;
}

#texteFormRouge{
 font-family: Helvetica, Arial;
 font-size: 11px; 
 color: red;
 padding-left: 10px;
}

#texteFormBleu{
 font-family: Helvetica, Arial;
 font-size: 11px; 
 color: #3a88c4;
}

#texteFooter{
 font-family: Helvetica, Arial;
 font-size: 10px;
 color: #858585;
}

#texteRegionBleu{
 font-family: Helvetica, Arial;
 font-size: 13px; 
 color: #3a88c4;
 text-transform: uppercase;
}

/* ====== fin Styles textes ====== */




/* ====== Conteneurs généraux ====== */
#conteneurGlobal{
 z-index: 0;
 position: relative;
 width: 900px;
 height:700px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 background-color: #ffffff;
 border: 0px solid #3a88c4; 
}

#conteneurMenu{
 z-index: 1;
 position: absolute;
 top: 109px;
 left: 355px;
 border:0px;
}

#conteneurMenu div{
 postition: relative;
 float:left;
 border: 1px #c0c0c0 solid;
 border-right: 0px;
 
 background-color: #ffffff;
 height:30px;
 line-height: 30px;
 vertical-align:middle;
 white-space:nowrap;
}

#footer{
 z-index: 3;
 position: absolute;
 left:185px;
 bottom: 0px;
 padding-bottom: 5px;
}

#bandeFooter{
z-index: 1;
 position: absolute;
 left:0px;
 bottom: 0px;
 width: 900px;
 height:45px;
}

#logo{
 position: absolute;
 width:900px;
 top: 10px;
 left: 0px;
 border: 0px;
}

/* ====== fin Conteneurs généraux ====== */


/* ====== Conteneurs accueil ====== */
#poisson{
 z-index: 2;
 position: absolute;
 bottom: 0px;
 right: 0px;
}

#accueil1{

 z-index: 3;
 position: absolute;
 left: 45px;
 top: 200px;
 width:250px; 
 text-align:justify;

}

#accueil2{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 200px; 
 width:250px; 
 text-align:justify;
}

#accueil3{
 z-index: 3;
 position: absolute;
 left: 605px;
 top: 200px;
 width:250px; 
 text-align:justify;
}

/* ====== Fin Conteneurs accueil ====== */

/* ====== Conteneurs services ====== */

#titreBlocServices{
 width: 530px;
 border-bottom: 1px solid #3a88c4;
 position: absolute;
 left: 325px;
 top: 208px;
}

#services1{

 z-index: 3;
 position: absolute;
 left: 45px;
 top: 200px;
 width:250px; 
 text-align:justify;

}


#services2{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 240px;
 width:250px; 
 text-align:justify;
}

#services3{
 z-index: 3;
 position: absolute;
 left: 605px;
 top: 240px;
 width:250px; 
 text-align:justify;
}

#services4{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 550px;
 width:530px; 
 text-align:justify;
}

#liste{
 clear: both;
 padding-top: 10px;
}

#puce{
 float: left;
 text-align: left;
 width:30px;
 padding:0px;
 margin: 0px;
 }

#texteListe {
	 float: left;
 	text-align: left;
	width:220px;
 }
 
#blocLien{
 clear: both;
 padding-top: 5px;
}

#puceLien{
 float: left;
 text-align: left;
 width:30px;
 padding:0px;
 margin: 0px;
 }


 #lienServices {
	 float: left;
 	text-align: left;
	width:330px;
 }
 

/* ====== Fin Conteneurs services ====== */

/* ====== Conteneurs team ====== */

#team1{

 z-index: 3;
 position: absolute;
 left: 45px;
 top: 200px;
 width:250px; 
 text-align:justify;

}

#team2{
 z-index: 3;
 position: absolute;
 left: 390px;
 top: 200px; 
 width:250px; 
 text-align:justify;
}

/* ====== Fin Conteneurs team ====== */

/* ====== Conteneurs credits====== */

#credits1{

 z-index: 3;
 position: absolute;
 left: 45px;
 top: 200px;
 width:250px; 
 text-align:justify;

}

#credits2{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 240px;
 width:530px; 
 text-align:justify;
}

#titreBlocCredits{
 width: 530px;
 border-bottom: 1px solid #3a88c4;
 position: absolute;
 left: 325px;
 top: 200px;
}

#texteListeCredits {
	 float: left;
 	text-align: left;
	width:500px;
 }


/* ====== Fin Conteneurs credits ====== */

/* ====== Conteneurs contact ====== */

#titreBlocContact{
z-index: 3;
 width: 530px;
 border-bottom: 1px solid #3a88c4;
 position: absolute;
 left: 325px;
 top: 440px;
}

#contact1{

 z-index: 3;
 position: absolute;
 left: 45px;
 top: 200px;
 width:250px; 
 text-align:justify;

}

#contact2{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 200px;
 width:250px; 
 text-align:justify;
}

#contact3{
 z-index: 3;
 position: absolute;
 left: 555px;
 top: 200px;
 width:250px; 
 text-align:justify;
}

#contact4{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 490px;
 width:250px; 
 text-align:justify;
}

#contact5{
 z-index: 3;
 position: absolute;
 left: 555px;
 top: 490px;
 width:250px; 
 text-align:justify;
}

#contact6{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 200px;
 width:600px;
}

#formBloc{
 margin-top: 10px;
}

#inputTexte{
 border: 1px solid #3a88c4;
 color: #3a88c4;
 font-family: Helvetica, Arial;
 font-size: 13px;
 width: 200px;
 height: 25px;
}

#textArea{
 border: 1px solid #3a88c4;
 color: #3a88c4;
 font-family: Helvetica, Arial;
 font-size: 13px;
 width: 300px;
 height: 140px;
}

#submit{
 border:none;
 cursor:pointer;
 background-image:url('../graphismes/send.gif'); 
 border: 0px solid #ffffff;
 color:#fff;
 width:60px;
 height:21px;
}

#sendLine{
 clear: both;
 padding-top: 10px;
 width:300px;
}

#required{
 float: left;
 text-align: left;
 width:100px;
 }

#send{
 float: right;
 text-align: right;
 width:200px;
}

/* ====== Fin Conteneurs contact ====== */

/* ====== Conteneurs region ====== */

#region1{

 z-index: 3;
 position: absolute;
 left: 45px;
 top: 200px;
 width:250px; 
 text-align:justify;

}

#region2{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 200px; 
 width:250px; 
 text-align:justify;
}

#region3{

 z-index: 3;
 position: absolute;
 left: 45px;
 top: 200px;
 width:240px; 
 text-align:left;
 padding: 5px;
 border: 1px solid #3a88c4;

}

#region4{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 200px;
 text-align:justify;
 border: 1px solid #3a88c4;
}

#region5{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 600px; 
 width:250px;
}

#region6{

 z-index: 3;
 position: absolute;
 left: 45px;
 top: 470px;
 width:250px; 
 text-align:justify;

}

#region7{

 z-index: 4;
 position: absolute;
 left: 340px;
 top: 590px;
 text-align:justify;

}

#pointGeneve{
z-index: 4;
position: absolute;
left: 396px;
top: 562px;
}

#pointGland{
z-index: 4;
position: absolute;
left: 417px;
top: 458px;

}

#lienRegion {
	 float: left;
 	text-align: left;
	width:220px;
 }
 
 #titreBlocRegion{
 width: 250px;
 border-bottom: 1px solid #3a88c4;
}
 

/* ====== Fin Conteneurs region ====== */

/* ====== Conteneurs helping hands ====== */

#titreBlocHelping{
 width: 530px;
 border-bottom: 1px solid #3a88c4;
 position: absolute;
 left: 325px;
 top: 208px;
}

#helping1{

 z-index: 3;
 position: absolute;
 left: 45px;
 top: 200px;
 width:250px; 
 text-align:justify;

}


#helping2{
 z-index: 3;
 position: absolute;
 left: 325px;
 top: 240px;
 width:530px; 
 text-align:justify;
}

#texteListeHelping {
	 float: left;
 	text-align: left;
	width:500px;
 }

 

/* ====== Fin Conteneurs helping hands ====== */

/* ====== Styles liens ====== */
a.menu:link{font-size:13px; font-family: Helvetica, Arial; font-weight: bold; color: #858585; text-decoration:none; background-color: #ffffff; display: block; padding-left: 7px; padding-right: 7px;}
a.menu:visited{font-size:13px; font-family: Helvetica, Arial; font-weight: bold; color: #858585; text-decoration:none; background-color: #ffffff; display: block;;padding-left: 7px; padding-right: 7px;}
a.menu:hover{font-size:13px; font-family: Helvetica, Arial; font-weight: bold; color: #ffffff; text-decoration:none; background-color: #3a88c4; display: block; padding-left: 7px; padding-right: 7px;}

a.menuSelected:link{font-size:13px; font-family: Helvetica, Arial; font-weight: bold; color: #ffffff; text-decoration:none; background-color: #3a88c4; display: block; padding-left: 7px; padding-right: 7px;}
a.menuSelected:visited{font-size:13px; font-family: Helvetica, Arial; font-weight: bold; color: #ffffff; text-decoration:none; background-color: #3a88c4; display: block; padding-left: 7px; padding-right: 7px;}
a.menuSelected:hover{font-size:13px; font-family: Helvetica, Arial; font-weight: bold; color: #ffffff; text-decoration:none; background-color: #3a88c4; display: block; padding-left: 7px; padding-right: 7px;}

a.footer:link{font-size:10px; font-family: Helvetica, Arial; color: #858585; text-decoration:none; text-transform: uppercase; margin:10px; border-bottom: 1px solid #3a88c4;}
a.footer:visited{font-size:10px; font-family: Helvetica, Arial; color: #858585; text-decoration:none; text-transform: uppercase; margin:10px; border-bottom: 1px solid #3a88c4;}
a.footer:hover{font-size:10px; font-family: Helvetica, Arial;  color: #3a88c4; text-decoration:none; text-transform: uppercase; margin:10px; border-bottom: 1px solid #3a88c4;}


a.lien:link{font-size:13px; font-family: Helvetica, Arial; color: #858585; text-decoration:none;border-bottom: 1px solid #3a88c4;}
a.lien:visited{font-size:13px; font-family: Helvetica, Arial; color: #858585; text-decoration:none;border-bottom: 1px solid #3a88c4;}
a.lien:hover{font-size:13px; font-family: Helvetica, Arial;  color: #3a88c4; text-decoration:none;border-bottom: 1px solid #3a88c4;}

a.tips:link{font-size:15px; font-family: Helvetica, Arial; color: #000000; text-decoration:none; text-transform: uppercase; font-weight:bold;}
a.tips:visited{font-size:15px; font-family: Helvetica, Arial; color: #000000; text-decoration:none; text-transform: uppercase; font-weight:bold;}
a.tips:hover{font-size:15px; font-family: Helvetica, Arial;  color: #000000; text-decoration:none; text-transform: uppercase; font-weight:bold;}

/* ====== fin Styles liens ====== */

/* Info Bulles */
.tool-tip {
	color: #ffffff;
	width: 200px;
	z-index: 13000;
}
 
.tool-title {
  text-align:left;
	font-family: Helvetica, Arial;
  font-size: 13px;
  text-transform: uppercase; 
  color: #ffffff;
	padding: 8px 8px 4px;
	background-color:#3a88c4;
	border: 1px solid #3a88c4;
	/*background: url('../graphismes/infobulle.png') top left; */
}
 
.tool-text {
text-align:left;
	font-family: Helvetica, Arial;
 font-size: 12px;
 color: #858585;
 line-height:17px;
	padding: 4px 8px 8px;
	filter: alpha(opacity=100);
     -moz-opacity: 1.0;
     -khtml-opacity: 1.0;
     opacity: 1.0;
	
	background-color:#ffffff;
	background: url('../graphismes/infobulle.png') bottom right;
}