.panel-search h2 {
    font-size: 19px;
    width: 100%;
    color: #007fbe;
    text-align: center;
	}


/*=========  START MEDAIS QUERIES  ============*/
 /*supprime le teaser logo web2mobile après après ipad donc jusqu'au desktop */
 @media (min-width: 637px){/*@media (min-width: 750px) and (max-width: 1024px){*/
 div.web2mob-logo img{display:none!important;}
}/*end medias*/


/*===============  FORMAT PAYSAGE  ======================*/
/*============STAT MEDIA QUERIES 736px ================= */

/*@media screen and (max-width: 736px){   ou...

@media (orientation: landscape) and (max-width : 600px){ 


}*/ /*end 736*/

/*===============  END FORMAT PAYSAGE  ======================*/






/*=========  START MEDAIS QUERIES  +  VERSION PAYSAGE ============*/
  @media screen and (max-width: 480px){/*--------- mode paysage : @media screen and (max-width: 736px){*/	/*@media screen and (max-width: 480px) { */
	

	/*coleur fond blanc dans header*/
 	.canvas {
    width: 100%;
    background-color: white;
	}
 	/*SUPPRIME LE CONTENT (teaser + slide etc..)*/
 	.portlet-layout.aui-w100{display:none;}
 	.portlet-journal-content .journal-content-article {
    clear: right;
    display: none;
	}

/*==========pave cookies panel blue===========*/
     .trackingCookiesDisclaimer.panel-blue {/*z-index: 4000;*/display:none;}

  /*-----connexion----------*/
	.panel-utils .account {
			    position: relative;
	    		top: -148px!important;
	    		height: 13px;
				}
	.panel-utils .account h3{
			    position: relative;
	    		display:none;
				}


	/*POPUP APRES CONNEXION INCORRECT */	
    div.containerUnBouton.dijitDialog .dijitDialogPaneContent{
	    width: 79%!important;
	    left: 0px!important;
	}



   /* ============= DECONNEXION ============ */
	.panel-utils .account a.logout-link {
    font-size: 11px;
    position: relative;
	right: 14px!important;
    top: -23px!important;
    /*background: url(../images/infogreffe/icons/sprite-home.png) no-repeat -690px -198px;*/
	}

	
	/*mmail ou numéro client*/
	.panel-utils .account input.field-user {
		position: relative;
    	top: 20px;
		width: 171px;
		}

	.panel-utils .account input.button {
    display: block;
    position: relative;
    margin-left: 0px;
    left: 294px;
    top: -59px;
    color: #fff!important;
    text-shadow: none!important;
    font-size: 9px!important;
    height: 28px;
    border-radius: 3px;
    /* background: url(../images/infogreffe/icons/sprite-home.png) no-repeat -550px -251px; */
    padding: 0px 10px 0 22px;
	}
  	/*--------------  popup information connexion  --------------*/
  	.infogreffe .dijitTooltipRight {
     	 padding-left: 0px;
         left: 10%!important;
         width: 80%!important; 
	}

  	/*========== PARVE COOKIES ===========*/
    .panel-blue {padding: 18px 40px 18px 15px;}
    .trackingCookiesDisclaimer.panel-blue {z-index: 4000;}
    .trackingCookiesBoutons {float: none!important;}
    .trackingCookiesMessage {float: none;}
   /* enleve le blanc après avoir supprimé la popup cookie*/
   /*.trackingCookiesDisclaimer .header {margin-top: 0px!important;}*/


	/*========== MAIN CONNTENT ===========*/
  	 div#main-content {
  	 	width: 100%;
  	 	position: relative;
    	top: 390px;
  	 } 

	/*--------------  fOND  --------------*/

	.canvas {padding-top: 0px;}
	 
	body.infogreffe {
	    text-align: center;
	    background: none!important;
	    min-width: inherit!important;
	    width: 100%;
	}
	/*--------------  Macaron  --------------*/
	body.infogreffe .page-container {
    /*background: url(../images/infogreffe/skin/bg-header.png) no-repeat right top;i*/
	}


	body.infogreffe .page {
		/*background: url(../images/infogreffe/skin/bg-bott.png) no-repeat bottom center;i*/
		background-color: white!important;
	    /* background: none!important; */
	}

	.canvas {width:100%;}

	.edito-layout .portlet-column {
    	padding: 0px; 
	}


	/*----------  LOGO ------------------*/
	h1.logo {
	    position: relative;
	    /*top: 95px;
	    left: 35px;*/
	    width:100%;
	    top: 72px;

	}


 
	/*----------  Panier ------------------*/

	.panel-utils .cart {
	    width: 100px;
	    height: auto;
	    position: relative;
	    top: -91px;
	    left: 54px;
	}

	/*----------  LANGUE ------------------*/

	.languages {
	    width: 100px;
	    height: 93px;
	    position: relative;
	    top: -91px;
	    right: 3px;
	}

	.languages .langue {
    margin-top: 8px;
    position: absolute;
    left: -264px;
	}

	.panel-utils .cart .text {display:none;}

	.languages .text {display:none;}

	.panel-utils .account input.field-password {
     width: 121px;  
    margin: 0 2px 0 15px!important;
    float: right; 
    position: relative;
    top: 60px;
	}

	.panel-utils .account input.field-password {
    width: 121px;
    margin: 0 2px 0 15px!important;
    position: relative;
    top: 22px;
    left: -20px;
	}
	
    .panel-utils .cart .ico {
    display: block;
    position: relative;
    left: -44px;
    width: 100px;
    height: 60px;
	}


	/*----text panier tarifs haut-----*/
	    div.cart a span.prix{
	    	position: absolute; 
	    	top: 32px;
    		left: -82px; 
    	} 
    /*	rond rouge*/
    .panel-utils .cart .nb {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 9px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    margin: 16px 0 0 20px!important;
	}
 
  
	/*========= HEADER CONTENU============*/
	 .header {
		width: 100%!important;
		height: auto!important;
		position: absolute;
		top:-27px;
	}

	.trackingCookiesDisclaimer .header {
	margin-top: 0px!important;
	background-color: white!important;
	}
 	/*LE BLOC GENERAL DU HAUT*/
	.panel-utils {
    width: 100%;
    height: 93px;
    float: none!important;  
    margin-bottom: 5px;
    position: relative;
    top: 20px; /*changement remis*/
	}
	 
	/*CENTRE LE LOGO*/
	a.logo, a.button {
    text-decoration: none;
    display: block;
    position: relative;
    top: 63px!important;
    left: 4.200em;
	}
	
	/*----------- icon information après connexion -----------*/
	.panel-utils .account .ico-info {
 	    margin-left: 70%;
    	margin-top: 15%;
    	display:none;
	} 


     /*----------- Créer un compte -----------*/
 	 .panel-utils .account a.create-link, .account a.logout-link {display:none;} 


 	/*============ CHAMPS DE RECHERCHE ============*/
 
	 .panel-search {
	    padding: 57px 5px 0px 15px;
		text-align: left;
		background: #ffffff!important;
		 border-bottom: none!important; 
	} 

	.panel-search input.field {
	    font-size: 13px;
	    width: 72%;
	    /* margin: 3px 0px 16px 0px; */
	}
 
	div.panel-search > form#formRecherche {
		/* margin-bottom: 5%; */
	}

	.spinnerContainer {width: 100%;}


	/*----------  loupe dans bloc bleu ------------------*/
	.panel-search input.button {
		width: 16%;
	}

 
	/*----------  Accéder à l'info texte ------------------*/
	 .panel-search h2 {
	    font-size: 20px;
		width: 100%;
		margin-bottom: 4px;
	} 
 

	/*----------  memoriser le mot de passe ------------------*/
	 #cb-memoriser {display: none;}

	 .panel-utils .account label {
    display: inline;
    font-weight: normal;
    color: #444;
    font-size: 10px;
    display: none;
	}

	.panel-utils .account label {display: none;}

 
 	/*=========  BANDE BLEU MENU ============*/
	div.canvas ul.menu#navigation {display:none;}
	 #cb-memoriser {display: none;}
	 .panel-utils .account label {
    display: inline;
    font-weight: normal;
    color: #444;
    font-size: 10px;
    display: none;
	}

	/*=========  BANDE OUTIL ============*/
	.page-home #content .tools li {display:none;}


	/*=========  ou Utiliser recherhe avancée ============*/
	.panel-search .small-link{display:none;}

	/*---------- texte aujourd'hui : 36377 mise o jour... ----------*/
	.panel-search p { display:none;}

	
	/*=========  TEASER / EDITO / SIDEBAR ============*/

	.layout-page-width {width: 100%;}
	.teaser {display:none;}
	.teaserSlide .webContentSlideshowSlide {display:none!important;}

 	.editos {display:none;}

	.sidebar.right{display:none;}

	.teaser-title h1.grey {display: none;}

	
	/*=========  FOOTER LOGO/ LIENS ============*/
	
	.footer ul.logos {
		display:none;
	}

	.footer ul {
		width: 100%!important;
	}

	.footer {
	    padding-bottom: 0px;   
	    /*background: white url(../images/infogreffe/skin/bg-bottom.gif) repeat-x top left;*/
	    color: #999;
	    text-align: center;
	}

	.footer.noImpr{
    padding-bottom: 0px;
    /*background: white url(../images/infogreffe/skin/bg-bottom.gif) repeat-x top left;*/
    color: #999;
    text-align: center;
	position: relative;
	min-height: 0px!important;
 /*   top: -44px;*/
}

	.footer a {font-size: 13px;}

	/*.footer.noImpr ul.logos {display:none;}*/

	/*--------supprime les li du footer garde tarifs - mentions légales - CGU-CGV-----------*/

	div .footer.noImpr ul li.first{display:none;}
	div .footer.noImpr ul.links li:nth-child(2){display:none;}
	div .footer.noImpr ul.links li:nth-child(4){display:none;}
	div .footer.noImpr ul.links li:nth-child(5){display:none;}
	div .footer.noImpr ul.links li:nth-child(6){display:none;}
	div .footer.noImpr ul.links li:nth-child(9){display:none;}
	div .footer.noImpr ul.links li:nth-child(10){display:none;}
	div .footer.noImpr ul.links li:nth-child(11){display:none;}
	div .footer.noImpr ul.links li:nth-child(12){display:none;}
	div .footer.noImpr ul.links li:nth-child(13){display:none;}
	div .footer.noImpr ul.links li:nth-child(14){display:none;}

	/*--------aligne les trois li : tarifs mentions légales CGY-CGV-----------*/

	.footer ul.links {
	    /*background: #b1b6b8 url(../images/infogreffe/skin/bg-footer.gif) repeat-x center center;*/
	    font-size: 1.250em;
	    padding: 0px 0;
	    margin-bottom: 0px; 
	    margin-top: 446px; /*derniere correction remis*/
	    height: 42px; 
	}
	.footer ul.links li:nth-child(8) {border-right: solid 0px #fff;}

	.footer li, .footer li h2 {
	  	display: inline-block;
	    margin: 10px 20px 0 20px;
	    line-height: 25px;
	}


	/*==============  POPUP CONNEXION ====================*/

	#lightbox-aide-connexion {width: 100%;}

	div.dijitDialog{
		left: 45px;
    	top: 86px;
    }

	div.dijitDialog div.dijitDialogPaneContent {
		width: 100%!important;
		/*padding: 10px 31px 14px;*/
		/*height: 356px!important;*/
	}
 

	.infogreffe .dijitDialogTitleBar {
	    border: none;
	    background: #fff;
	    padding: 50px 50px 10px 30px;
	    position: relative;
    	left: 0px!important;
	}
 	
 	#lightbox-aide-connexion .lightbox-aide-connexion p.imgIllustration {
	    height: 150px;
	    background: none;
	}
	#lightbox-aide-connexion .lightbox-aide-connexion p {
        width: 85%;
    	font-size: 14px;
	}

	p.imgIllustration {width: 100%!important;}

	#lightbox-aide-connexion .lightbox-aide-connexion span {display: block;} 

	
	/* ======= CROIX CLOSE  ========*/
	.dijitDialog .closeText {
     	top: 1px;
		right: 7px;
	}
	
	
	/* ======= START texte gauche et droite avec rajout de phrase  ======*/

	/*--------------------texte gauche------------------------------*/
	#lightbox-aide-connexion .lightbox-aide-connexion span.gauche {
	    width: 67%;
	    font-weight: 400;
		font-size: 16px;
	}
	/*------texte manquant dans la popup------*/
	span.gauche:after {content:" votre N° Client et N° Utilisateur."; }


	/*--------------------texte droit------------------------------*/
	#lightbox-aide-connexion .lightbox-aide-connexion span.droit {
	    width: 80%;
	    margin-top: 20px;
	    font-weight: 200;
	    font-size: 16px;
	}
	/*------texte manquant dans la popup------*/
	span.droit:after {content:" votre Mail."; }

	/* ======= END texte gauche et droite avec rajout de phrase  ======*/



	/*==============  POPUP MOT DE PASSE OUBLIÉ ====================*/

	#dialogModal.resetPwd {
    	width: 100%;
	}

	div.dijitDialog.dijitDialogHover.dijitHover {position: absolute; left:0px;}

	.infogreffe .pwdPerduForm p {
		position: inherit; 
		margin: 5px 0;
    	font-size: 16px;
	}

	.infogreffe .pwdPerduForm .dijitTextBox {
	    margin-left:  0px; 
	    width: 90%; /*225px;*/
	    margin-top: 40px;
	}

	.infogreffe .pwdPerduForm label {
	    position: inherit;  
	    line-height: 89px;
	}

	.dijitDialogPaneContent {width: 100%!important;}

	div.pwdPerduForm #infogreffe_auth_RecuperationMotDePasse_0 {width: 225px;}

	div.pwdPerduForm {width: 89%!important;}

	label {font-size: 15px;}


	/*------ Bouton valider------*/
	.infogreffe .btn-mini .dijitButtonNode {
	    font-size: 16px;
		padding:10px; 
		margin-top: 10px;
		    position: relative;
    left: 12px;
	
	}

	.infogreffe .pwdPerduForm .btn-valider {width: 100%!important;}
	.infogreffe .pwdPerduForm {margin: 0px;}


	/*------ Point interrogation help ------*/
	.infogreffe .pwdPerduForm .help {display: none;}


	/* ================ CROIX CLOSE  ==============*/
	/*.dijitDialogCloseIcon .closeText {display: none;}*/


	/* =============LA PARTIE CONNEXION  ================*/

	/*------ Mon compte une fois mis le mot de passe ------*/
	.panel-utils .account a.compte-link {display: none;}
 
	/* ---------- Aside : mes commandes, mes surveillances, mes formalités --------*/
	.panel-utils .account .aside {display: none;}

	/* ---------- bienvenue --------*/
	.panel-utils .account.logged {width: 100%;}

	
	/* ---------- Bienvenue : Name--------*/
	.panel-utils .account.logged h3 strong {
		font-size: 14px;
		line-height: 18px;
	}
	 

 	#dialogModal .dialogMessage {
	    margin-left: 6%;
	    font-size: 15px;
	    width: 61%;
	    line-height: 21px;
	} 
    
	
	.dijitDialogPaneContent {width: 86%!important;}


	#dialogModal .containerBoutons {
	    margin: 0px; /*margin: 25px 25px;*/
	    text-align:none;/*text-align: left;*/
	}

	div.containerBoutons #dialogModal .dialogMessage {
	    text-align: left;
    	margin-left: 70px;
	}


	#dialogModal.containerUnBouton {width: 100%;}

	.infogreffe .dijitDialogCloseIcon {
		top: 15px!important; 
		right: 45px!important;}

.dijitDialogTitleBar .dijitDialogCloseIcon{top: 52px!important;}

	.panel-utils .cart .prix {
    position: absolute;
    margin: -8px 0 0 -10px;
    color: #b5141f;
    width: 100px;
    text-align: center;
	}
}/*----- end MEDIAS QUERIES 480-----*/




/*----- medias screen 414px-----*/
 @media (max-width: 414px){ 

  /* ------------popup renseigner la recherche dans page recherche-siret-entreprise/chercher-siret-entreprise.html------------*/
   #content .entreprise .dijitTextBox {width: 100%;}
   #content .entreprise .left {
    padding: 0px; 
    width: 100%;
    min-height: 130px;
    }
    /*bloc gauche*/
    #content .entreprise label {width: inherit!important;/* padding: 6px 0 0 0; */}
    /*bloc droit*/
    #content .entreprise .right {
    padding: 0 0 30px 0;
     width: inherit!important;  
    }
   /* BANDE BLEU*/
    .left.separator-big{
    display: none!important;
    }
    div.dijit.dijitReset.dijitInline.dijitCheckBox{margin-left: 0px;}

	/*.infogreffe .btn-large .dijitButtonNode {margin-top: 29px;}  espace avant bouton recherche*/

    /*checkbox sous : Elargir la recherche aux : */
    #content .entreprise .checkbox-group .dijitCheckBox {
    position: relative;
    float: left;
    margin-left: 8px!important;
    clear: both!important;
	}

     /*----------------------end popup renseigner la recherche------------------------------------------------------------------*/

	.panel-search {padding: 135px 5px 122px 15px;}
	
	.languages .langue {
    margin-top: 8px;
    position: absolute;
    left: -304px;
	}
	#formConnexionLogin {
    position: relative;
    top: 10px;
    left: -3px;
    width: 51%;
	}
	 
	#formConnexionPassword {
    position: relative;
    top: 10px;
    left: 1px;
	}

	.panel-utils .account input.field-user {width: 152px;}

	/*MON PANIER*/
 	 #content .commander-documents .sidebarFloat {
    position: absolute;
    right: 18%!important;
    bottom: 0px!important;
	}  

	/*lorsque que l'on est connectéle nom apparait*/
	.panel-utils .account.logged h3 {
	    font-size: 16px;
	    width: 35%;
	    position: relative!important;
	    top: 1px!important;
	    left: 30px!important;
	    display: block
	}

		 /*------logo web2mobile sous footer-----*/
	 div.web2mob-logo {
	    position: relative;
	    top: 0px;/*-44px*/
	    left: 0px;
		}  
		div.web2mob-logo img{
	  	width: 100%;
	    margin: 0 auto;
		}
		/*------ end logo web2mobile sous footer-----*/
		.footer ul.links {
    	margin-top: 619px; 
		}
}/*end*/

 /*-----start medias screeen 375-----*/
@media (max-width: 375px){
	

	.languages .langue {
    margin-top: 8px;
    position: absolute;
    left: -267px;
	}
	#formConnexionPassword {
    position: relative;
    top: 10px;
    left: 0px!important;
	}
	#formConnexionLogin {
    position: relative;
    top: 10px;
    left: 34px!important;
    width: 43%;
	}
	a.logo, a.button {
    text-decoration: none;
    display: block;
    position: relative;
    top: 63px!important;
    left: 3.2em;
	}
	/*Nom lorsque que l'on est logué*/
    .panel-utils .account.logged h3 {
    font-size: 16px;
    width: 35%;
    position: relative!important;
    top: 1px!important;
    left: 227px;
    display: block;
    }

     /*------logo web2mobile sous footer-----*/
  
	div.web2mob-logo img{
  	width: 100%;
    margin: 0 auto;
	}
	/*------ end logo web2mobile sous footer-----*/
	.footer ul.links {
    margin-top: 555px;/*555px;*/
    vertical-align: bottom!important;
	}

}/*end*/

/*-----start medias 320-------*/
@media (max-width: 320px){

	.panel-search {padding: 89px 5px 57px 15px;}

	/*compte mot de passe*/
	.panel-utils .account input.field-password {width: 106px;}

	#formConnexionPassword {
    position: relative;
    top: 10px;
    left: -2px!important;
    width: 23%;
	}
	/*mail input*/
	#formConnexionLogin {
    position: relative;
    top: 10px;
    left: 90px!important;
    font-size: 10px;
    width: 36%;
	}
	.panel-utils .account input.field-user {width: 142px;}

	a.logo, a.button {
    text-decoration: none;
    display: block;
    position: relative;
    top: 63px!important;
    left: 55px;
	}

	.languages .langue {
    margin-top: 8px;
    position: absolute;
    left: -212px;
	}
/*	#content .commander-documents .sidebarFloat {
    position: absolute;
    right: 10%!important;
    bottom: 0px!important;
	}*/

	/*descend le footer*/
 	.panel-search {padding: 57px 5px 69px 15px;}

	 /*------logo web2mobile sous footer-----*/
  /* div.web2mob-logo {
    position: relative;
    top: -44px;
    left: 0px;
	} */
	div.web2mob-logo img{
  	width: 100%;
    margin: 0 auto;
	}
	.footer ul.links {
    margin-top: 463px;
    vertical-align: bottom!important;
	}

}/*end*/

#scroll-top {
	bottom: 40px;
	right: 40px;
	position: fixed;
}