@media (max-width: 640px) {

/************Ajout Vinke************************/

.banniere_bloc_1,
.banniere_bloc_2 {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
}
.banniere_bloc_1 img,
.banniere_bloc_2 img {
  height: auto;
}
.home_service .views-field-field-lien {
    padding-top: 9px;
}
.footer .logo_footer p{
  margin-left: 0;
}
.footer_full .col-sm-2 {
  width: 50% !important;
}
.footer_full .col-sm-2:first-child {
      width: 100% !important;
      text-align: center;
}

.simplenews-subscribe #edit-mail {
    width: 100% !important;
}
#simplenews-block-form-1 .form-submit {
    padding: 5px 40px;
    font-size: 16px;
    color: #fff !important;
    background-color: #f18b00 !important;
}
.recherche .form-group {
    float: inherit !important;
    margin-left: 0 !important;
    width: 100% !important;
}
.recherche {
    width: 100% !important;
}
#edit-submit {
    background: #f18e00 !important;
    color: #fff !important;
    padding: 5px;
    width: 60px;
    position: relative;
    top: -1px;
}

.recherche .navbar-form {
    margin-left: 0 !important;
}

.page-info-textes-reglementaires .allItems {
    width: 100% !important;
    display: block !important;
    float: inherit !important;
    position: relative !important;
}


.allItems p {
    width: 100% !important;
}
.view.view-base-documentaire .views-exposed-widgets {
    width: 100% !important;
    float: inherit !important;
    position: relative;
    left: 0 !important;
}


.view.view-base-documentaire .views-exposed-form .views-widget {
    width: 100% !important;
}

.espace_home_serviceInfo .views-field-field-image {
    padding-left: 0 !important;
}

.page-info-autres .allItems {
    width: 100% !important;
    display: block !important;
    float: inherit !important;
    position: relative !important;
}


.view .view-base-documentaire-view-autre .views-exposed-form .views-widgets{
    width: 100% !important;
}

.view .view-base-documentaire-view-autre .views-exposed-form .views-widgets {
    width: 100% !important;
    float: inherit !important;
    position: relative;
    left: 0 !important;
}


/******************Yann responsive***************/

.page-info-textes-reglementaires .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}

.page-info-textes-reglementaires .views-field-field-lien a
{

        top: -18px;
    position: relative;
}

.page-info-service-en-ligne .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}

.page-info-vente-aux-encheres .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}

.page-info-vente-aux-encheres .views-field-field-lien a
{

        top: -18px;
    position: relative;
}

.page-info-documents-a-lire .views-field-field-lien a
{

        top: -18px;
    position: relative;
}

.page-info-documents-a-lire .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}

.page-info-documents-officiels .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
} 

.page-info-documents-officiels .views-field-field-lien a
{

        top: -18px;
    position: relative;
}

.contentServiceEnLigne .views-field-field-lien a {
    color: #fff;
    position: relative;
    top: 6px;
}



.sidebar img {
    width: 35px !important;
    margin: auto !important;
}
.espace_home_serviceInfo .views-field-field-lien {
    height: 36px !important;
    margin-bottom: 10px !important;
}
.espace_home_serviceInfo .views-field-field-lien a {
        font-size: 11px !important;
    line-height: 37px !important;
    position: relative;
    top: -18px;
}
.espace_home_serviceInfo .views-field-field-lien {
    padding-left: 5px;
}



.page-info-service-en-ligne .field-content img
{
    width: 100%;
}


.pane-vente-aux-ench-re-view-prochaine-vente .view-footer a {
    position: relative;
    font-size: 11px !important;
    margin-left: 0px;
    /* margin-bottom: 2px; */
    background-color: #f39504;
    padding: 8px;
    border-radius: 2px;
    color: #fff;
    width: 100%;
    /* margin-top: 5px; */
    /* text-decoration: none; */
    left: 7px;
}

.page-info-vente-aux-encheres-port







.page-info-vente-aux-encheres-port .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
} 


.page-info-textes-reglementaires .view-content {
  overflow-x: auto !important;
    width: 100%  !important;
    height: auto  !important;
}



.page-info-vente-aux-encheres-port .view-content {
    overflow-x: auto !important;
    width: 100% !important;
    height: auto !important;
}

.page-info-vente-aux-encheres-aeroport .view-content {
    overflow-x: auto !important;
    width: 100% !important;
    height: auto !important;
}

.page-info-vente-aux-encheres-aeroport .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
} 

#node-24932 .webform-progressbar-page .webform-progressbar-page-label {
    margin: 0 0em ! important;
}
.page-node-24932 .webform-progressbar {
    margin-top: 40px!important;
    margin-bottom: 70px!important;
    margin-left: 0px!important;
}
#node-24932 .webform-progressbar-page {
    width: 60px!important;
}
.webform-progressbar {
    width: 90%;
    margin: 0 auto;
    text-align: left;
}
.page-node-24932 .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}  

.page-info-a-savoir .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}  

.page-info-sondage .sidebar
{
    margin-top: 40px !important;
}

.page-info-sondage .view-sondage-view #node-24909 {

    height: 325px;
}

.page-info-voir-les-archives .sidebar
{
    margin-top: 40px !important;
} 

.page-info-voir-les-archives .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}  

.row.espaceNew_home_service {
    margin-left: 5px;
}
.page-agent-memoire .allItems p {
    width: 326px !important;
}


.page-agent-rapport .view-filters {
    margin-bottom: 1.5em!important;
    width: 100%!important;
    border: 1px solid rgba(243, 149, 4, 0.31)!important;
    float: right;
    margin-top: 0px;
    padding: 10px;
}


.page-agent-memoire .view-filters {
    margin-bottom: 1.5em!important;
    width: 100%!important;
    border: 1px solid rgba(243, 149, 4, 0.31)!important;
    float: right;
    margin-top: 0px;
    padding: 10px;
}

.page-agent-documentations .allItems p {
    width: 326px !important;
}



.page-agent-ouvrage .view-filters {
    margin-bottom: 1.5em!important;
    width: 100%!important;
    border: 1px solid rgba(243, 149, 4, 0.31)!important;
    float: right;
    margin-top: 0px;
    padding: 10px;
}

.page-agent-ouvrage .allItems p {
    width: 326px !important;
}

.page-info-focus .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}  

.page-info-focus .sidebar
{
 margin-top: 20px !important;
}

.page-node-194 .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}  

.page-node-969 .sidebar
{
    margin-top: 20px !important;
}
.page-node-969 .sidebar img
{
   float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}

.page-node-970 .sidebar
{
    margin-top: 20px !important;
}

.page-node-970 .sidebar img
{
   float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}

.page-info-tec .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}  

.page-info-tec .view-content {
    overflow-x: auto !important;
    width: 100% !important;
    height: auto !important;
}


.page-agent-rapport .allItems p {
    width: 326px !important;
}

.page-info-a-savoir .view-content {
    overflow-x: auto !important;
    width: 100% !important;
    height: auto !important;
}
.page-info-sondage .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
}  



.page-node-27516 .sidebar img
{
float: left;
    margin-top: 0px !important;
    position: relative;
    left: 32px;
} 



.view-base-documentaire table {
  margin-top :0 !important;
}

.page-info-circulaire .view-content
{
    overflow-x: auto !important;
    width: 100%  !important;
    height: auto  !important;
}

.page-info-decision .view-content
{
    overflow-x: auto !important;
    width: 100%  !important;
    height: auto  !important;
}

.page-info-notes-information .view-content
{
    overflow-x: auto !important;
    width: 100%  !important;
    height: auto  !important;
}

.page-info-notes-services .view-content
{
    overflow-x: auto !important;
    width: 100%  !important;
    height: auto  !important;
}

.page-info-arrete .view-content
{
    overflow-x: auto !important;
    width: 100%  !important;
    height: auto  !important;
}

.page-info-convocation .view-content
{
    overflow-x: auto !important;
    width: 100%  !important;
    height: auto  !important;  
}
.page-info-autres .view-content 
{
    overflow-x: auto !important;
    width: 100%  !important;
    height: auto  !important;  
}

/****Fin ajout*************************/


    .trapezoide_agentNew {
        background-image: url(../images/cadreagents.png);
        background-repeat: no-repeat;
        position: absolute;
        z-index: 1;
        height: 316px !important;
        width: 349px !important;
        left: -19px !important;
        bottom: 0px !important;
    }
	.view.view-textes-reglementaires .views-exposed-widgets {
    margin-bottom: 1.5em!important;
    width: 100%!important;
    border: 1px solid rgba(243, 149, 4, 0.31)!important;
    float: right;
    /* min-height: 232px; */
    margin-top: -31px !important;
    }
	.pane-vie-associative-view .views-field-field-image img {
        margin-top: 0px !important; 
    }
	.container-inline-date .form-item, .container-inline-date .form-item input {
        width: 97% !important;
    }
	
	.view-le-douanier-view table tbody td {
        width: 100% !important;
    }

    .view-le-douanier-view .views-field-field-images {
        /* margin: 7px; */
        /* width: 295px; */
        /* text-align: center; */
        margin-left: 33px !important;
    }

	
	
	
	.titleViewAndPanel 
	{
    text-align: center !important;
	}
    .trapezoide_profNew{
        background-image: url(../images/cadreprofessionels.png);
        background-repeat: no-repeat;
        position: absolute;
        z-index: 1;
        height: 316px !important;
        width: 349px !important;
        left: -19px !important;
        bottom: 0px !important;
    }

    .titre_trap_prof{
        margin-top: 281px !important;
        margin-left: 122px !important;
        font-size: 24px !important;
        color: #ffffff;   
    }
	
	.view-actualite-en-douane .view-content ul li .views-field.views-field-body {
    display: none;

    padding-top: 30px;
    top: 53px !important;
    position: absolute;
    padding-left: 30px;
    /* border-bottom: solid 1px #ececec; */
    z-index: 1;
    width: auto !important;
    min-height: 100px;
    color: #000;
    background-color:transparent;
    /*background-color: rgba(255, 255, 255, 0.83);*/
	font-size:12px !important;
    }
	
	.view-actualite-en-douane .view-content ul li .views-field.views-field-field-date-de-publication {
    display: none;

    padding-top: 25px;
    top: 45px;
    position: absolute;
    padding-left: 30px;
    z-index: 3;
    color: #f18e00;
    font-size: 12px;
    }


    .view-actualite-en-douane ul li .views-field.views-field-title a {
        display: none;

        position: absolute;
        top: 27px !important;
        margin-top: 25px;
        margin-left: 30px;
        /* left: 30px; */
        z-index: 2;
        width: 730px;
        color: #197b30;
        font-weight: bold;
        text-decoration: none;
    }



	
	.view-actualite-en-douane #search_by_date_button {
        cursor: pointer;
        font-size: small;
        background-color: #e7e5e4;
        padding: 1%;
        position: absolute;
        top: 205px !important;
    }
    .trapezoide_partNew{
        background-image: url(../images/cadreparticuliers.png);
        background-repeat: no-repeat;
        position: absolute;
        z-index: 1;
        height: 316px !important;
        width: 349px !important;
        left: -19px !important;
        bottom: 0px !important;
    }
	.tb-megamenu-main-menu
	{
		background-color:#ebebeb!important;
		z-index:50000 !important;
		position:absolute !important;
		top: 66px;
	}
	.tb-megamenu-menu-menu-agent
	{
		background-color:#ebebeb!important;
		z-index:50000 !important;
		position:absolute !important;
		top: 66px;
	}
	.tb-megamenu-menu-menu-particulier
	{
		background-color:#ebebeb!important;
		z-index:50000 !important;
		position:absolute !important;
		top: 66px;
	}
	.tb-megamenu-menu-menu-professionnels
	{
		background-color:#ebebeb!important;
		z-index:50000 !important;
		position:absolute !important;
		top: 66px;
	}
	.view-actualite-en-douane #edit-body-value-wrapper {
        margin-top: 30px;
        width: 60%;
        margin-bottom: 20px;
        background-color: #e7e5e4;
        padding: 2%;
        height: 81px;
    }

    .view-actualite-en-douane .views-submit-button {
        margin-top: 30px;
        background-color: #e7e5e4;
        padding: 2%;
        height: 81px;
        width: 40%;
        padding-top: 32px;
    }
    .view-actualite-en-douane #search_by_motcle_button {
        display: none;
        cursor: pointer;
        font-size: small;
        background-color: #e7e5e4;
        padding: 1%;
        position: absolute;
        top: 210px;
    }
    .view-actualite-en-douane .form-item.form-type-select.form-item-field-date-de-publication-value-min-month {
        margin-bottom: 10px;
    }
    .view-actualite-en-douane .form-item.form-type-select.form-item-field-date-de-publication-value-max-month {
        margin-bottom: 10px;
    }
    .view-actualite-en-douane .form-item.form-type-date-select.form-item-field-date-de-publication-value-max {
        margin-left: 10px;
    }

    .sections{
    height: 250px !important;
    text-align: justify;
    }

    .chapitres{
    height: 250px !important;
    text-align: justify;

    }
    .recherche_produits
    {
    	text-align: justify;
    }
    .views-row views-row-10 views-row-even
    {
    	 width: 100% !important;
    }

    .contentServiceEnLigne .views-row {
        width: 100% !important;
    }

    .view-actualite-en-douane input[type=submit] {
        background-color: #007a45!important;
        border: #007a45!important;
        color: #fff !important;
        width: 100%;
    }
    .views-exposed-form .views-exposed-widget .form-submit {
        margin-top: 0em !important;
    }
    .img-responsive
    {
    	/*width:100% !important;*/
    }

    .contentServiceEnLigne .views-field-field-lien {
        border-top: 2px solid #fff;
        background-color: #f39504;
        padding: 2px;
        height: 51px;
        text-align: center;
        font-weight: bold;
        width: 100%; 
        font-size: 12px !important;
        height: auto;
    }
    /*scaffolding.less:14
    * {*/


    .item-list {
        padding-top: 17px;
        float: right;
    }

    .view-actualite-en-douane .view-content .views-row {
        /* padding-bottom: 20px; */
        border-top: 1px solid #C4C4C4;
        margin-bottom: 2% !important;
        height: 360px !important;
    }
    .btn {
    	/*display:none !important;*/
    }
    	button.btn.btn-navbar.tb-megamenu-button.menuIstance-processed {
    		display: none;
    	}
    	
    	.node-type-article .field-name-field-date-de-publication {
        margin-top: -1px;
        float: left;
        font-size: 11px;
        color: #333;
        width: 96%;
        border-bottom: 4px solid #f39504;
        padding-bottom: 4px;
        position: absolute;
        top: 413px;
        display: none;
    }
    	ul.tb-megamenu-nav.nav.level-0 li a {
    		color: #007a45;
    	}
    	.mega-dropdown-menu {
    		width: 100%!important;
    	}
    	ul.tb-megamenu-subnav.mega-nav li {
    		list-style: none;
    	}
    	
    	span#backMenu {
    		display: none;
    	}

    	.menu_info{
    		border-top:none!important;
    	}
    	.menu_agent{
    		border-top:none!important;
    	}
    	..menu_particulier{
    		border-top:none!important;
    	}
    	..menu_professionnel{
    		border-top:none!important;
    	}
        .sidebar img {
            float: left;
            margin-top: 0px !important;
        }

        .titre_trap_agent {
            margin-top: 281px !important;
            margin-left: 230px !important;
            font-size: 24px !important;
            color: #ffffff;
        }
        .titre_trap_part{
            margin-top: 281px !important;
            margin-left: 165px !important;
            font-size: 24px !important;
            color: #000000; 
        }


        .flex-direction-nav .flex-next {
            opacity: 1;
            right: 0px !important;
            height: 48px !important;
        }

        .flex-direction-nav .flex-prev {
            opacity: 1;
            left: 0px !important;
            height: 48px !important;
        }


        .home_service .views-field-field-lien {
            padding-left: 6px !important;
            padding-top: 16px !important;
            background-color: #dddddd;
        }

        .home_service .views-field-field-image {
            /* background-color: #f18b00; */
            width: 30%;
            /* padding-bottom: 1px; */
            /* padding-top: 0px; */
            /* padding-right: 0 !important; */
            /* margin-bottom: 0px; */
            float: left;
            background-color: #ed8c00;
            padding-left: 2px !important;
        }

        .bg_container{
            padding-top: 70px !important;/*height: 332px;*/
            background: white; /* For browsers that do not support gradients */
            background: -webkit-linear-gradient(to top, transparent 0%, #fff 7%) repeat scroll 64% 0% transparent; /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(to top, transparent 0%, #fff 7%) repeat scroll 64% 0% transparent; /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(to top, transparent 0%, #fff 7%) repeat scroll 64% 0% transparent; /* For Firefox 3.6 to 15 */
            background: linear-gradient(to top, transparent 0%, #fff 7%) repeat scroll 64% 0% transparent; /* Standard syntax */"
        }

        .slideshow_header .views-field-title {
            position: absolute ;
            top: 79px;
            margin-left: 1px !important;
            z-index: 11;
            width: 100%;
            text-align: left;
            font-size: 11px !important;
            background-color: rgba(0, 122, 69,0.3);
            padding: 10px;
        }

        .degraderProfessionnel {    
            width: 100% !important;
            float: left;
            padding: 6px;
            margin-top: 2px;
            color: #ffffff;
            background: #f18e00;
            margin-left: 0px !important;
        }

        .degraderAgent { 
            width: 100% !important;
            float: left ;
            padding: 6px;
            margin-top: 2px;
            color: #ffffff;
            background: #f18e00;
            margin-left: 0px !important;
        }

        .degraderParticulier {  
            width: 100% !important;
            float: left;
            padding: 6px;
            margin-top: 2px;
            color: #ffffff;
            background: #f18e00;
            margin-left: 0px !important;
        }

        .degraderInfo {  
            width: 100% !important;
            float: left;
            padding: 6px;
            margin-top: 2px;
            background: #f18e00;
            margin-bottom: 2px !important;
            margin-left: 0px !important;
        }

        .ico_home{
            width: 20px;
            height: 20px;
            margin: -86px 0px 0px 62px !important;
        }  

        .titre_douanes{
            margin-left: -160px;
            font-size: 16px;
            display: none;
        }

        .titre-bibliotheq {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }

        .titre-learn {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }

        .titre-ecoute {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }
        .titre-qualite {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }
        .titre-vie {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }

        .titre-sugg {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }

        .titre-douanes {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }

        .titre-recrutements {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }
        .titre-plan {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }

        .titre-news {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }
        .titre-pub {
            background-color: #fff;
            margin-top: 3px;
            padding: 12px !important;
            border-top: 2px solid #dddddd;
            border-bottom: 2px solid #dddddd;
        }


        .titre-agenda {
            background-color: #dddddd;
            margin-top: 6px;
            padding: 12px !important;
        }

        .titre-enchere {
            background-color: #dddddd;
            margin-top: 6px;
            padding: 12px !important;
        }

        .titre-officiels {
            background-color: #dddddd;
            /*margin-top: 6px;*/
            padding: 12px !important;
        }

        .img_agent{
            padding-right: 0 !important;
        }

        .img_agent2{
            padding-left: 0 !important;
        }

        .btn-default_s{
            background-color: transparent !important;
            border: 1px solid #ffffff !important;
            color: #000000;
            float: right;
            background-color: #fafafa !important;
            margin-top: -34px !important;
            margin-right: 0;
        }

        .slideshow_header .views-field-body .field-content div {
            background-image: url(../images/cadredouane.png);
            background-repeat: no-repeat;
            position: absolute;
            z-index: 4;
            height: 430px;
            width: 636px;
            right: -64px;
            top: -259px;
            padding-right: 66px;
            padding-left: 150px;
            padding-top: 291px;
            display: none!important;
        }

        .espace_home_service .views-field-field-image {
            text-align: center;
            text-align: -webkit-center;
            vertical-align: middle;
            margin-left: 15px !important;
        }

        .espace_home_service .views-field-field-lien {
            padding-left: 10px;
            padding-top: 20px;
            background-color: #dddddd;
            margin-left: 37%;
            width: 59%;
            height: 55px;
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 0px !important;
        }

        .douane_officiels {
            /* padding-top: 20px; */
            padding-left: 0px;
            margin-bottom: 5px;
            display: none !important;
        }
        .douane_agenda {
            /* padding-top: 20px; */
            padding-left: 0px;
            margin-bottom: 5px;
            display: none !important;
        }
        .douane_enchere {
            /* padding-top: 20px; */
            padding-left: 0px;
            margin-bottom: 5px;
            display: none !important;
        }

        .archive {
            /* background-color: rgba(255, 255, 255, 0.79); */
            /*margin-top: 116px !important;*/
            padding-top: 6% !important;
            background: #FFF;
    		margin-top: 16px !important;
        }
    	
    	.espace_home_serviceInfo .views-field-field-lien {
        padding-left: 10px;
        padding-top: 18px;
        background-color: #dddddd;
        margin-left: 32%;
        width: 68%;
        /* height: 58px; */
        height: 59px;
        margin-bottom: 4px;
        /* margin-bottom: 8px; */
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .node-article img {
        margin-bottom: 0px !important;
    }
    .galleryformatter-greenarrows .gallery-thumbs {
        padding: 0 0px !important;
    }

    .view-galerie-photo table tbody td {
        display: block;
        height: 300px;
        width: 89% !important;
    }
    .view-galerie-video table tbody td {
        display: block;
        /* background-color: #F6F6F6; */
        height: auto;
         width: 89% !important;
       /* padding: -20px 0px 0px 0px;
        cursor: pointer;
        float: left;
        margin-left: 20px;
        text-align: center;
        border: 1px solid #F5F5FA;
        margin-bottom: 20px;*/
    }

    .views-field-field-lien-de-la-video
    {
    	width:100% !important;
    }


    .view-galerie-photo table tbody td img {
        width: 100% !important;
        height: 165px !important;
    }

    .gallery-slides
    {
    	width: 323px !important;
        height: 290px !important;
    }

    .gallery-thumbs
    {
        width: 325px !important;
    }

        .view-actualites .views-row {
            padding-bottom: 20px;
            border-top: 1px solid #C4C4C4;
            margin-bottom: 2%;
            height: auto !important;
        }

        .slideshow_header a {
            color: #ffffff;
            font-size: 10px;
            text-decoration: none;  
        }

        .headline {
            position: absolute;
            font-size: 7pt !important;
            /*height: 20px !important; */
            width: 80%;
        }

        .btn_s{
            -moz-user-select: none;
            background-image: none;
            border-radius: 0px !important;
            cursor: pointer;
            display: inline-block;
            font-size: 17px !important;
            font-weight: normal;
            line-height: 1.42857;
            margin-bottom: 10px !important;
            padding: 4px 12px;
            text-align: center;
            touch-action: manipulation;
            vertical-align: middle;
            white-space: nowrap;
        }

        .reseaux-sociaux{
            margin-top: 0px !important;
            margin-bottom: -20px;
            /*margin-top: -35px;*/
            text-align: right;
        }

        .thumbnail {
            background: rgba(0, 0, 0, 0) url("../images/img-ag.png") no-repeat scroll center center / cover ;
            border-radius: 0;
            border-style: none;
            display: block;
            height: 385px;
            line-height: 1.42857;
            margin-bottom: 20px;
            padding: 4px;
            transition: border 0.2s ease-in-out 0s;
        }

        .thumbnail_particuliers{
            display: block;
            line-height: 1.42857;
            margin-bottom: 20px;
            padding: 4px ;
            transition: border 0.2s ease-in-out 0s;
            background: url("../images/img-part.png") no-repeat center;
            background-size: cover;
            height: 385px;
        }

        .thumbnail_pro{
            display: block;
            line-height: 1.42857;
            margin-bottom: 20px;
            padding: 4px ;
            transition: border 0.2s ease-in-out 0s;
            background: url("../images/img-prof.png") no-repeat center;
            background-size: cover;
            height: 385px;
        }

        .navbar-toggle{
            background-color: transparent !important;
            background-image: none !important;
            border-radius: 0px !important;
            float: left !important;
            margin-bottom: 6px !important;
            margin-right: 15px !important;
            margin-top: 6px !important;
            padding: 9px 10px !important;
            position: relative !important;
            margin-left: 6px;
        }

        .navbar{

            background: #ebebeb none repeat scroll 0 0;
            border: 1px solid transparent;
            margin-bottom: 3px;
            margin-top: -9px;
            min-height: 40px;
            position: relative;
            margin-left: 0;
        }

        .form-group {
            margin-bottom: 15px;
            float: left !important;
        }

        /*PAGE INDEX */
        .slideshow_header .views-field-body{
            display: none;
        }
        .slideshow_header .views-field-field-date-de-publication{
            display: none;
        }
        .slideshow_header .flexslider .slides img{
            height: auto;
        }
        .slider {
            height: auto;
        }
        .menu_espace{
            width: auto;
            height: auto !important;
        }

        /*.tb-megamenu .nav-collapse.collapse {
            display: block !important;
        }

        .navbar-collapse.collapse {
            display: inline!important;
        }*/
    	
    	.widthFull img, img {
    		height: auto !important;
    	}


        /*ESPACE AGENT*/
        /*ESPACE AGENT*/

        .pane-vie-associative-view .views-field-title{
            margin-left: 0%;
        }
        .pane-vie-associative-view .views-field-field-image{
            width: 100%;
        }
        .pane-vie-associative-view .views-field-field-telephone{
            width: 100%;
        }
        .pane-vie-associative-view .views-field-field-fax{
            width: 100%;
        }
        .pane-vie-associative-view .views-field-field-bp{
            width: 100%;
        }
        .pane-vie-associative-view .views-field-field-courriel{
            width: 100%;
        }
        .pane-vie-associative-view .views-field-field-site-web{
            width: 100%;
        }

    }


@media (min-width: 1200px) {
    .container
    {
        width: 1024px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px){

    .tb-megamenu-main-menu
    {
        background-color:#ebebeb!important;
        z-index:50000 !important;
        position:absolute !important;
        top: 55px;
    }

    .tb-megamenu-menu-menu-agent
    {
        background-color:#ebebeb!important;
        z-index:50000 !important;
        position:absolute !important;
        top: 55px;
    }
    .tb-megamenu-menu-menu-particulier
    {
        background-color:#ebebeb!important;
        z-index:50000 !important;
        position:absolute !important;
        top: 55px;
    }
    .tb-megamenu-menu-menu-professionnels
    {
        background-color:#ebebeb!important;
        z-index:50000 !important;
        position:absolute !important;
        top: 55px;
    }

    .tb-megamenu-main-menu button {
        margin-bottom: 0px!important;
    }
    .tb-megamenu-menu-menu-agent button {
        margin-bottom: 0px!important;
    }
    .tb-megamenu-menu-menu-particulier button {
        margin-bottom: 0px!important;
    }
    .tb-megamenu-menu-menu-professionnels button {
        margin-bottom: 0px!important;
    }

    ul.tb-megamenu-nav.nav.level-0 li a {
        color: #007a45;
    }
    .mega-dropdown-menu {
        width: 100%!important;
    }
    ul.tb-megamenu-subnav.mega-nav li {
        list-style: none;
    }
    
    span#backMenu {
        display: none;
    }

    .slideshow_header .views-field-title{
        margin-left: 10px;
    }
    .slideshow_header .views-field-field-date-de-publication{
        margin-left: 10px;
    }
    .slideshow_header .views-field-body{
        margin-left: 10px;
    }
    .titre_douanes{
        display: none;
    }

    .flex-direction-nav .flex-prev{
        left: 0px !important;
    }
    .flex-direction-nav .flex-next{
        right: 0px !important;
    }

    .thumbnail{
        height: 365px;
    }
    .thumbnail_particuliers{
        height: 365px;
    }
    .thumbnail_pro{
        height: 365px;
    }
    .home_service .views-field-field-lien{
        height: 37px;
        margin-bottom: 3px;
        letter-spacing: 0;
        padding-top: 1px;
    }
    .logo_footer .list-inline li {
        margin-left: -4px!important;
    }
    .logo_footer p {
        margin-left: 0px!important;
    }
    .footer_full input#edit-mail {
        width: 100%;
    }
    .footer_full h2{
        font-size: 20px
    }
    .footer_full .col-sm-2 h2 {
        margin-top: 0px! important;
        font-size: 12px;
        color: #ccc;
        font-family: Arial,Helvetica,sans-serif;
        text-transform: uppercase;
    }

    /*PAGE AGENT DOCUMENTATION*/
    .view.view-textes-reglementaires .views-exposed-widgets{
        width: 100%!important;
        margin-top: 0px;
    }
    .espaceNew_home_service .views-field-field-lien {
        padding-left: 5px;
        padding-top: 0px;
        background-color: #dddddd;
        /*margin-left: 32%;*/
        width: 62%;
        height: 40px;
        margin-bottom: 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .espace_home_service .views-field-field-lien{
        padding-left: 5px;
        padding-top: 0px;
        background-color: #dddddd;
        margin-left: 32%;
        width: 62%;
        height: 50px;
        /* height: 63px; */
        margin-bottom: 4px;
        /* margin-bottom: 8px; */
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /*ACTUALITER EN DOUANE*/
    .view-actualite-en-douane #search_by_date_button{
        cursor: pointer;
        font-size: small;
        background-color: #e7e5e4;
        padding: 1%;
        position: absolute;
        top: 300px;
    }
    .view-actualite-en-douane #search_by_motcle_button {
        display: none;
        cursor: pointer;
        font-size: small;
        background-color: #e7e5e4;
        padding: 1%;
        position: absolute;
        top: 300px;
    }

    .view-actualite-en-douane input#edit-submit-actualite-en-douane {
        width: 100%;
    }
    .view-actualite-en-douane .form-item.form-type-select.form-item-field-date-de-publication-value-min-month {
        margin-bottom: 10px;
    }
    .view-actualite-en-douane .form-item.form-type-select.form-item-field-date-de-publication-value-max-month {
        margin-bottom: 10px;
    }
    .view-actualite-en-douane .views-submit-button {
        margin-top: 30px;
        background-color: #e7e5e4;
        padding: 2%;
        width: 40%;
        padding-top: 22px;
    }
    .view-actualite-en-douane .view-content .views-row {
        /* padding-bottom: 20px; */
        border-top: 1px solid #C4C4C4;
        margin-bottom: 2%;
        height: 220px;
    }

    /*LIEN UTILE BLOCK*/
    .espace_home_serviceInfo .views-field-field-lien {
        padding-left: 2px;
        padding-top: 4px;
        background-color: #dddddd;
        margin-left: 32%;
        width: 68%;
        /* height: 58px; */
        height: 46px;
        margin-bottom: 4px;
        /* margin-bottom: 8px; */
        text-transform: uppercase;
         letter-spacing: 0px; 
    }


}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /*CSS*/
  
}

/*@media (min-width: 1600px)
{
    .logo
    {
        margin-top: 86px !important;

    }
    .container
    {
        width: 1300px !important;

    }
    .thumbnail
    {
        border-radius: 0px !important;
        border-style: none !important;
        display: block;
        line-height: 1.42857;
        margin-bottom: 20px;
        padding: 4px ;
        transition: border 0.2s ease-in-out 0s;
        background: url("../images/img-ag.png") no-repeat center;
        background-size: cover;
        height: 413px !important;
    }

    .thumbnail_particuliers
    {
        display: block;
        line-height: 1.42857;
        margin-bottom: 20px;
        padding: 4px ;
        transition: border 0.2s ease-in-out 0s;
        background: url("../images/img-part.png") no-repeat center;
        background-size: cover;
        height: 413px !important;
    }
    .thumbnail_pro
    {

        display: block;
        line-height: 1.42857;
        margin-bottom: 20px;
        padding: 4px ;
        transition: border 0.2s ease-in-out 0s;
        background: url("../images/img-prof.png") no-repeat center;
        background-size: cover;
        height: 413px !important;

    }
    .thumbnail .caption
    {
        color: #ffffff;
        padding: 177px 9px 9px !important;
    }
    .thumbnail_particuliers .caption
    {
        color: #07390a;
        padding: 177px 9px 9px !important;
    }
    .thumbnail_pro .caption
    {
        color: #ffffff;
        padding: 177px 9px 9px !important;
    }
    #slider2
    {
        max-width: 900px !important;
    }
}*/