/* Propriete du "html" de la Masterpage: */
#HtmlFont {font-size:100%; height:100%}
/* Propriete du "body" de la Masterpage: */
body {font-family:Trebuchet MS, Sans-Serif; background-image:url(Image/fond1.gif); background-repeat:repeat-x; background-attachment:fixed; background-position:top}
/* Propriete du "Div" de la Masterpage: */
.ConteneurCentrale1 {}
/* Centrage du site */
.CenSit {width:100%; height:100%; text-align:center; margin:0; padding:0}
/* Style des liens et alignement */
.TexAdm {color:#0080FF; text-align:left; margin:0; padding:0}
.TexAdm2 {color:Red; font-size:.9em; text-align:left; margin:0; padding:0}
.TexAdm3 {color:#0080FF; font-size:.8em; text-align:left; margin:0; padding:0}
.AliLeft {text-align:left; margin:0; margin-left:100px; padding:0}
.AliLeft2 {text-align:left; margin:0; margin-left:65px; padding:0}
.AliLeft3 {border:solid 1px #ffab08; margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:0; padding:0}
.LieSty1 {color:Black; text-decoration:none}
.LieSty1:hover {color:Orange; text-decoration:underline}
.LieSty2 {color:Orange; text-decoration:none}
.LieSty2:hover {color:#0080ff; text-decoration:underline}
.LieTag1 {color:Orange; text-decoration:none; font-size:.7em}
.LieTag1:hover {color:Orange; text-decoration:underline; font-size:.7em}
.LieTag2 {color:Orange; text-decoration:none; font-size:.9em}
.LieTag2:hover {color:Orange; text-decoration:underline; font-size:.9em}
.LieTag3 {color:Orange; text-decoration:none; font-size:1.1em}
.LieTag3:hover {color:Orange; text-decoration:underline; font-size:1.1em}
.LiSty1 {color:Red; font-weight:bold; text-decoration:none; list-style:none; cursor:default}
.LiSty2 {color:Black; font-size:.8em; font-weight:bold; text-decoration:none; list-style:none; cursor:default}
.LiSty3 {color:#ffab08; font-weight:bold; text-decoration:none; list-style:none; cursor:default}
.CenFor3 {width:100%; height:100%; margin:0; padding:0}
.CenFor4 {width:469px; height:100%; text-align:center; margin:auto; padding:0; border:1px solid #0080FF; background-color:#deecf2}
/* Centrage contenu page confirmation-demande... */
.LigConf {width:100%; height:100%; margin:auto; padding:0; text-align:center; color:#0080FF; font-weight:bold}
.LigConf2 {width:100%; height:100%; margin:auto; margin-bottom:20px; padding:0; text-align:center; font-size:.8em; color:Gray}
/* Contenu texte des page info conseil etc .. */
.ContenuText {width:100%; height:100%; text-align:center; margin:0; padding:0}
.StyTitle1 {width:714px; margin-left:20px; margin-right:20px; margin-top:15px; margin-bottom:15px; text-align:left; color:#ffab08; font-size:1.3em; font-weight:lighter; text-decoration:none; cursor:default; border-bottom:2px solid #ffab08}
.StyTitle2 {width:714px; margin-left:20px; margin-right:20px; margin-top:15px; margin-bottom:15px; text-align:left; color:Black; font-size:1.3em; font-weight:lighter; text-decoration:none; cursor:default; border-bottom:2px solid #ffab08}
.StyTitle3 {width:714px; margin-left:20px; margin-right:20px; margin-top:15px; margin-bottom:15px; text-align:left; color:#0080ff; font-size:1.3em; font-weight:lighter; text-decoration:none; cursor:default; border-bottom:2px solid #ffab08}
.StyUlEx {margin:0; padding:0}
.LieSty3 {color:#0080ff; text-decoration:none; font-size:1em; font-weight:bold}
.LieSty3:hover {color:Red; text-decoration:underline; font-size:1em; font-weight:bold}
.TexSty1 {margin-left:35px; margin-right:20px; margin-bottom:-12px; text-align:left; color:#0080ff; font-size:.8em; font-weight:bold; text-decoration:none; list-style:none; cursor:default}
.TexSty2 {margin-left:35px; margin-right:20px; margin-bottom:10px; text-align:left; color:Black; font-size:.8em; font-weight:bold; text-decoration:none; list-style:none; cursor:default}
.TexSty3 {margin-left:35px; margin-right:20px; margin-bottom:10px; text-align:left; color:Red; font-size:.8em; font-weight:bold; text-decoration:none; list-style:none; cursor:default}
/* Image de fond Slide Accueil repa-ordi */
.ImaEta1 {background-image:url(Image/ImaEta1.jpg); background-position:bottom; background-repeat:no-repeat; width:690px; height:130px}
.ImaEta2 {background-image:url(Image/ImaEta2.jpg); background-position:bottom; background-repeat:no-repeat; width:690px; height:130px}
.ImaEta3 {background-image:url(Image/ImaEta3.jpg); background-position:bottom; background-repeat:no-repeat; width:690px; height:130px}
.ImaEta4 {background-image:url(Image/ImaEta4.jpg); background-position:bottom; background-repeat:no-repeat; width:690px; height:130px}
.ImaEta5 {background-image:url(Image/ImaEta5.jpg); background-position:bottom; background-repeat:no-repeat; width:690px; height:130px}
/* Style div accueil gauche et droite sous slide */
.DivPla {width:730px; height:355px; margin-top:-20px}
.PubGau {width:330px; height:355px; margin-left:32px; border:1px solid #0080ff; float:left}
.PubDro {width:330px; height:355px; margin-left:28px; border:1px solid #0080ff; float:left}
.StyTitle4 {font-size:1em; color:#ffab08; font-weight:bold; text-decoration:underline; list-style:none; cursor:default}
.LiStyDi1 {color:#0080ff; font-size:.8em; margin-left:20px; font-weight:bold; text-decoration:none; text-align:left; list-style:none; list-style-type:circle; cursor:default}
.LiStyDi2 {color:Black; font-size:.7em; margin-left:7px; margin-right:5px; font-weight:bold; text-decoration:none; text-align:justify; list-style:none; cursor:default}
.LiStyDi3 {color:#0080ff; font-size:1em; font-weight:bold; text-decoration:none; text-align:justify}
.LiStyDi3:hover {color:Red; font-size:1em; font-weight:bold; text-decoration:underline; text-align:justify}
.LiStyDi4 {color:Black; font-size:.9em; margin-left:20px; font-weight:bold; text-decoration:none; text-align:left; list-style:none; cursor:default; list-style-type:circle}
.AnoGre3 {font-size:.6em; color:#828282; font-weight:bold; font-family:Arial; margin:0; margin-left:7px; text-align:left}
.PolTextGreySoc {width: 650px; text-align: justify; font-size:0.8em; color:#828282; font-family:Verdana}
.PolTextGreySocBas {width:650px; height:225px; text-align:left; font-size:0.8em; color:#828282; font-family:Verdana; background-image:url(Image/FonFocIce.gif); background-repeat:no-repeat; background-position:bottom; background-position:right}
.StylSouOra { color:#feb320; text-decoration:underline}
/* Style bloc garantie page accueil */
.Test1 {width:730px; float:left; margin-left:0; margin-bottom:20px}
/* Style page tarif tableau */
.AnoGre2 {font-size:.6em; color:#828282; font-weight:bold; font-family:Arial; text-align:left; margin:0; margin-left:0px}
.TdTarGau {color:#039bff; width:450px; padding-left:5px; font-weight:bold; border-color:#dddddd; border-width:1px; border-style:double; vertical-align:middle}
.TdTarDro {color:#ff0000; font-family:Tahoma; font-size:12pt; font-weight:bold; text-align:center; width:186px; border-color:#dddddd; border-width:1px; border-style:double; vertical-align:middle}
.StyTab {margin-bottom:10px}
sup {font-size:.5em}
/* Module Login/MotDePasse */
.ModLog1 {text-align:center; margin:auto; padding:0}
.CenForDemo {width:100%; height:100%; margin:0; margin-left:50px; padding:0}
/* Module Menu Image Button */
.BlocMen1 {display:block; margin:0; margin-bottom:50px; margin-left:43px; padding:0}
.ImaMenR1 {border:none}
.CaseMen1 {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But1R.jpg) no-repeat top}
.CaseMen1:hover {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But1S.jpg) no-repeat top}
.CaseMen2 {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But2R.jpg) no-repeat top}
.CaseMen2:hover {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But2S.jpg) no-repeat top}
.CaseMen3 {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But3R.jpg) no-repeat top}
.CaseMen3:hover {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But3S.jpg) no-repeat top}
.CaseMen4 {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But4R.jpg) no-repeat top}
.CaseMen4:hover {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But4S.jpg) no-repeat top}
.CaseMen5 {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But5R.jpg) no-repeat top}
.CaseMen5:hover {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But5S.jpg) no-repeat top}
.CaseMen6 {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But6R.jpg) no-repeat top}
.CaseMen6:hover {width:100px; height:40px; float:left; padding:0; margin:0 4px 0 7px; display:block; background:url(Image/But6S.jpg) no-repeat top}
/* Module Update Image/text */
.CenFor2 {width:100%; height:100%; margin:0; margin-left:20px; padding:0}
.ImaDemo1 {margin:0; margin-left:25px; margin-bottom:15px; padding:0}
.TexDemo1 {width:600px; margin:0; margin-left:25px; padding:0; text-align:justify; color:#0080ff; font-size:.8em}
.PosErr1 {width:600px; font-size:.8em}
.LigDia4Demo {width:650px; height:25px; border-bottom:solid 1px #ffab08; text-align:left; font-size:.8em; color:#ffab08}
/* Style du formulaire demande de diagnostic */
.CenFor {width:100%; height:100%; margin:0; margin-left:50px; padding:0}
.CenForDia {width:100%; height:100%; margin:0; margin-left:50px; padding:0}
.LigDia {width:690px; height:25px}
.LigDia2 {width:690px; height:75px}
.LigDia3 {width:650px; height:25px; border-bottom:solid 1px #0080ff; text-align:center; font-size:1em; font-weight:bold; color:#0080ff}
.LigDia3Bis {width:650px; height:25px; display:block; margin-left:53px; border-bottom:solid 1px #0080ff; text-align:center; font-size:1em; font-weight:bold; color:#0080ff}
.LigDia3Ter {width:650px; display:block; margin:0; padding:0; margin-left:53px; border-bottom:solid 1px #0080ff; text-align:center; font-size:1em; font-weight:bold; color:#0080ff}
.LigDia4 {width:650px; height:25px; border-bottom:solid 1px #ffab08; text-align:left; font-size:.8em; color:#ffab08}
.LigDia4Red {width:650px; height:25px; border-bottom:solid 1px Red; text-align:left; font-size:.8em; color:Red}
.LigDia5 {width:650px; height:25px; margin:auto; border-bottom:solid 1px #0080ff; text-align:center; font-size:1em; font-weight:bold; color:#0080ff}
.AliGau {list-style:none; width:200px; float:left; font-size:.8em; color:#0080ff; border-bottom:solid 1px #0080ff}
.AliGau2 {list-style:none; width:200px; float:left; font-size:.8em; color:#0080ff}
.AliDro {list-style:none; width:450px; float:left}
.AliDro2 {list-style:none; width:450px; float:left}
.StyBoxDia {width:400px; text-align:left}
.StyBoxDia2 {width:400px; height:75px; text-align:left}
.StyBoxDia3 {width:600px; height:40px; margin-left:10px; text-align:center}
.StyBoxDia4 {width:400px; text-align:left}
.MinBlu {font-size:.8em; color:Black; text-align:left}
.DisNon {display:none}
#DisNon {display:none}
/* Position Ligne1 fond Logo extensible + integration Logo (!Largeur 760px car effet carbone par 4px) */
.FonLog1Fon {width:100%; height:150px; float:none; background-image:url(Image/FonLog1Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonLog1 {width:759px; height:150px; float:none; border:solid 2px #ffab08; border-bottom:none; background-image:url(Image/FonLog1.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonLog2 {width:759px; height:150px; float:none; background-image:url(Image/FonLog2.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonLog3 {width:759px; height:150px; float:none; background-image:url(Image/FonLog3.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Position Style Fonction Header*/
.FonMenSwi1 {width:100%; height:188px; float:none; background-image:url(Image/FonMenSwi1Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonSwi1 {width:980px; height:188px; float:none; border:0; margin:auto; display:block}
/* Position Style Fonction Header*/
.PosA1 {width:450px; height:150px; float:left; margin:0; outline-style:none}
.PosTitle {width:450px; height:150px; float:left; display:block; margin:0; background-image:url(Image/FonLog1.jpg); outline-style:none; background-repeat:no-repeat; background-position:left}
.PosTitle:hover {width:450px; height:150px; float:left; cursor:pointer; display:block; margin:0; outline-style:none}
.ul1 {float:left; margin:0; width:230px; padding-left:220px; padding-top:86px}
.FonLog3 ul li {padding:0; margin:0; list-style:none; float:left; display:inline}
.ImaInvi {visibility:visible; border:none}
.infoAcc1 {position:relative; text-decoration:none}
.infoAcc1 span {display:none; font-size:1.1em}
.infoAcc1:hover {background:none; z-index:500; text-decoration:none}
.infoAcc1:hover span {display:inline; font-size:1.1em; position:absolute; white-space:nowrap; bottom:92px; right:-45px; background:none; color:White; padding:3px; border:none; text-decoration:none}
.infoAcc2 {position:relative; text-decoration:none}
.infoAcc2 span {display:none; font-size:1.1em}
.infoAcc2:hover {background:none; z-index:500; text-decoration:none}
.infoAcc2:hover span {display:inline; font-size:1.1em; position:absolute; white-space:nowrap; bottom:92px; right:18px; background:none; color:Orange; padding:3px; border:none; text-decoration:none}
.infoAcc3 {position:relative; text-decoration:none}
.infoAcc3 span {display:none; font-size:1.1em}
.infoAcc3:hover {background:none; z-index:500; text-decoration:none}
.infoAcc3:hover span {display:inline; font-size:1.1em; position:absolute; white-space:nowrap; bottom:79px; right:60px; background:none; color:White; padding:3px; border:none; text-decoration:none}
.infoAcc4 {position:relative; text-decoration:none}
.infoAcc4 span {display:none; font-size:1.1em}
.infoAcc4:hover {background:none; z-index:500; text-decoration:none}
.infoAcc4:hover span {display:inline; font-size:1.1em; position:absolute; white-space:nowrap; bottom:78px; right:70px; background:none; color:Orange; padding:3px; border:none; text-decoration:none}
.StyIco1 {width:44px; height:44px; border:none}
.StyIco1:hover {width:44px; height:44px; border:none; background-image:url(Image/IcoHeader/IcoAcc1H.png); background-repeat:no-repeat; background-position:center}
.StyIco2 {width:44px; height:44px; border:none}
.StyIco2:hover {width:44px; height:44px; border:none; background-image:url(Image/IcoHeader/IcoAcc2H.png); background-repeat:no-repeat; background-position:center}
.StyIco3 {width:44px; height:44px; border:none}
.StyIco3:hover {width:44px; height:44px; border:none; background-image:url(Image/IcoHeader/IcoAcc3H.png); background-repeat:no-repeat; background-position:center}
.StyIco4 {width:44px; height:44px; border:none}
.StyIco4:hover {width:44px; height:44px; border:none; background-image:url(Image/IcoHeader/IcoAcc4H.png); background-repeat:no-repeat; background-position:center}
/* Slide page accueil*/
#slider1 {
width: 500px; /* 720px important to be same as image width */
height: 333px; /* 300px important to be same as image height */
position: relative; /* relative important */
overflow: hidden; /* important */
}
#slider1Content {
width: 500px; /* 720px important to be same as image width or wider */
position: relative;
top: 0;
margin-left:0;
padding-left:0;
}
.slider1Image {
float: left;
position: relative;
display: none;
}
.slider1Image span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 470px; /*694px*/
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
/*border:solid 2px #ffab08;*/
border-top:none;
color: #fff;
display: none;
}
.slider1Image a img {border:none}
.clear {clear: both}
.slider1Image span strong {font-size:14px}
.left {top:1px; visibility:hidden; left:0; width:100%; height:15px} /*179, 280 ou 290px*/
.right {right:0; visibility:hidden; bottom:5px; width:110px; height:15px} /*179, 280 ou 290px*/
#slider1Content {list-style-type:none; margin:0; padding-right:200px}
.lieinf1 { color:#ffab08; text-decoration:none}
.lieinf1:hover { color:#ffab08; text-decoration:underline}
/* Sur Accueil (CreationSiteInternet.aspx)*/
.FonOptSlideFon {width:100%; height:333px; float:none; background-image:url(Image/FonSli1Fon.png); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonOptSlide {width:500px; height:333px; float:none; margin:auto; display:block}
/* Position Ligne2 fond Option extensible + integration Option */
.FonOpt1Fon {width:100%; height:200px; float:none; background-image:url(Image/FonOpt1Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonOpt3Fon {width:100%; height:200px; float:none; background-image:url(Image/FonOpt3Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonOpt4Fon {width:100%; height:200px; float:none; background-image:url(Image/FonOpt4Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Sur Solutions (SolutionWebDesign.aspx)*/
.FonOpt1 {width:759px; height:200px; float:none; background-image:url(Image/FonOpt1.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Sur Accueil (CreationSiteInternet.aspx)*/
.FonOpt2 {width:759px; height:200px; float:none; background-image:url(Image/FonOpt2.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Sur Contact (ContactInfoDevis.aspx)*/
.FonOpt3 {width:759px; height:200px; float:none; background-image:url(Image/FonOpt3.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Sur Realisation (RealisationSiteWeb.aspx)*/
.FonOpt4 {width:759px; height:200px; float:none; background-image:url(Image/FonOpt4.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Sur Modele (ModeleSiteInternet.aspx)*/
.FonOpt5 {width:759px; height:200px; float:none; background-image:url(Image/Wide/Slide2.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Sur Le Studio (Presentation.aspx)*/
.FonOpt6 {width:759px; height:200px; float:none; background-image:url(Image/FonOpt6.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Sur CGV (CGV.aspx)*/
.FonOpt7 {width:759px; height:200px; float:none; background-image:url(Image/FonOpt7.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Sur Sitemap (Sitemap.aspx)*/
.FonOpt8 {width:759px; height:200px; float:none; background-image:url(Image/FonOpt8.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Position Ligne3 fond Menu extensible + integration Menu */
/* Menu CSS */
.FonMenCss1Fon {width:100%; height:32px; float:none; background-image:url(Image/FonMenCss1Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonMenCss1 {width:799px; height:32px; font-size:.9em; line-height:.9em; float:none; background-image:url(); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
.MenCss1 {position:relative; height:32px; width:800px; padding-left:36px}
.MenCss1 ul {position:relative; margin:0 5px 0 5px; padding:0; height:32px; background:url(Image/breadcrumbImag.png) 0px -30px repeat-x}
.MenCss1 ul li {padding:0; margin:0; list-style:none; float:left; height:32px; display:inline;}
.MenCss1 ul li a {font-size:.9em; font-family:Arial, Helvetica, sans-serif; color:rgb(255,255,255); text-decoration:none; line-height:29px; display:block; background:url(Image/breadcrumbImag.png) 100% -60px no-repeat}
.MenCss1 ul li a span {margin:0 20px 0 20px}
.MenCss1 ul li a:hover span {text-decoration:underline; color:rgb(254,179,32);}
/*.MenCss1 ul li a.active {background:none;}
.MenCss1 ul li a.active span {color:rgb(254,179,32);}
.MenCss1 ul li a.active:hover span {text-decoration:none;}*/
.MenCss1 .left {position:absolute; top:0px; left:0px; width:10px; height:32px; display:block; z-index:1; background:url(Image/breadcrumbImag.png) 0% 0px no-repeat}
.MenCss1 .right {position:absolute; top:0px; right:0px; width:10px; height:32px; display:block; z-index:1; background:url(Image/breadcrumbImag.png) 100% -90px no-repeat}
/* reglage 2 menu css */
.MenCss2 {position:relative; height:32px; width:759px; padding-left:25px}
.MenCss2 ul {margin:auto; padding:0; height:32px; background:url(Image/breadcrumbImag.png) 0px -30px repeat-x}
.MenCss2 ul li {padding:0; margin:0; list-style:none; float:left; width:125px; height:32px; display:inline}
.MenCss2 ul li a {font-size:.9em; font-family:Arial, Helvetica, sans-serif; color:rgb(255,255,255); text-decoration:none; line-height:26px; display:block; background:url(Image/breadcrumbImag.png) 100% -60px no-repeat}
.MenCss2 ul li a span {margin:0 20px 0 20px}
.MenCss2 ul li a:hover span {text-decoration:underline; color:rgb(254,179,32);}
.MenCss2 .left {position:absolute; top:0px; left:0px; width:10px; height:32px; display:block; z-index:1; background:url(Image/breadcrumbImag.png) 0% 0px no-repeat}
.MenCss2 .right {position:absolute; top:0px; right:0px; width:10px; height:32px; display:block; z-index:1; background:url(Image/breadcrumbImag.png) 100% -90px no-repeat}
/* Menu 1 */
.FonMen1Fon {width:100%; height:47px; float:none; background-image:url(Image/FonMen1Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonMen1 {width:759px; height:47px; float:none; background-image:url(Image/FonMen1.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
.MenuFlash1 {width:700px; height:46px; margin-top:0px; padding-left:29px}
/* Menu 2 */
.FonMen2Fon {width:100%; height:35px; float:none; background-image:url(Image/FonMen2Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonMen2 {width:759px; height:35px; float:none; background-image:url(Image/FonMen2.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
.MenuFlash2 {width:700px; height:25px; margin-top:5px; padding-left:29px}
/* Position Ligne4 fond Sous-Menu extensible + integration Sous-Menu */
.FonSou1Fon {width:100%; height:50px; float:none; background-image:url(Image/FonSou1Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonSou1 {width:759px; height:50px; float:none; background-image:url(Image/FonSou1.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Sous-menu "catégorie" sur page ModeleSiteInternet.aspx ou autre page avec sous-catégorie */
.CatMod {position:relative; height:32px; width:759px; padding-left:25px}
.CatMod ul {margin:auto; padding:0; height:32px}
.CatMod ul li {padding:0; margin:0; list-style:none; float:left; width:189px; height:32px; display:inline}
.CatMod ul li span {color:Gray; font-size:.9em; line-height:26px; display:block}
.CatMod ul li a {font-size:.9em; font-family:Arial, Helvetica, sans-serif; text-decoration:none; line-height:26px; display:block}
.CatMod ul li a span {margin:0 20px 0 20px; color:Orange}
.CatMod ul li a:hover span {text-decoration:underline; color:#ffab08}
/* Sous-menu "catégorie" dans conteneur centrale sur page ModeleSiteInternet.aspx */
.CatModCon {position:relative; height:64px; width:759px}
.CatModCon ul {margin:auto; padding:0; height:32px}
.CatModCon ul li {padding:0; margin:0 3% 0 3%; list-style:none; float:left; width:19%; height:32px; display:inline}
.CatModCon ul li span {color:Gray; font-size:.9em; line-height:26px; display:block}
.CatModCon ul li a {font-size:.9em; font-family:Arial, Helvetica, sans-serif; text-decoration:none; line-height:26px; display:block}
.CatModCon ul li a span {color:Teal}
.CatModCon ul li a:hover span {text-decoration:underline; color:Teal}
/* Positionnement Ancre Haut de page */
.DivHauPagMod {width:727px; height:10px; text-align:right; margin:0}
.HauPagMod {color:Gray; font-size:.7em; line-height:1em; text-decoration:none; margin:0}
/* Position Ligne5 fond Presentation(height:200px) ou Bordure d'intro dynamisme(height:50px) extensible + integration Presentation(height:200px) ou Bordure d'intro dynamisme(height:50px) */
.FonPre1Fon {width:100%; height:50px; float:none; background-image:url(Image/FonPre1Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonPre1 {width:759px; height:50px; float:none; background-image:url(Image/FonPre1.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Position Ligne6 fond Dynamisme extensible + integration Dynamisme (!Largeur 769px car ombre sur cote gauche conteneur) */
.FonDyn1Fon {width:100%; height:100%; float:none; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonDyn1 {width:769px; height:630px; float:none; background-image:url(Image/FonDyn1.jpg); background-repeat:repeat-y; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonDyn2 {width:757px; height:100%; border:solid 1px #deecf2; border-top:none; border-bottom:none; float:none; margin:auto; padding-bottom:10px; display:block}
.FonDyn3 {width:757px; height:100%; border:solid 3px #ffab08; border-top:none; border-bottom:none; background-color:#ffffff; float:none; margin:auto; padding-bottom:10px; display:block}
.FonDynAccSpe {width:757px; height:100%; border:solid 3px #ffab08; border-top:none; border-bottom:none; background-color:#ffffff; float:none; margin:auto; padding-bottom:10px; display:block}
/* Position Ligne7 fond OptB(height:200px) ou Trait de separation(height:10px) extensible + integration OptB(height:200px) ou Trait de separation(height:10px) */
.FonOptB1Fon {width:100%; height:10px; float:none; background-image:url(Image/FonOptB1Fon.jpg); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonOptB1 {width:759px; height:10px; float:none; background-image:url(Image/FonOptB1.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Position Ligne8 fond Bas de page extensible + integration Bas de page */
.FonBas1Fon {width:100%; height:175px; float:none; background-image:url(Image/FonBas1Fon.png); background-repeat:repeat-x; background-attachment:scroll; background-position:center; margin:auto; display:block}
.FonBas1 {width:757px; height:145px; float:none; border:solid 3px #ffab08; border-top:none; border-top:none; background-image:url(Image/FonBas1.jpg); background-repeat:no-repeat; background-attachment:scroll; background-position:bottom; margin:auto; display:block}
/* Position + style Menu footer css 1 "toutes pages" */
.BlockBas1 {width:757px; padding-left:20px; padding-top:10px; display:block}
.MenCssFooter1 {position:relative; height:22px; width:759px}
.MenCssFooter1 ul {margin:auto; padding:0; height:22px}
.MenCssFooter1 ul li {padding:0; margin:0 0 0 16px; list-style:none; float:left; text-align:left; width:17%; height:22px; display:inline}
.MenCssFooter1 ul li a {font-size:.9em; outline-style:none; font-family:Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; line-height:26px; display:block}
.MenCssFooter1 ul li a span {margin:0 18px 0 18px}
.MenCssFooter1 ul li a:hover span {text-decoration:underline; outline-style:none; color:#ffab08}
.BlockBas2 {width:757px; margin-top:60px; color:#000000; display:block}
.StyLieFoo {text-decoration:None; outline-style:none; color:#ffab08}
.StyLieFoo:hover {text-decoration:Underline; outline-style:none; color:#ffab08}
/*Taille police titre du site*/
.H1 {color:Orange; text-align:left; text-decoration:none; font-size:1.3em; line-height:1.3em}
.H2 {color:Orange; text-align:left; text-decoration:none; font-size:1em; line-height:1em}
.H3 {color:Orange; text-align:left; text-decoration:none; font-size:1em; line-height:1em; margin:0}
.H4 {color:Black; text-align:left; text-decoration:none; font-size:1.1em; line-height:1.1em; margin:0}
.H5 {color:Orange; text-align:left; text-decoration:none; font-size:.8em; line-height:.8em; margin:0}
.H6 {color:Orange; width:715px; border-bottom:solid 1px Orange; background-color:White; text-align:left; text-decoration:none; font-size:.9em; line-height:1.1em; margin:0}
.H7 {color:Orange; width:725px; border-bottom:solid 1px Orange; background-color:White; text-align:left; text-decoration:none; font-size:.9em; line-height:1.1em; margin-top:0; margin-bottom:10px; margin-left:15px}
/*Taille police contenu du site*/
.StyP {font-size:.8em; line-height:1.2em; margin-bottom:0}
/*Style des liens du site*/
a:hover {text-decoration:underline; outline-style:none}
.StyA1 {color:Teal; text-decoration:none} /*Lien integrer dans balise p pour partie de texte ou texte complet*/
.StyA2 {color:Black; text-decoration:none} /*Lien dans sous-titre h2*/
.StyA3 {color:Red; font-weight:bold; text-decoration:none} /*Lien balise a "en savoir +"*/
/*Fond Div + position sur page SolutionWebDesign.aspx*/
.DivPre1 {width:759px; height:29px; margin:0; padding:0; padding-top:21px}
.DivSol1 {width:469px; height:600px; float:left; background-image:url(Image/FonDivDyn469x600.png); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto}
.AlignRight {margin-left:155px}
.DivSol2H {width:300px; height:200px; float:left; background-image:url(Image/FonDivDyn300x200.png); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto}
.DivSol2B {width:300px; height:400px; float:left; background-image:url(Image/FonDivDyn300x400.png); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto}
/*Taille police titre page SolutionWebDesign.aspx*/
.H1Pre1 {color:Orange; text-align:center; text-decoration:none; font-size:1.3em; line-height:1.3em; margin-top:0; width:759px}
.H1Sol1 {color:Orange; text-align:left; text-decoration:none; font-size:1.3em; margin-left:25px; line-height:1.3em; width:435px}
.H1Sol2H {color:Orange; text-align:left; text-decoration:none; font-size:1.3em; margin-left:18px; line-height:1.3em; width:265px}
.H1Sol2B {color:Orange; text-align:left; text-decoration:none; font-size:1.3em; margin-left:18px; margin-top:8px; line-height:1.3em; width:265px}
.H2Sol1 {color:Black; text-align:left; text-decoration:none; font-size:1em; margin-left:25px; line-height:1em; width:435px}
.H2Sol1Bis {color:Black; text-align:left; text-decoration:none; font-size:1em; margin-left:25px; line-height:1em; width:435px}
.H2Sol2 {color:Black; text-align:left; text-decoration:none; font-size:1em; margin-left:18px; line-height:1em; width:265px}
.H2Dyn2 {color:Black; text-align:left; text-decoration:none; font-size:1em; margin-left:10px; line-height:1em; width:700px}
/*Taille police contenu page SolutionWebDesign.aspx*/
.StyPSol1 {font-size:.8em; line-height:1.2em; margin-top:0; text-align:justify; margin-bottom:15px; margin-left:20px; width:280px}
.StyPSol1Lien {font-size:.8em; line-height:1.2em; margin-top:0; text-align:right; margin-bottom:25px; margin-left:0; width:280px}
.StyPSol1B {font-size:.8em; line-height:1.2em; margin-top:0; text-align:justify; margin-bottom:15px; margin-left:20px; width:280px}
.StyPSol1LienB {font-size:.8em; line-height:1.2em; margin-top:0; text-align:right; margin-bottom:25px; margin-left:0; width:280px}
.StyUl {padding:0; margin:0}
.StyPSol1List {font-size:.8em; line-height:1.2em; margin-top:0; text-align:justify; margin-bottom:0; margin-left:24px; width:420px; padding-left:14px; list-style-type:none; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
.StyPSol2 {font-size:.8em; line-height:1.2em; margin-top:0; text-align:justify; margin-bottom:0; margin-left:13px; width:265px}
.StyPSol2List {font-size:.8em; line-height:1.2em; margin-top:0; text-align:justify; margin-bottom:0; margin-left:14px; width:250px; padding-left:14px; list-style-type:none; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
/*p:first-letter {font-weight:bold}*/ /*Changement sur 1ere lettre balise p ou sur ligne si "line" utilisé à la place de "letter"*/
/*Style control ajax accordion sur page SolutionWebdesign.aspx*/
.HeaTexAre1 {width:735px; height:45px; background-color:#ffffff; border:1px solid #deecf2; margin:5px 10px 5px 10px}
.ConTexAre1 {width:735px; height:100%; border:1px dashed #deecf2; border-top:none; margin-left:10px}
.StyPConTexAre {font-size:.8em; color:Gray; line-height:1.2em; text-align:justify; margin-left:10px; margin-right:10px}
.StyAHeaTexAre {color:Black; text-decoration:none; margin-left:0; width:600px; padding-left:14px; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
.Comment {color:#feb320; font-size:.65em; line-height:.65em; text-decoration:none}
.DivHauPag {width:747px; text-align:right; margin-top:0; margin-bottom:8px}
.DivHauPag2 {width:747px; height:10px; text-align:right; margin-top:0; margin-bottom:0; margin-right:10px}
.HauPag {color:#000000; outline-style:none; font-size:.7em; line-height:.9em; text-decoration:none; margin:0}
.HauPag:hover {color:#ffab08; outline-style:none; font-size:.7em; line-height:.9em; text-decoration:underline; margin:0}
.TitIe {color:Orange; font-size:1em; line-height:1.3em; text-align:left; margin-left:10px; margin-right:10px}
.StyPSol2List2 {font-size:.8em; line-height:1.2em; color:Gray; margin-top:0; text-align:left; margin-bottom:3px; margin-left:14px; width:700px; padding-left:14px; list-style-type:none; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
.TarPac {color:Red; font-size:1em; line-height:1em; text-decoration:none}
/*Style 1 Infobulle generale couleur Black*/
a.info1 {position:relative; color:Black; text-decoration:none}
a.info1 span {display:none; font-size:.7em}
a.info1:hover {background:none; z-index:500; text-decoration:underline}
a.info1:hover span {display:inline; font-size:.7em; position:absolute; white-space:nowrap; top:32px; left:20px; background:White; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
/*Style 2 Infobulle generale avec puce*/
a.info2 {position:relative; color:Black; text-decoration:none; margin-left:0; width:600px; padding-left:14px; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
a.info2 span {display:none; font-size:.7em}
a.info2:hover {z-index:500; text-decoration:underline; margin-left:0; width:600px; padding-left:14px; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
a.info2:hover span {display:inline; font-size:.7em; position:absolute; white-space:nowrap; top:0; left:240px; background:White; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
/*Style 2 Bug1 Infobulle generale avec puce*/
a.info2Bug1 {position:relative; color:Black; text-decoration:none; margin-left:0; width:600px; padding-left:14px; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
a.info2Bug1 span {display:none; font-size:.7em}
a.info2Bug1:hover {z-index:500; text-decoration:underline; margin-left:0; width:600px; padding-left:14px; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
a.info2Bug1:hover span {display:inline; font-size:.7em; position:absolute; white-space:nowrap; top:0; left:160px; background:White; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
/*Style 2 Bug2 Firefox Infobulle generale avec puce*/
a.info2Bug2 {position:relative; color:Black; text-decoration:none; margin-left:0; width:600px; padding-left:14px; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
a.info2Bug2 span {display:none; font-size:.7em}
a.info2Bug2:hover {z-index:500; text-decoration:underline; margin-left:0; width:600px; padding-left:14px; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
a.info2Bug2:hover span {display:inline; font-size:.7em; position:absolute; white-space:nowrap; top:0; left:120px; background:White; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
/*Style 2 Bug3 Firefox Infobulle generale avec puce*/
a.info2Bug3 {position:relative; color:Black; text-decoration:none; margin-left:0; width:600px; padding-left:14px; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
a.info2Bug3 span {display:none; font-size:.7em}
a.info2Bug3:hover {z-index:500; text-decoration:underline; margin-left:0; width:600px; padding-left:14px; background-image:url(Image/Puce1.gif); background-repeat:no-repeat; background-position:left}
a.info2Bug3:hover span {display:inline; font-size:.7em; position:absolute; white-space:nowrap; top:0; left:130px; background:White; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
/*Style 3 Infobulle generale couleur Teal*/
a.info3 {position:relative; color:Teal; text-decoration:none}
a.info3 span {display:none; font-size:.9em}
a.info3:hover {background:none; z-index:500; text-decoration:underline}
a.info3:hover span {display:inline; font-size:.9em; position:absolute; white-space:nowrap; top:32px; left:20px; background:White; color:Teal; padding:3px; border:1px solid Teal; text-decoration:none}
/*Style 3 Info Infobulle generale couleur Teal*/
acronym.info3Inf {position:relative; color:Teal; text-decoration:none}
acronym.info3Inf span {display:none; font-size:.9em; text-decoration:none}
acronym.info3Inf:hover {background:none; z-index:500; cursor:help; text-decoration:none; cursor:help}
acronym.info3Inf:hover span {display:inline; font-size:.9em; text-decoration:none; position:absolute; white-space:nowrap; top:32px; left:20px; background:White; color:Teal; padding:3px; border:1px solid Teal}
/*Rectificatif acronym Infobulle generale couleur Teal*/
.Acro1 {color:Teal; cursor:help}
/*Style 3 Bug Infobulle generale couleur Teal*/
a.info3Bug {position:relative; color:Teal; text-decoration:none}
a.info3Bug span {display:none; font-size:.9em}
a.info3Bug:hover {background:none; z-index:500; text-decoration:underline}
a.info3Bug:hover span {display:inline; font-size:.9em; position:absolute; white-space:nowrap; top:40px; left:90px; background:White; color:Teal; padding:3px; border:1px solid Teal; text-decoration:none}
/*Style 4 Infobulle generale couleur Red*/
a.info4 {position:relative; color:Red; text-decoration:none}
a.info4 span {display:none; font-size:.9em}
a.info4:hover {background:none; z-index:500; text-decoration:underline}
a.info4:hover span {display:inline; font-size:.9em; position:absolute; white-space:nowrap; top:32px; left:20px; background:White; color:Red; padding:3px; border:1px solid Red; text-decoration:none}
/*Style "en savoir +" generale couleur Red*/
.infoPlus {color:Red; text-decoration:none}
.infoPlus:hover {color:Red; text-decoration:underline}
/*Style 5 Infobulle generale couleur Orange (Sous sous titre)*/
a.info5 {position:relative; color:Orange; text-decoration:none}
a.info5 span {display:none; font-size:.9em}
a.info5:hover {background:none; z-index:500; text-decoration:underline}
a.info5:hover span {display:inline; font-size:.9em; position:absolute; white-space:nowrap; bottom:30px; left:20px; background:White; color:Orange; padding:3px; border:1px solid Orange; text-decoration:none}
/*Style Formulaire sur page ContactInfoDevis.aspx*/
.StyForm1 {width:100%; height:290px; background-image:url(Image/FonFormu1.jpg); background-position:center; background-repeat:no-repeat; text-align:left; color:Gray; font-size:.9em; line-height:1.2em; text-decoration:none}
.StyDivSpam {width:100%; height:170px; float:left; background-image:url(Image/FonDivSpam1.jpg); background-position:left; background-repeat:no-repeat; padding-top:0; padding-bottom:0px; padding-left:20px; color:Gray; font-size:1em; line-height:1.3em; text-decoration:none}
.StyTab1 {width:450px; margin-top:20px}
.StyTab2 {width:450px}
.StyTab3 {width:450px}
.StyTab4 {width:420px}
.StyTrA {width:400px}
.StyTdA {width:100px}
.StyTr1 {width:400px; margin:auto}
.StyTr2 {width:400px; margin:auto}
.StyTr3 {width:400px; margin:auto}
.StyTr4 {width:400px; margin:auto}
.StyTr5 {width:400px; margin:auto}
.StyTrBut {width:420px}
.StyTd1 {width:100px; text-align:right}
.StyTd2 {width:300px}
.StyTd3 {width:100px; text-align:right}
.StyTd4 {width:300px}
.StyTd5 {width:100px; text-align:right}
.StyTd6 {width:300px}
.StyTd7 {width:100px; text-align:right; vertical-align:top}
.StyTd8 {width:300px}
.StyTd9 {width:100px; text-align:right}
.StyTd10 {width:300px}
.StyTdBut1 {width:100px; text-align:right}
.StyTdBut2 {width:300px; text-align:right}
.StyBoxForm {background:White no-repeat fixed; width:300px; border:solid 1px Orange; color:Gray; font-size:.9em; line-height:1.2em; text-decoration:none; text-align:left}
.StyBoxForm2 {background:White no-repeat fixed; width:300px; height:150px; border:solid 1px Orange; color:Gray; font-size:1em; line-height:1.3em; text-decoration:none; text-align:left}
.StyButForm {color:#039bff; text-decoration:none}
.StyButForm:hover {color:Orange; text-decoration:underline}
.StyButFormB {float:none; color:Red; text-decoration:none; padding-left:5px}
.StyButFormB:hover {float:none; color:Red; text-decoration:underline}
.StyRepForm {color:Red; margin:0; margin-bottom:20px; padding:0}
.WarningForm1 {color:Red; font-size:.9em; line-height:1.2em; text-decoration:none; text-align:left; width:235px; vertical-align:middle; border:solid 1px Red}
.WarningForm2 {background:White no-repeat; border:solid 1px Red; color:Red; font-size:.9em; line-height:1.2em; text-decoration:none; text-align:left; vertical-align:middle}
/* Position + style Upload Fichier sur page ContactInfoDevis.aspx */
.StyFonUp {width:100%; padding-top:50px; background-image:url(Image/FonTransfert1.jpg); background-position:center; background-repeat:no-repeat}
.StyIntUp {width:500px; border:solid 1px Orange; margin-left:215px; margin-top:20px; margin-bottom:0px; padding:10px; color:Gray; font-size:.9em; line-height:1.2em; text-decoration:none; text-align:left; vertical-align:middle}
.StyUp {width:500px; border:dashed 1px Orange; border-top:none; margin-left:215px; padding:10px; color:Gray; font-size:.9em; line-height:1.2em; text-decoration:none; text-align:left; vertical-align:middle}
.StyFilUpl1 {width:250px; text-align:left;}
.StyFilUpl2 {width:250px; text-align:right; color:Red}
/* Position + style Siege CreaWeb sur page ContactInfoDevis.aspx */
.StyFonSiege {width:100%; margin:0; height:100%; background-image:url(Image/FonSiege1.jpg); background-position:bottom; background-repeat:no-repeat}
.StyIntSiege {width:520px; height:300px; color:Gray; margin-left:20px; margin-top:40px; text-align:left}
/* Position + style Realisation pack CREATEUR sur page RealisationSiteWeb.aspx */
.StyFonRea {width:100%; padding-top:20px; height:100%; background-image:url(Image/); background-position:center; background-repeat:no-repeat}
.StyIntRea {width:720px; height:450px; margin-left:20px; text-align:left}
.StyLieSit {color:Orange; font-size:.8em; line-height:1.0em; text-decoration:none; margin:auto}
.Min1L1 {width:180px; margin:auto; text-align:center; float:left}
.Min1L2 {width:180px; margin:auto; text-align:center; float:left}
/* Position + style Realisation sur page RealisationSiteWeb.aspx et ModeleSiteInternet.aspx */
.StyFonRea {width:100%; padding-top:20px; height:100%; background-image:url(Image/); background-position:center; background-repeat:no-repeat}
.StyIntRea {width:720px; height:720px; margin-left:20px; text-align:left}
.StyIntMod {width:720px; height:2060px; margin-left:20px; text-align:left}
.StyLieSit {color:Gray; font-size:.8em; line-height:1.1em; text-align:left; text-decoration:none; margin-left:20px}
.Min1L1 {width:180px; margin:auto; text-align:left; float:left}
.Min1L2 {width:180px; margin:auto; text-align:center; float:left}
.Block {width:720px; height:280px; margin-top:15px; margin-bottom:20px}
.BlockSanTex {width:720px; height:180px; margin-top:15px; margin-bottom:0px}
.Block2 {width:720px; height:220px; margin-top:15px}
.BlockSanTex2 {width:720px; height:150px; margin-top:15px}
.Wal1L1 {width:180px; margin:auto; text-align:left; float:left}
.StyLieWal {color:Gray; font-size:.8em; line-height:1.1em; text-decoration:none; margin:auto; margin-left:20px}
.StyLieMin {color:Gray; font-size:.8em; line-height:1.1em; text-decoration:none; text-align:left; margin:auto; margin-left:20px}
.StyLieTex {color:Gray; font-size:.8em; line-height:1.1em; text-decoration:none; text-align:left; margin-top:5px; margin-bottom:5px; margin-left:20px}
/*Style Img1 Infobulle image couleur Black*/
a.info10 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info10 span {display:none; font-size:.7em; width:800px; height:550px}
a.info10:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info10:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-100px; background:url(Image/WalMinRea/Wallpaper1-StudioCreaWeb-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info11 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info11 span {display:none; font-size:.7em; width:800px; height:550px}
a.info11:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info11:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; left:-100px; background:url(Image/WalMinRea/Wallpaper3-Divers-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info12 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info12 span {display:none; font-size:.7em; width:800px; height:550px}
a.info12:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info12:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-480px; background:url(Image/WalMinRea/Wallpaper2-Divers-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info13 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info13 span {display:none; font-size:.7em; width:800px; height:550px}
a.info13:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info13:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-300px; background:url(Image/WalMinRea/Wallpaper1-Divers-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info14 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info14 span {display:none; font-size:.7em; width:800px; height:550px}
a.info14:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info14:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; left:-100px; background:url(Image/WalMinRea/Miniature1-StudioCreaWeb-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info15 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info15 span {display:none; font-size:.7em; width:800px; height:550px}
a.info15:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
/*a.info15:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-450px; background:url(Image/WalMinRea/Miniature1-StudioCreaWeb-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}*/
a.info15:hover span {display:block; width:180px; height:180px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-70px; background:url(Image/WalMinRea/Miniature1-StudioCreaWeb-SC.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info16 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info16 span {display:none; font-size:.7em; width:800px; height:550px}
a.info16:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
/*a.info16:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-300px; background:url(Image/WalMinRea/Miniature1-StudioCreaWeb-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}*/
a.info16:hover span {display:block; width:180px; height:180px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-70px; background:url(Image/WalMinRea/Miniature1-StudioCreaWeb-SC.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info17 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info17 span {display:none; font-size:.7em; width:800px; height:550px}
a.info17:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
/*a.info17:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-100px; background:url(Image/WalMinRea/Miniature1-StudioCreaWeb-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}*/
a.info17:hover span {display:block; width:180px; height:180px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-70px; background:url(Image/WalMinRea/Miniature1-StudioCreaWeb-SC.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
/* Position + Style Image infobulle page ModeleSiteInternet.aspx */
a.info18 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info18 span {display:none; font-size:.7em; width:800px; height:550px}
a.info18:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info18:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; left:-100px; background:url(Image/MinMod/Min1-Modele-A1-23277-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info19 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info19 span {display:none; font-size:.7em; width:800px; height:550px}
a.info19:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info19:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-480px; background:url(Image/MinMod/Min1-Modele-B1-23094-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info20 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info20 span {display:none; font-size:.7em; width:800px; height:550px}
a.info20:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info20:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-300px; background:url(Image/MinMod/Min1-Modele-C1-23081-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info21 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info21 span {display:none; font-size:.7em; width:800px; height:550px}
a.info21:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info21:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-100px; background:url(Image/MinMod/Min1-Modele-D1-23222-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info22 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info22 span {display:none; font-size:.7em; width:800px; height:550px}
a.info22:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info22:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; left:-100px; background:url(Image/MinMod/Min1-Modele-A2-23304-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info23 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info23 span {display:none; font-size:.7em; width:800px; height:550px}
a.info23:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info23:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-450px; background:url(Image/MinMod/Min1-Modele-B2-23079-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info24 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info24 span {display:none; font-size:.7em; width:800px; height:550px}
a.info24:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info24:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-300px; background:url(Image/MinMod/Min1-Modele-C2-23084-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info25 {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info25 span {display:none; font-size:.7em; width:800px; height:550px}
a.info25:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info25:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; right:-100px; background:url(Image/WalMinRea/Miniature1-StudioCreaWeb-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.info25Bis {position:relative; font-size:.8em; margin-left:70px; color:Red; text-align:center; text-decoration:none}
a.info25Bis span {display:none; font-size:.7em; width:800px; height:550px}
a.info25Bis:hover {background:none; z-index:500; cursor:default; text-decoration:underline; text-align:center}
a.info25Bis:hover span {display:block; width:800px; height:550px; font-size:.7em; position:absolute; white-space:nowrap; bottom:40px; left:-100px; background:url(Image/WalMinRea/Miniature1-StudioCreaWeb-M.jpg); background-position:center; background-repeat:no-repeat; color:Black; padding:3px; border:1px solid Black; text-decoration:none}
a.infoLight {position:relative; text-align:center; border:none}
.infoLightMin {text-align:center; border:none}
/* Style et position contenu CGV (CGV.aspx) */
.StyCGV { text-align:justify; font-variant:normal; color:Gray; font-size:.9em; line-height:1.2em; margin:0 20px 0 20px}
.StyCGVSou {text-decoration:underline; color:Orange; font-size:.9em; line-height:1.2em}
.StyLieCgv {text-decoration:none; color:Teal}
.StyLieCgv:hover {text-decoration:underline; color:Teal}
/* Style et position contenu Sitemap (Sitemap.aspx) */
.BlockSitemap1 {padding-top:30px; margin:0; text-align:justify; font-variant:normal; color:Gray; font-size:.9em; line-height:1.2em}
/* Style et position contenu Le studio (Presentation.aspx) */
.StyStu {text-align:justify; font-variant:normal; color:Gray; font-size:.9em; line-height:1.2em; margin:0 20px 0 20px}
.StyStuSou {text-decoration:none; color:Orange}
.StyStuSou:hover {text-decoration:underline; color:Orange}
/* Style et position contenu page Accueil (CreationSiteInternet.aspx) */
.BlocAcc {width:752px; height:100%; display:block; padding:0; margin:auto}
.Ligne1 {width:752px; height:250px; display:block; padding:0; padding-top:10px; padding-left:2px; margin:auto}
.CaseA1 {width:175px; float:left; padding:0; margin:0 4px 0 7px; border:solid 1px #deecf2; background:url(Image/FonCaseA1.jpg) no-repeat top}
.CaseA1:hover {width:175px; float:left; padding:0; margin:0 4px 0 7px; border:solid 1px #25ce03; background:url(Image/FonCaseA1H.jpg) no-repeat top}
.CaseB1 {width:175px; float:left; padding:0; margin:0 5px 0 4px; border:solid 1px #deecf2; background:url(Image/FonCaseB1.jpg) no-repeat top}
.CaseB1:hover {width:175px; float:left; padding:0; margin:0 5px 0 4px; border:solid 1px #1959c6; background:url(Image/FonCaseB1H.jpg) no-repeat top}
.CaseC1 {width:175px; float:left; padding:0; margin:0 4px 0 5px; border:solid 1px #deecf2; background:url(Image/FonCaseC1.jpg) no-repeat top}
.CaseC1:hover {width:175px; float:left; padding:0; margin:0 4px 0 5px; border:solid 1px #ffab08; background:url(Image/FonCaseC1H.jpg) no-repeat top}
.CaseD1 {width:175px; float:left; padding:0; margin:0 7px 0 4px; border:solid 1px #deecf2; background:url(Image/FonCaseD1.jpg) no-repeat top}
.CaseD1:hover {width:175px; float:left; padding:0; margin:0 7px 0 4px; border:solid 1px Red; background:url(Image/FonCaseD1H.jpg) no-repeat top}
.Ligne2 {width:752px; height:250px; display:block; padding:0; padding-top:10px; padding-left:2px; margin:auto}
.CaseA2 {width:175px; float:left; padding:0; margin:0 4px 0 7px; border:solid 1px #deecf2; background:url(Image/FonCaseA1.jpg) no-repeat top}
.CaseA2:hover {width:175px; float:left; padding:0; margin:0 4px 0 7px; border:solid 1px #25ce03; background:url(Image/FonCaseA1H.jpg) no-repeat top}
.CaseB2 {width:175px; float:left; padding:0; margin:0 5px 0 4px; border:solid 1px #deecf2; background:url(Image/FonCaseB1.jpg) no-repeat top}
.CaseB2:hover {width:175px; float:left; padding:0; margin:0 5px 0 4px; border:solid 1px #1959c6; background:url(Image/FonCaseB1H.jpg) no-repeat top}
.CaseC2 {width:175px; float:left; padding:0; margin:0 4px 0 5px; border:solid 1px #deecf2; background:url(Image/FonCaseC1.jpg) no-repeat top}
.CaseC2:hover {width:175px; float:left; padding:0; margin:0 4px 0 5px; border:solid 1px #ffab08; background:url(Image/FonCaseC1H.jpg) no-repeat top}
.CaseD2 {width:175px; float:left; padding:0; margin:0 7px 0 4px; border:solid 1px #deecf2; background:url(Image/FonCaseD1.jpg) no-repeat top}
.CaseD2:hover {width:175px; float:left; padding:0; margin:0 7px 0 4px; border:solid 1px Red; background:url(Image/FonCaseD1H.jpg) no-repeat top}
.Ligne3 {width:752px; height:170px; display:block; padding:0; padding-top:10px; padding-left:2px; margin:auto; background:url(Image/FonLigne3.jpg) no-repeat bottom}
.CaseL3Pos {width:175px; float:left; padding:0; margin:0 7px 0 10px; border:solid 1px #db4222; background:url(Image/FonImaCaseL3.jpg) no-repeat top}
.CaseL3Pos:hover {width:175px; float:left; padding:0; margin:0 7px 0 10px; border:solid 1px Orange; background:url(Image/FonImaCaseL3.jpg) no-repeat top}
.CaseL3 {width:544px; float:left; padding:0; margin:0; border:solid 1px #db4222; background:url(Image/FonImaCaseL3.jpg) no-repeat top}
.CaseL3:hover {width:544px; float:left; padding:0; margin:0; border:solid 1px Orange; background:url(Image/FonImaCaseL3H.jpg) no-repeat top}
.Ligne4 {width:752px; height:0; display:block; padding:0; padding-left:2px; margin:auto}
.CaseA3 {width:175px; float:left; padding:0; margin:0 4px 0 7px; border:solid 1px #deecf2; background:url(Image/FonCaseA1.jpg) no-repeat top}
.CaseA3:hover {width:175px; float:left; padding:0; margin:0 4px 0 7px; border:solid 1px #25ce03; background:url(Image/FonCaseA1H.jpg) no-repeat top}
.CaseB3 {width:175px; float:left; padding:0; margin:0 5px 0 4px; border:solid 1px #deecf2; background:url(Image/FonCaseB1.jpg) no-repeat top}
.CaseB3:hover {width:175px; float:left; padding:0; margin:0 5px 0 4px; border:solid 1px #1959c6; background:url(Image/FonCaseB1H.jpg) no-repeat top}
.CaseC3 {width:175px; float:left; padding:0; margin:0 4px 0 5px; border:solid 1px #deecf2; background:url(Image/FonCaseC1.jpg) no-repeat top}
.CaseC3:hover {width:175px; float:left; padding:0; margin:0 4px 0 5px; border:solid 1px #ffab08; background:url(Image/FonCaseC1H.jpg) no-repeat top}
.CaseD3 {width:175px; float:left; padding:0; margin:0 7px 0 4px; border:solid 1px #deecf2; background:url(Image/FonCaseD1.jpg) no-repeat top}
.CaseD3:hover {width:175px; float:left; padding:0; margin:0 7px 0 4px; border:solid 1px Red; background:url(Image/FonCaseD1H.jpg) no-repeat top}
.H1Case {text-align:center; font-size:.9em; margin:5px; margin-top:20px; line-height:1em}
.infoTit1 {color:#25ce03; text-decoration:none}
.infoTit1:hover {color:#25ce03; text-decoration:underline}
.infoTit2 {color:#1959c6; text-decoration:none}
.infoTit2:hover {color:#1959c6; text-decoration:underline}
.infoTit3 {color:#db4222; text-decoration:underline; margin-bottom:20px}
.infoTit3:hover {color:#db4222; text-decoration:underline}
.infoTit4 {color:Red; text-decoration:none}
.infoTit4:hover {color:Red; text-decoration:underline}
.P1Case {color:Black; text-align:justify; text-decoration:none; font-size:.8em; margin-left:5px; margin-right:5px; line-height:.9em}
.infoTex1 {color:#9acb17; text-decoration:none}
.infoTex1:hover {color:#9acb17; text-decoration:underline}
.A1Case {text-align:right; font-size:.7em; margin:5px; line-height:.8em}
.StyUlAcc1 {padding:0; margin:0}
.StyPAcc1 {font-size:.9em; line-height:1.2em; color:Gray; margin-top:0; text-align:left; margin-bottom:0; margin-left:10px; width:150px; list-style-type:none}
.StyPAcc2 {font-size:.9em; color:Gray; line-height:1.2em; margin-top:0; text-align:justify; margin-bottom:0; margin-left:10px; width:518px; padding-left:14px; list-style-type:none}
.StyACaseL3 {font-size:.9em; color:Orange; line-height:1.2em; text-decoration:none}
.StyACaseL3:hover {font-size:.9em; color:#db4222; line-height:1.2em; text-decoration:underline}
.StyACaseL4 {font-size:.9em; color:Orange; line-height:1.2em; text-decoration:none}
.ImaAccA1 {border:none; background:url(Image/ImaCaseA1H.png) no-repeat top}
.ImaAccB1 {border:none; background:url(Image/ImaCaseB1H.png) no-repeat top}
.ImaAccC1 {border:none; background:url(Image/ImaCaseC1H.png) no-repeat top}
.ImaAccD1 {border:none; background:url(Image/ImaCaseD1H.png) no-repeat top}
.ImaAccA2 {border:none; background:url(Image/ImaCaseA2H.png) no-repeat top}
.ImaAccB2 {border:none; background:url(Image/ImaCaseB2H.png) no-repeat top}
.ImaAccC2 {border:none; background:url(Image/ImaCaseC2H.png) no-repeat top}
.ImaAccD2 {border:none; background:url(Image/ImaCaseD2H.png) no-repeat top}
.ImaAccL3 {border:none; background:url(Image/ImaCaseL3H.png) no-repeat top}
.TaiConAcc1 {visibility:hidden; width:757px}
.TaiConAcc2 {width:757px}
.TaiConAcc3 {width:757px; margin:0; padding:0}
/* Ancienne structure à supprimer */
.Header1 {width:1200px; height:340px; float:none; background-image:url(Image/Test3.gif); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
.Header2 {width:900px; height:340px; float:none; background-image:url(Image/Header1.png); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
.Dynamisme1 {}
.Dynamisme2 {width:842px; height:297px; float:none; background-color:White; background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
.Footer1 {width:1200px; height:340px; float:none; background-image:url(Image/Test4.gif); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
.Footer2 {width:900px; height:340px; float:none; background-image:url(Image/Footer1.png); background-repeat:no-repeat; background-attachment:scroll; background-position:center; margin:auto; display:block}
/* Site en construction */
.FonDyn1Provisoire {width:769px; height:100%; float:none; background-image:url(Image/FonDyn1.jpg); background-repeat:repeat-y; background-attachment:scroll; background-position:center; margin:auto; display:block}
.SiteConstruction {width:100%; font-weight:bold; font-family:Verdana; margin:auto; padding-bottom:50px}
.Lien1 {color:Orange; text-decoration:none}