/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
*{margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{/*border-collapse:collapse;border-spacing:0;*/}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
/*h1,h2,h3,h4,h5,h6{font-size:100%;}*/
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */

body {background-color: #FFF; }
#main{background-color: #FFF;margin:auto; width:100%; }		
html{ color: #ffffff; font-size: 12px; font-family: Tahoma, Arial, sans-serif; /* Garder seulement 3 fontes */}



/* SLIDESHOW
--------------------------------------------------------------------------------------- */
.banniereSlideShow{ background-color: #000;width:100%; height:379px; float: left; padding: 0px; margin: auto 0px; text-align: center;  }
#mood{clear:both;height:379px; width: 995px; margin: 0 auto;position:relative;}
#mood div{display: none;}
#mood div div{display: block;}
#mood div.moodActif{display: block;top:0;z-index:10; opacity:1.0;position:absolute;}
#mood div.last-active {z-index:9;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color:#C21527; font-size:18px; margin-bottom:6px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color:#a4a6a8; font-size:15px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3{color:#0e1014; font-size:12px; margin-bottom:4px;}

p{font-size:11px; line-height:150%; color:#717172;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#0A254E; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

/* CLASSES GÉNÉRALES ET FRAME --------------------------------------------------------------------------------------- */
.clear:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear{ clear:both; }


.gen{ width: 100%; height: auto;float: left; }

#zone-gauche{ background:url("Gx/texte-degrade.jpg") top left no-repeat; }

/*UL général*/
#zone-droite ul, #zone-gauche ul, .gabarit-3 #barre-droite ul{ margin:0 0 10px; }
#zone-droite ul li, #zone-gauche ul li, .gabarit-3 #barre-droite ul li{ margin:0 0 10px; background:url("Gx/liste-fleche-rouge.gif") left 5px no-repeat; padding-left:15px; }

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{	margin: 0 auto; text-align:left; width:100%;}
#contenu{ margin: 0 auto; height: auto; text-align:left; vertical-align: middle; width:100%; color:#fff; font-family: Arial, Helvetica, sans-serif;/*padding-bottom: 30px;*/}
#contenu table{margin:0 auto;}
#contenu_projet{ margin: 18px auto 0 auto; text-align:left; vertical-align: middle; width:1050px; min-height: 200px; color:#fff; font-family: Arial, Helvetica, sans-serif;
}
#contenu_projet table{float:left;}
.both{clear:both;}
#colonnes{ width: 100%; min-height:422px;height:auto !important;height:422px;float: left; margin-bottom: 20px;border-top: 1px solid #9599a0; }
/*html #colonnes {height: 368px;}*/
#colGauche{ width: 290px;/*329*/ min-height:308px;height:auto !important;height:308px; float: left; padding-left: 0px; padding-top: 35px; /*border-right: 1px solid #595a5c;*/background-image: url(gx/02/bg_services.jpg);background-repeat: no-repeat; background-position: top right; padding-bottom: 20px;/*margin-top: 25px;*/}
#colGauche li{ list-style-type: none; font-family: Tahoma, Verdana, Arial; color: #939598; font-size: 13px; font-weigth: bold; text-transform:uppercase; line-height: 18px/*27*/; margin-left: 0px;padding-bottom: 20px;}
#colGauche li a{ font-family: Tahoma, Arial, sans-serif; color: #939598; font-size: 13px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
#colGauche li a:hover, #colGauche li a.actifservice{ font-family: Tahoma, Arial, sans-serif; color: #231f20; font-size: 13px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
#colDroite{ width: 563px; height:auto;/*min-height: 300px;*/ float: left; padding-left: 73px; margin-top: 35px;}
/*html #colDroite {height: 300px;}*/
#colDroite li{ list-style-type: none; font-family: Tahoma, Arial, sans-serif; color: #be3427; font-size: 13px; font-weigth: bold; /*line-height: 27px;*/list-style-image: url(Gx/M/puce_rouge.jpg);/*padding-bottom: 12px; *//*padding-bottom: 6px;*/line-height: 18px;
}
#colDroite h2{ font-family: Tahoma, Arial, sans-serif; color: #939598; font-size: 13px; font-weigth: bold;}
#texte{ width: 100%;/*731*/ min-height:320px;height:auto !important;height:320px; /*min-height: 323px;*/float: left;/* padding-left: 61px;*/padding: 45px 0 80px 0;border-top: 1px solid #9599a0;}
/*html #texte {height: 323px;}*/
#texte p{ font-family: Tahoma, Verdana, Arial; font-size: 13px; color: #58595b;padding: 0 70px 10px 0;}

/* MENUS --------------------------------------------------------------------------------------- */
.centre{ width: 995px; height: auto; margin: 0 auto; }
#menuHaut{ width: 100%; height: 27px; float: left; border-top: 1px solid #9599a0; border-bottom: 1px solid #9599a0; }
#haut{ width: 995px; height: auto; text-align:left; margin: 0 auto; }
#langue{ width: 100px; height: auto; float: left; color: #939598; font-weight: bold; font-size: 12px; font-family: Tahoma, Verdana, Arial;/* padding-left: 27px;*/ padding-top: 4px;}
#langue a{ color: #939598; font-weight: bold; font-size: 12px; font-family: Tahoma, Verdana, Arial; text-decoration: none;}
#menu{ width: 829px;/*558*//*498*/height: auto; float: left;text-align: right;padding-right: 4px; /*padding-left: 340px;*//*350*/ }
#menu li{ display: inline; list-style-type: none; font-weight: bold; font-size: 13px; font-family: Tahoma, Arial, sans-serif;padding-left: 43px;}
#menu li a{ color: #bf2e1a;text-decoration: none;}
#menu li a:hover{ color: #010101;text-decoration: none;}
#menu li a.actifm{ color: #939598;text-decoration: none;}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#colonnesAccueil{ width: 100%; min-height:360px;height:auto !important;height: 360px; float: left; padding-top:19px;border-top: 1px solid #9599a0;}
#colGaucheAccueil{ width: 627px;/*672*//*595*/ height: auto; float: left; padding-top: 11px;/*padding-left: 27px;*//* padding-left: 41px;*/ padding-right: 32px;}
#colGaucheAccueil h1{ font-family: Tahoma, Arial, sans-serif; text-transform:uppercase; font-size: 41px; color: #010101;font-weight: normal;padding-top:0px;margin:0px;letter-spacing: 1px; }
#colGaucheAccueil h1 span{ font-family: Tahoma, Arial, sans-serif; text-transform:uppercase; font-size: 58px; color: #bf2e1a;font-weight: bold;padding:0px;margin:0px;}
#colGaucheAccueil p{ font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #6d6e71;font-weight: normal;text-align: justify;padding-top: 5px;}
#colDroiteAccueil{width: 209px;height: 384px;float: left;border-left: 1px solid #9599a0;}
.suite{ font-family: Trebuchet MS, Georgia, Tahoma; font-size: 12px; color: #be3526;text-align: right;}
#colDroiteAccueil a{ font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #be3526; text-decoration: none;}
#titreNeuf{ width: 266px; height: auto; float: left;  }
#titreNeuf h2{ font-family: Tahoma, Arial, sans-serif; text-transform:uppercase; font-size: 24px; color: #a7a9ac; font-weight: bold; padding: 6px 0 0 21px;  }
#nouvelleAccueil{ width: 236px; height: auto; float: left; padding: 15px 0 21px 22px;-left: 22px;/*32*/}
#nouvelleAccueil p{ font-family: Trebuchet MS, Georgia, Tahoma; font-size: 12px; color: #a7a9ac;line-height: 15px;padding-top: 6px;}

/* --- 02_100 : SERVICES-- */
#banniere{ background-color: #ffffff;width:100%; height:379px; float: left; padding: 0px; margin: auto 0px; text-align: center;border-bottom: 1px solid #9599a0; }
#banniereTexte{ width:100%;/*722*/ height:auto;min-height: 318px;/*318*/ float: left; padding: 0px; margin: 0px; /*padding-left: 60px;*/ padding-top: 61px;background-color: #dcdedf;border-bottom: 1px solid #94999f;}
/*ie*/
html #banniereTexte{ height: 318px;}
#banniereTexteDesc{width: 340px; height: auto; float: left;margin-top: 25px;}
.slideShowBanniereTexteDesc{width: 360px; height: auto; float: left;margin-top: 80px;padding-left: 20px;}
.slideShowBanniereTexteDesc h1{font-family: Tahoma, Arial, sans-serif;text-transform:uppercase;font-size: 25px;color: #fefdfc;text-align: left;font-weight: normal;}
.slideShowBanniereTexteDesc p{font-family: Tahoma, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #fefdfc; line-height: 20px;text-align: justify;}
.slideShowBanniereTexteDescCentre{width: 993px; height: auto; margin: 0 auto;}
/*ie*/
#banniereTexte h1{ font-family: Tahoma, Arial, sans-serif;text-transform:uppercase;font-size: 25px;color: #fefdfc;}
#banniereTexte h1 span{ color: #000000;}
#banniereTexte p{ font-family: Tahoma, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #fefdfc; line-height: 20px;}

/* --- 03_100 : PAGE -- */
#realisations{ 	width: 100%; height: auto; float: left; background-color: #ffffff; padding-bottom: 30px; }
#hautRealisations{ 	width: 100%; height: auto; float: left; margin-top: 40px; }
#titreRealisations{ width: 350px; height: 56px; float: left; border-top: 1px solid #0e1014; border-left: 1px solid #383635; border-right: 1px solid #383635; border-bottom: 1px solid #434141;}
#titreRealisations h1{ font-family: Tahoma, Verdana, Arial; color: #0e1014; font-size: 32px; padding-left: 70px; font-weight: normal; padding-top: 10px;}
#categoriesRealisations{ width:433px; height: auto; float: left; margin: 0px; padding: 0px;padding-left: 500px;}
#titreChoixCatRealisations{ width: 212px; height: 38px; text-align: center; float: left; margin-top: 9px; padding-right: 0px; }
#titreChoixCatRealisations p{ background-color: #bf3526; color: #f7f6f6; font-family: Tahoma, Verdana, Arial; font-size: 13px; text-align: center; font-weight: bold; }
#menuChoixCatRealisations{ width: 212px; height: 38px; text-align: center; float: left; margin-top: 9px; }
#menuChoixCatRealisations select{ width: 204px;}
.centreGalerie{ width: 933px; height: auto; margin: 0 auto; }
.centreNumeros{ width: 933px; height: auto; margin: 0 auto; }
#galerieRealisations{ width: 100%;height: auto; float: left;padding: 0 0 20px 0;}
.boiteRealisations{ width: 190px; height: 208px; float: left; background-color: #f6f6f5; padding-top: 13px;padding: 10px; margin-left: 11px;margin-bottom: 37px;  }
.boiteRealisations h2{font-family: Tahoma, Verdana, Arial;font-size: 14px; color: #be3526;text-transform:uppercase; }
.boiteRealisations h2 a{font-family: Tahoma, Verdana, Arial;font-size: 14px; color: #be3526;text-transform:uppercase;text-decoration: none; }
.boiteRealisations h2.titreRealisations  a{font-family: Tahoma, Verdana, Arial;font-size: 14px; color: #be3526;text-transform:uppercase;text-decoration: none; }
.boiteRealisations p{font-family: Tahoma, Verdana, Arial;font-size: 12px; color: #0e1014; }
.boiteRealisations a{font-family: Tahoma, Verdana, Arial;font-size: 14px; color: #be3526;text-transform:uppercase;text-decoration: none; }

/* --- 03_110 : PAGE REALISATIONS DETAILS-- */
#colonnesRealisations{ width: 100%; height: auto; float: left; margin-top:19px;padding-bottom: 30px; }
#colGaucheRealisations{ width: 478px; height: 360px; float: left; border-right: 1px solid #94999f; padding-top: 11px;margin-bottom: 20px;}
#colGaucheRealisations li{ list-style-image: url(Gx/M/puce_rouge.jpg); padding-top: 6px;margin-left:40px;}
#colGaucheRealisations p{ font-family: Tahoma, Verdana, Arial;font-size: 12px; color: #010101;}
#colGaucheRealisations p,#colGaucheRealisations ul{ padding-left: 41px; }
#colGaucheRealisations h1{font-family: Tahoma, Verdana, Arial;font-size: 20px; color: #be3426;font-weight: normal; padding-left: 41px;}
#colGaucheRealisations h2{font-family: Tahoma, Verdana, Arial;font-size: 14px; color: #a4a6a8;font-weight: normal; padding-left: 41px;}
#colGaucheRealisations h3{ border-top: 1px solid #928f8f; border-left: 1px solid #e7e6e6; border-right: 1px solid #e7e6e6; border-bottom: 1px solid #b9b7b7; width: 50px; margin-top: 35px; margin-bottom: 19px; padding-left: 10px;margin-left: 42px;}
#colDroiteRealisations{ width: 485px; height: auto; float: left; padding-left: 30px;}
#imgProjet{ width: 485px; min-height:360px;height:auto !important;height: 360px;/*min-height: 341px;*/float: left; margin: 0px;background: url(Gx/03/bg_citation.jpg) no-repeat top left;}

#numerosProjets{width:933px;height: auto; float: left; text-align:right;display:inline-block;}
#numerosProjetsDetails{width: 485px;height: 17px; float: left;padding:0px;margin:0px;/*padding-left: 386px;*/text-align: right;}
.numero { height: 17px;background-color: #231f20;margin: 0 5px 0 5px;text-align: center;padding: 0px; overflow:hidden; display:inline;}
.numero a{padding:0 5px 0 5px; height: 17px;text-decoration: none;color: #ffffff;margin: 0px;display:inline; }
.numero a:hover{height: 17px;text-decoration: none;background-color: #939597; color: #ffffff;margin: 0px;}
#numerosProjets div.actif{ padding:0 5px 0 5px; height: 17px; display:inline; color: #fff; text-align: center;background-color: #939597; }
#numerosProjetsDetails div.actif{ height: 17px; display:inline; color: #fff; text-align: center;background-color: #939597; }
#citation{width: 485px; min-height:320px;height:auto !important;height: 320px;/*min-height: 341px;*/ float: left;font-family: Trebuchet MS, Georgia, Tahoma; font-size: 22px;color: #8e908f;padding-top: 48px;line-height: 28px;}
/*html #citation{height: 341px;}*/
#citation p{font-family: Trebuchet MS, Georgia, Tahoma; font-size: 18px;color: #8e908f;line-height: 28px;}
.citationSource{font-family: Trebuchet MS, Georgia, Tahoma; font-size: 17px;color: #8e908f;padding-top: 15px; }
.banniereImage{display:none;}

/* --- 04_100 : PAGE CONTACT-- */
#colonnesContact{ width: 100%; min-height:380px;height:auto !important;height: 380px; float: left;background-color: #ffffff; }
#bgContact{width: 646px;height: 440px; float: left;background-color: #fff;}
html #colonnesContact {height: 380px;}
#colonnesContact p{ font-family: Tahoma, Verdana, Arial; color: #8d908f; font-size: 12px; padding-bottom: 10px;}
#colonnesContact a{ font-family: Tahoma, Verdana, Arial; color: #be3526; font-size: 12px; text-decoration: none;}
#colonnesContact h3{ font-family: Tahoma, Verdana, Arial; color: #010101; font-size: 18px; font-weight: bold; /*padding-bottom: 30px;*/}
#colonnesContact h6{ font-family: Tahoma, Verdana, Arial; color: #be3526; font-size: 13px; font-weight: bold; padding-bottom: 23px;}
#colContact1{ width: 252px; height: auto; float: left; /*padding-left: 60px;*/ padding-top: 79px; }
#colContact2{ width:351px;/*404*/ height: auto; float: left; padding-top: 79px;}
#boiteContact{ width: 332px;/*302*//*356*/ height: 161px;/*184*/ float: left; background-color: #fff; border: 1px solid #a2a4a4; padding-top: 24px; padding-left: 19px; }
.etiquette{ width: 100px; height: auto; float: left; padding-bottom: 10px; clear: both; color: #8e908f; font-family: Tahoma, Verdana, Arial; font-size: 10px; text-transform: uppercase;}
.champ{ width: 200px; height: auto; float: left; padding-left: 10px;}
#boutonEnvoi{width: 110px; height: 27px; color:#fff; text-transform:uppercase; background:#030303; border:1px solid #030303;; font-size:11px; margin-left: 133px;}
#boiteContact h3{ font-family: Tahoma, Verdana, Arial; color: #010101; font-size: 18px; font-weight: bold; padding-bottom: 23px;}
#colContact3{ width:210px;/*241*/ height: auto;/*370*/ float: left;  /*background: #ffffff url(Gx/04/ligne_contact.jpg) no-repeat top left;*/ padding: 35px 0 0 44px; margin:46px 0 0 52px;border-left: 1px solid #959aa0;}
#colContact3 p{font-family: Tahoma, Verdana, Arial; color: #8d908f; font-size: 12px;font-weight: normal;}
#carteContact{border:1px solid #999;height:300px;width:350px;float:left;}

/* --- 05_100 : PAGE NOUVELLES-- */
#nouvelles{ width: 100%; min-height:580px;height:auto !important;height:580px; float: left; padding-bottom: 40px;}
/*html #nouvelles{height: 580px;}*/
#nouvelles h1{ font-family: Tahoma, Verdana, Arial; font-size: 39px;color: #a7a9ac;padding-top: 30px;padding-bottom: 36px;}
#nouvelles h2 {font-family: Trebuchet MS, Georgia, Tahoma; font-size: 13px;color: #a7a9ac;clear: both;}
#nouvelles h3{ font-family: Trebuchet MS, Georgia, Tahoma; font-size: 24px;font-weight: bold;color: #bf3426; }
#nouvelles h3 a{ font-family: Trebuchet MS, Georgia, Tahoma; font-size: 24px;font-weight: bold;color: #bf3426;text-decoration: none; }
#nouvelles p{ font-family: Trebuchet MS, Georgia, Tahoma; font-size: 18px;color: #a7a9ac; }
#nouvelles p a{ font-family: Trebuchet MS, Georgia, Tahoma; font-size: 14px;color: #bf3426;text-decoration: none; }
#nouvelles p a:hover{ font-family: Trebuchet MS, Georgia, Tahoma; font-size: 14px;color: #bf3426;text-decoration: none; }
.nouvelleBoite{width: 899px; height: auto; min-height: 145px;/*145*/ float: left; background-color: #f5f6f6;padding-top: 10px;padding-bottom: 10px;padding-left: 32px;margin-bottom: 33px; }
.nouvelleIntro{ width: 731px; height: auto; float: left; }
.nouvelleImg{ width: 118px; height: auto; float: left; }
#nouvellesGauche{width: 588px; height: auto; float:left;}
#nouvellesGauche h1{font-family: Tahoma, Arial, sans-serif; font-size: 39px;font-weight: bold;color: #a7a9ac;}
#nouvellesGauche h3{font-family: Tahoma, Arial, sans-serif; font-size: 24px;font-weight: bold;color: #010101;}
#nouvellesGauche p{font-family: Trebuchet MS, Georgia, Tahoma; font-size: 13px;color: #a7a9ac;padding-bottom: 10px;}
#nouvellesDroite{width: 339px; height: auto; float: left;padding-top: 30px; text-align: right;}

/* PIED DE PAGE --------------------------------------------------------------------------------------- */
#piedPage{width:100%;height:auto;float: left;color:#555; font-size:10px;  padding:0 0 30px 0;  text-align: left;background-color: #bf2e1b;background-image: url(Gx/M/bg_footer.jpg)}
#footContent{width: 100%; height: auto; float: left; background-color: #5a5b5d;}
#copyrights{width:772px;text-align:center;margin:0 auto;}
#copyrights img {margin-left:-32px;}
#piedPage a{color:#6f6e6e; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage p{color:#f7f6f6;}
#piedPage li{color:#f7f6f6;list-style-image: url(Gx/M/footer_puce.jpg)}
#piedPageAdresse{width:174px;height: auto;text-align:left;float: left;padding: 31px 0 60px 0px;}
#piedPageAdresse p{font-family: Tahoma, Arial, sans-serif;font-size: 10px;color: #f7f6f6;line-height:14px;}
.telephone{font-family: Tahoma, Arial, sans-serif;font-size: 12px; color: #f7f6f6; font-weight: bold;}
#piedPageExplore{width:254px;height: auto;text-align:left;float: left;padding: 31px 0 10px 30px;background: url(Gx/M/footer_sep.jpg) no-repeat top left;}
#piedPageExplore li{font-family: Tahoma, Arial, sans-serif;font-size: 10px;color: #f7f6f6;line-height:14px;}
#piedPageExplore a,#piedPageExplore a:hover{ color: #f7f6f6; font-weight: bold; text-decoration: none;font-size: 10px;}
.piedPageTitre{font-family: Tahoma, Arial, sans-serif;font-size: 15px;color: #f7f6f6;padding: 0 0 10px 0;font-weight: normal;}
.piedPageTitreExplore{font-family: Tahoma, Arial, sans-serif;font-size: 15px;color: #f7f6f6;padding: 0 0 10px 0;font-weight: normal;}
.piedPageTitreSolutions{font-family: Tahoma, Arial, sans-serif;font-size: 15px;color: #f7f6f6;padding: 0 0 10px 0;font-weight: normal;}
#piedPageTexte{width:397px;height: auto; float: left; padding: 33px 0 0 33px;background: url(Gx/M/footer_sep.jpg) no-repeat top left;}

/* FORMULAIRES --------------------------------------------------------------------------------------- */
.champCache{ display:none; visibility:hidden; } /* Utilisé pour l'anti-spam */
input.erreur,select.erreur, textarea.erreur{ background-color:#fff1bf; border:1px #ffc273 solid; padding:1px; }
textarea{ font-family:Arial, Helvetica, Sans-serif; font-size:12px; }
#demo-form form{ font-size:11px;  padding:12px 30px 12px 12px; height:260px; overflow:hidden; background:url(Gx/00/home-form.jpg) no-repeat left top; }
#demo-form form select{ width:182px; }
p.erreur{ padding:6px; border-width:1px; border-color:#ffc273 #ffc273 #f17e30 #f17e30; border-style:solid; margin-right:15px; background:#fff1bf url(Gx/erreur-form.png) 10px center no-repeat; padding:6px 6px 6px 35px; }
p.success-envoi{ background: url(Gx/succes-envoi.png) 10px center no-repeat; padding:6px 6px 6px 35px; border-width:1px; border-color:#aab9b9 #aab9b9 #6397d6 #6397d6; border-style:solid; margin-right:15px; background-color:#d7e9ff; }
p.success-envoi strong{ color:#41629b; }


/* CLASS & FRAME --------------------------------------------------------------------------------------- */
.h-356{ height:356px; overflow:hidden; } /*-60padding*/