body {
	margin: 0;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #603913;
	background: #4f4d48 url(../images/bg.jpg) no-repeat;
}
body.frame {
	background: #fbf9ef;
	width: 700px;
}
img { border-style: none; }
a:focus { outline:none; }
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input,
textarea,
select {
	font: 100% Arial, sans-serif;
	vertical-align: middle;
}
#main {
	width: 1004px;
}
.main-area {
	float: left;
	width: 793px;
	overflow: hidden;
}
#header {
	width: 788px;
	height: 121px;
	position: relative;
}
.logo {
	position: absolute;
	top: 43px;
	left: 44px;
	background: url(../images/logo.gif) no-repeat;
	width: 319px;
	height: 65px;
	text-indent: -9999px;
	overflow: hidden;
}
.photo {
	float: right;
	background: url(../images/bg-picture-border-2.png) no-repeat;
	width: 148px;
	height: 94px;
	padding: 0 0 0 32px;
}
.armateurs-de-france {
	float: right;
	background: url(../images/bg-picture-border.jpg) no-repeat;
	width: 223px;
	height: 96px;
	margin: 0 -1px 0 0;
	display: inline;
}
.armateurs-de-france a {
	display: block;
	text-indent: -9999px;
	background: url(../images/armateurs-de-france.gif) no-repeat;
	width: 157px;
	height: 61px;
	margin: 0 0 0 29px;
}
.accueil {
	position: absolute;
	top: 12px;
	left: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/accueil.gif) no-repeat;
	width: 39px;
	height: 38px;
}
.container {
	overflow: hidden;
	height: 562px;
}
.inside-content iframe {
	border-style: none;
	padding: 0;
	background: none;
	position: relative;
}
.footer {
	margin: 0;
	padding: 7px 0 20px 335px;
	overflow: hidden;
	height: 1%;
}
.footer li {
	list-style: none;
	float: left;
	padding: 0 17px 0 0;
}
.footer li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 16px;
}
.footer li a.credits {
	background: url(../images/menu-credits.gif) no-repeat;
	width: 37px;
}
.footer li a.mentions {
	background: url(../images/menu-mentions.gif) no-repeat;
	width: 92px;
}
.map-notes {
	margin: 5px 0 0 40px;
	position: relative;
	background: url(../images/arrows-main.gif) no-repeat 29px 30px;
	overflow: hidden;
	height: 544px;
}
.demain,
.actualite,
.transport {
	position: absolute;
	top: 195px;
	left: 75px;
	z-index: 2;
}
.actualite {
	top: 24px;
	left: 277px;
}
.transport {
	top: 36px;
	left: 458px;
}
.demain a.text,
.actualite a.text,
.transport a.text {
	background: url(../images/map-demain.gif) no-repeat;
	width: 169px;
	height: 77px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
.actualite a.text {
	background: url(../images/map-quoi-de-neuf.gif) no-repeat;
	width: 140px;
	height: 73px;
}
.transport a.text {
	background: url(../images/map-transport.gif) no-repeat;
	width: 220px;
	height: 73px;
}
.demain a.text:hover,
.demain.open a.text {
	background-position: 0 -76px;
}
.actualite a.text:hover,
.actualite.open a.text {
	background-position: 0 -76px;
}
.transport a.text:hover {background-position: 0 -74px; }
.polaroid {
	position: absolute;
	top: 105px;
	left: 344px;
	background: url(../images/photo.jpg) no-repeat;
	width: 362px;
	height: 87px;
	padding: 280px 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
.polaroid span {
	display: block;
	text-align: right;
	color: #3ba3d0;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	padding: 0 19px 0 0;
}
.polaroid a {
	display: block;
	background: url(../images/ils-naviguent.gif) no-repeat 10px 0;
	width: 255px;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 2px 0 0 99px;
}
.polaroid a:hover { background-position: 9px -20px; }
.column {
	float: left;
	width: 216px;
	overflow: hidden;
	margin: 0 0 0 -5px;
	display: inline;
}
.btn-go {
	background: url(../images/btn-go.jpg) no-repeat;
	width: 154px;
	height: 246px;
	margin: 0 0 0 29px;
	overflow: hidden;
}
.btn-go a {
	display: block;
	width: 114px;
	height: 107px;
	margin: 71px 0 0 21px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/btn-go-small.jpg) no-repeat;
}
.btn-go a:hover { background-position: 0 -108px; }
.side-nav {
	background: url(../images/pointer.gif) no-repeat 143px 0;
	padding: 16px 0 0;
	margin: -31px 0 0;
	position: relative;
	height: 1%;
}
.ten {
	background: url(../images/number-ten.gif) no-repeat;
	width: 82px;
	height: 73px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin: 0 0 0 60px;
}
.side-nav ul {
	margin: 0;
	padding: 0;
}
.side-nav ul li { list-style: none; }
.side-nav ul li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.side-nav ul li a.bonnes-paisons {
	background: url(../images/menu-bonnes-raisons.gif) no-repeat;
	width: 192px;
	height: 30px;
	margin: 0 0 0 24px;
}
.side-nav ul li a.pour-larguer {
	background: url(../images/menu-pour-larguer.gif) no-repeat;
	width: 166px;
	height: 26px;
	margin: 0 0 0 36px;
}
.side-nav ul li a.les-amarres {
	background: url(../images/menu-les-amarres.gif) no-repeat;
	width: 153px;
	height: 36px;
	margin: -2px 0 0 2px;
}
.popup {
	position: absolute;
	top: 76px;
	left: -23px;
	z-index: 999;
	display: none;
}
.actualite .popup {
	top: 67px;
	left: -66px;
}
.transport .popup {
	top: 67px;
	left: -66px;
}
.open .popup { display: block; }
.popup .top {
	background: url(../images/popup-1-top.png) no-repeat;
	width: 217px;
	min-height: 90px;
}
* html .popup .top { height: 90px; }
.actualite .popup .top {
	background: url(../images/popup-2-top.png) no-repeat;
	width: 267px;
}
.transport .popup .top {
	background: url(../images/popup-2-top.png) no-repeat;
	width: 267px;
}
.popup .bottom,
.actualite .popup .bottom {
	background: url(../images/popup-1-bottom.png) no-repeat;
	width: 217px;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 0;
	width: 267px;
}
.transport .popup .bottom {
	background: url(../images/popup-2-bottom.png) no-repeat;
	width: 217px;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 0;
	width: 267px;
}
.actualite .popup .bottom {
	background: url(../images/popup-2-bottom.png) no-repeat;
	height: 21px;
}
.popup ul {
	margin: 0;
	padding: 28px 0 9px 5px;
	width: 190px;
	position: relative;
}
.actualite .popup ul {
	width: 230px;
	padding: 30px 0 11px 10px;
}
.transport .popup ul {
	width: 230px;
	padding: 30px 0 11px 10px;
}
.popup ul li {
	list-style: none;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 5px;
}
.popup ul li a {
	color: #1b639c;
	background: url(../images/arrow.gif) no-repeat;
	padding: 0 0 0 15px;
	text-decoration: none;
}
.popup ul li a:hover { background-position: 0 -38px; }
.content {
	overflow: hidden;
	background: url(../images/arrows.gif) no-repeat 0 21px;
	height: 548px;
	width: 753px;
	padding: 0 0 0 40px;
}
.main-nav {
	margin: 13px 0 0 20px;
	padding: 0;
}
.main-nav ul {
	margin: 0;
	padding: 9px 0 0 9px;
	float: left;
	background: url(../images/bg-nav.png) no-repeat;
	overflow: hidden;
	height: 47px;
}
.main-nav div {
	float: left;
	background: url(../images/bg-nav-right.png) no-repeat;
	width: 15px;
	overflow: hidden;
	font-size: 0;
	height: 47px;
}
.main-nav ul li {
	list-style: none;
	float: left;
	background: url(../images/sep.gif) no-repeat 100% 1px;
	padding: 0 7px 10px 6px;
	margin: 0 -1px 0 0;
}
.main-nav ul li.last { padding-right: 0; }
.main-nav ul li a {
	float: left;
	position: relative;
}
.main-nav ul li a:hover,
.main-nav ul li.active a {
	background: url(../images/menu-active-2.gif) no-repeat 13px 100%;
	padding-bottom: 34px;
}
.main-nav ul li a span {
	float: left;
	margin: 3px 0 0;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}
.main-nav ul li a.menu-demain span {
	background: url(../images/menu-demain.gif) no-repeat;
	width: 123px;
}
.main-nav ul li a.menu-quoi-de-neuf span  {
	background: url(../images/menu-quoi.gif) no-repeat;
	width: 129px;
	margin: 0;
	height: 12px;
}
.main-nav ul li a.menu-le-transport span  {
	background: url(../images/menu-le-trasport.gif) no-repeat;
	width: 209px;
	margin: 2px 0 0;
}
.main-nav ul li a:hover span,
.main-nav ul li.active a span { background-position: 0 -10px; }
.main-nav ul li a.menu-quoi-de-neuf:hover span,
.main-nav ul li.active a.menu-quoi-de-neuf span {
	background-position: 0 -12px;
}
.avatar {
	float: right;
	margin: -13px -6px -12px 0;
	display: inline;
	background: url(../images/photo.png) no-repeat;
	width: 91px;
	height: 94px;
	text-indent: -9999px;
	cursor: pointer;
	position: relative;
}
.avatar-pointer .avatar {
	float: none;
	display: block;
}
.avatar-pointer {
	float: right;
	display: inline;
	padding: 28px 0 0;
	margin: -7px 0 -21px 0;
	background: url(../images/pointer-3.gif) no-repeat 34px 0;
	position: relative;
}
.inside-content {
	clear: both;
	background: #fbf9ef url(../images/bg-content-shadow.gif) no-repeat;
	width: 748px;
	height: 466px;
	margin: 0 0 0 -4px;
	padding: 0 0 0 10px;
	overflow: hidden;
}
.ils-naviguent {
	float: right;
	margin: 1px 12px 0 0;
	background: url(../images/ils-naviguent-2.gif) no-repeat;
	width: 161px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.inside-content .top {
	overflow: hidden;
	width: 100%;
	height: 45px;
	padding: 5px 0 0;
}
.inside-content .content-nav {
	margin: 0 0 0 14px;
	padding: 0;
	overflow: hidden;
	float: left;
	display: inline;
}
.inside-content .content-nav li {
	float: left;
	list-style: none;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	background: url(../images/sep-2.gif) no-repeat 0 2px;
	padding: 0 5px 0 6px;
	margin: 0 0 0 -2px;
}
.inside-content .content-nav li a {
	color: #4b4a47;
	float: left;
	text-decoration: none;
	background: url(../images/menu-active.gif) no-repeat;
}
.inside-content .content-nav li a:hover,
.inside-content .content-nav li a.active {
	color: #1b639c;
	padding: 0 0 22px;
	background-position: 0 -24px;
}
.inner {
	padding: 10px 0 0 17px;
	width: 680px;
	overflow: hidden;
}
.inner h1 {
	margin: 0;
	padding: 0 0 8px;
	color: #603913;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.inner p {
	margin: 0;
	padding: 0 110px 0 0;
	color: #603913;
	font-size: 12px;
	line-height: 14px;
}
.tele {
	margin: 47px 0 0 -1px;
	padding: 0 0 20px;
	width: 100%;
	overflow: hidden;
}
.tele .image { float: left; }
.tele img { display: block; }
.tele span {
	float: left;
	background: url(../images/pointer-2.gif) no-repeat;
	margin: 90px 0 0 15px;
	padding: 10px 0 0 48px;
	width: 230px;
}
.tele span a {
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #603913;
}
.tele span a:hover { text-decoration: underline; }
.raison {
	margin: 21px 0 0 127px;
	width: 510px;
	height: 280px;
}
.raison h1 {
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
}
.raison h1.un-metier-passionant {
	height: 36px;
	background: url(../images/unmetier-passionant.gif) no-repeat;
}
.raison h1.un-secteur {
	height: 36px;
	background: url(../images/unsecteurquirecrute.gif) no-repeat;
}
.raison h1.des-salaires {
	height: 73px;
	background: url(../images/dessalairesmotivants.gif) no-repeat;
}
.raison h1.des-carrieres {
	height: 73px;
	background: url(../images/descarrieresalacarte.gif) no-repeat;
}
.raison h1.le-monde {
	height: 36px;
	background: url(../images/lemondeadecouvrir.gif) no-repeat;
}
.raison h1.partager-des-experiences {
	height: 73px;
	background: url(../images/partagerdesexperiences.gif) no-repeat;
}
.raison h1.travailler-en-equipe {
	height: 36px;
	background: url(../images/travaillerenequipe.gif) no-repeat;
}
.raison h1.chaque-jour {
	height: 73px;
	background: url(../images/chaquejourestun.gif) no-repeat;
}
.raison h1.six-mois-de-vacances {
	height: 73px;
	background: url(../images/sixmoisdevacances.gif) no-repeat;
}
.raison h1.utiliser-des-technologies {
	height: 110px;
	background: url(../images/utiliserdestechnologies.gif) no-repeat;
}

.raison p {
	text-align:justify;
	margin: 12px 0 0 6px;
	padding: 0 15px 10px 0;
	color: #1b639c;
	font-size: 14px;
	line-height: 16px;
}
.paginator {
	margin: 0;
	padding: 5px 0 0 127px;
}
.paginator li {
	float: left;
	list-style: none;
	padding: 0 11px 0 0;
}
.paginator li a {
	float: left;
	background: url(../images/pointer-4.gif) no-repeat;
	height: 105px;
}
.paginator li a:hover,
.paginator li a.active {
	background-position: 50% -95px;
}
.paginator li a span {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 72px;
	cursor: pointer;
}
.paginator li a span.page-1 {
	background: url(../images/number-1.gif) no-repeat;
	width: 32px;
}
.paginator li a span.page-2 {
	background: url(../images/number-2.gif) no-repeat;
	width: 32px;
}
.paginator li a span.page-3 {
	background: url(../images/number-3.gif) no-repeat;
	width: 36px;
}
.paginator li a span.page-4 {
	background: url(../images/number-4.gif) no-repeat;
	width: 36px;
}
.paginator li a span.page-5 {
	background: url(../images/number-5.gif) no-repeat;
	width: 32px;
}
.paginator li a span.page-6 {
	background: url(../images/number-6.gif) no-repeat;
	width: 34px;
}
.paginator li a span.page-7 {
	background: url(../images/number-7.gif) no-repeat;
	width: 35px;
}
.paginator li a span.page-8 {
	background: url(../images/number-8.gif) no-repeat;
	width: 32px;
}
.paginator li a span.page-9 {
	background: url(../images/number-9.gif) no-repeat;
	width: 38px;
}
.paginator li a span.page-10 {	
	background: url(../images/number-10.gif) no-repeat;
	width: 65px;
}
.raison-nav {
	margin: 0 0 0 20px;
	padding: 65px 0 0 52px;
}
.raison-nav li {
	list-style: none;
}
.raison-nav li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.raison-nav li a.choisissez-une  {
	background: url(../images/choisissez-une.gif) no-repeat;
	width: 383px;
	height: 51px;
}
.raison-nav li a.bonne-raison  {
	display: block;
	background: url(../images/bonne-raison.gif) no-repeat;
	width: 358px;
	height: 57px;
}
.inside-content h1.ils-naviguent-ils-racontent {
	margin: 17px 0 10px 24px;
	background: url(../images/heading-ils-naviguent.gif) no-repeat;
	height: 21px;
	text-indent: -9999px;
	font-size: 18px;
	overflow: hidden;
}
.holder {
	overflow: hidden;
	width: 100%;
}
.col-1 {
	float: left;
	width: 400px;
}
.photos {
	margin: 0 0 0 10px;
	padding: 0;
	overflow: hidden;
	width: 390px;
}
.col-2 .photos {
	margin: 0;
	width: 100%;
}
.photos li {
	float: left;
	list-style: none;
	margin: 0 -10px 0 0;
	height: 170px;
	width: 133px;
	overflow: hidden;
}
.photos li.image-2 { margin-right: -5px; }
.photos li span {
	display: block;
	height: 17px;
	margin: -6px auto 0;
	text-indent: -9999px;
	overflow: hidden;
}
.photos li.without-arrow span { margin: -14px auto 0; }
.photos li .image {
	margin: 0;
	display: block;
	height: 148px;
	overflow: hidden;
}
.photos li.without-arrow .image { margin: 8px 0 0; }
.photos li span.name-caroline {
	background: url(../images/name-caroline.gif) no-repeat;
	width: 49px;
}
.photos li span.name-guillaume {
	background: url(../images/name-guillaume.gif) no-repeat;
	width: 53px;
}
.photos li span.name-nicolas {
	background: url(../images/nane-nicolas.gif) no-repeat;
	width: 41px;
}
.photos li span.name-xavier {
	background: url(../images/name-xavier.gif) no-repeat;
	width: 40px;
}
.photos li span.name-ganor {
	background: url(../images/name-ganor.gif) no-repeat;
	width: 36px;
}
.photos li span.name-alice {
	background: url(../images/name-alice.gif) no-repeat;
	width: 31px;
}
.photos li span.name-marion {
	background: url(../images/name-marion.gif) no-repeat;
	width: 40px;
}
.lien-temoignage-top {
	float:right;
	margin:10px 20px 0px 0px;
}

.col-1 h2,
.col-2 h2,
.inner-content h2 {
	margin: 0;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}
.inner-videos  h2{
	text-indent: -9999px;
	overflow: hidden;
}
.inner-videos h2.heading-films {
	float:left;
	height:60px;
	width:350px;
	background: url(../images/heading-films.gif) no-repeat;
	background-position: center center;
}
.inner-videos  h2.heading-films-suite {
	clear:both;
	height:60px;
	margin:0px 0px 20px 0px;
	background: url(../images/fond-autres-films.gif) no-repeat;
	background-position: left bottom;
}
.col-1 h2.heading-temoignages {
	margin: 0 0 2px 131px;
	background: url(../images/heading-temoignages.gif) no-repeat;
}
.col-2 h2.heading-formation {
	margin: -4px 0 8px 5px;
	background: url(../images/formation.gif) no-repeat;
}
.col-2 {
	float: right;
	width: 165px;
	margin: 0 25px 0 0;
	display: inline;
}
.inner-content {
	clear: both;
	padding: 50px 0 0 20px;
	height: 200px;
	width: 555px;
}
.inner-videos {
	clear: both;
	padding: 0px 0 0 20px;
	width: 655px;
}
.inner-content p, .inner-videos p {
	margin: 0;
	padding: 0 0 20px;
	font-size: 12px;
	line-height: 15px;
}
.inner-content h3, .inner- h3  {
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #603913;
}
.inner-content ul , .inner-videos ul {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
	color: #603913;
}
.inner-content ul li , .inner-videos ul li{
	list-style: none;
}
.inner-content ul li a , .inner-videos ul li a{ color: #603913; }
.inner-content ul li a:hover, .inner-videos ul li a {
	text-decoration: none;
}
.columns {
	overflow: hidden;
	width: 100%;
	padding: 10px 0 0;
}
.columns div {
	float: left;
	width: 263px;
}


.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	opacity:0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:100;
}
* html .modal-overlay
{   
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/** extranet form overlay **/

.overlay {     
	display:none;     
    background-image:url(../../images/default/gray.png);
    font-size:12px;
} 

.overlay3 {     
	display:none;     
    background-image:url(../../images/default/gray3.png);
    font-size:12px;
} 

.overlay div.close, .overlay3 div.close { 
    background: transparent url(../../images/default/close.png) no-repeat scroll right top; 
    position:absolute; 
    width:32px; 
    height:32px; 
    cursor:pointer;
	text-indent:-99999px;
	overflow:hidden;
} 


.overlay div.close { 
    top:15px; 
    right:10px; 
} 

.overlay3 div.close { 
    top:0px; 
    right:-2px; 
} 

.overlay p, .overlay3 p {
   margin: 70px 50px 0 50px;
}

.creditPageCloseBtn div.close {
    top:0px; 
    right:0px; 
}
#logoafaq {margin:217px 0px 0 30px;}