/* CSS Document */  
html, body{margin:0;padding:0;height:100%;}
a,p,div,h1,h2,h3,h4,h5,input{margin:0;padding:0}
img{border:none}
p{text-align:justify;}
.clear{clear:both}
.hide{display:none}
.floatRight{float:right}
textarea{overflow:auto;font-family: Arial, Verdana, Tahoma;}
.err{color:#00a7e7}
.mobile{display:none}



.r { font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#515457;margin:0;font-family: 'Open Sans Condensed', sans-serif;}


a, input[type=button]{outline: none;text-decoration: none;color:#00aac2;}
a:hover{color:#4c4c4f}


.FloatRight{float:right;}
.bleu{color:#00aac2}
.gris{color:#4c4c4f}
.err{color:red;}
div{border:0px solid red}
.PositionRelative{position:relative;}

.Content{margin:0 auto;width:1000px;}
/* header */

	#HeaderMenu .Content > ul > li{height:49px;line-height:49px;}

	
	div#HeaderMenu li:hover>ul {
	    left: 2px;
	}
	#HeaderMenu ul li.selected{background:#027c8d;}
	

	/* HeaderMenu::level2 */
	/*div#HeaderMenu ul ul li { background:none; padding:0; margin:0 10px;min-height:20px;line-height:20px;width:180px;}
	div#HeaderMenu ul ul {
	    position: absolute;
	    top: 40px;
	    left: -999em;
	    width: 600px;
	    /*max-height:68px;*/
	    /*padding: 5px;
	    background: #027c8d;
	    margin-top:1px;
	    z-index: 81;
	    
	}*/
	div#HeaderMenu ul ul li { background:none; padding:0; margin-top:0;min-height:20px;line-height:20px;}
	div#HeaderMenu ul ul {
	    position: absolute;
	    top: 40px;
	    left: -999em;
	    width: 180px;
	    padding: 5px;
	    background: #027c8d;
	    margin-top:1px;
	    z-index: 81;
	    
	}
	div#HeaderMenu ul ul li:hover { background:none; }
	div#HeaderMenu ul ul a {
		font-family: Verdana, Arial,  Tahoma;
			/*width: 160px;*/
	    padding: 3px 0; 
	    height: auto;
	    float: none;
	    display: block;
	    line-height: 18px;
	    font-size:13px;   
	    /*letter-spacing:1px;*/
	    /*border-top:1px solid #070808;*/
	    border-bottom:1px solid #fff;
	    text-align:left;
			color:#fff;
			
			text-transform:none;
			font-weight:normal;
	}
	div#HeaderMenu ul ul a.first{border-top:0px}
	div#HeaderMenu ul ul a.last{border-bottom:0px}
	div#HeaderMenu ul ul a:hover {color:#8cd9e4;}
	
	div#HeaderMenu ul ul li {
	    width: 100%;
	}

#HeaderMenu .ico_mobile{
    display: none;
    color: #00aac2;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
    font-family: "roboto", sans-serif !important;
    margin: 12px 10px 0 0;
    text-decoration: none;
    text-align: right;
    padding: 2px 5px;
    border-radius: 2px;
		z-index:50;
}

#HeaderMenu ul.mobile  {display:none;}
#HeaderMenu ul.mobile ul,#HeaderMenu ul.mobile .sep {display:none;}
#HeaderMenu ul.mobile li{display:block;text-align:left;width:100%}
#HeaderMenu ul.mobile li a{height:30px; line-height:30px;font-size:15px;width:100%;display:inline-block;}


/* Footer */
	#Footer{background:#dfe0e1 url(../images/footer/bg_footer.png) repeat-x center top;min-height:210px;}
	#FooterMenu{float:left;width:675px;color:#8d8d8d;}
	#FooterMenu ul{display:inline-block;font-size:15px;margin:10px 0;height:160px;width:100%}
	#FooterMenu ul li{float:left;position: relative; z-index: 90;padding:0 30px 0 10px;margin-left:1px;}
	#FooterMenu>ul>li{border-left:1px solid #f0f0f1;border-right:1px solid #cacbcb;height:100%;line-height:35px; }
	#FooterMenu>ul>li>a{color:#8d8d8d;min-height:35px;line-height:35px;text-transform:uppercase}

#FooterMenu > ul > li.first{border-left:0;}
#FooterMenu > ul > li.last{border-right:0;}
	
		#FooterMenu ul ul li { background:none; padding:0; margin-top:0;min-height:20px;line-height:20px;width: 100%;}
		#FooterMenu ul ul {
		    position: absolute;
		    top: 30px; 
		    margin:0px;
		}
		#FooterMenu ul ul li:hover { background:none; }
		#FooterMenu ul ul a {
		    height: auto;
		    float: none;
		    display: block;
		    line-height: 18px;
		    font-size:12px; 
		    color:#8d8d8d;
		}
		#FooterMenu ul ul a.first{border-top:0px}
		#FooterMenu ul ul a.last{border-bottom:0px}

		
	#FooterInfos{width:290px;height: 18px; padding:20px 0;float:right;}
	#FooterInfos, #FooterInfos {color:#a0a0a0;text-align: center;}
	#FooterInfos .TexteFooterInfos{background: url(../images/footer/bg_contact.png) repeat-x;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;min-height: 115px;}
	#FooterInfos .TexteFooterInfos table{width:100%}
	
	#Copyright{font-family:helvetica;color:#b7b7b9;font-size:10px;text-transform: uppercase;background :url(../images/footer/bg_footer2.png) no-repeat center top;	width: 999px;	min-height: 10px;	margin:0 auto;padding:10px;}
	#Copyright p{text-align:center;}

#AccueilVisionneuse{background: url(../images/accueil/bg_visionneuse.png) repeat-x;height: 246px;color:#4c4c4f;}
#AccueilVisionneuse .Content{background: url(../images/accueil/visionneuse.png) no-repeat;width: 1050px;height: 246px;position:relative;}
#AccueilVisionneuse .ImgVisionneuse{position:absolute;top:0;right:85px;}
#AccueilVisionneuse h3{ font-size:45px;}
#AccueilVisionneuse h3 span{}

#AccueilTexte{float:left;width:668px;border-right:1px solid #c8c8c9;padding-right:20px;margin:20px 0;}
#AccueilTexte h1, #AccueilTexte h2{margin-bottom:10px;}
#AccueilTexte h2{border-bottom:1px solid #4c4c4f;margin-bottom:10px;background: url(../images/accueil/bg_h2.png) no-repeat left center;padding:0 0 5px 20px;}
#AccueilTexte .Texte1{border-bottom:1px solid #c5c5c7;}
#AccueilTexte .Texte2, 
#AccueilTexte .Texte3, 
#AccueilTexte .Texte4{float:left;width:207px;margin-top:20px;}

#AccueilTexte .Texte3{margin:20px 23px;}
#AccueilActu{float:right;width:290px;padding-left:20px}


/* Accueil */
#AccueilVisionneuse .js{overflow:hidden;zoom:1;}
#AccueilVisionneuse .carousel,
#AccueilVisionneuse .carousel .carousel-wrap{margin:0;border:0;zoom:1;}
#AccueilVisionneuse .js .carousel-wrap{display:inline-block;vertical-align:middle;width:1000px;/*padding-left:50px;/*margin:0 /*5px 15px*/;}
.IE #AccueilVisionneuse .js .carousel-wrap{display:inline;}
#AccueilVisionneuse .carousel ul{margin:0;padding:0;zoom:1;}
#AccueilVisionneuse .js ul li{overflow:hidden;display:inline;float:left;width:900px;height:246px;text-align:center;zoom:1;padding:0 50px;}
#AccueilVisionneuse /*.carousel*/ .carousel-control{z-index:60;overflow:hidden;display:inline-block;vertical-align:middle;width:49px;height:50px;cursor:pointer;line-height:999px;zoom:1;text-indent:-9999px;position:absolute;margin-top:90px;}
#AccueilVisionneuse /*.carousel */.carousel-next{background: url(../images/next.png) no-repeat center bottom;margin:-156px 950px;}
#AccueilVisionneuse /*.carousel*/ .carousel-previous{background: url(../images/prev.png) no-repeat center bottom;/*margin-left:70px;*/}
#AccueilVisionneuse /*.carousel*/ .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);background-position:center top;}
#AccueilVisionneuse /*.carousel*/ .disabled,
#AccueilVisionneuse /*.carousel*/ .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#AccueilVisionneuse .carousel div{margin:0;padding:0;border:0;}
#AccueilVisionneuse .carousel ul{padding:0;list-style:none;}
#AccueilVisionneuse .carousel ul li{position:relative;width:900px;margin:0;}
/* pagination */

#AccueilVisionneuse div.center-wrap{width:1000px;overflow:hidden;clear:both;zoom:1;margin-top:0px;position:relative;}
#AccueilVisionneuse div.center-wrap div{margin:15px;/*float:right;*/}
.carousel-pagination p{text-align:center}

.TexteVisionneuse{position:absolute;top:10px;}

.Bandeau{height:69px;background-repeat: repeat-x;}
.Bandeau1{width: 1275px;margin:auto;height:69px;background-position: 200px center;background-repeat: no-repeat;}



/*** MENU GAUCHE **/
#MenuGauche{float:left;width:180px;background: url(../images/menu_gauche/bg.png) repeat-x;min-height: 465px;}
#MenuGauche h2{font-size:25px;color:#fff;text-transform:uppercase;padding:5px 20px;}
#MenuGauche h2 a{color:#fff;}
#MenuGauche .souligne_h2{height:8px}

#MenuGauche ul {padding:0 10px}
#MenuGauche ul li{padding:5px 10px}
#MenuGauche ul li {border-bottom:1px solid #fcfcfc;background: url(../images/menu_gauche/bg_li.png) no-repeat left 12px;}
#MenuGauche ul li a{color:#4c4c4f;font-size:17px;margin-left:5px;display:block;}
#MenuGauche ul li:hover a{color:#00aac2;}
#MenuGauche ul li.selected a{font-weight:bold}


#MenuAutreSolutions .titre{color:#515457; font-size:21px;padding:10px;margin-top:20px}
#MenuAutreSolutions ul {padding:0}
/*#MenuAutreSolutions ul li{padding:2px 10px}*/
#MenuAutreSolutions ul li {background: url(../images/menu_gauche/bg_li_autres_sol.png) no-repeat 10px 12px;}
#MenuAutreSolutions ul li a{color:#b7b7b9;font-size:15px;margin-left:12px;text-transform: uppercase;font-weight:bold;display:block;}


 /** Fil d'ariane **/
.FilAriane {/*text-transform: uppercase;*/font-size:13px;margin:10px 0;}
.FilAriane a{color:#4c4c4f;}
.FilAriane a:hover, .FilAriane a.selected{color:#00aac2;}

.DemandeDevis{float:right;background: url(../images/pages/bg_demande_devis.png) repeat-x top center;width:270px;min-height: 87px;font-size:17px;color:#ff6e2d;font-weight:bold;text-align:center;padding-top:45px;line-height: 30px;}
.DemandeDevis a{display:inline-block;color:#fff !important;background: url(../images/pages/demande_devis.png) no-repeat;width: 215px;height: 45px;line-height: 30px;}

.PageDetail .DemandeDevis{padding:0;}


/*** CONTENU Des pages **/
#ContenuPage{float:left;width:780px;padding-left:40px;}
#ContenuPage.PageEntiere{float:left;width:100%;padding:0;}

#ContenuPage .LogoPage{float:left;width: 106px;height: 103px;margin:10px 0 0 -10px;}
#ContenuPage .TitresPage{float:left;width:410px;}
#ContenuPage .TitresPage h1{/*float:left*/}
#ContenuPage a.VoirRealisation{display:inline-block;background: url(../images/pages/web_realisation.png) no-repeat;width: 215px;height: 30px;color:#fff !important;text-transform:uppercase;font-weight:bold;text-align:center;font-size:17px;line-height: 30px;margin:15px 20px;}
#ContenuPage .Article{min-height:80px}
#ContenuPage .FinArticle{background:#b7b7b9; height:1px;margin:10px 0}

#ContenuPage h1, #ContenuPage h2{text-transform: uppercase;display:inline-block;}
#ContenuPage h1{font-size:40px}
#ContenuPage h2{font-size:30px;color:#4c4c4f}
#ContenuPage h3{font-size:17px;color:#00aac2}
#ContenuPage h3 span{color:#b7b7b9}

#ContenuPage .SouligneH1{background:#d4d4d5; height:1px;margin:10px 0}



.OmbreGauche{background: url(../images/pages/ombre_gauche_etapes.png) no-repeat;width:8px;height:444px;}
.OmbreDroit{background: url(../images/pages/ombre_droit_etapes.png) no-repeat;width:8px;height:100px;}
.MethodCenter{width:100%px;}
.MethodHaut{background: url(../images/pages/haut_bg_method.png) repeat-x;height: 13px;margin-top:20px;}
#MethodEtape{width:100%;background: url(../images/pages/bg_method.png) repeat-x;min-height: 163px;}
#MethodEtape .Titre{text-transform:uppercase;font-size:25px;font-weight:bold;border-bottom:1px solid #d2d2d2;background: url(../img/ICO/FGFGFGpicto_etape_titre.png) no-repeat center left;height:34px;margin:0 20px 10px 20px;padding:10px 50px}
#MethodEtape .Titre span{color: #0000FF;}
#Method > ul > li {text-align: center;height:89px;}
#Method > ul > li.Etape1 {background: url(../images/pages/picto_web_etape_analyse.png) no-repeat;}
#Method > ul > li.Etape2 {background: url(../images/pages/picto_web_etape_conception.png) no-repeat;}
#Method > ul > li.Etape3 {background: url(../images/pages/picto_web_etape_realisation.png) no-repeat;}
#Method > ul > li.Etape4 {background: url(../images/pages/picto_web_etape_mise_en_place.png) no-repeat;}
#Method > ul > li.Etape5 {background: url(../images/pages/picto_web_etape_suivi.png) no-repeat;}
#Method > ul > li.Etape6 {background: url(../images/pages/picto_web_etape_conception.png) no-repeat;}
#Method > ul > li.Etape7 {background: url(../images/pages/picto_web_etape_analyse.png) no-repeat;}
#Method > ul > li.Etape8 {background: url(../images/pages/picto_web_etape_conception.png) no-repeat;}
#Method > ul > li.Etape9 {background: url(../images/pages/picto_web_etape_realisation.png) no-repeat;}
#Method > ul > li.Etape4 {background: url(../images/pages/picto_web_etape_mise_en_place.png) no-repeat;}
#Method > ul > li.Etape5 {background: url(../images/pages/picto_web_etape_suivi.png) no-repeat;}
#Method > ul > li.Etape6 {background: url(../images/pages/picto_web_etape_conception.png) no-repeat;}


#Method > ul > li.ui-tabs-active.Etape1 {background: url(../images/pages/picto_web_etape_analyse_hover.png) no-repeat;}
#Method > ul > li.ui-tabs-active.Etape2 {background: url(../images/pages/picto_web_etape_conception_hover.png) no-repeat;}
#Method > ul > li.ui-tabs-active.Etape3 {background: url(../images/pages/picto_web_etape_realisation_hover.png) no-repeat;}
#Method > ul > li.ui-tabs-active.Etape4 {background: url(../images/pages/picto_web_etape_mise_en_place_hover.png) no-repeat;}
#Method > ul > li.ui-tabs-active.Etape5 {background: url(../images/pages/picto_web_etape_suivi_hover.png) no-repeat;}
#Method > ul > li.ui-tabs-active.Etape6 {background: url(../images/pages/picto_web_etape_conception.png) no-repeat;}
#Method > ul > li.ui-tabs-active.Etape10 {background: url(../images/pages/picto_web_etape_conception.png) no-repeat;}


#Method > ul > li > a span{text-transform: uppercase;font-size:20px;font-weight:bold;display:inline-block;background:#dadbdd;color:#b7b7b9;-moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px;-webkitborder-top-left-radius:5px;-webkitborder-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
#Method > ul > li.ui-tabs-active > a span{background:#fff;color:#92b815;}

#Method > ul > li > a > img{display:block;}

#Method.ui-tabs { position: relative; /*padding: .2em;*/ zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#Method.ui-tabs .ui-tabs-nav { margin: 0; /*padding: .2em .2em 0;*/ height:100px}
#Method.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; padding:0;top: 0; margin:1px; border-bottom: 0; background-position: center top; white-space: nowrap; }
#Method.ui-tabs .ui-tabs-nav li a { float: left; padding-top:60px; background:none; text-decoration: none; min-width:140px;}
#Method.ui-tabs .ui-tabs-nav li a span{padding: 2px 5px;min-width:120px;}
#Method.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; background-position: center top;}
#Method.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
#Method.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#Method.ui-tabs .ui-tabs-panel { display: block; border-width: 0; /*padding: 1em 1.4em; */background: none; }

#Method .Tabs{min-height:200px;padding:20px;margin-bottom:20px;}

.TitreRef{background: url(../images/pages/bg_titre_references.png) no-repeat;width: 783px;height: 52px;text-transform: uppercase;font-weight:bold;font-size:24px;text-transform:uppercase;padding:0 5px;margin-top:20px;}
.TitreRef span{color:#00aac2;}


#ReferenceWeb .TitreRef,
#ReferenceECommerce  .TitreRef{background: url(../images/pages/bg_titre_references_web.png) no-repeat;width: 793px;color:#fff;}
#ReferenceWeb .TitreRef span, 
#ReferenceECommerce .TitreRef span{color:#fff;}

.FinArticleRef{background: url(../images/pages/fin_article_page_ref_web.png) no-repeat;width: 761px;height: 6px;margin:5px 0 40px 0;}

.Ref_img {max-width: 250px;max-height:200px; margin:10px 5px; position: relative; overflow: hidden; cursor: pointer;float:left;}
.Ref_img p{margin:0;font-family:Verdana, Arial, Tahoma;}
.Ref_img .Ref_caption{position: absolute;bottom:-200px;padding: 12px 0/*15px*/; left: 0; width: 100%; height: 176px; margin: 0;  font-size: 13px !important; color: #fff !important; cursor: pointer; background:transparent url(../images/pages/realisation_web_hover.png) repeat; text-align:center;}
.Ref_img:hover p.Ref_caption{left: 0; bottom: 0px;/*-moz-opacity:.8;opacity:0.80;filter:alpha(opacity=80);*/}
.Ref_img .Ref_caption .Ref_CaptionDiv{display:inline-block; width:80%; height: 176px; background: url(../images/pages/realisation_hover.png) no-repeat center bottom;}
.Ref_img .Ref_caption a.LienReference{display:block;width:50px;height:50px;position:absolute;bottom:0;left:100px;}

/*** page logiciel sur mesure **/
#MethodEtape.Logiciel .Titre span{color:#f4a411;}
#Method.Logiciel > ul > li {text-align: center;height:89px;}
#Method.Logiciel > ul > li.Etape1 {background: url(../img/ICO/picto_logiciel_etape_analyse.png) no-repeat;}
#Method.Logiciel > ul > li.Etape2 {background: url(../img/ICO/picto_logiciel_etape_conception.png) no-repeat;}
#Method.Logiciel > ul > li.Etape3 {background: url(../img/ICO/picto_logiciel_etape_realisation.png) no-repeat;}
#Method.Logiciel > ul > li.Etape4 {background: url(../img/ICO/picto_logiciel_etape_mise_en_place.png) no-repeat;}
#Method.Logiciel > ul > li.Etape5 {background: url(../img/ICO/picto_logiciel_etape_implementation.png) no-repeat;}
#Method.Logiciel > ul > li.Etape6 {background: url(../img/ICO/picto_logiciel_etape_accomptagnement.png) no-repeat;}
#Method.Logiciel > ul > li.Etape10 {background: url(../img/ICO/picto_logiciel_etape_accomptagnement.png) no-repeat;}

#Method.Logiciel > ul > li.Etape7 {background: url(../img/ICO/picto_logiciel_etape_evolutions.png) no-repeat;}

#Method.Logiciel > ul > li.ui-tabs-active.Etape1 {background: url(../img/ICO/picto_logiciel_etape_analyse_hover.png) no-repeat;}
#Method.Logiciel > ul > li.ui-tabs-active.Etape2 {background: url(../img/ICO/picto_logiciel_etape_conception_hover.png) no-repeat;}
#Method.Logiciel > ul > li.ui-tabs-active.Etape3 {background: url(../img/ICO/picto_logiciel_etape_realisation_hover.png) no-repeat;}
#Method.Logiciel > ul > li.ui-tabs-active.Etape4 {background: url(../img/ICO/picto_logiciel_etape_mise_en_place_hover.png) no-repeat;}
#Method.Logiciel > ul > li.ui-tabs-active.Etape5 {background: url(../img/ICO/picto_logiciel_etape_implementation_hover.png) no-repeat;}
#Method.Logiciel > ul > li.ui-tabs-active.Etape6 {background: url(../img/ICO/picto_logiciel_etape_accomptagnement_hover.png) no-repeat;}
#Method.Logiciel > ul > li.ui-tabs-active.Etape7 {background: url(../img/ICO/picto_logiciel_etape_evolutions_hover.png) no-repeat;}
#Method.Logiciel > ul > li.ui-tabs-active.Etape10 {background: url(../img/ICO/picto_logiciel_etape_evolutions_hover.png) no-repeat;}

#Method.Logiciel > ul > li > a span {text-transform: uppercase;font-size:14px;font-weight:bold;display:inline-block;background:#dadbdd;color:#b7b7b9;-moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px;-webkitborder-top-left-radius:5px;-webkitborder-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px;}
#Method.Logiciel > ul > li.ui-tabs-active > a span{background:#fff;color: #0000FF;}

#Method.Logiciel > ul > li > a > img{display:block;}

#Method.Logiciel.ui-tabs { position: relative; /*padding: .2em;*/ zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#Method.Logiciel.ui-tabs .ui-tabs-nav { margin: 0; /*padding: .2em .2em 0;*/ height:100px}
#Method.Logiciel.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; padding:0;top: 0; margin:1px; border-bottom: 0; background-position: center top; white-space: nowrap; }
#Method.Logiciel.ui-tabs .ui-tabs-nav li a { float: left; background:none; text-decoration: none; min-width:94px;padding-top:60px;}
#Method.Logiciel.ui-tabs .ui-tabs-nav li a span{padding: 2px 5px;}
#Method.Logiciel.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; background-position: center top;}
#Method.Logiciel.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
#Method.Logiciel.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#Method.Logiciel.ui-tabs .ui-tabs-panel { display: block; border-width: 0; /*padding: 1em 1.4em; */background: none; }

#Method.Logiciel .Tabs{min-height:200px;padding:20px;margin-bottom:20px;}

/*************** PAGE CLASSIQUE **************/

/** Bandeau de la page **/
.Bandeau.Classique{background-image: url(../images/pages/bandeau_classique.png);}
.Bandeau1.Classique{background-image: url(../images/pages/bandeau_classique2.jpg);}

/** Menu Gauche **/
#MenuGauche.Classique h2{background:#00aac2;}
#MenuGauche.Classique .souligne_h2{background:url(../images/menu_gauche/bg_classique.png) no-repeat 20px bottom;}

/** Contenu de la page**/
#ContenuPage.Classique h1{color:#00aac2}

#ContenuPage.Classique.PageDetail .SouligneH1,
#ContenuPage.Classique.PageDetail .SouligneTitre{background:#00aac2;margin:0 0 10px 0;height:1px;}
#ContenuPage.Classique.PageDetail .Img{margin:0 20px;min-height:100px;min-width:80px;}
#ContenuPage.Classique.PageDetail .Txt{width:650px}



/*************** PAGE WEB  *********************/
.Web .FilAriane a:hover, .Web .FilAriane a.selected{color:#92b815;}
/** Bandeau de la page **/
.Bandeau.Web{background-image: url(../images/pages/bandeau_web.png);}
.Bandeau1.Web{background-image: url(../images/pages/bandeau_web2.jpg);}

/** Menu Gauche **/
#MenuGauche.Web h2{background:#92b815;}
#MenuGauche.Web .souligne_h2{background:url(../images/menu_gauche/bg_web.png) no-repeat 20px bottom;}
#MenuGauche.Web ul li:hover a{color:#92b815}

/** Contenu de la page**/
#ContenuPage.Web h1, 
#ContenuPage.Web h3,
#ContenuPage.Web a{color:#92b815}
#ContenuPage.Web .LogoPage{background: url(../images/pages/Logo_web.png) no-repeat;width: 106px;height: 103px;}

#ContenuPage.Web.PageDetail .SouligneH1{background:#92b815;margin:0 0 10px 0;}
#ContenuPage.Web.PageDetail .Img{margin:0 20px;min-height:100px;min-width:80px;}
#ContenuPage.Web.PageDetail .Txt{width:450px}

/*************** PAGE SUR MESURE **************/
.Logiciel .FilAriane a:hover, .Logiciel .FilAriane a.selected{color:#f6a600;}
/** Bandeau de la page **/
.Bandeau.Logiciel{background-image: url(../images/pages/bandeau_Logiciel.png);}
.Bandeau1.Logiciel{background-image: url(../images/pages/bandeau_Logiciel2.jpg);}

/** Menu Gauche **/
#MenuGauche.Logiciel h2{background:#f6a600;}
#MenuGauche.Logiciel .souligne_h2{background:url(../images/menu_gauche/bg_Logiciel.png) no-repeat 20px bottom;}
#MenuGauche.Logiciel ul li:hover a{color:#f6a600}


/** Contenu de la page**/
#ContenuPage.Logiciel h1, 
#ContenuPage.Logiciel h3,
#ContenuPage.Logiciel a{color:#f6a600}
#ContenuPage.Logiciel .LogoPage{background: url(../images/pages/Logo_Logiciel.png) no-repeat;width: 106px;height: 103px;}

#ContenuPage.Logiciel.PageDetail .SouligneH1{background:#f6a600;margin:0 0 10px 0;}
#ContenuPage.Logiciel.PageDetail .Img{margin:0 20px;min-height:100px;min-width:250px;}
#ContenuPage.Logiciel.PageDetail .Txt{width:450px}

/*************** PAGE CLE EN MAIN **************/
.Appli .FilAriane a:hover, .Appli .FilAriane a.selected{color:#9d8c81;}
/** Bandeau de la page **/
.Bandeau.Appli{background-image: url(../images/pages/bandeau_appli.png);}
.Bandeau1.Appli{background-image: url(../images/pages/bandeau_appli2.jpg);}

/** Menu Gauche **/
#MenuGauche.Appli h2{background:#9d8c81;}
#MenuGauche.Appli .souligne_h2{background:url(../images/menu_gauche/bg_appli.png) no-repeat 20px bottom;}
#MenuGauche.Appli ul  li:hover a{color:#9d8c81}

/** Contenu de la page**/
#ContenuPage.Appli h1,
#ContenuPage.Appli h3, 
#ContenuPage.Appli a{color:#9d8c81}
#ContenuPage.Appli .LogoPage{background: url(../images/pages/Logo_appli.png) no-repeat;width: 106px;height: 103px;}

#ContenuPage.Appli.PageDetail .SouligneH1{background:#9d8c81;margin:0 0 10px 0;}
#ContenuPage.Appli.PageDetail .Img{margin:0 20px;min-height:100px;min-width:80px;}




/**** formulaire de contact ***/
.Formulaire{border-right:2px solid #d9d9da;padding-right:20px;margin:10px 10px 20px 0}
.Form1 p.err, .Form1 p.ok{width: 448px;}
.Form1 .bleu{font-weight:bold;margin-top:10px;display:inline-block}
.Form1 .gris{float:right;margin:10px 33px 0 0;display:inline-block}
.FormContact{background:/*#99dde7*/ #eaeaea url(../images/pages/bg_form_contact.png) no-repeat center top;width: 448px;min-height: 240px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px 20px;}
.FormContact label{display:block;color:#0093ab; font-size:14px;text-transform: uppercase;margin-top:10px;}
.FormContact input[type=text], 
.FormContact textarea{padding:0 10px;width:410px;line-height:28px;height:28px;border:1px solid #cecece/*#cfdcde*/;border-top:3px solid #cecece/*#6bc7d5*/;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.FormContact textarea{height:130px;line-height:15px;}
.FormContact input[type=checkbox]{margin-right:10px;}
.FormContact input[type=checkbox] + span{color:#0093ab;font-size:14px;}
.FormContact .submit{float:right;margin:10px 15px;background: url(../images/pages/bouton_envoyer.png) no-repeat;width: 156px;height: 30px;line-height: 30px;border:0;color:#fff}
#ContenuPage .Form2 .Article{margin-bottom:50px;}


.DivNouveauteActu{margin:20px 0;}
.DivNouveauteActu .TitrePageActu,
.DivNouveauteActu .TexteActu{background:#eaeaea;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.DivNouveauteActu .TitrePageActu{height:28px;line-height:28px;padding:0 8px;text-transform: uppercase;font-weight:bold;}
.DivNouveauteActu .TitrePageActu span{color:#00aac2}
.DivNouveauteActu .TexteActu{border:2px solid #d7d8da;padding:5px 8px;margin-top:5px;font-size:13px;}
.DivNouveauteActu .TexteActu a{color:#515457}
.DivNouveauteActu .TitreActu a{border-bottom:1px solid #d7d8da;text-transform: uppercase;color:#00aac2}

.PaveActuNouveautes{right:0;top:40px;position:absolute;width:180px;height:160px;border-left:2px solid #d9d9da;padding-left:45px}
.PaveActuNouveautes .DivNouveauteActu{margin:0;}
.PaveActuNouveautes .DivNouveauteActu .TexteActu{margin-top:10px;}


#AccueilActu .AccueilDemandeDevis a{display:inline-block;background: url(../images/accueil/demande_devis.png) no-repeat;width: 291px;line-height: 40px;color:#fff;text-align: center;font-size:18px;font-weight:bold;margin-top:20px;}

/*#AccueilActu .DivNouveauteActu{margin:10px 0;}*/
#AccueilActu .DivNouveauteActu .TitrePageActu,
#AccueilActu .DivNouveauteActu .TexteActu{background:none;font-size:20px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:276px;}
#AccueilActu .DivNouveauteActu .TitrePageActu{height:28px;line-height:28px;padding:0 8px;text-transform: uppercase;}
#AccueilActu .DivNouveauteActu .TitrePageActu span{color:#00aac2}
#AccueilActu .DivNouveauteActu .TexteActu{border:none;padding:5px 8px;margin-top:5px;font-size:13px;background: url(../images/accueil/actu_bg.png) repeat-x;
min-height: 74px;
}
#AccueilActu .DivNouveauteActu .TitreActu{border-bottom:none;text-transform: uppercase;color:#00aac2}
#AccueilActu .Img{padding:5px;}
#AccueilActu .PlusActu{display:block;text-align:right;}



/*.page_navigation, */
.ul_liste_rea{min-height:440px;list-style:none;margin:0;padding:0}
.page_navigation a{text-align:center;-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);color:#fff !important;width:14px;height:14px;font-size:12px;font-weight:bold;display:inline-block;padding:8px;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;background:#93b627;margin:0 3px}
.page_navigation a.active_page{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}
.page_navigation{float:right;margin:20px 0;}
.first_link, .previous_link, .next_link, .last_link{display:none !important;}


/*Gestion responsive CSS - mobile*/

@media screen and (max-width:480px){
.Content{width:100%;}

#Header{height:60px;}
.Header1{background:rgba(0, 0, 0, 0) url("../images/header/bg_header.png") no-repeat scroll 100px top;background-size:contain;width:100%;height:60px;}
#HeaderLogo a{background-size:contain;width:100px;height:50px;margin:5px 20px 0px;}
#HeaderTitre{display:none;}
#HeaderRenseignements{float:right;top:0px;right:0px;position:relative;width:175px;text-align:right;background-size:contain;height:auto !important;}
#HeaderRenseignements a{margin:0px 5px 0px 0px;position:relative;bottom:5px;}
#HeaderMenu ul.mobile{position:absolute;}
#HeaderMenu ul a{color:#fff;padding:0;}
.not_mobile{display:none !important;}
.mobile .first{border-top:1px solid black !important;}
#HeaderMenu .ico_mobile{background:rgba(0, 0, 0, 0) url("../images/header/bg_menu.png") repeat-x scroll 0 0;margin:0;}
#HeaderMenu ul li{border:0 none;z-index:500;position:relative;background-color:#027c8d;margin:0;border-bottom:1px solid black;text-align:center !important;}
#HeaderMenu .ico_mobile {color: #fff;display:block;background-color:#027c8d;font-family: "roboto",sans-serif !important;font-size: 40px;font-weight: 600;line-height: 45px;padding: 1px 5px;text-align: right;text-decoration: none;z-index: 50;}
#HeaderMenu ul.mobile li a{padding:0;}
#HeaderMenu ul li:hover, #HeaderMenu ul li:hover a{background-color:#fff;color:#027c8d;}

#AccueilVisionneuse{display:none;}

#AccueilTexte{width:100%;padding-right:0;border-right:0;}
#AccueilActu{width:100%;}

#FooterMenu{width:100%;}

.Texte1 h1 p{text-align:center;}
#AccueilTexte .Texte2,#AccueilTexte .Texte3,#AccueilTexte .Texte4{width:auto !important;margin:20px auto auto auto;}
#AccueilTexte .Texte2 p,#AccueilTexte .Texte3 p,#AccueilTexte .Texte4 p{margin:auto 5px auto 5px;}
#AccueilTexte .Texte2 h2,#AccueilTexte .Texte3 h2,#AccueilTexte .Texte4 h2{margin-left:5px;}

.AccueilDemandeDevis{width:95%;margin:auto;}
.AccueilDemandeDevis a{text-align:center;background-size:100% 100% !important;width:100% !important;}

.TexteActu{margin:auto !important;width:100% !important;padding:5px 0px !important;margin:15px auto !important}
#AccueilActu .PlusActu{margin:15px 5px auto auto;}

#FooterMenu ul .nb2,#FooterMenu ul .nb3,#FooterMenu ul .nb4{display: none;}

#FooterMenu ul{display:block;height:auto !important;}
#FooterMenu ul li{display:block;width:100%;padding:0;text-align:center;margin-left:0px;}
#FooterMenu > ul > li{border:0px none !important;}
#Footer ul ul{position:static;}
#FooterMenu ul ul li{margin:10px auto;}
#FooterInfos{height:150px;width:100%;}
#FooterInfos table{margin:auto;}
#FooterInfos table tr td p{margin-left:0px !important;}

#Copyright{width:100% !important;padding:0;position:absolute;}
#Copyright p{margin:10px auto;}

.Bandeau1,.Bandeau2,.Bandeau3,.Bandeau4,.Bandeau5,.Bandeau6{background-position:25px center;background-size:100% 100%;width:100%;}

#MenuGauche{width:100%;text-align:center;text-decoration:none;min-height:0;}
#MenuGauche ul li{background:none;}
#MenuGauche .souligne_h2{background-position:center !important;}
#ContenuPage{width:100%;padding:0;}
#ContenuPage h3{text-align:center;}
.DemandeDevis{width:100%;}
.TitresPage{width:100% !important;text-align:center;}
.TexteContent{padding:0px 5px 0px 5px;}

.FilAriane{margin:10px auto 10px 10px;}

.Article table{width:100% !important;}
.Article p{margin-left:0px !important;}
.Article table p{text-align:left}
.Article table img{width:100%;/*height: 100%;*/}

.ui-tabs.Logiciel#Method .ui-tabs-nav li a{line-height:30px}
.Tabs p{margin-left:0 !important}
/*.TexteContent ul,.TexteContent ul ul{padding:0;margin-left:15px;}*/

/*.TexteContent table ul, .TexteContent ul ul{padding:0;margin:0;}*/

/*Disposition article*/
.Article h3+div+p+table tr td{display:table;}

/*Correctif sur expertise/compétences*/
.Article+div> h3+div+p+table tr td{display:table-cell !important;}

/*Image forum recrutement*/
.Article p:nth-child(8) img{width:100%;height:100%;}

#ContenuPage .LogoPage{width:100% !important;background-position:center center !important;}

/*Tableau logiciel sur mesure*/
.Bandeau.Logiciel + .Content .TexteContent table{width:100% !important;}





.Bandeau.Logiciel + .Content .TexteContent >table:nth-child(2) tr td{padding:0;}
.Bandeau.Logiciel + .Content .TexteContent >table:last-child tr td ul{padding:0;margin:0;}
.Bandeau.Logiciel + .Content .TexteContent >table:last-child tr td ul li{margin-left: 5px;}
.Bandeau.Logiciel + .Content .TexteContent >table:last-child tr td:nth-child(2){display:none;}
.Bandeau.Logiciel + .Content .TexteContent >table:last-child tr td:nth-child(4){display:none;}

.OmbreDroit, .OmbreGauche{display:none;}

.MethodCenter{width:100%;}
#MethodEtape .Titre{height:auto !important;}
#Method.ui-tabs .ui-tabs-nav{width:100%;}
#Method > ul > li.ui-tabs-active, #Method > ul > li{background:none !important;}
#Method.ui-tabs .ui-tabs-nav li{width:100%;}
#Method > ul > li{height:auto !important;}
#Method.ui-tabs .ui-tabs-nav li a, #Method.ui-tabs .ui-tabs-nav li{width:100%;padding:0 !important;}
#Method > ul > li.ui-tabs-active > a span{width:100%;padding:2px 0 !important;}
#Method.ui-tabs .ui-tabs-nav li a span{width:100%;padding:2px 0 !important;}

/*1er tableau logiciel sur mesure*/
.Bandeau.Logiciel + .Content .TexteContent h3 + table tr td{text-align: center;}

/*Image logiciel métier*/
.Bandeau.Logiciel + .Content .TexteContent h3 + p + table tr td img{width:auto !important}

#ContenuPage.Logiciel.PageDetail .Img{margin:auto;width:100%;text-align:center;min-height:0;}
#ContenuPage.Logiciel.PageDetail .Txt{width:100%;}
#ContenuPage.Logiciel.PageDetail .Txt p{text-align:center;}
.TitreRef{width:100% !important;padding:0;background-size:auto 100px !important;height:auto !important;margin: auto;text-align: center;}
.Ref_img{float:none;margin:10px auto;}

/*Tableau sites internet*/
.Bandeau.Web + .Content .TexteContent table{width:100% !important;}

/*Eléments essentiels site e-commerce*/
.Bandeau.Web + .Content .TexteContent .Article h3+h3+p+p+p+table tr td span{font-size:17px !important;}

/*Image pictogramme refonte site*/
.Bandeau.Web + .Content .TexteContent .Article h3+p+table tr td{display: block;}
.Bandeau.Web + .Content .TexteContent .Article h3+p+table tr td img{width:auto !important;}

/*Image navigateurs*/
.Bandeau.Web + .Content .TexteContent .Article h3+p+p+p+p+p+p+p+p span img{margin-left:10px;}

/*Image PC intranet/extranet
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(15) img{float:none !important}*/

/*#achat_renouvellement{position:relative;top:50px;}
#tarifs tr td{width:100%;padding:0;}
#tarifs_annuels{position:relative;top:540px;}
#tarifs_annuels strong em{display:none;}
#texte_visibilite{width:100% !important;text-align:center !important;}*/

.Bandeau.Web + .Content .TexteContent .Article h3+p+h3+p+table tr td{display: inherit;}

/*Tableau avec image SEO*/
.Bandeau.Web + .Content .TexteContent .Article h3+table tr td {display:inline-block;text-align: center;}
.Bandeau.Web + .Content .TexteContent .Article h3+table tr td img{width: 50%;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(33) img{width:100%;}

/*
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr td:nth-child(2){display:none !important;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr td:nth-child(4){display:none !important;}*/

/*Tableaux webmarketing*/
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr td img{display:none;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr td{width:100% !important;display:inline-block;padding:0;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr:first-child > td:first-child{position:absolute;right:0;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr:first-child > td:nth-child(3){position:absolute;margin-top:300px;right:0;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr:first-child > td:last-child{position:absolute;margin-top:630px;right:0;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr:nth-child(2) > td:first-child{position:absolute;right:0;margin-top:-25px;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr:nth-child(2) > td:nth-child(3){margin-top:260px;position:absolute;right:0;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr:nth-child(2) >td:last-child{margin-top:600px;position:absolute;right:0;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr:last-child td:first-child{position:absolute;right:0;margin-top:775px;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr:last-child td:nth-child(3){visibility:hidden;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(8) + table tr:last-child td:last-child{visibility:hidden;}
.Bandeau.Web + .Content .TexteContent .Article h3 + p + h3 + p + p + h3 + p + p + table + p + p{margin-top:600px;}

.FinArticleRef{width:100% !important;background-size:100% 100%;}

/*Image google/yahoo/bing*/
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(12) + table tr td{display:block;}
.Bandeau.Web + .Content .TexteContent .Article > p:nth-child(12) + table tr:first-child > td:first-child{width:100%;}

/*Gestion tableau applications web - image portail*/
.Bandeau.Appli + .Content .TexteContent > p:nth-child(7)+h3+table{width:100% !important;border-collapse: collapse;}
.Bandeau.Appli + .Content .TexteContent > p:nth-child(7)+h3+table tr td{display:block;width:100%;}
.Bandeau.Appli + .Content .TexteContent > p:nth-child(7)+h3+table tr td:first-child img{width:100%;}

.Bandeau.Appli + .Content .TexteContent .Article > p img{width: 100%;height: 100%;}

/*Lien contact - emailing*/
.Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(25), .Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(26){text-align: center !important;}
.Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(25)+p{text-align:center !important;}
/*Lien contact - gestion contenu*/
.Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(34)+p, .Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(34)+p+p{text-align: center !important;}
/*Lien contact - gestion immo*/
.Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(17)+p, .Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(17)+p+p{text-align: center !important;}
/*Lien contact - gestion congés*/
.Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(17){text-align: center !important;}
.Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(17)+p+p+p{text-align: center !important;}
/*Lien contact - suivi appels*/
.Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(20){text-align:center !important;}
.Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(20)+p{text-align: center !important;}
.Bandeau.Appli + .Content .TexteContent .Article > p:nth-child(22){text-align: center !important;}
.Bandeau.Appli + .Content .TexteContent .Article > p:nth-child(23){text-align: center !important;}
/*Lien contact - gestion doc*/
.Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(18)+p{text-align: center !important;}
.Bandeau.Appli + .Content .TexteContent .Article > h3:nth-child(18)+p+p{text-align: center !important;}

.Article h3{text-align:center !important;}

/*#intervention_cadre tr td img{display:none;}
#portail_imagine,#logiciel_emailing,#img_cms,#img_annonce,#img_conges,#img_saisie_appel,#img_note_frais,#img_ged,#img_gestion_projet{width:100%;height:100%;}
#clic_tarif,#lien_contactez_nous{text-align:center !important;}
#intro_maintenance tr td{padding:0;}
#img_maintenance{float:none !important;}
#bouton_sur_devis,#bouton_tuto{padding:0;}

#maintenance_preventive_title tr td{text-align:center;width:100%;}
#table_contrats tr td p{text-align:center !important;}
#table_contrats tr td{text-align:center !important;}
#table_vente_separator{display:none;}
#configuration_logicielle_title{position:absolute;margin-top:400px;margin-right:1%;width:96%;right:0;}
#td_config_logicielle{margin-top:40px;}*/

.Article table tr td iframe{width:100%;height:100%;}
.Form1, .Form2{width:100%;}
.FormContact{width:100%;padding:0px;}
.FormContact input[type="text"], .FormContact textarea{width:100%;padding:0;}
.Formulaire{padding:0;border-right:0px none;width:100%;margin:0;}
.Article p iframe{width:100%;}
.Col.Col1{padding:10px 20px;}

.PaveActuNouveautes{display:none;}
.Form1 .gris{float:none !important;margin:0;width:100%;text-align:left}

.TexteFooterInfos table{width:240px !important;}

#ContenuPage.Classique.PageDetail .Txt{width:auto !important;float: none;}
}

/*Gestion responsive CSS - slider*/
@media screen and (min-width: 481px) and (max-width: 768px){
#AccueilVisionneuse .Content{width:100%;}
#AccueilVisionneuse .js .carousel-wrap{width:100%;}
#AccueilVisionneuse .carousel, #AccueilVisionneuse .carousel .carousel-wrap{width:480px;margin:auto;}
#AccueilVisionneuse .carousel ul li{width:480px;padding:0;}
#AccueilVisionneuse .ImgVisionneuse{opacity:0.2;right:35px;}
#AccueilVisionneuse .carousel-next{margin:-156px 0px 0px 0px;right:0px;}
.TexteVisionneuse{position:relative !important;width:100%;margin:auto !important;}
}

@media screen and (min-width: 769px) and (max-width: 1024px){
#AccueilVisionneuse .Content{width:100%;}
#AccueilVisionneuse .js .carousel-wrap{width:100%;}
#AccueilVisionneuse .carousel, #AccueilVisionneuse .carousel .carousel-wrap{width:680px;margin:auto;}
#AccueilVisionneuse .carousel ul li{width:680px;padding:0;}
#AccueilVisionneuse .ImgVisionneuse{opacity:0.2;right:35px;}
#AccueilVisionneuse .carousel-next{margin:-156px 0px 0px 0px;right:0px;}
.TexteVisionneuse{position:relative !important;width:650px;margin:auto !important;}
}

/*Gestion responsive CSS - tablette*/
@media screen and (min-width:481px) and (max-width:1024px){

.Content{width:100%;}

#HeaderLogo a{background-size:contain;width:180px;height:90px;margin:15px 20px 0px;}
#HeaderTitre{position:absolute;right:10px;top:45px;}
#HeaderTitre h2{margin:0 0 0 20px;}
#HeaderTitre h2 p{text-align:right;}


#HeaderMenu{background-size:100% 100%;height:auto !important;}
#HeaderMenu ul li{display:inline-block;float:inherit;}
div#HeaderMenu ul ul{display:none;}

#AccueilTexte{width:100%;border-right:0px none;padding-right:0;}
#AccueilTexte .Texte1{padding:0px 5px;}
#AccueilTexte .Texte1 h1 p{text-align:center;}

#AccueilTexte .Texte2,#AccueilTexte .Texte3,#AccueilTexte .Texte4{width:auto !important;margin:20px auto auto auto;}
#AccueilTexte .Texte2 p,#AccueilTexte .Texte3 p,#AccueilTexte .Texte4 p{margin:auto 5px auto 5px;}
#AccueilTexte .Texte2 h2,#AccueilTexte .Texte3 h2,#AccueilTexte .Texte4 h2{margin-left:5px;}

#AccueilTexte .Texte2 p,#AccueilTexte .Texte3 p,#AccueilTexte .Texte4 p{margin-top:10px;}

#AccueilActu{width:65%;margin:10px auto;float:none;padding-left:0;}

.AccueilDemandeDevis{width:320px;margin:auto;}
.AccueilDemandeDevis a{text-align:center;background-size:100% 100% !important;width:100% !important;}

.TexteActu{margin:auto !important;width:100% !important;padding:5px 0px !important;margin:15px auto !important}
#AccueilActu .PlusActu{margin:15px 5px auto auto;}

#FooterInfos{height:150px;width:320px;margin:auto;float:none;}
#FooterInfos table{margin:auto;}
#FooterInfos table tr td p{margin-left:0px !important;}

#Copyright{width:100% !important;padding:0;position:absolute;}
#Copyright p{margin:10px auto;}

#FooterMenu ul .nb2,#FooterMenu ul .nb3,#FooterMenu ul .nb4{display: none;}

#Footer{height:auto !important;}
#FooterMenu{float:none;width:460px;margin:auto;}
#FooterMenu ul{height:100% !important;}
#FooterMenu ul li{min-height:290px;vertical-align:top;float:none;display:inline-block;margin:10px 0px;width:225px;text-align:center;padding:0;}
#FooterMenu ul ul{position:relative;}

.Bandeau1,.Bandeau2,.Bandeau3,.Bandeau4,.Bandeau5,.Bandeau6{background-position:25px center;background-size:100% 100%;width:100%;}

.FilAriane{margin:10px auto 10px 10px;}

#MenuGauche{width:100%;text-align:center;text-decoration:none;min-height:0;}
#MenuGauche ul li{background:none;}
#MenuGauche .souligne_h2{background-position:center !important;}
#MenuAutreSolutions .titre{text-align:center;}
.DivNouveauteActu{display:none;}
#ContenuPage{width:100%;padding:0;}
.Article table{width:100% !important;}

.TitresPage{width:100% !important;text-align:center;}
#ContenuPage .LogoPage{width:100% !important;background-position:center center !important;}

.TexteContent{padding:0px 5px;}
.TexteContent table{width:100% !important;}


.OmbreDroit, .OmbreGauche{display:none;}
.MethodCenter{width:100%;}
#MethodEtape .Titre{height:auto !important;}
#Method.ui-tabs .ui-tabs-nav{width:100%;}
#Method > ul > li.ui-tabs-active, #Method > ul > li{background:none !important;}
#Method.ui-tabs .ui-tabs-nav li{width:100%;}
#Method > ul > li{height:auto !important;}
#Method.ui-tabs .ui-tabs-nav li a, #Method.ui-tabs .ui-tabs-nav li{width:100%;padding:0 !important;}
#Method > ul > li.ui-tabs-active > a span{width:100%;padding:2px 0 !important;}
#Method.ui-tabs .ui-tabs-nav li a span{width:100%;padding:2px 0 !important;}

.Article table tr td iframe{width:100%;height:100%;}
.Form1, .Form2{width:80%;float:none !important;margin:auto;}
.FormContact{width:100%;padding:0px;}
.FormContact input[type="text"], .FormContact textarea{width:100%;padding:0;}
.Formulaire{padding:0;border-right:0px none;width:100%;margin:0;}
.Article p iframe{width:100%;}
.Col.Col1{padding:10px 20px;}

.Form2 .Article > p{text-align:center;}

.PaveActuNouveautes{display:none;}
.Form1 .gris{float:none !important;margin:0;width:100%;text-align:left;}

.competences tr td{display:table-cell !important;width:100px;}
.competences tr td img{width:100% !important;}
.Article h3{text-align:center;}
.TexteContent ul, .TexteContent ul ul{margin:auto;padding:10px;width:90%;}

.Article table tr {width:100%;}

/*Disposition article*/
.Article h3+div+p+table tr td img{width: 100% !important;height: 100% !important;}

/*Image forum recrutement*/
.Article p:nth-child(8) img{width:100%;height:100%;}
/*#revue_de_presse tr td p{text-align:center !important;}
#revue_de_presse tr td img{width:100% !important; height:100% !important;}
#forum_alternance{width:100%;height:100%;}
#liste_offres_emploi{text-align:center;}*/

#ContenuPage.Logiciel.PageDetail .Img{margin:auto;width:100%;text-align:center;min-height:0;}
#ContenuPage.Logiciel.PageDetail .Txt{width:100%;}
#ContenuPage.Logiciel.PageDetail .Txt p{margin:auto !important;width:50%;text-align:center;}

.TitreRef{width:100% !important;padding:0;background-size:auto 100px !important;height:auto !important;margin: auto;text-align: center;}
.page_navigation{width:100%;text-align:right;}
.ul_liste_rea{width:80%;margin:auto !important;}

/*#site_ecommerce tr td{text-align:center !important}
#site_ecommerce tr td img{width:100%;max-width:79px;}*/

#ContenuPage.Web.PageDetail .Img{margin:auto;width: 100%;text-align: center;}
/*#methodo_web{text-align:center !important;}*/
/*Consulter méthodologie site web*/
.Article>.FloatLeft.Img+h3+p+p{text-align:center !important;}

/*Formules hébergement*/
.Article>h3+p+ul{width: 90%;}
/*#formule_hebergement_1,#formule_hebergement_2{width:90%;}*/

/*#clic_tarif{text-align: center !important;}*/

/*#bouton_demande_devis{width:320px !important;}
#bouton_sur_devis{width:320px !important;margin:auto;}
#bouton_tuto_table{width:400px !important;margin:auto;}*/

.Article table tr td iframe{width:450px;height:309px;}

.FinArticleRef{width: 100% !important;background-size: 100% 100%}

#ContenuPage.Classique.PageDetail .Txt{width:auto !important;float: none;}
}