#block-block-5 .nous-ecrire {
    padding: 139px 60px !important;
}

.col-sm-12.loadMore {
    text-align: center;
}
#mansory-image, #bk-mansory {
    padding: 0 0;
}

#bk-mansory {
    margin-top: 25px;
}

.col-sm-12.my-view-block-titre {
    font-family: din-bold;
    color: #0065cc;
    font-size: 24px;
    border-bottom: 2px solid grey;
    padding-bottom: 5px;
    padding-left:0px;
}

.mansory-image .colorbox,.mansory-with  {
  width: 33.333%;
}

.mansory-image .colorbox   {
    float: left;
}

#bk-mansory:after {
  content: '';
  display: block;
  clear: both;
}

{ box-sizing: border-box; }

.mansory-image a {
    display:none;
    padding: 1px;
    border-width: 0 1px 0px 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 1px 1px #fff;
    margin-bottom: 2px;
}

#loadMore {
    text-align: center;
    padding: 15px;
    background-color: #ff8b00;
    width: 200px;
    text-transform: uppercase;
    font-family: din-bold;
    border-radius: 3px;
    text-decoration: none;
    color: white;
    border: none;
margin-top: 20px;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}

#loadMore:hover {
    color: #fff;
    transition: all 600ms ease-in-out;
    background-color:#104696;
}

#loadMore:focus {
   outline: 0;
}


.col-sm-12.nos-formulaire a:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 25px;
    background: url(/sites/all/themes/portuaire/images-source/direction2.png) no-repeat;
    background-size: contain;
    position: relative;
    float: right;
    top: 4px;
    left: 19px;
}

#block-views-offres-de-services-block {
    margin-top: 10px;
}

.panel-pane.pane-block.pane-block-25 {
    margin-top: -5px;
    margin-bottom: 64px;
}

.panel-pane.pane-block.pane-block-1 {
    margin-top: 50px;
}

.not-logged-in .messages--error, .messages.error {
    display: none;
}

.view-display-id-block_4 .views-field.views-field-field-date-publication-dossier {
    margin-top: 2%;
}

.view-display-id-block_4 .views-field-title{
    margin-top: 3%;
}

.view-display-id-block_4 .views-field-body {
    margin-top: 2%;
    margin-bottom: -6.9%;
}

.contextual-links-region.panel-pane.pane-block.pane-views-dossier-block-4:hover {
    transition: ease background 0.5s;
    -webkit-transition: easy background 0.5s !important;
    background: #005dbd;
}

.contextual-links-region.panel-pane.pane-block.pane-views-dossier-block-4:hover a, .contextual-links-region.panel-pane.pane-block.pane-views-dossier-block-4:hover {
   color:#fff;
}

.front .view-actualite .more-link a {
   width: 71% !important;
margin-top: 5px !important;
right: -1.5% !important;
}

.front span .actualite-content {
    min-height: 250px !important;
}

.view-display-id-block_4 .view-footer {
    margin-left: -13%;
    margin-top: 12%;
}

.view-display-id-block_4 .mor-link a::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 25px;
    background: url(/sites/all/themes/portuaire/images-source/direction2.png) no-repeat;
    background-size: contain;
    position: relative;
    float: right;
    top: 36px;
}

.view-display-id-block_4 .mor-link a{
    background: #64b113;
padding: 0 16px;
display: inline-block;
width: 294px;
font-family: 'din-bold';
text-align: left;
line-height: 80px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
margin-top: 29px;
right: -14px;
position: relative;
z-index: 10;
font-size: 18px;
}

.view-display-id-block_4 .views-field-title a{
    text-decoration: none;
    font-family: "din-bold";
    color: #005dbd;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.1;
}

.contextual-links-region.panel-pane.pane-block.pane-views-dossier-block-4 {
    width: 30%;
    float: left;
    background-color: #d1eefe;
padding: 1px 14px 0px 20px;
position: relative;
z-index: 20;
}

#block-views-dossier-video-block-2 {
    margin-bottom: 2%;
    margin-left: 9%;
}

#block-views-dossier-video-block-2 .views-field-field-lien- a{
  display: block;
color: #bababa;
font-size: 16px;
}

#block-views-dossier-video-block-1 {
    padding-left: 9%;
}

#block-views-dossier-video-block {
    padding-left: 8%;
    margin: 3% 0 20% 0;
}

#block-views-dossier-video-block iframe {
    width: 28%;
    height: auto;
    float: left;
    margin: 0 2%;
}

#block-views-dossier-video-block-1 img {
   width: 240px;
height: 160px;
float: left;
margin: 1% 1.7%;
}

#block-views-dossier-block-3 .tit-body a {
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
}

#block-views-dossier-block-3 .tit-body {
    border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
margin-bottom: 11%;
padding: 1% 0%;
}

#block-views-dossier-block-3 .tit-dos {
    position: relative;
    height: 212px;
    margin-top: -211px;
    background-color: #08080880;
    padding: 9% 10%;
    color: #fff;
    margin-bottom: 5%;
    text-align: center;
}

#block-views-dossier-block-3 .dossier{
    margin-bottom: 2%;
}

#block-views-dossier-block-3 {
    width: 70%;
    margin-left: 14%;
}

.node-dossier {
    padding: 0 5% 0 9%;
    border-right: 1px solid #ccc;
    margin-right: -4%;
}

.node-dossier h2{
    font-weight: bold;
    color: #000;
    font-size: 2.5em;
}

#block-views-dossier-block-2 .pager li > a,#block-views-dossier-block-2 .pager li > span {
    display: inline-block;
    padding: 10px 50px;
    background-color: #006ad4;
    border-radius: inherit !important;
     border: none !important;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}

#block-views-dossier-block-2 .dossier img {
    height: 275px;
}

#block-views-dossier-block-2 .tit-body a {
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
}

#block-views-dossier-block-2 .tit-body {
    border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
margin-bottom: 10%;
padding: 2% 4%;
}

#block-views-dossier-block-2 .tit-dos {
    position: relative;
height: 275px;
margin-top: -275px;
background-color: #717882;
padding: 8% 10%;
color: #fff;
margin-bottom: 5%;
text-align: center;
width: 406px;
}

#block-views-dossier-block-2 .tit-dos:hover {
background-color: #08080880;
}

#block-views-dossier-block-2 .dossier {
    width: 31.5%;
    float: left;
    margin: 1% -1% 0 9px;
    padding-left: 36px;
}

#block-views-dossier-block-1 img{
    height: 270px;
}

#block-views-dossier-block-1 .dossier {
    height: 275px;
    margin-bottom: 12%;
}

#block-views-dossier-block-1 .tit-dos {
    position: relative;
   height: 271px;
margin-top: -68%;
    background-color: #080808b3;
    padding: 10% 9%;
    color: #fff;
    margin-bottom: 11%;
    text-align: center;
}

#block-views-dossier-block-1 .tit-body {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin-bottom: 8%;
    padding: 1% 0%;
}

#block-views-dossier-block-1 .tit-body a {
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
}

#block-views-dossier-block-1 {
    width: 30%;
    float: left;
}

.tit-body {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin-bottom: 5%;
    padding: 5% 12%;
}

.tit-body a {
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    text-decoration: none;
}

.tit-dos a:nth-child(2){
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 30px;
    text-decoration: none;
}

#block-views-dossier-block {
    width: 63%;
    float:left;
    margin-right: 3%;
margin-left: 2%;
}

.tit-dos {
    position: relative;
    height: 570px;
    margin-top: -570px;
    background-color: #08080880;
    padding: 20% 12%;
    color: #fff;
    margin-bottom: 5%;
    text-align: center;
}

.view-paa-infos .views-field-nothing:hover {
    background-color: #fff;
}

.view-paa-infos .views-field-nothing {
    background: #e7f2fa;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.view-note-aux-usagers .views-field-nothing {
    height: 210px;
}

.view-id-installations_et_activites #section3 .sub-des3 {
    margin-left: 18% !important;
    
}

.view-id-installations_et_activites .sect3 {
    padding-bottom: 19% !important;
font-size: 17px;
}

.view-id-installations_et_activites .sec7{
    font-size: 18.4px;
}

body {
    background-color: #cfebff !important;
    overflow-x: hidden;
}
a,b,p,div,li,i,em{
    font-size: 14px;
}
strong,b,em {
    color: #145db7;
}
.field-content h2 {
    color: #145db7;
    text-transform: uppercase;
    font-size: 24px;
}
.field-content h3 {
    color: #145db7;
    text-transform: uppercase;
    font-size: 20px;
}
.field-content li::before, .content li:before {
    content: "";
    background: url(/sites/all/themes/portuaire/images/liste-puce.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: contain;
    margin-right: 10px;
}
.field-content li, .content li {
    list-style: none;
}
.layout-center {
    background: #fff;
    margin-top: -5px;
    padding: 0;
}
main.layout-3col__full {
    padding: 0 33px;
}
div#block-block-3 {
    padding: 0 10px;
}
.region-footer {
    /*margin: 0 20px;*/
}
div#block-panels-mini-diapo-et-note-aux-usager {
    margin-top: -70px;
}
div#views_slideshow_cycle_main_phototh_que-block_1_1 .views-field.views-field-title a::before {
	content: "";
	display: block;
	border-bottom: solid 4px #fff;
	width: 69px;
	position: relative;
	bottom: -5px;
}
div#views_slideshow_cycle_main_phototh_que-block_1_1 .views-field.views-field-title a::after {
    content: "";
    display: block;
    border-bottom: solid 4px #fff;
    width: 69px;
    position: relative;
    bottom: -5px;
}
div#views_slideshow_cycle_main_phototh_que-block_1_1 .views-field.views-field-title a {
	font-size: 35px;
	display: block;
	max-width: 500px;
	color: #fff;
	margin: 20px 34px;
	position: absolute;
	bottom: 0;
}
div#views_slideshow_cycle_main_phototh_que-block_1_1 .views-field.views-field-title a:hover {
    text-decoration: none;
}
div#views_slideshow_cycle_main_phototh_que-block_1_1 .views-field.views-field-title {
	position: absolute;
	bottom: 30px;
	height: 100%;
	width: 100%;
	/*background: linear-gradient(transparent 40%, black);*/
}
.panel-pane.pane-block.pane-views-noteaux-usagers-block .pane-title.pane__title {
    color: #fff;
    background: #FEA000;
    text-align: center;
    padding: 6px 8px;
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 0;
}
.panel-pane.pane-block.pane-views-noteaux-usagers-block .pane-title.pane__title::after {
    content: unset !important;
}
.view.view-noteaux-usagers.view-id-noteaux_usagers.view-display-id-block {
    background: #FFF8F2;
   position: relative;
    top: -15px;
    padding: 0px 10px;
}
.view.view-noteaux-usagers.view-id-noteaux_usagers.view-display-id-block ul {
    margin: 0px 0 0 5px;
    padding: 0;
}
.view.view-noteaux-usagers.view-id-noteaux_usagers.view-display-id-block li.views-row {
    padding: 10px 0 5px 45px;
    margin-top: 14px;
    vertical-align: top;
    list-style: none;
    background: url(/sites/all/themes/portuaire/images-source/pdf.png) no-repeat;
        background-position-y: 17px !important;
}
.document-content {
    display: inline-block;
    width: calc(100% - 45px);
    vertical-align: top;
}
.document-content b {
    color: #8E8A85;
    font-size: 12px !important;
}
.view.view-noteaux-usagers.view-id-noteaux_usagers.view-display-id-block li.views-row::after {
    content: "";
    border-bottom: solid 1px #ddd;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    margin-top: 8px;
}
.document-content h3 {
    color: #000;
    font-size: 14px;
    margin-top: 2px;
    line-height: 14px;
}
.document-image-download.pull-right {
    vertical-align: top;
    display: inline-block;
    width: 40px;
        top: 16px;
    position: relative;
}
.document-image-download.pull-right a {
    font-size: 0;
}
.document-image-download.pull-right a::before {
	content: url(/sites/all/themes/portuaire/images-source/telecharger.png);
}
.view.view-noteaux-usagers.view-id-noteaux_usagers.view-display-id-block li.views-row:last-child::after {
    border-bottom: none;
}
h2#certification-isps {
    background: #0EA0E5;
    padding: 12px 20px;
    font-size: 31px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 1px;
}
h2#certification-isps span {
    font-size: 20px;
    line-height: 20px;
}
div#certification-content {
    background: #0ea0e5;
    padding: 10px 10px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 24px;
    color: #fff;
}
div#certification-content img {
    max-width: 36px;
    margin: 8px 40px 8px 8px;
}
ul.certification-list li {
    list-style: none;
}
/*.view.view-liste-des-pdf-du-mouvements-des-navires.view-id-liste_des_pdf_du_mouvements_des_navires.view-display-id-block {
    background: #fff8f2;
    padding: 10px;
    margin-top: 20px;
}
.view-liste-des-pdf-du-mouvements-des-navires .view-header {
    display: inline-block;
    width: 300px;
    max-width: 100%;
}
.titre-mouvement h2 {
    color: #ef8901;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.titre-mouvement p {
    color: grey;
    font-size: 14px;
}
.view-liste-des-pdf-du-mouvements-des-navires .view-content {
    width: 550px;
    display: inline-block;
    max-width: 100%;
    position: relative;
    top: -15px;
}
.view.view-liste-des-pdf-du-mouvements-des-navires.view-id-liste_des_pdf_du_mouvements_des_navires.view-display-id-block a {
    font-size: 11px;
    font-weight: bold;
    padding: 10px;
    background: #ef8901;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    text-align: center;
}
.view.view-liste-des-pdf-du-mouvements-des-navires.view-id-liste_des_pdf_du_mouvements_des_navires.view-display-id-block a:hover {

    -webkit-transition: color 0.5s, background 0.5s;
    transition: color 0.5s, background 0.5s;
    color: #000;
    background: #ef8901;
    text-decoration: none;

}*/
.view.view-nos-projets.view-id-nos_projets.view-display-id-block_2 {
    background: #0059ab;
    position: relative;
    height: 454px;
overflow: hidden;
}
#views_slideshow_controls_text_previous_nos_projets-block_2_1 a {
	display: inline-block;
	width: 60px;
	height: 40px;
	background: #0000001a;
	font-size: 0;
	margin-top: 0px;
}
#views_slideshow_controls_text_previous_nos_projets-block_2_1 a::before {
	background: url(/sites/all/themes/portuaire/images-source/direction2.png) no-repeat;
	background-size: auto auto;
	content: "";
	width: 17px;
	height: 30px;
	display: block;
	background-size: contain;
	margin-top: 13px;
	margin-left: 24px;
}
#views_slideshow_controls_text_nos_projets-block_2_1 {
	font-size: 0;
	position: absolute;
	bottom: 0;
	z-index: 100;
	width: 50px;
	right: 10px;
}
#views_slideshow_controls_text_next_nos_projets-block_2_1 a {
	display: inline-block;
	width: 60px;
	height: 40px;
	background: #0000001a;
	font-size: 0;
	margin-top: 0px;
}
#views_slideshow_controls_text_next_nos_projets-block_2_1 a::before {
	background: url(/sites/all/themes/portuaire/images-source/direction1.png) no-repeat;
	background-size: auto auto;
	content: "";
	width: 17px;
	height: 30px;
	display: block;
	background-size: contain;
	margin-top: 14px;
	margin-left: 22px;
}
#views_slideshow_controls_text_pause_nos_projets-block_2_1 {
    font-size: 0;
}
#views_slideshow_controls_text_next_nos_projets-block_2_1 a:hover, #views_slideshow_controls_text_previous_nos_projets-block_2_1 a:hover {
	-webkit-transition: ease opacity 0.5s;
	transition: ease opacity 0.5s;
	opacity: 0.9;
}
#views_slideshow_cycle_main_nos_projets-block_2_1 .col-sm-7.col-md-7.col-xs-12.col-lg-7 {
    padding-left: 0;
}
#views_slideshow_cycle_teaser_section_phototheque-block_1_1 {
    width: 100% !important;
}
.front #views_slideshow_controls_text_previous_nos_projets-block_2_1, #views_slideshow_controls_text_next_nos_projets-block_2_1 {
    display: block;
    text-align: right;
    width: 100%;
}
.views_slideshow_slide {
    width: 100% !important;
    height: auto !important;
}
.projet-image {
	display: block;
	height: 454px!important;
	/*width: 590px;
	height: 589px;*/
	/*-moz-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);*/
	/*border: solid 10px #f29c00;*/
	position: relative;
	overflow: hidden;
	/*left: 48px;
	top: -69px;*/
}
.projet-image img {
	/*position: absolute;*/
	/*-moz-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);*/
	width: 100%;
	height: 454px;
	display: block;
	/*top: 59px;
	left: -64px;*/
}
.projet-content {
    max-width: 400px;
    margin-top: 45px;
    margin-left: 45px;
    position: relative;
	height: 406px;
	min-height: 400px !important;
}
.projet-content h2 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.en-savoir-plus {
    position: absolute;
    bottom: 10px;
}
.en-savoir-plus a {
    border: solid 2px #f29c00;
    padding: 5px 10px;
    color: #f29c00;
}
.projet-body {
    color: #fff;
}
.projet-content h2::after {
    content: "";
    border-bottom: solid 4px #e2970a;
    width: 234px;
    display: block;
    margin: 15px 0 30px 0;
}
.front .panel-pane.pane-block.pane-views-agenda-block {
	background: #005dbd;
	min-height: 496px;
	color: #fff;
	padding: 30px 20px 51px 20px;
	text-align: right;
	/* line-height: 22px; */
	background-image: url(/sites/all/themes/portuaire/images-source/background-agenda-ico.png);
	background-repeat: no-repeat;
	background-position: -50px -30px;
	background-size: contain;
	margin-top: 95px;
}
.front .view.view-agenda.view-id-agenda.view-display-id-block .view-header {
	margin-bottom: 39px;
}
.front .panel-pane.pane-block.pane-views-agenda-block {
	color: #fff;
	text-align: right;
	/* line-height: 22px; */
}
.front .field-content.jour {
	font-size: 45px;
    border-bottom: solid 1px #fff;
    display: inline-block;
    padding-bottom: 0px;
    line-height: 48px;
    font-weight: bold;
}
.front .field-content.mois-annee {
    font-size: 20px;
}
.front #views_slideshow_controls_text_previous_agenda-block_1 a {
    display: inline-block;
    width: 60px;
    height: 40px;
    background: #0000001a;
    font-size: 0;
    margin-top: 7px;
}
.front #views_slideshow_controls_text_previous_agenda-block_1 a::before {
	background: url(/sites/all/themes/portuaire/images-source/direction1.png) no-repeat;
	background-size: auto auto;
	content: "";
	width: 17px;
	height: 30px;
	display: block;
	background-size: contain;
	margin-top: 14px;
	margin-left: 22px;
}
.front #views_slideshow_controls_text_next_agenda-block_1 a {
    display: inline-block;
    width: 60px;
    height: 40px;
    background: #0000001a;
    font-size: 0;
    margin-top: -7px;
}
.front #views_slideshow_controls_text_next_agenda-block_1 a::before {
	background: url(/sites/all/themes/portuaire/images-source/direction2.png) no-repeat;
	background-size: auto auto;
	content: "";
	width: 17px;
	height: 30px;
	display: block;
	background-size: contain;
	margin-top: 13px;
	margin-left: 24px;
}
.front #views_slideshow_controls_text_previous_agenda-block_1, #views_slideshow_controls_text_next_agenda-block_1 {
    display: block;
    text-align: right;
    width: 100%;
}
#views_slideshow_controls_text_pause_agenda-block_1 {
    display: none;
}
.field-content.titre-agenda {
    margin-top: 15px;
    display: block;
    font-size: 22px;
}
.front .view.view-agenda.view-id-agenda.view-display-id-block .more-link a::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 25px;
    background: url(/sites/all/themes/portuaire/images-source/direction2.png) no-repeat;
    background-size: contain;
    position: relative;
    float: right;
    top: 32px;
}
.front .view.view-agenda.view-id-agenda.view-display-id-block .more-link a, .view.view-agenda.view-id-agenda.view-display-id-block .more-link a:hover {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.front .view.view-agenda.view-id-agenda.view-display-id-block .more-link a {
    width: 100%;
    background: #FF9400;
    position: absolute;
    bottom: -54px;
    min-height: 80px;
    left: 0;
    text-align: left;
    text-transform: uppercase;
    line-height: 80px;
    padding: 0 20px;
    font-size: 18px;
    font-family: "din-bold";
}
.view-id-agenda .views-slideshow-controls-bottom.clearfix {
    margin-right: -20px;
}
div#block-panels-mini-actualites-et-agenda .panel-panel.right.col-lg-3 {
    padding: 0;
}
.en-savoir-plus a:hover{
    -webkit-transition: ease border 0.5s;
    transition: ease border 0.5s;
    text-decoration: none;
    border: solid 2px #fff;
    padding: 5px 10px;
    color: #fff;
}

.front .actualite-content {
    min-height: 313px !important;
}
.view.view-actualite.view-id-actualite.view-display-id-block .views-field.views-field-field-date-actualite {
    padding-top: 9px;
    color: #747474;
    text-align: right;
    max-width: 300px;
    margin: 0px 0px 0px 0;
}
.panel-pane.pane-block.pane-views-actualite-block > h2 {
    position: relative;
    left: 50%;
    transform: translateX(-33%);
}
.not-front  .layout-3col__left-sidebar, .not-front  .layout-3col__first-left-sidebar, .not-front  .layout-3col__second-left-sidebar {
	clear: right;
	float: right;
	width: 20.333%;
	margin-right: 78.667%;
	margin-left: -100%;
}
.not-front .layout-3col__right-content {
    float: left;
    width: 76.4% !important;
    margin-left: 22.333% !important;
}
.offres-service-caracteristique {
    margin-left: -6%;
    background: #725f57;
    color: #e7e5e4;
    padding: 30px;
}
.offres-service-caracteristique li::before, .node-type-offre-de-service .entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service li:before {
    content: "";
    background: url(/sites/all/themes/portuaire/images/liste-puce.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: contain;
    margin-right: 10px;
}
.offres-service-caracteristique ul, .entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service ul {
    list-style: none;
}
.not-front .region.region-navigation > h1 {
    min-height: 317px;
    text-align: right;
    color: #fff;
    line-height: 50px;
    padding-right: 50px;
    background-size: cover !important;
    padding-top: 105px;
}
.not-front.section-actualite .region.region-navigation > h1, .node-type-documents-pdf .region.region-navigation > h1, .node-type-paa-infos .region.region-navigation > h1{
	background: url(/sites/all/themes/portuaire/images-source/cover-news.jpg) no-repeat;
	display: block !important;

}

.node-type-actualite .region.region-navigation > h1 {
	background: url(/sites/all/themes/portuaire/images-source/cover-news.jpg) no-repeat;
	display: block !important;
	color: transparent;
}

.page-node-583 .region.region-navigation > h1{
	background: url(/sites/all/themes/portuaire/images-source/cover-news.jpg) no-repeat;
	display: block !important;
}

.not-front.section-services-shipping.page-node-31 .region.region-navigation > h1 {
    background: url(/sites/default/files/cover-lexique.jpg) no-repeat;
        background-size: auto;
}

.not-front.section-autorite-portuaire .region.region-navigation > h1, .not-front.page-node-add-inscription-formation .region.region-navigation > h1 {
    background: url(/sites/all/themes/portuaire/images-source/cover-autorite.jpg) no-repeat;
}
.not-front.section-services-shipping .region.region-navigation > h1 {
    background: url(/sites/all/themes/portuaire/images-source/cover-shipping.jpg) no-repeat;
}
.not-front.section-le-port-dabidjan .region.region-navigation > h1,.not-front.section-port-of-abidjan .region.region-navigation > h1, .not-front.section-the-port-of-abidjan .region.region-navigation > h1 {
    background: url(/sites/all/themes/portuaire/images-source/cover-paa.jpg) no-repeat;
}

.not-front.section-visite-virtuelle .region.region-navigation > h1 {
    background: url(/sites/all/themes/portuaire/images-source/cover-visite-virtuelle.jpg) no-repeat;
}
.not-front.page-news-note-aux-usagers .region.region-navigation > h1 {
    background: url(/sites/all/themes/portuaire/images-source/background-noteusager.jpg) no-repeat;
}
.not-front.section-mentions-legales .region.region-navigation > h1 {
    background: url(/sites/all/themes/portuaire/images-source/cover-paa.jpg) no-repeat;
}

.node-type-offre-de-service .titre-offre-service {
    position: absolute;
}
.node-type-actualite .layout-3col__left-content {
    margin-top: 135px;
}
.node-type-actualite .layout-3col__right-sidebar {
    margin-top: 140px;
}
.not-front .breadcrumb a {
    color: #fff;
}
.breadcrumb ol li {
    display: inline;
}
.not-front .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    position: absolute;
    top: 290px;
    right: 50px;
    color: #ffff;
    z-index: 2;
}
.page-autorite-portuaire-etat-financier .breadcrumb {
    top: -185px;
    right: 30px;
}
.not-front .layout-swap {
    padding-top: 325px !important;
}
.slick-dots li.slick-active {
    background: #000 !important;
}
#field-slideshow-1-controls {
    position: absolute;
    bottom: 60%;
    z-index: 500;
    width: 100%;
}
#field-slideshow-1-controls .prev {
	left: 8px;
	background: url(/sites/all/themes/portuaire/images-source/left-arrow.png) no-repeat;
}
#field-slideshow-1-controls .next {
	right: 38px;
	background: url(/sites/all/themes/portuaire/images-source/right-arrow.png) no-repeat;
}
#field-slideshow-1-controls .next, #field-slideshow-1-controls .prev {
	position: absolute;
	font-size: 0;
	display: block;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-color: #cfebff4d;
}
#field-slideshow-1-pager {
	position: absolute;
	bottom: 20px;
	z-index: 500;
	text-align: center;
	width: 100%;
	left: 0px;
}
#field-slideshow-1-pager a {
	font-size: 0;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #fff;
	margin: 5px;
	border-radius: 15px;
	opacity: 0.8;
}
#field-slideshow-1-pager a.activeSlide{
    transition: ease opacity 0.5;
	opacity: 1;
	background: #ff8b00;
}
.section-actualite #block-views-actualite-block-1 {
    /*padding-top: 100px;*/
}
.node-type-offre-de-service .views-slideshow-cycle-main-frame-row-item.views-row {
    display: inline-block;
    width: 26%;
    background: #f7f7f7;
    margin: 0 0 0 -4px !important;
    padding: 0;
    border: none;
    vertical-align: top;
    min-height: 391px;
}
.node-type-offre-de-service .views-slideshow-cycle-main-frame-row-item.views-row:nth-child(2n) {
    background: #ffffff;
}
.node-type-offre-de-service .views-slideshow-cycle-main-frame-row.views_slideshow_cycle_slide {
    width: 100% !important;
    text-align: center;
}
.node-type-offre-de-service .views-slideshow-cycle-main-frame-row.views_slideshow_cycle_slide .views-field {
    padding: 0 20px;
    text-align: left;
    display: block;
}
.node-type-offre-de-service .views-slideshow-cycle-main-frame-row.views_slideshow_cycle_slide img {
    width: 100%;
    height: auto;
    padding: 0 0 0 0 !important;
}
.node-type-offre-de-service .views-field.views-field-field-image-infrastructure{
    padding: 0 0 0 0 !important;
}
.node-type-offre-de-service .views-field.views-field-field-designation-infrastructure {
    margin-top: 50px;
}
.node-type-offre-de-service .views-field.views-field-field-tonnage-infrastructure {
    margin-bottom: 50px;
}
.node-type-offre-de-service .view-offres-de-services {
    padding: 0px 0px !important;
}
#views_slideshow_controls_text_offres_de_services-block_1_1 {
    position: absolute;
    bottom: 28%;
    z-index: 50;
    width: 100%;
}
.node-type-offre-de-service .views_slideshow_controls_text_previous a {
	left: 45px;
	background: url(/sites/all/themes/portuaire/images-source/direction1.png) no-repeat;
}
.node-type-offre-de-service .views_slideshow_controls_text_next a {
	right: 75px;
	background: url(/sites/all/themes/portuaire/images-source/direction2.png) no-repeat;
}
.node-type-offre-de-service .views_slideshow_controls_text_previous a, .node-type-offre-de-service .views_slideshow_controls_text_next a {
	position: absolute;
	font-size: 0;
	display: block;
	width: 30px;
	height: 30px;
	background-size: contain; 
}
#views_slideshow_controls_text_pause_offres_de_services-block_1_1 {
    display: none;
}
#widget_pager_bottom_offres_de_services-block_1_1 {
    text-align: center;
    padding: 30px;
}
#widget_pager_bottom_offres_de_services-block_1_1 a {
    font-size: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 15px;
    opacity: 0.8;
}
#widget_pager_bottom_offres_de_services-block_1_1 .active a {
    transition: ease opacity 0.5s;
    opacity: 1;
}
.node-offre-de-service h2 {
    color: #145db7;
    text-transform: uppercase;
    font-size: 24px;
}
.node-offre-de-service .field-slideshow-caption-text {
    display: none;
}
.node.node-offre-de-service.view-mode-full {
    margin-bottom: 50px;
    /*margin-top: 57px;*/
    margin-top: 35px;
}
.view.view-offres-de-services.view-id-offres_de_services.view-display-id-block_2 {
    background: #f6f6f6 !important;
}
#block-views-offres-de-services-block-2 .block__title,#block-views-offres-de-services-block-4 .block__title {
    background: #ec0b0b;
    padding: 15px 10px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    position: relative;
}
#block-views-offres-de-services-block-2 .block__title::after,#block-views-offres-de-services-block-4 .block__title::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ec0b0b;
    bottom: -20px;
    margin: 0 auto;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    border-top: solid 14px #ec0b0b;
    border-left: solid 14px #fff;
    border-right: solid 14px #fff;
    max-width: 40px;
}
.views-field.views-field-field-logo-societe-gestionnaire {
    border-bottom: solid 2px #145db7;
    background: #fff !important;
    padding: 20px 0 20px 0;
}
.views-field.views-field-field-logo-societe-gestionnaire p {
    margin: 0 0 0 0;
}
#block-views-offres-de-services-block-2 .views-field:nth-child(2),#block-views-offres-de-services-block-4 .views-field:nth-child(2) {
    padding-top: 28px;
}
#block-views-offres-de-services-block-2 .views-field:last-child ,#block-views-offres-de-services-block-4 .views-field:last-child {
    padding-bottom: 28px;
}
#block-views-offres-de-services-block-2 .views-label, #block-views-offres-de-services-block-2 .field-content {
    display: inline-block;
}
.views-field.views-field-field-fax-societe-gestionnaire, .views-field.views-field-field-tel-societe-gestionnaire, .views-field.views-field-field-site-societe-gestionnaire {
    font-weight: bold;
}
.views-field.views-field-field-logo-societe-gestionnaire img {
    width: 100%;
    height: auto;
    display: block;
}
#block-views-offres-de-services-block-2 .views-field {
    background: #f6f6f6;
    margin: 0;
    display: block;
    width: 100%;
    text-align: center;
    color: #35383b;
}
.views-field.views-field-field-logo-societe-gestionnaire .field-content {
    display: block;
}
.layout-3col__left-sidebar .menu li a {
    background: #145db7;
    display: block;
    color: #fff;
    text-transform: initial;
    padding: 15px 20px;
    border-top: solid 2px #3e78c0;
}
.layout-3col__left-sidebar .menu li:first-child {
    border-top: none;
}
.layout-3col__left-sidebar .menu li{
    list-style: none;
}
.layout-3col__left-sidebar .menu {
    margin: 0;
    padding: 0;
}
.layout-3col__left-sidebar .menu li a.menu__link.is-active-trail.active-trail.active,  .layout-3col__left-sidebar .menu li a:hover,.layout-3col__left-sidebar .menu li a:active {
    transition: ease border-left 0.5, ease background 0.5;
    border-left: solid 4px #ff8c01;
    background: #104696;
    font-weight: lighter;
    text-decoration: none;
    padding: 15px 20px 15px 16px;
}


.layout-3col__left-sidebar .block-menu {
    margin-bottom: 30px;
}
.layout-3col__left-sidebar .block-menu .block__title {
    color: #145db7;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}
.entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service table thead tr th {
	border-right: solid 1px #2a85da !important;
	line-height: 22px;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	height: 44px;
	background: #004d9b;
	color: #fff;
	padding-left: 15px;
	font-weight: normal;
}
.entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service table tr td:first-child, .entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service table tr th:first-child {
    text-align: left;
}
.entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service table thead tr th:first-child {
    border: none !important;
    padding-left: 5px;
}
.entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service table tr.even {
    background: #f5f5f5;
}
.entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service table tr td {
    padding: 15px 5px;
    text-align: center;
}
.entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service caption {
    font-weight: bold;
    color: #000;
}
.node-type-offre-de-service .layout-swap__top.layout-3col__full h1 {
	position: absolute;
	right: 0;
	color: #fff;
	bottom: -10px;
	/* z-index: 10; */
}

.page-node-520 .node-type-offre-de-service .layout-swap__top.layout-3col__full h1 {
    
    right: 0;
    color: #fff;
    bottom: -10px;
    z-index: 10;
}


.region.region-navigation {
    position: relative;
}
.not-front.section-etat-financier .layout-swap {
    /*padding-top: 429px !important;*/
}
.titre-etat-financier.active::after {
	content: "";
	position: absolute;
	/* width: 20px; */
	/* height: 20px; */
	background: #140f09;
	bottom: -20px;
	margin: 0 auto;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	border-top: solid 20px #ff8c00;
	border-left: solid 20px #fff;
	border-right: solid 20px #fff;
	max-width: 40px;
}
.titre-etat-financier.active, .titre-etat-financier.active:hover .titre-etat-financier.active:focus {
	z-index: 2;
	color: #fff !important;
	background: #ff8c00 !important;
	border-radius: 0px;
	border: none !important;
}

.titre-etat-financier {
	border: 1px solid #ddd;
	margin-bottom: 0;
	margin-left: -4px;
	margin-right: 0;
	/* position: relative; */
	text-transform: uppercase;
	font-size: 16px !important;
	padding: 16px 15px;
	line-height: 20px;
	min-height: 70px;
	vertical-align: top;
	border-radius: 0;
	background: #f6f6f6;
	border-top: none;
	border-bottom: none;
	color: #145db7;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	/* position: relative; */
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	display: table-cell;
	cursor: pointer;
	max-width: 178px;
	min-width: 178px;
	text-align: center;
	font-family: "din-bold";
	/* font-weight: bold; */
	letter-spacing: 0.5px;
	/* min-height: 95px; */
	vertical-align: middle;
}
.contenu-tableau-financier.active{
    display: block !important;
}
.titre-etat-financier:not(.active)::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    color: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.titre-etat-financier:hover::before, .titre-etat-financier:focus::before, .titre-etat-financier:active::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    color: #fff;
}
.contenu-tableau-financier th {
	border-right: solid 1px #2a85da !important;
	line-height: 22px;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	height: 64px;
    background: #004d9b;
    color: #fff;
}
.contenu-tableau-financier tr td:first-child, .contenu-tableau-financier tr th:first-child {
    text-align: left;
}
.contenu-tableau-financier table td, .contenu-tableau-financier table th {
    padding: 10px 15px;
}
.contenu-tableau-financier table tr:nth-child(even) {
    background: #f6f6f6;
}
.contenu-tableau-financier table th p {
    font-size: 14px;
}
.view.view-etat-financier.view-id-etat_financier.view-display-id-page {
    margin-top: 35px;
}
.titre-etat-financier:hover {
    color: #fff !important;
}
.not-front .menu__item.is-expanded.is-active-trail.expanded.active-trail .menu a, .menu__item.is-expanded.is-active-trail.expanded.active-trail .menu li a.menu__link.is-active-trail.active-trail.active {
    padding-left: 40px;
}
.not-front .menu__item.is-expanded.is-active-trail.expanded.active-trail .menu a:hover {
    padding-left: 36px !important;
}

@keyframes underline{
    100% {
        background-size: 100% 1px;
    }
}
.menu .col-sm-4.col-md-4.col-xs-12.col-lg-4 .menu a.menu__link:hover, #block-block-3 a.menu__link:hover {
    -webkit-animation: underline .25s ease-in-out forwards !important;
    animation: underline .25s ease-in-out forwards !important;
    text-decoration: none !important;
    padding-left: 0 !important;
}


.menu .col-sm-4.col-md-4.col-xs-12.col-lg-4 .menu a.menu__link, #block-block-3 a.menu__link {
	/* background: -webkit-linear-gradient(left,currentColor,currentColor); */
	background: linear-gradient(to right,currentColor,currentColor);
	background-size: 0% 1px;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	text-decoration: none;
    padding-left: 0 !important;
}
#edit-submitted-ligne-colonne-de-gauche-inserez-votre-cv-format-pdf-poids-maxi-1mo-ajax-wrapper .form-managed-file {
    border: solid 4px #1d69c6;
    border-radius: 10px;
    height: 128px;
    width: 128px;
    margin: auto;
    text-align: center;
}
.section-autorite-portuaire .upload {
	width: 100px;
	height: 100px;
	display: block;
	background: url(/sites/all/themes/portuaire/images-source/cloud-backup-up-arrow.png) no-repeat;
	background-size: cover;
	margin: auto;
	cursor: pointer;
	margin-top: 9px;
}
.section-autorite-portuaire .form-managed-file input {
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    font-size: 0;
    background: #fff;
    color: #fff;
    box-shadow: none;
    line-height: 0;
    border: none;
}
.section-autorite-portuaire .description {
	text-align: center;
	font-size: 10px !important;
	margin-top: 24px;
	line-height: 10px;
	max-width: 164px;
	margin: 24px auto;
	color: #145db7;
}
#edit-submitted-ligne-colonne-de-gauche-inserez-votre-cv-format-pdf-poids-maxi-1mo-ajax-wrapper label {
	position: relative;
	bottom: -170px;
	z-index: 100;
	display: block !important;
	text-align: center;
	width: 100%;
	height: 40px;
	margin: auto;
	text-transform: uppercase;
	color: #145db7;
	font-size: 16px;
}
.section-autorite-portuaire .ligne1.row.webform-component--ligne {
	/* background: #d2dde7; */
	background: #d2dde7;
	background: -moz-linear-gradient(top, #d2dde7 19%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #d2dde7 19%,#ffffff 100%);
	background: linear-gradient(to bottom, #d2dde7 19%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dde7', endColorstr='#ffffff',GradientType=0 );
	padding: 55px 28px 0 28px;
    margin-right: 0px;
    margin-left: 0;
}
.section-autorite-portuaire .webform-submit.button-primary.form-submit {
	width: 69.8% !important;
	float: right !important;
	position: relative;
	right: 11.1% !important;
	background: #145db7 !important;
	color: #fff !important;
	border: none !important;
	padding: 8px !important;
	margin-bottom: 57px !important;
	display: block;
}
.section-autorite-portuaire .col-sm-9.webform-component--ligne--colonne-de-droite input, .section-autorite-portuaire .col-sm-9.webform-component--ligne--colonne-de-droite select, .section-autorite-portuaire .col-sm-9.webform-component--ligne--colonne-de-droite textarea {
	color: #145db7;
}
.section-autorite-portuaire #webform-client-form-8 {
    padding-top: 60px;
}
#webform-client-form-8 h3 {
    color: #145db7;
}
.not-front.page-node-176 .region.region-navigation > h1 {
	background: url(/sites/all/themes/portuaire/images-source/chiffres-cles.jpg) no-repeat;
	min-height: 317px;
	text-align: right;
	color: #fff;
	line-height: 243px;
	padding-right: 50px;
	background-size: cover;
}
/*.not-front.page-node-587 .region.region-navigation > h1 {
	background: url(/sites/all/themes/portuaire/images-source/chiffres-cles.jpg) no-repeat;
	min-height: 317px;
	text-align: right;
	color: #fff;
	line-height: 243px;
	padding-right: 50px;
	background-size: cover;
}
*/
.not-front.page-le-port-dabidjan-installations-et-activites .region.region-navigation > h1 {
	background: url(/sites/all/themes/portuaire/images-source/Background-installation.jpg) no-repeat;
	min-height: 317px;
	text-align: right;
	color: #fff;
	line-height: 243px;
	padding-right: 50px;
	background-size: cover;
}
#section1 {
	color: #fff;
	font-family: "din-regular";
	background-image: url(/sites/all/themes/portuaire/images-source/dock.png);
	background-position: 97%;
	background-repeat: no-repeat;
	background-color: #0070cb;
}
#section1, #section2, #section3, #section4, #section5, #section6, #section7 {
	padding: 1em;
	color: #fff;
	font-family: "din-bold";
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
#section2 {
	background-image: url(/sites/all/themes/portuaire/images-source/boat3.png);
	background-color: #00aeff;
	background-position: right;
    background-size: contain;
}
#section3 {
	background-image: url(/sites/all/themes/portuaire/images-source/boat1.png);
	background-color: #9dd112;
}
#section4 {
	background-image: url(/sites/all/themes/portuaire/images-source/boat.png);
	background-color: #f68b00;
	background-size: contain;
    background-position: top right;
}
#section5 {
    background-image: url(/sites/all/themes/portuaire/images-source/wave.png);
    background-color: #0070cb;
    background-position: top right;
    background-size: contain;
    padding: 102px 15px;
}
#section6 {
    background-image: url(/sites/all/themes/portuaire/images-source/forklift.png);
    background-color: #9a17e5;
    background-size: contain;
    background-position: top right;
    padding: 79px 15px;
}
#section7 {
	background-image: url(/sites/all/themes/portuaire/images-source/warehouse.png);
	background-color: #939393;
}

#section1 span, #section2 span, #section3 span, #section4 span, #section5 span, #section6 span, #section7 span {
    font-size: 11em;
    line-height: 0.8em;
    font-family: "din-regular";
}
#section3 .numscroller {
    font-size: 5em;
}
#section3 .description, #section7 .description {
    display: inline;
    text-transform: lowercase;
    font-size: 5em;
}
#section1 .chiffre-content {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	margin-left: 2em;
}
.chiffre-content .description {
    vertical-align: top;
    margin-bottom: 0.8em;
}
#section1 p.sub-description {
	font-size: 3.5em;
	font-family: "din-bold";
}
#block-block-20 #section1 p.sub-description {
	font-size: 3.5em;
	font-family: "din-bold";
}
@media only screen and (max-width: 600px){
   #block-block-20 #section1 p.sub-description {
	font-size: 1.7em;
	font-family: "din-bold";
} 
}

#chiffres-cles .description {
    font-size: 2em;
    line-height: 1em;
}
#chiffres-cles{
	text-transform: uppercase;
}
#section3 .description, #section7 .description {
	display: inline;
	text-transform: lowercase;
	font-size: 9em;
}
#section3 .numscroller {
	font-size: 9em;
}
#section3 .sub-description {
    line-height: 1.2em !important;
    font-size: 2em;
    position: relative;
    left: 60%;
}
#section2 .numscroller {
	margin-bottom: 0.12em;
	display: block;
}
.no-padding-left {
    padding-left: 0 !important;
}
#section4 .description, #section4 .sub-description {
    display: inline-block;
    font-size: 2em;
}
#section4 .numscroller {
    display: inline-block;
    margin: 0 0.2em;
}
#section6 .sub-description {
    font-size: 2em;
    margin-top: 0.6em;
}
#section2 .sub-description {
    font-size: 2em;
}
#section7 .sub-description {
    display: inline-block;
    font-size: 2em;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 45px;
}
#chiffres-cles h2 {
    color: #0070cb;
    font-family: "din-bold";
    margin-bottom: 30px;
}
.page-autorite-portuaire-historique .contenu-tableau-financier {
    margin-top: 37px;
}
.page-autorite-portuaire-historique .titre-etat-financier{
    width: 33%;
    max-width: none;
}
.node-type-projet .paragraphs-items.paragraphs-items-field-contexte.paragraphs-items-field-contexte-full.paragraphs-items-full {
    margin-bottom: 20px;
}
.view-projet-de-developpement #views-bootstrap-grid-3 .col-xs-12.col-sm-6.col-md-6.col-lg-6:hover .views-field.views-field-title a::after, .view-projet-de-developpement #views-bootstrap-grid-2 .col-xs-12.col-sm-6.col-md-6.col-lg-6:hover .views-field.views-field-title a::after, .view-projet-de-developpement #views-bootstrap-grid-1 .col-xs-12.col-sm-12.col-md-12.col-lg-12:hover .views-field.views-field-title a::after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(/sites/all/themes/portuaire/images-source/direction2.png) no-repeat;
    background-size: contain;
    margin: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    
}
.entity.entity-paragraphs-item.paragraphs-item-projet-developpement {
    min-width: 55%;
}
#block-footer-sitemap-footer-sitemap {
    color: #fff;
    padding-top: 90px;
    background: url(/sites/all/themes/portuaire/images-source/footer.jpg) no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.menu-overlaymenu {
    max-width: 60%;
}
.footer_links_menu-overlaymenu > li {
    min-width: 28%;
}
.section-actualite #block-views-actualite-block-1 {
    margin-top: 15px;
}
.section-actualite #block-views-actualite-block-1 .block__title {
    display: none;
}
.actualite-theme {
    text-transform: uppercase;
}
#block-panels-mini-actualites-et-agenda .field-content h3 {
    color: #145db7;
    text-transform: none;
    font-size: 20px;
}
#block-panels-mini-actualites-et-agenda .field-content h3 a{
    font-size: 20px;
}
.view-liste-des-pdf-du-mouvements-des-navires .views-row:hover a{
	color: white !important;
}
.field-content .projet-body h3 {
    color: #fff;
}
#block-views-exp-actualite-page {
       margin-top: 174px;
    margin-bottom: 20px;
}
}
#edit-field-date-actualite-value-wrapper label, #edit-field-theme-actualite-tid-wrapper label {
    color: #145eb7;
}
#edit-submit-actualite {
    background: #145eb7;
    color: #fff;
    border: navajowhite;
    padding: 4px 10px;
}
.page-node-274 .colorbox.init-colorbox-processed.cboxElement img {
    /*width: 33%;*/
    margin-bottom: 3px;
}
.formation-col-row.col-xs-12.col-sm-6.col-md-4.col-lg-4:nth-child(2n) .formationbg, .even.jcarousel-item.jcarousel-item-horizontal .formationbg {
    background: #49acff;
}
.view-formations .formation-col-row.col-xs-12.col-sm-6.col-md-4.col-lg-4:nth-child(2n) .formationbg::before, .view-autres-formations .formation-col-row.col-xs-12.col-sm-6.col-md-4.col-lg-4:nth-child(2n) .formationbg::before, .even.jcarousel-item.jcarousel-item-horizontal .formationbg:before{
	background: #49acff;
}
#block-views-offres-de-services-block-2 {
    /*max-height: 425px;*/
    /*overflow: hidden;*/
    /*height: 425px;*/
    margin-bottom: 50px;
}
@media(max-width:1280px){
    .pane-views-agenda-block .views-slideshow-cycle-main-frame-row-item.views-row p {
            line-height: 20px;
        }
    .front .view.view-agenda.view-id-agenda.view-display-id-block .more-link a {
            bottom: -57px;
        }
    .front .attachment.attachment-after h2.media-title a {
    font-size: 16px;
}
.titre-etat-financier {
    min-width: 67px;
}
.not-front.page-visite-virtuelle-phototheque .breadcrumb {
	top: -25px;
}
.titre-etat-financier div
{
    font-size: 13px;
}
.page-le-port-dabidjan-installations-et-activites .view-installations-et-activites .titre-etat-financier, .page-node-484 .view-offre-logistique .titre-etat-financier {
	min-width: 324px !important;
}

.node.node-phototheque.view-mode-full {
    margin-top: 110px;
    
}
.node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 {
    background: #013e7d;
    padding: 0;
    margin-top: 1px;
}
.node.node-phototheque.view-mode-full #active-quicktabs-tab {
    display: none;
}
.node.node-phototheque.view-mode-full ul.quicktabs-tabs.quicktabs-style-basic {
	border-bottom: none !important;
}
.node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .views-field.views-field-title a {
    background: #145db7;
    display: block;
    color: #fff;
    text-transform: initial;
    padding: 15px 20px;
    border-top: solid 2px #3e78c0;
    font-size: 14px;
}
.node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .quicktabs-views-group:nth-child(1) .views-field.views-field-title a {
    border-top: none !important;
}
.node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .views-field.views-field-title a.active, .node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .views-field.views-field-title a:active, .node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .views-field.views-field-title a:focus, .node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .views-field.views-field-title a:hover {
	transition: ease border-left 0.5, ease background 0.5;
	background: #ff8c01;
	text-decoration: none;
    color: #fff;
}
#quicktabs-tab-view__phototh_que__block_3-0 {
    text-transform: uppercase;
    font-family: "din-regular";
}
.node.node-phototheque.view-mode-full ul.quicktabs-tabs.quicktabs-style-basic li, ul.quicktabs-tabs.quicktabs-style-basic li:hover {
    border: none;
    padding: 0;
}
.node.node-phototheque.view-mode-full ul.quicktabs-tabs.quicktabs-style-basic li.active {
    border: none;
    border-bottom: solid 2px #ff8c01;
}
.node.node-phototheque.view-mode-full .quicktabs-tabs.quicktabs-style-basic a {
    text-transform: uppercase;
    font-family: "din-regular";
    color: #878787;
    
}
.node.node-phototheque.view-mode-full .view.view-phototh-que.view-id-phototh_que.view-display-id-block_4 .col-xs-12.col-sm-6.col-md-4.col-lg-4 {
    padding: 0px 2px;
}
.node.node-phototheque.view-mode-full .view.view-phototh-que.view-id-phototh_que.view-display-id-block_4 .views-field.views-field-field-photo-phototheque {
    margin-bottom: 5px;
}
.node.node-phototheque.view-mode-full #quicktabs-view__phototh_que__block_3 ul.quicktabs-tabs.quicktabs-style-basic a {
    font: bold 14px/19px Verdana !important;
    margin-right: 3px;
}
.not-front.node-type-phototheque .layout-swap {
    padding-top: 390px !important;
}
.not-front.node-type-phototheque .node.node-phototheque .row > .col-sm-8 {
	background: #eeeeee;
	margin-left: 0;
	/* padding-top: 41px; */
	padding: 40px 40px;
	border-top: solid 1px #145db7;
	margin-top: 20px;
}
.not-front.node-type-phototheque .node.node-phototheque .row > .col-sm-4 {
	margin-right: 0;
	padding: 0 0 0 20px;
}
.not-front.section-visite-virtuelle .region.region-navigation > h1 {
	/*background: url(/sites/default/files/imageblock/phototheque-cover.jpg) no-repeat;*/
}
#block-views-offres-de-services-block-2 .views-field-body .field-content .more-text{
        display: none;
    }
.page-services-shipping-engagements-de-service .field-content ol li {
	counter-increment: custom;
	margin-left: 0;
	display: inline-block;
	padding: 0px 0px 0 1px;
	width: 100%;
}
.page-services-shipping-engagements-de-service .field-content ol li:nth-child(2n+1) {
	background: #ebf4fa;
}
.page-services-shipping-engagements-de-service .field-content ol li:nth-child(2n) {
	background: #fafafa;
}
.page-services-shipping-engagements-de-service .field-content ol li::before {
	content: counter(custom) " ";
	background: none;
	width: 10px;
	height: unset;
	display: inline-block;
	background-size: unset;
	margin-right: 0.5em;
	font-size: 10em;
	font-family: "din-bold";
	color: #ff9400;
	float: left;
	padding: 0px 35px 0.1em 35px;
	line-height: 1em;
}

.page-services-shipping-engagements-de-service .field-content ol li:nth-child(2n)::before {
	color: #145db7;
}
.page-services-shipping-engagements-de-service .field-content ol li:first-child {
    counter-reset: custom;
}
.page-services-shipping-engagements-de-service .field-content ol li h2 {
	display: inline-block;
	margin-top: 0;
	vertical-align: top;
	padding: 2em 0 0 0px;
	color: #000;
	font-family: "din-bold";
}
.page-services-shipping-engagements-de-service .field-content ol li p {
    display: block;
    margin-left: 60px;
}
.page-services-shipping-engagements-de-service .field-content ol {
	padding: 0;
}
.page-services-shipping-engagements-de-service .attachment.attachment-after{
	margin-top: 35px;
}
.form-item.webform-component.webform-component-markup.webform-component--image-et-texte img {
    width: 100%;
    max-width: 230px;
}
.enveloppe-engagements {
    max-width: 600px;
    margin: 0 auto;
}
#block-webform-client-block-512 input, #block-webform-client-block-512 textarea {
	border: solid 1px #06c;
	border-radius: 0;
}
#webform-client-form-512 {
    margin-bottom: 100px;
}
#webform-client-form-512 .webform-submit.button-primary.form-submit {
	width: 100%;
	max-width: 570px;
	margin: 0 auto;
	display: block;
	background: #06c;
	color: #fff;
	padding: 5px;
}
#block-webform-client-block-512 .col-sm-6.webform-component--enveloppe--colonne-de-gauche {
	padding-right: 5px;
}
#block-webform-client-block-512 .col-sm-6.webform-component--enveloppe--colonne-de-droite {
	padding-left: 5px;
}
#views_slideshow_controls_text_pause_nos_projets-block_2_1 {
	display: none;
}
.not-front.page-services-shipping-engagements-de-service .breadcrumb {
    position: absolute;
    top: -210px !important;
    right: 30px !important;
}
.not-front.page-services-shipping-engagements-de-service .layout-3col__right-content.contextual-links-region {
    margin-top: 175px;
    border-left: solid 2px #ddd;
    padding-left: 25px;
}
.not-front.page-services-shipping-engagements-de-service .titre-etat-financier.active, .not-front.page-services-shipping-engagements-de-service .titre-etat-financier.active:hover .titre-etat-financier.active:focus, .not-front.page-services-shipping-engagements-de-service .titre-etat-financier {
	display: inline-block;
	width: 50%;
	max-width: unset !important;
}
.not-front.page-services-shipping-engagements-de-service .views-row-2 .views-field.views-field-body {
    /*border: solid 1px #145db7;*/
    padding: 30px;
    width: 96%;
    margin: 0 auto;
}
/*.form-item.webform-component.webform-component-markup.webform-component--image-et-texte img {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}*/
.form-item.webform-component.webform-component-markup.webform-component--image-et-texte img {
	-webkit-animation:imageanimation 8s linear infinite;
    -moz-animation:imageanimation 8s linear infinite;
    animation:imageanimation 8s linear infinite;
}
@-moz-keyframes imageanimation { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes imageanimation { 100% { -webkit-transform: rotate(360deg); } }
@keyframes imageanimation { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
#page-glossaire {
    /*width: 415px;
    height: 500px;*/
    margin: 0 auto;
}
#page-glossaire .conteneur-glossaire {
    clear: both;
}
.liste-glossaire {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    background-color: #3285ef;
    font-size: 0;
}
.liste-glossaire li {
	display: inline-block;
	font-size: 16pt;
	font-weight: bold;
	line-height: 35px;
	cursor: pointer;
	color: #fff;
	border-right: solid 1px #fff;
	vertical-align: top;
	width: 40px;
	text-align: center;
}
.liste-glossaire li.selected {
	background: #ff8c00;
	color: #fff;
	font-weight: bold;
	position: relative;
	padding: 0px 12px 0px 12px;
	top: 0px;
	height: 36px;
	/* overflow: hidden; */
	display: inline-block;
	vertical-align: top;
}
.liste-glossaire-content {
    padding: 5px 30px;
    background: #e5f4fc;
    margin: 30px 0;
}
.liste-glossaire-content h2 {
    color: #145db7;
    font-family: "din-bold";
}
.liste-glossaire li.selected::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background: #ff8c00;
    bottom: -9px;
    margin: 0 auto;
    display: block;
    left: 48%;
    /* transform: translateX(-50%); */
    /* border-top: solid 10px #ff8c00; */
    /* border-left: solid 8px #fff; */
    /* border-right: solid 10px #fff; */
    /* max-width: 22px; */
    transform: rotate(45deg) translateX(-50%);
}
.not-front.section-services-shipping.page-node-31 .region.region-navigation > h1 {
	background: url(/sites/default/files/cover-lexique.jpg) no-repeat;
}
.not-front.section-services-shipping.page-node-31 .layout-3col__right-content {
	border-left: solid 2px #ddd !important;
	margin-top: 207px;
	padding: 0 10px 0 28px;
}
.node.node-page.view-mode-full.clearfix.node-31 {
    margin-top: -32px;
}
.views-field.views-field-field-contenu-tableau-financier {
    margin-top: 20px;
}
.not-front.page-autorite-portuaire-formation .breadcrumb, .not-front.page-le-port-dabidjan-installations-et-activites .breadcrumb {
	top: -180px;
	right: 30px;
}
.not-front.page-autorite-portuaire-historique .region.region-navigation > h1, .not-front.page-autorite-portuaire-formation .region.region-navigation > h1, .not-front.page-le-port-dabidjan-installations-et-activites .region.region-navigation > h1, .not-front.page-node-176 .region.region-navigation > h1 {
	line-height: 50px;
}
.not-front.page-node-176 .breadcrumb {
    top: 290px;
}
.not-front.page-visite-virtuelle-phototheque .breadcrumb {
    top: -25px;
}
.not-front.page-autorite-portuaire-historique .breadcrumb {
	top: -165px;
}
}

@media (max-width:960px)
{
    .not-front .layout-3col__right-content , .layout-3col__right-content 
    {
    
		float:none!important;
		width: 100%!important;
    margin-left:0px!important;
    
    }
    
    
}
/*
@media (max-width:1200px) and (min-width:959px)
{

.page-le-port-dabidjan-installations-et-activites .view-installations-et-activites .titre-etat-financier, .page-node-484 .view-offre-logistique .titre-etat-financier {
    min-width: 235px !important;
}

}
*/
.view.view-liste-des-pdf-du-mouvements-des-navires.view-id-liste_des_pdf_du_mouvements_des_navires.view-display-id-block {
    margin-bottom: 25px;
}
.view-liste-des-pdf-du-mouvements-des-navires .view-header {
    width: 170px;
}
.view-liste-des-pdf-du-mouvements-des-navires .view-content {
    width: calc(100% - 185px);
}
.not-front.page-le-port-dabidjan.page-le-port-dabidjan-installations-et-activites.section-le-port-dabidjan .breadcrumb {
	top: -165px;
}
.not-front.page-visite-virtuelle-phototheque .breadcrumb {
    top: 290px;
}
.numscroller sup {
    font-size: 30px;
    font-family: "din-bold";
    vertical-align: top;
    position: relative;
    top: 24px;
    left: -15px;
}
.section-le-port-dabidjan .field-slideshow-caption {
    position: absolute;
    bottom: 0;
    background: #145db799;
    padding: 4px 10px;
    color: #fff;
}
.section-le-port-dabidjan .field-slideshow-caption .colorbox.init-colorbox-processed.cboxElement {
    color: #fff;
}

.section-port-of-abidjan .field-slideshow-caption {
    position: absolute;
    bottom: 0;
    background: #145db799;
    padding: 4px 10px;
    color: #fff;
}
.section-port-of-abidjan .field-slideshow-caption .colorbox.init-colorbox-processed.cboxElement {
    color: #fff;
}

.node-543 h3 {
    color: #013e7d;
    font-size: 22px;
}

.page-node-545 .field.field-name-body.field-type-text-with-summary.field-label-hidden {
    margin-top: 56px;
    border-left: 2px solid #9dc6f9;
    padding-left: 20px;
}

.page-node-545 .field-name-body .field-item div:hover {
    background: #ecf5ff;
    color: #145db7;
}

.page-node-545 .field-name-body .field-item div {
    padding: 8px 10px;
    border: 1px solid #145db7;
    margin-top: 20px;
}

.page-node-545 .field-name-body .field-item p {
    display: inline-block;
    margin-left: 5px;
    color: #767676;
    font-size: 16px;
    font-family: 'din-bold';
}

article.node.node-page.view-mode-full.clearfix.node-547 h3, article.node.node-page.view-mode-full.clearfix.node-547 h2 {
    color: #145db7;
    text-transform: uppercase;
    font-family: !din-regular important;
}
article.node.node-page.view-mode-full.clearfix.node-547 h2 {
    font-size: 22px;
}

article.node.node-page.view-mode-full.clearfix.node-547 {
    padding-left: 28px;
    border-left: 1px solid #145db7;
    margin-left: 16px;
    margin-top: 54px;
}

.page-node-544 .field-name-body .field-item div {
    padding: 8px 10px;
    border: 1px solid #145db7;
    margin-top: 20px;
}

.page-node-544 .field-name-body .field-item h3 {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #145db7;
    font-family: !din-regular important;
}

.page-node-544 .field-name-body .field-item p {
    display: inline-block;
    margin-left: 5px;
    color: #767676;
    font-size: 16px;
    font-family: 'din-bold';
}
.node.node-page.view-mode-full.clearfix.node-522 img {
    margin-bottom: 3px;
    margin-right: 27px;
    max-width: 100%;
}


body.html.not-front.logged-in.no-sidebars.page-node.page-node-.page-node-583.node-type-page.adminimal-menu.adminimal-frontend.menu-render-collapsed.i18n-en.section-news-0.admin-menu .region.region-navigation > h1{
    background: url(/sites/all/themes/portuaire/images-source/cover-news.jpg) no-repeat;
    display: block !important;
}

/*body.html.not-front.logged-in.one-sidebar.sidebar-first.page-node.page-node-.page-node-520.node-type-offre-de-service.adminimal-menu.adminimal-frontend.menu-render-collapsed.i18n-en.section-service-offers.admin-menu .layout-swap__top.layout-3col__full h1 {
    position: relative;
    right: 0;
    color: #fff;
    bottom: 2px;
    
    background: url(/sites/default/files/offre-de-service-fond/cover-terminal-a-conteneurs.jpg) no-repeat;
}*/

.node-type-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li.active a {
    background: #ff9500;
    color: white;
    padding: 30px 104px;
}

.node-type-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li.active a {
    color: white !important;
    text-transform: uppercase;
    font-family: !'din-regular' importan';
}

.node-type-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li a {
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-top: none;
    margin: -4px !important;
    position: relative;
}

.node-type-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li a:hover {
    background: #ff9600;
}

.node-type-phototheque ul.quicktabs-tabs.quicktabs-style-basic li {
    border: none !important;
    border-bottom: none;
    padding: 0px 0px !important;
    margin: 0 0px 0 0 !important;
    position: relative;
}

.node-type-phototheque .view-phototh-que .quicktabs-tabs.quicktabs-style-basic {
    border: none !important;
    padding: 0 0 0 6px !important;
    margin-bottom: 12.5% !important;
}

.node-type-phototheque .view-phototh-que #active-quicktabs-tab {
    display: none !important;
}

.node-type-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li.active a::after {
    content: "";
    position: absolute;
    background: #140f09;
    bottom: -19px;
    margin: 0 auto;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    border-top: solid 20px #ff9500;
    border-left: solid 20px #fff;
    border-right: solid 20px #fff;
    max-width: 40px;
}

.node-type-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li a {
    border: 1px solid #e5e5e5;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: rgb(229, 229, 229);
        border-bottom-color: rgb(229, 229, 229);
    background: #145eb7;
    border-bottom: none;
    border-top: none;
    padding: 30px 96px;
    margin: -4px !important;
    position: relative;
    color: white !important;
}

.node-type-phototheque .quicktabs-tabs.quicktabs-style-basic {
    display: inline-flex;
    margin-bottom: 6% !important;
}
.node-type-phototheque .row > .col-sm-8 {
    margin-top: 75px !important;
    border-top: none !important;

}

.webform-client-form-588 .webform-submit.button-primary.form-submit {
    width: 67.8% !important;
    float: right !important;
    position: relative;
    right: 15.1% !important;
    background: #145db7 !important;
    color: #fff !important;
    border: none !important;
    padding: 8px !important;
    margin-bottom: 57px !important;
    display: block;
}

.page-node-26 #block-block-5 .more-link-2 a {
    display: block !important;
}

.page-node-26 #block-block-5 .nous-ecrire {
    padding: 139px 87px !important;
}

.webform-client-form-588 .form-item.webform-component.webform-component-markup.webform-component--ligne-1--colonne-droit--description-contact p {
    text-align: center;
}

.page-node-502 #section3 .sub-description, .page-le-port-dabidjan-installations-et-activites #section3 .sub-description {
    left: 0px !important;
}

.page-node-502 .numscroller sup, .page-le-port-dabidjan-installations-et-activites .numscroller sup{
    left: -7px !important;
}

.page-node-502 .chiffre-content .description, .page-le-port-dabidjan-installations-et-activites .chiffre-content .description {
    margin-bottom: -0.2em !important;
}

.page-le-port-dabidjan-installations-et-activites #section1 p.sub-description {
    font-size: 2em !important;
    padding-bottom: 5px;
}

.page-le-port-dabidjan-installations-et-activites #section1, .page-le-port-dabidjan-installations-et-activites #section2, .page-le-port-dabidjan-installations-et-activites #section3,.page-le-port-dabidjan-installations-et-activites #section4, .page-le-port-dabidjan-installations-et-activites #section5, .page-le-port-dabidjan-installations-et-activites #section6, .page-le-port-dabidjan-installations-et-activites #section7 {
    margin-bottom: 0px !important;
}

.page-le-port-dabidjan-installations-et-activites #chiffres-cles {
   border-top: 1px solid #00aeff;
border-bottom: 1px solid #00aeff;
margin-bottom: 3%;
}

.page-le-port-dabidjan-installations-et-activites .layout-3col__right-content {
    border-left: 1px solid #00aeff;
    margin-bottom: 1%;
}

#block-views-phototh-que-block-2 {
    padding: 15px 0px !important;
}

.page-node-542 .region.region-navigation > h1 {
    background: url(/sites/all/themes/portuaire/images-source/background-offre-logistique.jpg) no-repeat !important;
        background-size: auto auto;
    background-size: auto auto;
    min-height: 317px;
    text-align: right;
    color: #fff;
    line-height: 243px;
    padding-right: 50px;
    background-size: cover;
}

.row-2 #section3 .sub-des3 {
    margin-left: 21% !important;
    margin-top: -25% !important;
    margin-bottom: 15%;
}
div#block-block-24 .row-2 #section3 .sub-des3 {
    margin-left: -25%;
    margin-top: -8% !important;
   
}

.t100 {
    margin-left: 13%;
    font-size: 45px;
    font-size: 70px !important;
}

.t2 {
    margin-left: 35%;
margin-top: -14.5%;
font-size: 23px !important;
margin-bottom: 3% !important;
}

.portiq {
    margin-top: -22%;
    margin-left: 10%;
    font-family: "din-bold";
}
.portiq1 {
    font-size: 70px;
    font-weight: bold;
    color: #fff !important;
}

.portiq2 {
    margin-top: -15.5%;
    margin-left: 16%;
    font-weight: bold;
    color: #fff;
    font-size: 23px;
}

.portiq3 {
    margin-left: 41%;
    margin-top: -86px;
    font-size: 70px;
    font-weight: bold;
    color: #fff;
}
.portiq4 {
    margin-left: 58%;
    margin-top: -15.5%;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
    line-height: 25px;
}
.sub2 {
    margin-top: -25%;
    margin-left: 15%;
    margin-bottom: 15%;
}
.sec7 .numscroller.roller-title-number-5.scrollzip.isShown {
    font-size: 7em !important;
}

.ainsi {
    border-top: 1px solid #00aeff;
    padding-top: 5%;
}

.iso span {
    margin: 0.5%;
    padding: 2% 8% 2% 8%;
    color: #00aeff;
    font-size: 1.2em;
}

.iso span:nth-child(2n+1) {
    background-color: #dde7f3;
}

.iso span:nth-child(2n) {
    background-color: #feefdc;
}

.iso {
    margin: 4% 0 4% 6%;
}

.endehors {
    background-color: #dde7f3;
    text-align: center;
    color: #0064ca;
    font-weight: bold;
    padding: 2em 0;
}

.un h2 {
    color: #dde7f399 !important;
    font-size: 6em;
}

.un h3 {
    text-transform: uppercase;
    font-weight: bold;
}

.un p {
    line-height: 23px;
}

.un .col-sm-11 {
    padding-top: 2%;
    padding-left: 4%;
}

.row.un {
    background-color: #0066cb;
    margin: 0 0 5% 0;
    color: #fff;
}

.un .col-sm-6 {
    padding: 0 9%;
}

.row-2 .col-sm-12.col-md-12.col-xs-12.col-lg-12 {
    margin-bottom: 1%;
}

.row-2 #section2 {
    padding-bottom: 6.5% !important;
}

.row-2 .t2 {
    margin-left: 43%;
    margin-top: -20.5%;
    font-size: 23px !important;
    margin-bottom: 3% !important;
}

.row-2 .sec7 .sub-description {
    display: inline-block;
    font-size: 1.7em !important;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 45px;
}

.sect4 span {
    font-size: 9.3em !important;
}

.row-2 .sec7 .tu {
    margin-left: 0px !important;
}

.row-2 .sec7 .numscroller {
    font-size: 5.4em !important;
}

.row-2 .iso {
    margin: 4% 0% 4% 7%;
}
.row-2 .un .col-sm-6 {
    padding: 0 5%;
}

.row-2 .un .col-sm-11 {
    padding-top: 2%;
    padding-left: 7.4%;
}

.un .en {
    padding: 0 4%;
}

.un .en .col-sm-11 {
    padding-top: 2%;
    padding-left: 6%;
}

.page-node-542 .demande_text {
    padding-top: 10px;
}

.rtecenter.wb {
    color: #145db7;
}

.ligne1.row.webform-component--line-1 {
    background: linear-gradient(to bottom, #d2dde7 19%,#ffffff 100%);
    padding: 55px 28px 0 28px;
    margin-right: 0px;
    margin-left: 0;
}

#webform-client-form-533 .webform-submit.button-primary.form-submit {
    width: 69.8% !important;
    float: right !important;
    position: relative;
    right: 11.1% !important;
    background: #145db7 !important;
    color: #fff !important;
    border: none !important;
    padding: 8px !important;
    margin-bottom: 57px !important;
    display: block;
}

#webform-client-form-533 #edit-submitted-line-1-left-column-upload-your-resume-upload {
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    font-size: 0;
    background: #fff;
    color: #fff;
    box-shadow: none;
    line-height: 0;
    border: none;
}

#webform-client-form-533 #edit-submitted-line-1-left-column-upload-your-resume-upload-button {
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    font-size: 0;
    background: #fff;
    color: #fff;
    box-shadow: none;
    line-height: 0;
    border: none;
}



@media (min-width:1280px){

    .pane-views-agenda-block .views-slideshow-cycle-main-frame-row-item.views-row p {
            line-height: 20px;
        }
    .front .view.view-agenda.view-id-agenda.view-display-id-block .more-link a {
            bottom: -57px;
        }
    .front .attachment.attachment-after h2.media-title a {
    font-size: 16px;
}
.titre-etat-financier {
    min-width: 67px;
}

.page-node-474 .titre-etat-financier {
    min-width: 354px;
}

.page-node-779 .titre-etat-financier {
    min-width: 354px;
}


.not-front.page-visite-virtuelle-phototheque .breadcrumb {
	top: -25px;
}
.titre-etat-financier div
{
    font-size: 13px;
}
.page-le-port-dabidjan-installations-et-activites .view-installations-et-activites .titre-etat-financier, .page-node-484 .view-offre-logistique .titre-etat-financier, .view-annuaire .titre-etat-financier {
	min-width: 324px !important;
}

.node.node-phototheque.view-mode-full {
    margin-top: 110px;
    
}
.node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 {
    background: #013e7d;
    padding: 0;
    margin-top: 1px;
}
.node.node-phototheque.view-mode-full #active-quicktabs-tab {
    display: none;
}
.node.node-phototheque.view-mode-full ul.quicktabs-tabs.quicktabs-style-basic {
	border-bottom: none !important;
}
.node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .views-field.views-field-title a {
    background: #145db7;
    display: block;
    color: #fff;
    text-transform: initial;
    padding: 15px 20px;
    border-top: solid 2px #3e78c0;
    font-size: 14px;
}
.node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .quicktabs-views-group:nth-child(1) .views-field.views-field-title a {
    border-top: none !important;
}
.node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .views-field.views-field-title a.active, .node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .views-field.views-field-title a:active, .node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .views-field.views-field-title a:focus, .node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 .views-field.views-field-title a:hover {
	transition: ease border-left 0.5, ease background 0.5;
	background: #ff8c01;
	text-decoration: none;
    color: #fff;
}
#quicktabs-tab-view__phototh_que__block_3-0 {
    text-transform: uppercase;
    font-family: "din-regular";
}
.node.node-phototheque.view-mode-full ul.quicktabs-tabs.quicktabs-style-basic li, ul.quicktabs-tabs.quicktabs-style-basic li:hover {
    border: none;
    padding: 0;
}
.node.node-phototheque.view-mode-full ul.quicktabs-tabs.quicktabs-style-basic li.active {
    border: none;
    border-bottom: solid 2px #ff8c01;
}
.node.node-phototheque.view-mode-full .quicktabs-tabs.quicktabs-style-basic a {
    text-transform: uppercase;
    font-family: "din-regular";
    color: #878787;
    
}
.node.node-phototheque.view-mode-full .view.view-phototh-que.view-id-phototh_que.view-display-id-block_4 .col-xs-12.col-sm-6.col-md-4.col-lg-4 {
    padding: 0px 2px;
}
.node.node-phototheque.view-mode-full .view.view-phototh-que.view-id-phototh_que.view-display-id-block_4 .views-field.views-field-field-photo-phototheque {
    margin-bottom: 5px;
}
.node.node-phototheque.view-mode-full #quicktabs-view__phototh_que__block_3 ul.quicktabs-tabs.quicktabs-style-basic a {
    font: bold 14px/19px Verdana !important;
    margin-right: 3px;
}
.not-front.node-type-phototheque .layout-swap {
    padding-top: 390px !important;
}
.not-front.node-type-phototheque .node.node-phototheque .row > .col-sm-8 {
	background: #eeeeee;
	margin-left: 0;
	/* padding-top: 41px; */
	padding: 40px 40px;
	border-top: solid 1px #145db7;
	margin-top: 20px;
}
.not-front.node-type-phototheque .node.node-phototheque .row > .col-sm-4 {
	margin-right: 0;
	padding: 0 0 0 20px;
}
.not-front.section-visite-virtuelle .region.region-navigation > h1 {
	/*background: url(/sites/default/files/imageblock/phototheque-cover.jpg) no-repeat;*/
}
#block-views-offres-de-services-block-2 .views-field-body .field-content .more-text{
        display: none;
    }
.page-services-shipping-engagements-de-service .field-content ol li {
	counter-increment: custom;
	margin-left: 0;
	display: inline-block;
	padding: 0px 0px 0 1px;
	width: 100%;
}
.page-services-shipping-engagements-de-service .field-content ol li:nth-child(2n+1) {
	background: #ebf4fa;
}
.page-services-shipping-engagements-de-service .field-content ol li:nth-child(2n) {
	background: #fafafa;
}
.page-services-shipping-engagements-de-service .field-content ol li::before {
	content: counter(custom) " ";
	background: none;
	width: 10px;
	height: unset;
	display: inline-block;
	background-size: unset;
	margin-right: 0.5em;
	font-size: 10em;
	font-family: "din-bold";
	color: #ff9400;
	float: left;
	padding: 0px 35px 0.1em 35px;
	line-height: 1em;
}

.page-services-shipping-engagements-de-service .field-content ol li:nth-child(2n)::before {
	color: #145db7;
}
.page-services-shipping-engagements-de-service .field-content ol li:first-child {
    counter-reset: custom;
}
.page-services-shipping-engagements-de-service .field-content ol li h2 {
	display: inline-block;
	margin-top: 0;
	vertical-align: top;
	padding: 2em 0 0 0px;
	color: #000;
	font-family: "din-bold";
}
.page-services-shipping-engagements-de-service .field-content ol li p {
    display: block;
    margin-left: 60px;
}
.page-services-shipping-engagements-de-service .field-content ol {
	padding: 0;
}
.page-services-shipping-engagements-de-service .attachment.attachment-after{
	margin-top: 35px;
}
.form-item.webform-component.webform-component-markup.webform-component--image-et-texte img {
    width: 100%;
    max-width: 230px;
}
.enveloppe-engagements {
    max-width: 600px;
    margin: 0 auto;
}
#block-webform-client-block-512 input, #block-webform-client-block-512 textarea {
	border: solid 1px #06c;
	border-radius: 0;
}
#webform-client-form-512 {
    margin-bottom: 100px;
}
#webform-client-form-512 .webform-submit.button-primary.form-submit {
	width: 100%;
	max-width: 570px;
	margin: 0 auto;
	display: block;
	background: #06c;
	color: #fff;
	padding: 5px;
}
#block-webform-client-block-512 .col-sm-6.webform-component--enveloppe--colonne-de-gauche {
	padding-right: 5px;
}
#block-webform-client-block-512 .col-sm-6.webform-component--enveloppe--colonne-de-droite {
	padding-left: 5px;
}
#views_slideshow_controls_text_pause_nos_projets-block_2_1 {
	display: none;
}
.not-front.page-services-shipping-engagements-de-service .breadcrumb {
    position: absolute;
    top: -210px !important;
    right: 30px !important;
}
.not-front.page-services-shipping-engagements-de-service .layout-3col__right-content.contextual-links-region {
    margin-top: 175px;
    border-left: solid 2px #ddd;
    padding-left: 25px;
}
.not-front.page-services-shipping-engagements-de-service .titre-etat-financier.active, .not-front.page-services-shipping-engagements-de-service .titre-etat-financier.active:hover .titre-etat-financier.active:focus, .not-front.page-services-shipping-engagements-de-service .titre-etat-financier {
	display: inline-block;
	width: 50%;
	max-width: unset !important;
}
.not-front.page-services-shipping-engagements-de-service .views-row-2 .views-field.views-field-body {
   /* border: solid 1px #145db7;*/
    padding: 30px;
    width: 96%;
    margin: 0 auto;
}
/*.form-item.webform-component.webform-component-markup.webform-component--image-et-texte img {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}*/
/*.form-item.webform-component.webform-component-markup.webform-component--image-et-texte img {
	-webkit-animation:imageanimation 8s linear infinite;
    -moz-animation:imageanimation 8s linear infinite;
    animation:imageanimation 8s linear infinite;
}*/
@-moz-keyframes imageanimation { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes imageanimation { 100% { -webkit-transform: rotate(360deg); } }
@keyframes imageanimation { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
#page-glossaire {
    /*width: 415px;
    height: 500px;*/
    margin: 0 auto;
}
#page-glossaire .conteneur-glossaire {
    clear: both;
}
.liste-glossaire {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    background-color: #3285ef;
    font-size: 0;
}
.liste-glossaire li {
	display: inline-block;
	font-size: 16pt;
	font-weight: bold;
	line-height: 35px;
	cursor: pointer;
	color: #fff;
	border-right: solid 1px #fff;
	vertical-align: top;
	width: 40px;
	text-align: center;
}
.liste-glossaire li.selected {
	background: #ff8c00;
	color: #fff;
	font-weight: bold;
	position: relative;
	padding: 0px 12px 0px 12px;
	top: 0px;
	height: 36px;
	/* overflow: hidden; */
	display: inline-block;
	vertical-align: top;
}
.liste-glossaire-content {
    padding: 5px 30px;
    background: #e5f4fc;
    margin: 30px 0;
}
.liste-glossaire-content h2 {
    color: #145db7;
    font-family: "din-bold";
}
.liste-glossaire li.selected::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background: #ff8c00;
    bottom: -9px;
    margin: 0 auto;
    display: block;
    left: 48%;
    /* transform: translateX(-50%); */
    /* border-top: solid 10px #ff8c00; */
    /* border-left: solid 8px #fff; */
    /* border-right: solid 10px #fff; */
    /* max-width: 22px; */
    transform: rotate(45deg) translateX(-50%);
}
.not-front.section-services-shipping .page-node-31 .region.region-navigation > h1 {
	background: url(http://dev2.portabidjan.ci/sites/default/files/cover-lexique.jpg) no-repeat;
}
.not-front.section-services-shipping.page-node-31 .layout-3col__right-content {
	border-left: solid 2px #ddd !important;
	margin-top: 207px;
	padding: 0 10px 0 28px;
}
.node.node-page.view-mode-full.clearfix.node-31 {
    margin-top: -32px;
}
.views-field.views-field-field-contenu-tableau-financier {
    margin-top: 20px;
}
.not-front.page-autorite-portuaire-formation .breadcrumb, .not-front.page-le-port-dabidjan-installations-et-activites .breadcrumb {
	top: -180px;
	right: 30px;
}
.not-front.page-autorite-portuaire-historique .region.region-navigation > h1, .not-front.page-autorite-portuaire-formation .region.region-navigation > h1, .not-front.page-le-port-dabidjan-installations-et-activites .region.region-navigation > h1, .not-front.page-node-176 .region.region-navigation > h1 {
	line-height: 50px;
}
.not-front.page-node-176 .breadcrumb {
    top: 290px;
}
.not-front.page-visite-virtuelle-phototheque .breadcrumb {
  /*  top: -25px;*/
  top:295px;
}
.not-front.page-autorite-portuaire-historique .breadcrumb {
	top: -165px;
}
}

.premier, .deux, .trois, .quatre, .cinq, .six {
    width:100%;
    display:table-cell;
    border-bottom: 1px solid #fff;
    
}
.premier {

 margin-top:15px;
   
}

.premier .tp {
    margin-top: -15px;
    padding-top: 30px;
    border-top: 1px solid #ff9400;   
}
    
.premier img, .deux img, .trois img, .quatre img, .cinq img, .six img {
    width:10%;
    margin-right:5%;
    padding-bottom:30px;
    float:left;
}

.premier .tp , .deux .tp, .trois .tp, .quatre .tp, .cinq .tp, .six .tp {
    width:85%;
    padding-bottom:30px;
    /*padding-left:30px;*/
    float:right;
    border-bottom: 1px solid #ff9400;
}

.bd {
    font-weight: bold;
    margin-bottom: 30px;
}

.engagement h3{
    text-transform:uppercase;
}

.formers ol li:nth-child(2n+1) {
    background: #1576ee;
}

.formers ol li:nth-child(2n) {
    background: #0060d7;
}

.formers ol li {
    background: #0052cc;
}

.engagement h3 {
    text-transform: none;
    font-family: din-bold;
}

.chif {

    width: 15%;
    float: left;
    font-size: 50px;
    padding-left:15px;
}
.bdtexte {

    width: 85%;
    text-align: justify;
    padding-top:20px;
    float:right;
    padding-right:10px;
}
.bdun {
    background-color: #1676ee;
    color:white;
    height:100px;
}

.bddeux {
    background-color: #0060d8;
     color:white;
     height:100px;
}
.bdtrois {
    background-color: #0052cc;
     color:white;
     height:100px;
}

.formers {
    margin-bottom: 50px;
}
article.node.node-page.view-mode-full.clearfix.node-33 {
    margin-top: 140px;
}
article.node.node-documents-pdf {
    margin-top: 35px;
}
.view.view-paa-infos.view-id-paa_infos {
    margin-top: 35px;
}

.node-584 ul li {
    line-height: 2em;
    font-size: 16px;
}

.node-584 ul li::before {
    content: "";
    background: url(/sites/all/themes/portuaire/images/liste-puce.png) no-repeat;
        background-size: auto;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: contain;
    margin-right: 10px;
}

.node-584 ul {
    list-style: none;
    font-family: 'open-sans' !important;
}

.page-node-584 .layout-3col__right-content {
    border-left: solid 2px #145eb7 !important;
    margin-top: 207px;
    padding: 0 10px 0 28px;
}

.node-584 .blue-title {
    color: #0066cc;
    font-weight: bold;
    font-size: 20px;
    width: 85%;
    font-family: 'din-bold' !important;
}

.node-584 .green-title {
    color: #3ab54a;
    font-weight: bold;
    font-size: 20px;
    font-family: 'din-bold' !important;
}






@media only screen and (max-width: 930px){
    
.bdtrois, .bdun, .bddeux{
    height:160px;
    font-size:12px;
}

}
@media only screen and (max-width: 740px){
    .chif {
    font-size: 40px;
}
}

@media only screen and (max-width: 645px){
    .chif {
    font-size: 30px;
}
}

@media only screen and (max-width: 526px){
    .chif {
    font-size: 20px;
}
}

@media only screen and (max-width: 430px){
    .chif {
    font-size: 15px;
}
}
@media only screen and (max-width: 382px){
    .chif {
    font-size: 11px;
}
.bdtexte{
        font-size:10px;
}
}


@media only screen and (max-width: 600px){
    
    .bdtrois, .bdun, .bddeux{
    height:250px;
    font-size:12px;
}
}