@media only screen and (max-width: 600px) {

.document-image-download.pull-right {
    top: 1px;
}

.front .region.region-navigation {
    position: inherit;
}

.front #block-block-3 {
    position: absolute;
    top: 0px;
    left: 0%;
}
    
    #news {
    padding-bottom: 10px;
}

.text-center {
    height: 105px;
    margin-top: 5px;
}

.view-noteaux-usagers .downloadBloc {
    background: 
#e7f2fa;
padding: 0px 0px 0px;
color:
    #145db7;
    cursor: pointer;
}

.page-actualite-note-aux-usagers .view-noteaux-usagers {
    margin-top: 10px !important;
}

.group-footer .colorbox img {
    width: 100%;
}

.group-footer .colorbox {
    display: block;
    width: 49%;
    float: left;
    margin-left: 1%;
    margin-bottom: 8px;
}

.node-type-actualite .ds-2col-stacked {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -90px;
}

.page-node .node-actualite .group-footer {
    width: 95%;
    margin-left: 25px;
    padding: 10px 10px;
}

.page-node .node-actualite .group-footer h2 {
    font-size: 21px;
    line-height: 27px;
}

.not-front.node-type-actualite .region.region-navigation > h1 {
    margin-top: 0;
    min-height: 79px;
    line-height: 23px;
    padding-top: 0px !important;
    font-size: 26px;
    padding-right: 15px !important;
}

.not-front.node-type-actualite .breadcrumb {
    padding: 8px 0px;
    top: 110px;
    right: 0;
    text-align: left;
    width: 88%;
    left: 6%;
}

#block-views-actualite-block-2 .views-field-field-photo-actualite img {
    filter: brightness(65%);
}

.page-actualite-content {
    position: absolute;
    bottom: 6px;
    padding: 5px;
    width: 92%;
    margin-left: 0;
    margin-right: 0;
    top: 25px;
}

.page-actualite-body {
    font-size: 12px;
}

.page-actualite-content h3 a {
    font-size: 14px;
}

#block-views-actualite-block-2 {
    margin-top: 50px;
}

#block-views-actualite-block-1 .views-row-last .group-article-dateoftitle {
    bottom: 10px !important;
    margin-top: -80px;
}

#block-views-actualite-block-1 .views-row-last .article_title a {
    font-size: 15px;
}

#block-views-exp-actualite-page .views-exposed-form .views-exposed-widget {
    float: left;
    padding: .5em 0em 0 0;
}

#edit-field-date-actualite-value-value-datepicker-popup-0 {
    width: 100%;
}

#block-views-exp-actualite-page {
    margin-top: 100px !important;
}

.page-visite-virtuelle-videotheque .view-videotheque {
    margin-top: 100px !important;
}

.not-front.page-node-670 .breadcrumb {
    padding: 8px 8% !important;
    width: 100%;
    right: 0;
}

.not-front.page-node-670 .region.region-navigation > h1 {
    padding-top: 37px !important;
}

.not-front.node-type-phototheque .node.node-phototheque .row > .col-sm-4 {
    margin-right: 0;
    padding: 0 0 0 0px !important;
}

.node.node-phototheque.view-mode-full {
    margin-top: -22px;
}

.page-visite-virtuelle-phototheque .view-phototh-que .phototheque-wrapper .phototheue_link {
    margin-top: 0px;
}

.page-visite-virtuelle-phototheque .view-phototh-que .phototheque-wrapper .phototheue_link a::after {
    left: 75%;
    position: relative;
    top: -1px;
}

.page-visite-virtuelle-phototheque .view-phototh-que .quicktabs-views-group:nth-child(6) .phototheque-wrapper {
    padding: 52px 8px;
    width: 100%;
}

.page-visite-virtuelle-phototheque .view-phototh-que .quicktabs-views-group:nth-child(7) .phototheque-wrapper {
    padding: 40px 8px;
    width: 100%;
}

.page-visite-virtuelle-phototheque .view-phototh-que {
    margin-top: 120px !important;
}

#block-block-18 #section1 .chiffre-content {
    margin-top: 7px;
}

#block-block-18 #section7 .sub-description {
    margin-left: 0px;
}

.page-node-291 .node.node-offre-de-service.view-mode-full {
    margin-top: -99px;
}

#block-block-19 .sec3-rou {
    padding: 7% 0 14% 0 !important;
}

#block-block-19 #section3 .sub-description {
    left: -4% !important;
}

#block-block-19  .sec2-rou {
    padding: 6% 0 6% 0% !important;
}

#block-block-19 .sec6-rou {
    padding: 6% 15px 6% 15px !important;
}

.page-node-287 .col-sm-9.col-md-9.col-xs-12.col-lg-9 #section4 .sub-description {
    line-height: 11px;
}

.page-node-287 .col-sm-9.col-md-9.col-xs-12.col-lg-9 #section4 .col-sm-5 {
    line-height: 1px;
}

.page-node-284 #section7 .sub-description {
    margin-left: 0px;
}

.not-front.node-type-offre-de-service .breadcrumb {
    top: 141px;
}
    
.offres-service-caracteristique ul {
    padding: 0 0 0 10px;
}
    
.offres-service-caracteristique {
    margin-left: 0%;
}

.page-services-shipping-engagements-de-service .region.region-navigation #block-block-3 + h1, .page-node-514 .region.region-navigation #block-block-3 + h1{
    padding-top: 25px !important;
}

.chiffres .contenu {
    padding-left: 0% !important;
}

#block-block-23 .chiffres {
    padding-bottom: 20px;
    margin-bottom: 27px;
}

.not-front.page-le-port-dabidjan-installations-et-activites .region.region-navigation > h1 {
    min-height: 172px;
}

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

body figure.org-chart .department li a {
    background: #f0f0f0;
    top: 38px;
    position: absolute;
    z-index: 1;
    width: 110%;
    height: 72px;
    vertical-align: middle;
    line-height: 14px;
}

body figure.org-chart .department.dep-b a {
    left: 20px;
}

body .department .nom {
    font-size: 13px;
}

body figure.org-chart .departments > li:first-child a {
    right: 21px;
}

article.node.node-page.view-mode-full.clearfix.node-28 {
    margin-top: -7px;
}

body #user-login-form {
    height: 166px;
}

#footer-sitemap ul.footer_links_menu-overlaymenu.total-items-6.parent-items-0.single-items-0 span {
    margin-left: 128.7% !important;
    top: -99.5px !important;
}

#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-x: 83% !important;
    background-position-y: 123px;
}

.demandes-lien.col-sm-8 {
    background-color: #e2f0fd;
    height: 157px;
    padding: 65px 0 65px 0%;
    background-image: none !important;
}

.demandes-lien.col-sm-8 div {
    font-size: 13px !important;
}

.page-demandes main.layout-3col__full {
    margin-top: 245px;
}

.col-sm-12.nos-formulaire a::after {
    top: -18px;
}

.front main.layout-3col__full {
    margin-top: 13px;
}
    
 .node-510 .table-striped th, .node-510 .table-striped td {
    padding: 8px 8px;
 }
  .node-510 .table.table-striped.table-condensed th {
    border-right: solid 1px #2a85da !important;
    line-height: 18px;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    height: 64px;
    background: #004d9b;
    color: #fff;
}

body #block-block-3 .nav.navbar-nav.navbar-right {
    position: absolute !important;
left: -34px !important;
top: 0px !important;
    background: no-repeat;
}

.front #block-block-3 .nav.navbar-nav.navbar-right {
top: 4px !important;

}

#block-block-3 li.menu__item.is-leaf.leaf,#block-block-3 li.menu__item.is-expanded {
    display: none;
}

.view-display-id-block_4 img {
    width: 100%;
    height: auto !important;
}
    
.view-display-id-block_4 .view-footer {
    margin-left: 0% !important;
    margin-top: 6%;
}

.view-display-id-block_4 .mor-link a {
    width: 100% !important;
    right: 0px !important;
}

.node-type-dossier p {
    line-height: 25px;
}

#block-views-dossier-block-3 .tit-dos {
    max-width: 314px;
    margin-left: 5%;

}
    
#block-views-dossier-block-3 {
    margin-top: 5%;
    border-top: 3px solid #ccc;
    padding-top: 6%;
    text-align: center;
        margin-top: 5% !important;
}
    
#block-block-17 {
    border: none !important;
    margin-bottom: 3%;
    padding-bottom: 1%;
    margin-right: 0%;
}

.node-dossier {
    padding: 0 4% 0 2%;
}
    
#block-block-20 .col-sm-5.col-md-5.col-xs-12.col-lg-5 sup {
    top: -1em !important;
    font-size: 2em;
}

.m3000 {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    border-right:none !important;
}
    
.sec-cer-ton .col-sm-10.col-md-10.col-xs-12.col-lg-10 {
    margin-left: 4% !important;
}
    
.sec-cer-ton .col-sm-2.col-md-2.col-xs-12.col-lg-2 {
    font-size: 2em !important;
    padding-left: 14% !important;
}

.col-sm-7.col-md-7.col-xs-12.col-lg-7 .sub-description {
    display: ruby;
}

#block-block-20 .col-sm-7.col-md-7.col-xs-12.col-lg-7 .chiffre-content {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 18px !important;
    margin-left: 0em !important;
}
    
#block-block-20 .col-sm-5.col-md-5.col-xs-12.col-lg-5 {
  font-size: 2em !important;
padding-left: 9% !important;
margin-top: 3%;
} 

#block-block-20 .m6 .col-sm-10.col-md-10.col-xs-12.col-lg-10 {
    border-bottom: 1px solid !important;
    width: 65% !important;
    border-right:none !important;
}

.m6 .col-sm-2.col-md-2.col-xs-12.col-lg-2 {
    width: 30% !important;
    float: left !important;
    font-size: 2.3em !important;
}

.front .pane-views-actualite-block .pane-title.pane__title::after {
    right: 0px !important;
}

.pane-block.pane-views-dossier-block-4:hover strong{
    color:#fff;
}    

.panel-pane.pane-block.pane-views-dossier-block-4 {
    width: 100% !important;
    margin-bottom: 10%;
}
    
#block-views-dossier-block-2 .pager.pager--infinite-scroll {
    float: left;
    margin-left: 6%;
    margin-right: auto;
}

#block-views-dossier-block-2 {
    margin-left: 6%;
    margin-right: auto;
}
    
#block-views-dossier-block .tit-dos {
height: auto !important;
min-height: 323px !important;
margin-top: -323px !important;
padding: 8% 5%;
width: auto;
}

#block-views-dossier-block .tit-body a {
    color: #fff;
    font-size: 1.5em;
}

#block-views-dossier-block .tit-body {
    padding: 4% 0%;
    margin-bottom: 7%;
}

#block-views-dossier-block {
    width: 100%;
float: left;
margin-right: 0%;
margin-left: 0%;
margin-top: 50% !important;
}    

    #block-views-dossier-block-1 .tit-dos {
    height: 271px;
    margin-top: -65%;
    padding: 10% 9%;
} 

#block-views-dossier-block-1 .tit-dos {
max-height: 271px;
margin-top: -66.4%;
padding: 10% 9%;
max-width: 409px;
}

#block-views-dossier-block-1 .tit-body {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin-bottom: 7%;
    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 .dossier {
    height: 275px;
margin-bottom: 3%;
max-width: 409px;
}

#block-views-dossier-block-1{
   width: 100%;
margin-left: 4%;
margin-right: auto;
}

   #block-views-dossier-block-2 .tit-dos {
    background-color: #717882;
    padding: 3% 2%;
    margin-bottom: 1%;
    width: 409px;
}
    
    #block-views-dossier-block-2 .dossier {
    width: 100%;
    padding-left: 0px;
}
    
   .front .layout-3col__full, .front .layout-3col__left-content, .front .layout-3col__right-content, .front .layout-3col__left-sidebar, .front .layout-3col__right-sidebar, .front .layout-3col__first-left-sidebar, .front .layout-3col__second-left-sidebar, .front .layout-3col__col-1, .front .layout-3col__col-2, .front .layout-3col__col-3, .front .layout-3col__col-4, .front .layout-3col__col-x {
    	padding-left: 20px;
    	padding-right: 20px;
    	/*float: left;*/
    	width: 100%;
    	margin-left: 0%;
    	margin-right: -100%;
    }  
 #quicktabs-view__phototh_que__block_3 .item-list {
    display: none;
}

.page-node-291 .offres-service-caracteristique {
    top: 17px;
    position: relative;
}

.page-node-291 #field-slideshow-1-wrapper {
    top: 0px !important;
    position: relative;
}

.node-offre-de-service #field-slideshow-1-wrapper {
    top: -100px;
    position: relative;
}

#block-views-offres-de-services-block-2 {
    display: none;
}

#block-views-offres-de-services-block-3 {
    top: 30px;
    position: relative;
}
.node-type-offre-de-service .region.region-navigation > h1 {
    font-size: 22px;
    top: 0px;

}
.offres-service-caracteristique {
    top: -30px;
    position: relative;
}
    
    .node-projet .entity.entity-paragraphs-item.paragraphs-item-projet-developpement{
       display:block; 
    }
    
    .not-front.node-type-phototheque .node.node-phototheque .row > .col-sm-8{
        width:100%;
    }
    
#quicktabs-view__phototh_que__block_3 .quicktabs-tabs.quicktabs-style-basic li{
display:block;
width:100%;
}
    
     .paragraphs-items.paragraphs-items-field-contexte.paragraphs-items-field-contexte-full.paragraphs-items-full {
    width: 100%;
}
    
    
    #section1 span, #section2 span, #section3 span, #section4 span, #section5 span, #section6 span, #section7 span {
        font-size: 5em !important;
    }
    #section1 .chiffre-content {
        margin-left: 0;
    }
    #block-block-20 #section1 span{
        font-size: 2.7em !important;
    }
    
    .numscroller sup {
        top: 15px;
        left: -5px;
    }
    .no-padding-left {
        padding-left: 15px !important;
    }
    #section3 .description, #section7 .description {
        font-size: 5em !important;
        line-height: 1em;
    }
    #section4 .description, #section4 .sub-description {
        line-height: 1em;
    }
    #section7 .sub-description {
        line-height: 1em;
    }
    .front div#block-block-3 .nav.navbar-nav.navbar-right {
        position: relative !important;
left: -28px;
top: 5px;
background: no-repeat;
z-index: 500;
    }
    .not-front div#block-block-3 .nav.navbar-nav.navbar-right {
        position: absolute;
        left: -28px;
        top: 0px;
        background: no-repeat;
        z-index:500;
    }
    div#block-block-3 .menu__item.is-leaf.leaf {
        display: none;
    }
    div#block-block-3 .menu__item.is-leaf.last.leaf {
        display: block;
    }
    div#block-block-3 li.menu__item.is-leaf.last.leaf span.menu__link.nolink {
    	padding: 5px 5px;
    	font-size: 12px;
    }
    div#block-locale-language {
        margin-right: 5px;
    }
    .language-switcher-locale-url {
        padding: 0;
    }
    div#block-block-4 {
        margin-right: 0;
    }
    div#block-block-3 li.menu__item.is-leaf.leaf:nth-child(7) {
    	display: inline-block !important;
    	float: none;
    	position: relative;
    	left: -7px;
    }
    div#block-block-3 .menu__item.is-leaf.leaf:nth-child(7) .menu__link.nolink {
    	margin-left: 0px;
    }
    li.menu__item.is-leaf.last.leaf span.menu__link.nolink::after {
    	margin-left: 2px;
    }
    .navbar-brand img {
    	display: block;
    	width: 100px;
    	height: 100px;
    	margin: 0 auto;
    }
    
body .navbar-header {
    /*    position: absolute;
        width: 100%;
        top: -70px;
        z-index:0;*/
    position: absolute;
width: 100%;
top: -70px !important;
left: 0;
    }

body.front .navbar-header {
    left: 70%;
}
    
.navbar-header.floatable {
    position: fixed;
    width: 100%;
    top: -22px;
    left: 0;
    }
    
.section-visite-virtuelle div#block-block-3, .section-virtual-visite div#block-block-3 {
    padding: 0 10px;
    top: 0px;
    position: relative;
}
    
   /* .front .navbar-header {
    position: absolute;
    width: 100%;
    top: -7329px;
    }
   .front div#block-block-3 {
    padding: 0 10px;
    top: -7030px;
    position: relative;
}*/
    
   
a, b,
    
  
    .navbar-brand {
    	float: none;
    }
    header.header {
    	position: relative;
    	top: 100px;
    	z-index:500;
    }
    article.node.node-page.node-26{
        margin-top: -100px!important;
    }
    article.node.node-page.node-484, article.node.node-page.node-475 {
        margin-top: -65px!important;
    }
    article.node.node-page.node-184 {
        margin-top: -40px!important;
    }
    div#block-panels-mini-diapo-et-note-aux-usager {
    	margin-top: 112px;
    }
    div#views_slideshow_cycle_main_phototh_que-block_1_1 .views-field.views-field-title a {
    	font-size: 24px;
    }
    .view-liste-des-pdf-du-mouvements-des-navires {
    	margin-top: 28px;
        padding-top: 30px;
    }
    .view-liste-des-pdf-du-mouvements-des-navires .views-row {
    	background: url(/sites/all/themes/portuaire/images-source/pdf-preview.png)no-repeat;
    	background-position: 3px;
    	display: block;
    	width: 100%;
    	border-bottom: 1px solid #0059ab;
    	border-left: 0;
    }
    .view-liste-des-pdf-du-mouvements-des-navires .view-content {
    	width: 100%;
    	display: block;
    	position: relative;
    	margin-left: 0px;
    }
    
    
    .panel-panel.right.col-lg-4 {
        margin-top: 218px;
    }
    #block-views-offres-de-services-block {
    	margin-top: 30px;
    }
    #block-views-offres-de-services-block table td[class*="col-"], #block-views-offres-de-services-block table th[class*="col-"] {
    	display: inline-block;
        margin-bottom: 20px;
        width: 100%;
    }
    #block-views-offres-de-services-block table td.col-8.col-last {
        margin-bottom: 0;
    }
    #block-panels-mini-actualites-et-agenda, #block-views-nos-projets-block-2 {
    	background: #f2fdff;
    	padding-top: 5px;
    	margin-top: 30px;
    }
    #views_slideshow_cycle_main_nos_projets-block_2_1 .col-sm-7.col-md-7.col-xs-12.col-lg-7 {
    	padding-left: 0;
    	padding-right: 0;
    }
    .projet-image {
    	height: unset;
    }
    .projet-content {
    	margin-top: 0px;
    	margin-left: 0;
    }
    .panel-pane.pane-block.pane-views-actualite-block > h2 {
    	position: relative;
    	left: unset;
    	transform: unset;
    }
    .front .actualite-content {
    	min-height: unset !important;
    	max-width: unset;
    }
    .front .view-actualite .more-link a::before {
    	top: 22px;
    }
    body.front .view-actualite .more-link a {
    	width: 100% !important;
    	line-height: 54px;
    	font-size: 14px;
    	right: 0;
    }
    .front .view.view-agenda.view-id-agenda.view-display-id-block .more-link a::before {
    	top: 22px;
    }
    .front .view.view-agenda.view-id-agenda.view-display-id-block .more-link a {
    	line-height: 57px;
    	font-size: 14px;
    	min-height: 0;
    	bottom: -30px;
    }
    .panel-pane.pane-block.pane-views-actualite-block img {
        width: 100%;
    }
    .pane-views-videotheque-block-1 {
    	padding: 30px 0px;
    }
    .pane-views-phototh-que-block {
    	padding: 30px 0px;
    }
    .pane-views-phototh-que-block .attachment-after .view-display-id-attachment_1 .media-date, .attachment-after .view-id-videotheque .media-date {
    	line-height: 18px;
    }
    #user-login-form::before {
    	display: block;
    	width: 100%;
    	font-size: 22px;
    	line-height: 50px;
    }
    .form-item.form-type-textfield.form-item-name, .form-item.form-type-password.form-item-pass, #user-login-form .item-list {
    	margin-left: 5px;
    }
    div#edit-actions--2 {
    	margin-left: 5px;
    }
    .creerCompte {
    	display: inline-block;
    	width: 67%;
    	font-size: 9px !important;
    	padding: 0;
    	margin-left: 7px;
    }
    .creerCompte a {
    	padding: 0 12px;
    	display: block;
    	margin-left: 0px;
    	font-size: 12px;
    	width: 100%;
    }
    #edit-submit--2 {
    	padding: 0 5px;
    	font-size: 12px;
    }
    .panel-pane.pane-block.pane-simplenews-65 p {
    	margin-right: 5px;
    	padding-left: 32px;
    	font-size: 12px;
    }
    #mini-panel-connexion_et_newsletter .panel-panel.right.col-lg-3 {
    	background: #c6ebfe;
    	margin-top: 20px;
    }
    .form-item.form-type-textfield.form-item-mail {
    	display: inline-block;
    	width: calc(100% - 112px);
    	margin: 0;
    }
    .pane-simplenews-65 {
    	padding: 15px 0 15px 15px;
    }
    #footer-sitemap {
    	margin: 0 0;
    	padding: 10px 0px;
    }
    .layout-center .layout-3col {
        margin-left: 0px;
        margin-right: 0px;
    }
    #simplenews-block-form-65 #edit-submit--3 {
    	right: 10px;
    }
    #block-block-2 {
    	padding: 0 15px;
    }
    #block-block-2 .smenu a {
    	display: inline;
    	font-size: 11px;
    	padding: 0;
    	margin: 0;
    }
    .not-front .layout-swap__top.layout-3col__full{
        clear: unset;
    }
    .not-front .layout-3col__right-content, .not-front .layout-3col__right-content {
        float: left !important;
        width: 100% !important;
        margin-left: 0px !important;
    }
    .not-front .layout-swap {
        padding-top: 5px !important;
    }
    .not-front .region.region-navigation > h1 {
        margin-top: 60px;
        min-height: 141px;
        line-height: 29px;
        padding-top: 60px !important;
        font-size: 26px;
        padding-right: 15px !important;
    }
    .not-front .breadcrumb {
        padding: 8px 0px;
        top: 200px;
        right: 37px;
        text-align: left;
    }
    .not-front .breadcrumb span {
        font-size: 10px;
    }
    aside.layout-3col__left-sidebar .block-menu {
        display: none;
    }
    .layout-3col__right-content, .layout-3col__left-sidebar {
        margin-top: 260px;
    }
    .menu__item.col-sm-4.col-md-4.col-xs-12.col-lg-4.menu-survole {
        margin-bottom: 15px;
        min-height: 100px;
    }
    .titre-etat-financier, .page-node-484 .view-offre-logistique .titre-etat-financier {
        width: 100% !important;
        max-width: none !important;
        min-width: none !important;
        display: block !important;
        border-top: solid 1px #ddd;
        min-height: 50px !important;
    }
.not-front .section-offre-de-service .region.region-navigation > h1 {
    font-size: 22px;
    top: -20px;
    position: relative;
}
    .not-front.page-autorite-portuaire-historique .breadcrumb,
    .not-front.page-autorite-portuaire-formation .breadcrumb {
        top: 180px;
        right: 37px;
    }
    .not-front.page-visite-virtuelle-phototheque .breadcrumb {
        top: 190px;
    }
    .not-front .region.region-navigation > h1{
        font-size: 22px;
    }
    .not-front.page-autorite-portuaire-historique .region.region-navigation > h1, .not-front.page-autorite-portuaire-formation .region.region-navigation > h1{
        line-height: 50px;
        min-height: 141px;
        line-height: 29px;
        padding-top: 46px !important;
        font-size: 22px;
        padding-right: 15px !important;
    }
    .contenu-tableau-financier table td, .contenu-tableau-financier table th {
        padding: 10px 2px;
    }
    .contenu-tableau-financier table th p, .contenu-tableau-financier table td p {
        font-size: 11px;
    }
    .section-autorite-portuaire .ligne1.row.webform-component--ligne {
        padding: 0px 0px 0 0px;
    }
    h3.rapport-title {
        margin-top: 0;
    }
    img.pdf-preview {
        display: none;
    }
    .rapport-date {
        margin-top: 10px;
        display: block;
    }
    .rapport-content.row {
        text-align: center;
    }
    #block-views-note-aux-usagers-block-5 .row {
        margin-top: 0;
    }
    #block-menu-overlay-menu-overlay h3::before {
        font-size: 40px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .timeline-content {
        display: block;
        width: 100%;
        padding: 0 0 0px 0px;
    }
    .timeline-liste time {
        display: block;
        width: 100%;
        font-size: 14px;
        text-align: center;
        padding-right: 0;
    }
    .bullet {
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .timeline-liste > li {
        list-style: none;
        margin-bottom: 30px;
    }
    .timeline-content h2 {
        font-size: 14px;
        text-align: center;
    }
    ul.timeline-liste {
        padding: 0px 0 0 0px;
        background: none;
    }
    .timeline {
        margin-left: 0;
        border-left: none;
    }
    .page-node p {
        line-height: 18px;
    }
    .view-page-de-base {
        margin-top: 0px !important;
    }
    .html.not-front.sidebar-first.page-node.page-node-.page-node-184 .layout-3col__right-content, .html.not-front.sidebar-first.page-node.page-node-.page-node-184.layout-3col__left-sidebar {
        margin-top: 280px;
    }
    #footer-sitemap ul li {
        width: 100%;
    }
    .page-autorite-portuaire-etat-financier .layout-3col__right-content, .page-autorite-portuaire-etat-financier .layout-3col__left-sidebar {
        margin-top: 210px;
    }
    .section-autorite-portuaire .webform-submit.button-primary.form-submit {
    	width: 65.8% !important;
    	right: 17.1% !important;
    }
    .not-front.page-autorite-portuaire-annuaire.page-views .contenu-tableau-financier th, .not-front.page-autorite-portuaire-annuaire.page-views .contenu-tableau-financier td {
    	font-size: 12px;
        padding: 0 0 0 0;
        height: 40px;
    }
    .node.node-webform.view-mode-full.clearfix.node-8 {
    	margin-top: -90px;
    }
    #block-footer-sitemap-footer-sitemap {
    	background-position: 50%;
    }
    .page-visite-virtuelle-phototheque ul.quicktabs-tabs.quicktabs-style-basic a {
    	display: block;
    }
    .page-visite-virtuelle-phototheque ul.quicktabs-tabs.quicktabs-style-basic li {
    	display: block;
    	width: 100%;
    }
    li.menu__item.is-leaf.last.leaf span.menu__link.nolink {
        border: solid 2px #ffffff;
        color: #ffffff;
    }
    li.menu__item.is-leaf.last.leaf span.menu__link.nolink::after {
        background: url(/sites/all/themes/portuaire/images-source/hamburger-blanc.png) no-repeat;    
        background-size: contain;
        background-position: 1px 2px;
    }
    .page-visite-virtuelle-phototheque .view-phototh-que .quicktabs_main.quicktabs-style-basic {
        margin-top: 141px;
    }
    .page-visite-virtuelle-phototheque .quicktabs-views-group {
        padding: 0px 0px;
    }
    .page-visite-virtuelle-phototheque .view-phototh-que .phototheque-wrapper .phototheque-titre {
    	width: 100%;
    }
    .page-visite-virtuelle-phototheque ul.quicktabs-tabs.quicktabs-style-basic li {
        display: block;
        width: 100%;
    }
    .page-visite-virtuelle-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li a, .page-visite-virtuelle-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li.active a {
        padding: 15px 15px!important;
        display: block;
        text-align: center;
    }
    .node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 {
        margin-top: -230px;
    }
    .not-front.page-services-shipping-engagements-de-service .breadcrumb {
        position: absolute;
        top: 190px !important;
        right: 30px !important;
    }
    .not-front.page-node-176 .region.region-navigation > h1 {
        min-height: 141px !important;
    }
    .not-front.page-node-176 .breadcrumb {
        top: 200px;
    }
    .node-176 {
        margin-top: -35px !important;
    }
   
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    #block-block-3 li.menu__item.is-leaf.leaf,#block-block-3 li.menu__item.is-expanded {
    display: none;
}
    
    .front .layout-3col__full, .front .layout-3col__left-content, .front .layout-3col__right-content, .front .layout-3col__left-sidebar, .front .layout-3col__right-sidebar, .front .layout-3col__first-left-sidebar, .front .layout-3col__second-left-sidebar, .front .layout-3col__col-1, .front .layout-3col__col-2, .front .layout-3col__col-3, .front .layout-3col__col-4, .front .layout-3col__col-x {
    	clear: unset;
    	padding-left: 20px;
    	padding-right: 20px;
    	/*float: left;*/
    	width: 100%;
    	margin-left: 0%;
    	margin-right: -100%;
    }
    .front div#block-block-3 .nav.navbar-nav.navbar-right {
        position: absolute;
        left: -28px;
        top: 5px;
        background: no-repeat;
    }
    .not-front div#block-block-3 .nav.navbar-nav.navbar-right {
        position: absolute;
        left: -28px;
        top: 5px;
        background: no-repeat;
    }
    div#block-block-3 .menu__item.is-leaf.leaf {
        display: none;
    }
    div#block-block-3 .menu__item.is-leaf.last.leaf {
        display: block;
    }
    div#block-block-3 li.menu__item.is-leaf.last.leaf span.menu__link.nolink {
    	padding: 5px 5px;
    	font-size: 12px;
    }
    div#block-locale-language {
        margin-right: 5px;
    }
    .language-switcher-locale-url {
        padding: 0;
    }
    div#block-block-4 {
        margin-right: 0;
    }
    div#block-block-3 li.menu__item.is-leaf.leaf:nth-child(7) {
    	display: inline-block !important;
    	float: none;
    	position: relative;
    	left: -7px;
    }
    div#block-block-3 .menu__item.is-leaf.leaf:nth-child(7) .menu__link.nolink {
    	margin-left: 0px;
    }
    li.menu__item.is-leaf.last.leaf span.menu__link.nolink::after {
    	margin-left: 2px;
    }
    .navbar-brand img {
    	display: block;
    	width: 100px;
    	height: 100px;
    	margin: 0 auto;
    }
    .navbar-header {
        position: absolute;
        width: 100%;
        top: -72px;
    }
    .navbar-brand {
    	float: none;
    }
    header.header {
    	position: relative;
    	top: 100px;
    }
    article.node.node-page.node-26{
        margin-top: -100px!important;
    }
    article.node.node-page.node-484, article.node.node-page.node-475 {
        margin-top: -65px!important;
        margin-bottom: 20px;
    }
    article.node.node-page.node-184 {
        margin-top: -40px!important;
    }
    div#block-panels-mini-diapo-et-note-aux-usager {
    	margin-top: 112px;
    }
    div#views_slideshow_cycle_main_phototh_que-block_1_1 .views-field.views-field-title a {
    	font-size: 24px;
    }
    .view-liste-des-pdf-du-mouvements-des-navires {
    	margin-top: 28px;
        padding-top: 30px;
    }
    .view-liste-des-pdf-du-mouvements-des-navires .views-row {
    	background: url(/sites/all/themes/portuaire/images-source/pdf-preview.png)no-repeat;
    	background-position: 3px;
    	display: block;
    	width: 100%;
    	border-bottom: 1px solid #0059ab;
    	border-left: 0;
    }
    .view-liste-des-pdf-du-mouvements-des-navires .view-content {
    	width: 100%;
    	display: block;
    	position: relative;
    	margin-left: 0px;
    }
    .panel-panel.right.col-lg-4 {
        margin-top: 218px;
    }
    #block-views-offres-de-services-block {
    	margin-top: 30px;
    }
    #block-views-offres-de-services-block table td[class*="col-"], #block-views-offres-de-services-block table th[class*="col-"] {
    	display: inline-block;
        margin-bottom: 20px;
        width: 25%;
    }
    #block-views-offres-de-services-block table td.col-8.col-last {
        margin-bottom: 0;
    }
    #block-panels-mini-actualites-et-agenda, #block-views-nos-projets-block-2 {
    	background: #f2fdff;
    	padding-top: 5px;
    	margin-top: 30px;
    }
    #views_slideshow_cycle_main_nos_projets-block_2_1 .col-sm-7.col-md-7.col-xs-12.col-lg-7 {
    	padding-left: 0;
    	padding-right: 0;
    }
    .projet-image {
    	height: unset;
    }
    .projet-content {
    	margin-top: 0px;
    	margin-left: 0;
    }
    .panel-pane.pane-block.pane-views-actualite-block > h2 {
    	position: relative;
    	left: unset;
    	transform: unset;
    }
    .front .actualite-content {
    	min-height: unset !important;
    	max-width: unset;
    }
    .front .view-actualite .more-link a::before {
    	top: 22px;
    }
    .front .view-actualite .more-link a {
    	width: 100%;
    	line-height: 54px;
    	font-size: 14px;
    	right: 0;
    }
    .front .view.view-agenda.view-id-agenda.view-display-id-block .more-link a::before {
    	top: 22px;
    }
    .front .view.view-agenda.view-id-agenda.view-display-id-block .more-link a {
    	line-height: 57px;
    	font-size: 14px;
    	min-height: 0;
    	bottom: -30px;
    }
    .panel-pane.pane-block.pane-views-actualite-block img {
        width: 100%;
    }
    .pane-views-videotheque-block-1 {
    	padding: 30px 0px;
    }
    .pane-views-phototh-que-block {
    	padding: 30px 0px;
    }
    .pane-views-phototh-que-block .attachment-after .view-display-id-attachment_1 .media-date, .attachment-after .view-id-videotheque .media-date {
    	line-height: 18px;
    }
    #user-login-form::before {
    	display: block;
    	width: 100%;
    	font-size: 22px;
    	line-height: 50px;
    }
    .form-item.form-type-textfield.form-item-name, .form-item.form-type-password.form-item-pass, #user-login-form .item-list {
    	margin-left: 5px;
    }
    div#edit-actions--2 {
    	margin-left: 5px;
    }
    .creerCompte {
    	display: inline-block;
    	width: unset;
    	font-size: 9px !important;
    	padding: 0;
    	margin-left: 7px;
    }
    .creerCompte a {
    	padding: 0 12px;
    	display: block;
    	margin-left: 0px;
    	font-size: 12px;
    	width: 100%;
    }
    #edit-submit--2 {
    	padding: 0 5px;
    	font-size: 12px;
    }
    .panel-pane.pane-block.pane-simplenews-65 p {
    	margin-right: 5px;
    	padding-left: 32px;
    	font-size: 12px;
    }
    #mini-panel-connexion_et_newsletter .panel-panel.right.col-lg-3 {
    	background: #c6ebfe;
    	margin-top: 20px;
    }
    .form-item.form-type-textfield.form-item-mail {
    	display: inline-block;
    	width: calc(100% - 112px);
    	margin: 0;
    }
    .pane-simplenews-65 {
    	padding: 15px 0 15px 15px;
    }
    #footer-sitemap {
    	margin: 0 0;
    	padding: 10px 0px;
    }
    .layout-center .layout-3col {
        margin-left: 0px;
        margin-right: 0px;
    }
    #simplenews-block-form-65 #edit-submit--3 {
    	right: 10px;
    }
    #block-block-2 {
    	padding: 0 15px;
    }
    #block-block-2 .smenu a {
    	display: inline;
    	font-size: 11px;
    	padding: 0;
    	margin: 0;
    }
    .not-front .layout-swap__top.layout-3col__full{
        clear: unset;
    }
    .not-front .layout-3col__right-content, .not-front .layout-3col__right-content {
        float: left !important;
        width: 100% !important;
        margin-left: 0px !important;
    }
    .not-front .layout-swap {
        padding-top: 5px !important;
    }
    .not-front .region.region-navigation > h1 {
        margin-top: 60px;
        min-height: 141px;
        line-height: 29px;
        padding-top: 60px !important;
        font-size: 26px;
        padding-right: 15px !important;
    }
    .not-front .breadcrumb {
        padding: 8px 0px;
        top: 200px;
        right: 37px;
        text-align: left;
    }
    .not-front .breadcrumb span {
        font-size: 10px;
    }
    aside.layout-3col__left-sidebar .block-menu {
        display: none;
    }
    .layout-3col__right-content, .layout-3col__left-sidebar {
        margin-top: 260px;
    }
    .menu__item.col-sm-4.col-md-4.col-xs-12.col-lg-4.menu-survole {
        margin-bottom: 15px;
        min-height: 100px;
    }
    .titre-etat-financier, .page-node-484 .view-offre-logistique .titre-etat-financier {
        width: 100% !important;
        max-width: none !important;
        min-width: none !important;
        display: block !important;
        border-top: solid 1px #ddd;
        min-height: 50px !important;
    }
    .not-front.page-autorite-portuaire-historique .breadcrumb,
    .not-front.page-autorite-portuaire-formation .breadcrumb {
        top: 180px;
        right: 37px;
    }
    .not-front .region.region-navigation > h1{
        font-size: 22px;
    }
    .not-front.page-autorite-portuaire-historique .region.region-navigation > h1, .not-front.page-autorite-portuaire-formation .region.region-navigation > h1{
        line-height: 50px;
        min-height: 141px;
        line-height: 29px;
        padding-top: 46px !important;
        font-size: 22px;
        padding-right: 15px !important;
    }
    .contenu-tableau-financier table td, .contenu-tableau-financier table th {
        padding: 10px 2px;
    }
    .contenu-tableau-financier table th p, .contenu-tableau-financier table td p {
        font-size: 11px;
    }
    .section-autorite-portuaire .ligne1.row.webform-component--ligne {
        padding: 0px 0px 0 0px;
    }
    h3.rapport-title {
        margin-top: 0;
    }
    img.pdf-preview {
        display: none;
    }
    .rapport-date {
        margin-top: 10px;
        display: block;
    }
    .rapport-content.row {
        text-align: center;
    }
    #block-views-note-aux-usagers-block-5 .row {
        margin-top: 0;
    }
    #block-menu-overlay-menu-overlay h3::before {
        font-size: 40px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .timeline-content {
        display: block;
        width: 100%;
        padding: 0 0 0px 0px;
    }
    .timeline-liste time {
        display: block;
        width: 100%;
        font-size: 14px;
        text-align: center;
        padding-right: 0;
    }
    .bullet {
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .timeline-liste > li {
        list-style: none;
        margin-bottom: 30px;
    }
    .timeline-content h2 {
        font-size: 14px;
        text-align: center;
    }
    ul.timeline-liste {
        padding: 0px 0 0 0px;
        background: none;
    }
    .timeline {
        margin-left: 0;
        border-left: none;
    }
    .page-node p {
        line-height: 18px;
    }
    .view-page-de-base {
        margin-top: 0px !important;
    }
    .html.not-front.sidebar-first.page-node.page-node-.page-node-184 .layout-3col__right-content, .html.not-front.sidebar-first.page-node.page-node-.page-node-184.layout-3col__left-sidebar {
        margin-top: 280px;
    }
    #footer-sitemap ul li {
        width: 100%;
    }
    .page-autorite-portuaire-etat-financier .layout-3col__right-content, .page-autorite-portuaire-etat-financier .layout-3col__left-sidebar {
        margin-top: 210px;
    }
    .section-autorite-portuaire .webform-submit.button-primary.form-submit {
    	width: 65.8% !important;
    	right: 17.1% !important;
    }
    .not-front.page-autorite-portuaire-annuaire.page-views .contenu-tableau-financier th, .not-front.page-autorite-portuaire-annuaire.page-views .contenu-tableau-financier td {
    	font-size: 12px;
        padding: 0 0 0 0;
        height: 40px;
    }
    .node.node-webform.view-mode-full.clearfix.node-8 {
    	margin-top: 55px;
    }
    #block-footer-sitemap-footer-sitemap {
    	background-position: 65%;
    }
    ul.footer_links_menu-overlaymenu.total-items-6.parent-items-0.single-items-0 > li, #block-menu-overlay-menu-overlay > .menu > li {
        display: inline-block;
        width: calc(50% - 70px) !important;
    }
    .menu-overlaymenu {
        max-width: 100%;
    }
    .page-autorite-portuaire-historique .layout-3col__right-content {
        padding-top: 0!important;
    }
    .node-477 {
        margin-top: -115px !important;
    }
    article.node.node-page.view-mode-full.clearfix.node-28 {
        margin-top: 0px;
    }
    li.menu__item.is-leaf.last.leaf span.menu__link.nolink {
        border: solid 2px #ffffff;
        color: #ffffff;
    }
    li.menu__item.is-leaf.last.leaf span.menu__link.nolink::after {
        background: url(/sites/all/themes/portuaire/images-source/hamburger-blanc.png) no-repeat;
        background-size: contain;
        background-position: 1px 2px;
    }
    .page-visite-virtuelle-phototheque .view-phototh-que .quicktabs_main.quicktabs-style-basic {
        margin-top: 280px;
    }
    
    .page-visite-virtuelle-phototheque .quicktabs-views-group {
        padding: 0px 0px;
    }
    .page-visite-virtuelle-phototheque .view-phototh-que .phototheque-wrapper .phototheque-titre {
    	width: 100%;
    }
    .page-visite-virtuelle-phototheque ul.quicktabs-tabs.quicktabs-style-basic li {
        display: inline-block;
        width: calc(20% - 5px);
    }
    .page-visite-virtuelle-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li a, .page-visite-virtuelle-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li.active a {
        padding: 15px 15px!important;
        display: block;
        text-align: center;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {
    .not-front .breadcrumb {
        padding: 8px 0px;
    }
    .not-front.section-visite-virtuelle .region.region-navigation > h1 {
        font-size: 24px;
    }
    div#block-block-3 ul.nav.navbar-nav.navbar-right {
        padding: 5px 4px;
        line-height: 19px;
    }
    div#block-block-3 ul.nav.navbar-nav.navbar-right {
        line-height: 19px;
    }
    #block-block-3 li.menu__item.is-leaf.leaf::after {
        margin-left: 1px;
    }
    .menu .col-sm-4.col-md-4.col-xs-12.col-lg-4 .menu a.menu__link, #block-block-3 a.menu__link {
        padding-left: 0 !important;
        padding-right: 3px;
    }
    a.menu__link, a.menu__link.active {
        font-size: 11px !important;
    }
    .menu__item.is-leaf.leaf:nth-child(7) .menu__link.nolink {
        margin-left: 5px;
        line-height: 28px;
    }
    .navbar__item, .navbar li, .main-navigation .links li, .main-navigation .menu li {
    	padding: 0 2px 0 0;
    }
    li.menu__item.is-leaf.last.leaf span.menu__link.nolink {
        padding: 2px 2px;
        font-size: 11px;
    }
    div#block-block-3 a.navbar-brand img {
    	max-width: 90px !important;
    }
    .navbar-brand {
        padding: 15px 0px;
    }
    .layout-3col {
        margin-left: 0;
        margin-right: 0;
    }
    .not-front.page-autorite-portuaire-historique .breadcrumb {
        top: 280px;
        right: 30px;
    }
    body.not-front.page-node.page-node-185 .breadcrumb{
        right: 35px;
    }
    .not-front.page-node-184 .breadcrumb, body.html.not-front.page-node-8 .breadcrumb {
        padding: 8px 20px;
        top: 290px;
        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;
        padding-right: 23px;
    }
    .not-front.page-autorite-portuaire-historique .layout-3col__right-content {
        padding-top: 0px!important;
        /*margin-top: 30px!important;*/
    }
    .view.view-page-de-base.view-id-page_de_base.view-display-id-attachment_1 {
        margin-top: 0 !important;
    }
    #block-block-3 .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }
    .not-front .region.region-navigation > h1 {
        margin-top: 40px;
        padding-top: 125px;
        padding-right: 30px;
    }
    #block-footer-sitemap-footer-sitemap {
    	background-position: 65%;
    }
    .html.not-front.page-node-184 .layout-3col__right-content {
    	margin-top: 125px !important;
    }
    .html.not-front.page-node-184  .layout-3col__left-sidebar {
        margin-top: 0;
    }
    .col-sm-2.webform-component--ligne--colonne-de-gauche {
        display: block;
        width: 100%;
    }
    .col-sm-9.webform-component--ligne--colonne-de-droite {
        margin: 0 auto;
        float: none;
    }
    .section-autorite-portuaire .webform-submit.button-primary.form-submit {
        width: calc(75% - 74px) !important;
        float: none !important;
        right: 0 !important;
        display: block;
        margin: 0 auto;
    }
    .webform-client-form-8 {
        padding-top: 95px!important;
    }
    .section-actualite #block-views-exp-actualite-page {
        margin-top: 120px!important;
    }
    div#edit-field-date-actualite-value-wrapper, div#edit-field-theme-actualite-tid-wrapper {
        display: inline-block;
    }
    /*
    li.menu__item.is-leaf.last.leaf span.menu__link.nolink {
        border: solid 2px #ffffff;
        color: #ffffff;
    }
    li.menu__item.is-leaf.last.leaf span.menu__link.nolink::after {
        content: "";
        margin-left: 6px;
        color: #4A8CD0;
        background: url(/sites/all/themes/portuaire/images-source/hamburger.png) no-repeat;
            background-size: auto auto;
        background-size: auto auto;
        background-size: contain;
        display: inline-block;
        width: 16px;
        height: 11px;
    }
    */
    
    .page-visite-virtuelle-phototheque ul.quicktabs-tabs.quicktabs-style-basic li {
        display: inline-block;
        width: calc(20% - 5px);
    }
    .page-visite-virtuelle-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li a, .page-visite-virtuelle-phototheque .view-phototh-que ul.quicktabs-tabs.quicktabs-style-basic li.active a {
        padding: 15px 15px!important;
        display: block;
        text-align: center;
    }
    .node.node-phototheque.view-mode-full #quicktabs-container-view__phototh_que__block_3 {
        margin-top: 50px;
    }
    .not-front.page-node-176 .breadcrumb {
        top: 290px;
        right: 45px;
    }
    #section3 .numscroller {
        font-size: 6em;
    }
    #section3 .description, #section7 .description {
        font-size: 6em;
    }
    #section2 .numscroller {
        font-size: 8.3em;
    }
    #section6 {
        padding: 79px 15px 51px 15px;
    }
    .view-liste-des-pdf-du-mouvements-des-navires .view-content {
        width: calc(100% - 102px);
        margin-left: 0px;
    }
    .view-liste-des-pdf-du-mouvements-des-navires .view-header {
        top: -8px;
        width: 98px;
    }
    .view-liste-des-pdf-du-mouvements-des-navires .view-content .field-content h2, .pdf-nav-col a:first-child {
        font-size: 12px!important;
    }
    .view-liste-des-pdf-du-mouvements-des-navires .views-row {
        border-left: 1px solid #0059ab;
        padding: 10px 12px;
    }
    
    .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: 100% !important;
   }

  
}

@media only screen and (min-width: 280px) and (max-width: 450px){
#tablefield-0 {
    width: 100%;
    float: left;
    margin-left: -10px;
    font-size: 10px;
}

.entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service table thead tr th {
    font-size: 10px;
    padding-left: 0px;
  }

.entity.entity-paragraphs-item.paragraphs-item-info-compl-offres-service table tr td {
    padding: 10px 0px;
    text-align: center;
}
#tablefield-1 tbody, #tablefield-2 tbody{
    font-size: 10px;
}
#views_slideshow_cycle_teaser_section_offres_de_services-block_1_1 .field-content {
    font-size: 10px;
}
#views_slideshow_cycle_teaser_section_offres_de_services-block_1_1 .views-label{
   font-size: 10px; 
}

/*.field.field-name-details-des-infrastructures.field-type-ds.field-label-hidden.clearfix {
    width: 100%;
}*/
.field.field-name-details-des-infrastructures.field-type-ds.field-label-hidden.clearfix {
    width: 100%;
    overflow-x:hidden;
    
}


#views_slideshow_cycle_main_offres_de_services-block_1_1 {
    width: 100%;
    overflow-x:hidden;
}

.node-type-offre-de-service .view-offres-de-services .views-slideshow-controls-bottom.clearfix {
    display: none;
}

}
/*
@media only screen and (max-width: 280px) {
    
.front #block-block-3 {
    margin-top: -7105px;
}
}
@media only screen and (min-width: 282px) and (max-width: 283px){
    
.front #block-block-3 {
    margin-top: -7060px;
}
}

@media only screen and (min-width: 284px) and (max-width: 290px){
    
.front #block-block-3 {
    margin-top: -7065px;
}

}

@media only screen and (min-width: 290px) and (max-width: 292px){
    
    .front #block-block-3 {
    margin-top: -7065px;
}

}
@media only screen and (min-width: 294px) and (max-width: 295px){
    
    .front #block-block-3 {
    margin-top: -7015px;
}

}

@media only screen and (min-width: 296px) and (max-width: 297px){
    
    .front #block-block-3 {
    margin-top: -7110px;
}

}
@media only screen and (min-width: 298px) and (max-width: 300px){
    
    .front #block-block-3 {
    margin-top: -6969px;
}

}

@media only screen and (min-width: 300px) and (max-width: 310px){
    
    .front #block-block-3 {
    margin-top: -6990px;
}

}

@media only screen and (min-width: 300px) and (max-width: 303px){
    
    .front #block-block-3 {
    margin-top: -6990px;
}

}
@media only screen and (min-width: 306px)and (max-width: 310px){
    
    .front #block-block-3 {
    margin-top: -6950px;
}

}
@media only screen and (min-width: 304px)and (max-width: 305px){
    
    .front #block-block-3 {
    margin-top: -6950px;
}

}


@media only screen and (min-width: 310px) and (max-width: 320px){
    
    .front #block-block-3 {
    margin-top: -6915px;
}

}

@media only screen and (min-width: 320px) and (max-width: 321px){
    
    .front #block-block-3 {
    margin-top: -6915px;
}
}

@media only screen and (min-width: 322px) and (max-width: 326px){
    
    .front #block-block-3 {
    margin-top: -6870px;
}
}
@media only screen and (min-width: 327px) and (max-width: 328px){
    
    .front #block-block-3 {
    margin-top: -6835px;
}
}

@media only screen and (min-width: 329px) and (max-width: 338px){
    
    .front #block-block-3 {
    margin-top: -6785px;
}

}
@media only screen and (min-width: 338px) and (max-width: 342px){
     .front #block-block-3 {
    margin-top: -6790px;
}
    
}

@media only screen and (min-width: 342px) and (max-width: 355px){
    
    .front #block-block-3 {
    margin-top: -6710px;
}

}

@media only screen and (min-width: 355px) and (max-width: 365px){
    
    .front #block-block-3 {
        margin-top: -6961px;
}

}


@media only screen and (min-width: 355px) and (max-width: 365px){
    
    .html.front.not-logged-in.no-sidebars.page-node.i18n-en #block-block-3 {
    margin-top: -6690px;
}

}

@media only screen and (min-width: 366px) and (max-width: 370px){
    
    .front #block-block-3 {
    margin-top: -6720px;
}

}
@media only screen and (min-width: 366px) and (max-width: 370px){
    
   .html.front.not-logged-in.no-sidebars.page-node.i18n-en #block-block-3 {
    margin-top: -6690px;
}

}


@media only screen and (min-width: 370px) and (max-width: 380px){
    
    .front #block-block-3 {
        margin-top: -6887px;
}

}

@media only screen and (min-width: 370px) and (max-width: 380px){
    
    .html.front.not-logged-in.no-sidebars.page-node.i18n-en #block-block-3 {
    margin-top: -6670px;
}

}

@media only screen and (min-width: 380px) and (max-width: 385px){
    
    .front #block-block-3 {
    margin-top: -6899px;
}

}
@media only screen and (min-width: 386px) and (max-width: 400px){
    
  .html.front.not-logged-in.no-sidebars.page-node.i18n-en #block-block-3 {
    margin-top: -6730px;
}

}
@media only screen and (min-width: 386px) and (max-width: 400px){
    
    .front #block-block-3 {
       margin-top: -6961px;
    
}

}


@media only screen and (min-width: 400px) and (max-width: 450px){
    
  .front #block-block-3 {
      margin-top: -7067px;
}

}

@media only screen and (min-width: 400px) and (max-width: 450px){
    
   .html.front.not-logged-in.no-sidebars.page-node.i18n-en #block-block-3 {
    /*margin-top: -6660px;*/
    margin-top: -6705px;
}

}

@media only screen and (min-width: 450px) and (max-width: 470px){
    
    .front #block-block-3 {
    margin-top: -7080px;
}

}
@media only screen and (min-width: 470px) and (max-width: 500px){
    
    .front #block-block-3 {
     margin-top:-7075px;
}

}
@media only screen and (min-width: 470px) and (max-width: 500px){
    
    ..html.front.not-logged-in.no-sidebars.page-node.i18n-en #block-block-3 {
    margin-top: -6680px;
}

}
@media only screen and (min-width: 500px) and (max-width: 520px){
    
    .front #block-block-3 {
           margin-top: -7198px;
}

}


@media only screen and (min-width: 521px) and (max-width: 530px){
    
    .front #block-block-3 {
    margin-top: -7251px;
}

}
@media only screen and (min-width: 530px) and (max-width: 548px){
    
    .front #block-block-3 {
       margin-top: -7290px;
}

}
@media only screen and (min-width: 548px) and (max-width: 555px){
    
    .front #block-block-3 {
        margin-top: -7343px;
}

}*/

/******************************************************/
@media only screen and (min-width: 280px) and (max-width: 555px){
.node-type-phototheque .region.region-navigation {
    position: relative;
    top: -385px;
    width: 100%;
}
    /*.page-visite-virtuelle-phototheque .region.region-navigation {
    position: relative;
   }*/
}
/*.section-visite-virtuelle .region.region-navigation {
    position: relative;
    top: -385px;
    width: 100%;*/
}

/*@media only screen and (max-width: 290px){
    
.front #block-block-3 {
    margin-top: -7163px;
}

}
*/




/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}

@media only screen and (max-width: 415px) {

.col-sm-12.nos-formulaire a::after {
    top: 4px;
}
 
 body.front .navbar-header {
    left: 85%;
}

}

@media only screen and (max-width: 375px) {

.col-sm-12.nos-formulaire a::after {
    top: -18px;
}

body.front .navbar-header {
    left: 63%;
}


}

@media only screen and (max-width: 365px) {

.col-sm-12.nos-formulaire a::after {
    top: -18px;
}

}