/* CSS Document */

body{
	background: #001e4a url(/english/images/background.jpg) repeat-x;
	margin: 0;
	padding: 0;
}
.preload{
	display: none;
}
#conteneur{
	margin: 0 auto;
	width: 763px;
	
}
a{
	text-decoration:none;
	margin: 0;
	padding: 0;
}
.entete{
	background: url(/english/images/perspectives-maritimes-inc.jpg) no-repeat;
	width: 763px;
	height: 99px;
}
.retourAccueil{
	position: absolute;
	margin-top: 15px;
}
.retourAccueil img{
	border: none;
	text-decoration: none;
}

/* ---------------- MENU -------------------- */

.contenu{
	background: #FFFFFF url(../images/fond-texte2.jpg) no-repeat;
	padding: 10px;
	height: 620px;
}

.menuLeft{
	width: 302px;
	padding-top: 40px;
	padding-left: 50px;
	float:left;
	margin-top: 15px;
    font-family: 'Bookman Old Style', "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;;

}
.menuLeft span, .margeLeft span{
	/*display: none;*/
}
.menuLeft a{
    font-family: 'Bookman Old Style', "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;;
   color:#054271;
   text-transform:uppercase;
   font-size:12px;

}
.margeLeft a{
   font-family: arial, helvetica, sans-serif;
   color:#1EAAFF;
   text-transform:uppercase;
   font-size:9px;
   padding:1px 0 1px 7px;

}

.margeLeft > a:hover{
   font-family: arial, helvetica, sans-serif;
   color:#054271;
   text-transform:uppercase;
   font-size:9px;
   background: url(../images/hover.gif) 0px 3px no-repeat;
   padding:1px 0 1px 7px;

}

.margeLeft{
	margin-top: 10px;
}
.entreprise{
	display: block;
	/*background: url(images/entreprise.jpg) no-repeat;*/
	width: 168px;
	height: 13px;
	margin: 0;
	padding: 0;
}
.valeur{
	display: block;
	/*background: url(images/valeurs.jpg) no-repeat;*/
	width: 168px;
	height: 13px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.engagement{
	display: block;
	/*background: url(images/engagement.jpg) no-repeat;*/
	width: 168px;
	height: 13px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
a.equipe{
	display: block;
	/*background: url(images/equipe.jpg) no-repeat;*/
	width: 168px;
	height: 18px;

}


.valeur:hover{
	display: block;
	/*background: url(images/valeurs-over.jpg) no-repeat;*/
	text-decoration: none;
}
.engagement:hover{
	display: block;
	/*background: url(images/engagement-over.jpg) no-repeat;*/
	text-decoration: none;
}
a.equipe:hover{
	display: block;
	/*background: url(images/equipe-over.jpg) no-repeat;*/
	text-decoration: none;
}

.services-conseils{
	display: block;
	/*background: url(images/service-conseils.jpg) no-repeat;*/
	width: 168px;
	height: 13px;
	margin: 0;
	padding: 0;
	margin-top: 7px;
}
.conseil{
	display: block;
/*	background: url(images/conseil.jpg) no-repeat;*/
	width: 168px;
	height: 13px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.conseil:hover{
	display: block;
	/*background: url(images/conseil-over.jpg) no-repeat;*/
	text-decoration: none;
}
.communication{
	display: block;
	/*background: url(images/communication.jpg) no-repeat;*/
	width: 168px;
	height: 13px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.communication:hover{
	display: block;
	/*background: url(images/communication-over.jpg) no-repeat;*/
	text-decoration: none;
}
.gestion-evenement{
	display: block;
	/*background: url(images/gestion-evenement.jpg) no-repeat;*/
	width: 188px;
	height: 13px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.services-techniques{
	display: block;
	/*background: url(images/servicesTechniques.jpg) no-repeat;*/
	width: 168px;
	height: 13px;
	margin: 0;
	padding: 0;
	margin-top: 13px;
}
/*.menuLeft{
	width: 302px;
	padding-top: 40px;
	padding-left: 50px;
	float:left;
	margin-top: 15px;
}
.menuLeft span{
	display: none;
}

.margeLeft{
	margin-top: 10px;
}
.entreprise{
	display: block;
	background: url(/english/images/entreprise.jpg) no-repeat;
	width: 168px;
	height: 13px;
	margin: 0;
	padding: 0;
}
.valeur{
	display: block;
	background: url(/english/images/valeurs.jpg) no-repeat;
	width: 168px;
	height: 13px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.engagement{
	display: block;
	background: url(/english/images/engagement.jpg) no-repeat;
	width: 168px;
	height: 13px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
a.equipe{
	display: block;
	background: url(/english/images/equipe.jpg) no-repeat;
	width: 168px;
	height: 18px;
	margin: 0;
	padding: 0;
}


.valeur:hover{
	display: block;
	background: url(/english/images/valeurs-over.jpg) no-repeat;
	text-decoration: none;
}
.engagement:hover{
	display: block;
	background: url(/english/images/engagement-over.jpg) no-repeat;
	text-decoration: none;
}
a.equipe:hover{
	display: block;
	background: url(/english/images/equipe-over.jpg) no-repeat;
	text-decoration: none;
}

.services-conseils{
	display: block;
	background: url(/english/images/service-conseils.jpg) no-repeat;
	width: 168px;
	height: 13px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
.conseil{
	display: block;
	background: url(/english/images/conseil.jpg) no-repeat;
	width: 168px;
	height: 13px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.conseil:hover{
	display: block;
	background: url(/english/images/conseil-over.jpg) no-repeat;
	text-decoration: none;
}
.communication{
	display: block;
	background: url(/english/images/communication.jpg) no-repeat;
	width: 168px;
	height: 13px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.communication:hover{
	display: block;
	background: url(/english/images/communication-over.jpg) no-repeat;
	text-decoration: none;
}
.gestion-evenement{
	display: block;
	background: url(/english/images/gestion-evenement.jpg) no-repeat;
	width: 168px;
	height: 13px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

.services-techniques{
	display: block;
	background: url(/english/images/servicesTechniques.jpg) no-repeat;
	width: 168px;
	height: 13px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}*/

/* ---------------- contenu -------------------- */
.menuRight{
	float: right;
	margin-right: 24px;
}
.menuRight a{
	display: block;
	height: 10px;
	float: left;
	
}
.menuRight .point{
	display: block;
	background:url(images/point.jpg);
	width: 6px;
	height: 10px;
	float:left;
}
.menuRight a{
   font-family: arial, helvetica, sans-serif;
   color:#666;
   text-transform:uppercase;
   font-size:9px;

}

.menuRight a:hover{
   font-family: arial, helvetica, sans-serif;
   color:#054271;
   text-transform:uppercase;
   font-size:9px;

}
.menuRight a span{
	/*display: none;*/
}
.menuRight .accueil{
	/*background: url(images/accueil-btn.jpg);*/
	padding:0 5px;
}
.menuRight .accueil:hover{
	/*background: url(images/accueil-btn-over.jpg);*/
	padding:0 5px;
}
.menuRight .joindre{
	/*background: url(images/joindre-btn.jpg);*/
	padding:0 5px;
}
.menuRight .joindre:hover{
/*	background: url(images/joindre-btn-over.jpg);*/
	padding:0 5px;
}
.menuRight .plan{
	/*background: url(images/plan-btn.jpg);*/
	padding:0 5px;
}
.menuRight .plan:hover{
	/*background: url(images/plan-btn-over.jpg);*/
	padding:0 5px;
}
.menuRight .english{
	/*background: url(images/english-btn.jpg);*/
	padding:0 5px;
}
.menuRight .english:hover{
	/*background: url(images/english-btn-over.jpg);*/
	padding:0 5px;
}
/*.menuRight{
	float: right;
	margin-right: 39px;
}
.menuRight a{
	display: block;
	height: 10px;
	float: left;
	
}
.menuRight .point{
	display: block;
	background:url(/english/images/point.jpg);
	width: 6px;
	height: 10px;
	float:left;
}
.menuRight a span{
	display: none;
}
.menuRight .accueil{
	background: url(/english/images/accueil-btn.jpg);
	width: 34px;
}
.menuRight .accueil:hover{
	background: url(/english/images/accueil-btn-over.jpg);

}
.menuRight .joindre{
	background: url(/english/images/joindre-btn.jpg);
	width: 67px;
}
.menuRight .joindre:hover{
	background: url(/english/images/joindre-btn-over.jpg);

}
.menuRight .plan{
	background: url(/english/images/plan-btn.jpg);
	width: 51px;
}
.menuRight .plan:hover{
	background: url(/english/images/plan-btn-over.jpg);

}
.menuRight .english{
	background: url(/english/images/english-btn.jpg);
	width: 53px;
}
.menuRight .english:hover{
	background: url(/english/images/english-btn-over.jpg);

}*/
/* ---------------- Accueil -------------------- */

h1{
	font-size:14px;
}
h1 span{
	font-size:10px;
	font-style:normal;
}
.poste{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h2{
	font-size: 12px;
	text-decoration:underline;
	font-style: italic;
}
.texteCentrer{
	margin: 0 auto;
	width: 250px;
	text-align:center;
}
.fontBlanc{
	position: absolute;
	margin-top: 150px;
	width: 424px;
	margin-left: 311px;
	background: #FFFFFF;
}
.texte{
	margin-right: 40px;
	margin-left: 125px;
	text-align: left;
	color: #224e7a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.colG{
	float:left;
	width: 60px;
}
.colD{
	float:right;
	width: 190px;
}


/* ---------------- image de droite -------------------- */

.image{
	position: absolute;
	background: #FFFFFF; /*url(/english/images/glode-accueil-entreprise.jpg) center no-repeat; */
	width: 398px;
	height: 194px;
	margin-top: 410px;
}
.image img {
    position: relative;
    top: 9px;
    left: 9px;
}
.image2{
	position: absolute;
	background: #FFFFFF url(/english/images/phare-divers.jpg) center no-repeat;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}
.image3{
	position: absolute;
	background: #FFFFFF url(/english/images/bateau-gestion-evenement.jpg) center no-repeat;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}
.image4{
	position: absolute;
	background: #FFFFFF url(/english/images/sextant-divers.jpg) center no-repeat;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}
.image5{
	position: absolute;
	background: #FFFFFF url(/english/images/carte-divers.jpg) center no-repeat;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}
.image6{
	position: absolute;
	background: #FFFFFF url(/english/images/main-equipe.jpg) center no-repeat;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}
.image7{
	position: absolute;
	/*background: #FFFFFF url(/english/images/longue-vue-perso.jpg) center no-repeat;*/
	background: #FFFFFF;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}

.image7 img {
    position: relative;
    top: 9px;
    left: 9px;
}


.image7-alain{
	position: absolute;
	background: #FFFFFF url(/english/images/alain.jpg) center no-repeat;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}

.image7-pascal{
	position: absolute;
	background: #FFFFFF url(/english/images/pascal.jpg) center no-repeat;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}

.image7-philippe{
	position: absolute;
	background: #FFFFFF url(/english/images/philippe.jpg) center no-repeat;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}

.image7-pierre{
	position: absolute;
	background: #FFFFFF url(/english/images/pierre.jpg) center no-repeat;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}

.image7-simon{
	position: absolute;
	background: #FFFFFF url(/english/images/simon.jpg) center no-repeat;
	width: 398px;
	height: 194px;
	margin-top: 344px;
}


/* ---------------- image de pied -------------------- */

.pied{
	background: url(/english/images/bas-page2.jpg) no-repeat;
	height: 90px;
	width: 762px;
}

.texte ul{
   padding-left:25px;    
}