html {
background : url(../images/Bacstorbakg.png) repeat-x;
background-color : #3d9acf;
width : 100%;
}
body {
width : 970px;
position : relative;
left : 40%;
margin : 0 0 0 -340px;
}
.lavaLamp {
position : relative;
height : 30px;
width : 600px;
padding : 0;
margin : 0 0;
padding-left : 3px;
overflow : hidden;
}
.intranet {
color : #fed706;
}
.lavaLamp li {
float : left;
list-style : none;
margin-right : 10px;
}
.lavaLamp li.back {
width : 9px;
height : 30px;
z-index : 8;
position : absolute;
color : #fff;
}
.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li:hover {
color : #fff;
}
.lavaLamp li.back .left {
height : 30px;
margin-right : 9px;
}
.lavaLamp li a {
position : relative;
overflow : hidden;
text-decoration : none;
font : 12px Arial;
color : #fff;
font-weight : bold;
outline : none;
height : 30px;
top : 7px;
z-index : 10;
letter-spacing : 0;
float : left;
display : block;
margin : auto 8px;
}
.lavaLamp li a:hover {
color : #fed706;
font-weight : bold;
}
.lavaLamp li a.first {
color : #fff;
}
#haut-site {
width : 970px;
height : 40px;
float : left;
}
#menu_entete {
width : 454px;
height : 40px;
float : left;
background : url(../images/barredemenu.png) no-repeat;
}
#liens-externes {
width : 120px;
height : 34px;
float : left;
margin-left : 370px;
}
#liens-externes a {
width : 34px;
height : 34px;
float : left;
border : 0;
margin-left : 5px;
}
#liens-externes a img {
width : 34px;
height : 34px;
float : left;
border : 0;
}
#zonemembre {
width : 111px;
height : 34px;
float : left;
margin-right : 15px;
margin-left : 15px;
text-align : right;
background : url(../images/zonemembre.png) no-repeat;
}
#zonemembre a {
float : right;
margin-top : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
font-weight : bold;
margin-right : 3px;
}
#animatiom {
width : 970px;
height : 219px;
float : left;
padding-top : 10px;
}
#menu_horiz {
width : 970px;
height : 46px;
float : left;
background-color : #e2e2e2;
}
.glossymenu {
position : relative;
padding : 0 0 0 0;
margin : 0 0 0 0;
background : url(../images/menub_bg.gif) repeat-x;
height : 46px;
list-style : none;
}
.glossymenu li {
float : left;
}
.glossymenu li a {
float : left;
display : block;
color : #132457;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
padding : 0 0 0 16px;
height : 46px;
line-height : 46px;
text-align : center;
cursor : pointer;
}
.glossymenu li a b {
float : left;
display : block;
padding : 0 24px 0 8px;
}
.glossymenu li.current a, .glossymenu li a:hover {
color : #fff;
background : url(../images/menub_hover_left.gif) no-repeat;
background-position : left;
}
.glossymenu li.current a b, .glossymenu li a:hover b {
color : #fff;
background : url(../images/menub_hover_right.gif) no-repeat right top;
}
.glossymenu li.current span a {
background : none;
}
.glossymenu li span {
float : left;
text-align : center;
position : absolute;
margin-left : 392px;
left : 0;
top : 38px;
display : none;
width : 121px;
height : 135px;
background : #011e5b;
color : #fff;
z-index : 3000;
}
.glossymenu li:hover span {
display : block;
z-index : 3000;
}
.glossymenu li span a {
padding : 0 0 0 28px;
margin : 0 0 0 0;
letter-spacing : 2px;
color : #f0f0f0;
background : none;
font-weight : bold;
text-decoration : none;
text-align : center;
display : block;
}
.glossymenu li span a:hover {
padding : 0 0 0 28px;
margin : 0 0 0 0;
letter-spacing : 2px;
background : none;
color : #fed706;
font-weight : bold;
text-decoration : none;
display : block;
}
#barre {
width : 970px;
height : 22px;
background : url(../images/barre_defilante.png) repeat-x;
padding-top : 0;
margin-top : 0;
float : left;
}
#barre img {
float : left;
margin-left : 5px;
}
#bacstor-content {
width : 970px;
height : auto;
float : left;
background : url(../images/fondBKGcontenu.png) repeat top;
}
#principal_content {
width : 707px;
height : auto;
min-height : 600px;
padding-top : 9px;
float : left;
background : url(../images/linevertical2.jpg) repeat-y right 30px;
}
.parag-contenu {
float : left;
font-family : Tahoma;
font-size : 13px;
margin : 10px 0 0 0;
padding : 0 0 0 0;
text-align : justify;
color : #666666;
}
#bannerfranchise {
width : 707px;
height : auto;
}
#form-soumission {
width : 150px;
height : auto;
margin-top : 10px;
float : left;
padding-left : 0;
}
#tag {
width : 150px;
height : 35px;
float : left;
margin-left : 20px;
margin-top : 10px;
}
#tag span {
font-family : Tahoma;
font-size : 12px;
float : left;
width : 180px;
}
#menufranchise {
width : 180px;
height : auto;
list-style : none;
float : left;
margin : 40px 0 0 0;
padding : 0;
}
#menufranchise li {
width : 180px;
height : 56px;
background : url(../Images/btn-fran.png) no-repeat;
}
#menufranchise li a {
font-family : Arial;
font-size : 14px;
color : #8d8c8c;
text-decoration : none;
font-weight : bold;
display : block;
line-height : 46px;
text-align : center;
cursor : pointer;
}
#menufranchise li a:hover {
width : 210px;
height : 56px;
color : #ffffff;
background : url(../Images/btn-fran1.png) no-repeat;
}
#menufranchise li a span {
font-family : Arial;
font-size : 15px;
color : #8d8c8c;
font-weight : bold;
}
#contenudiv {
float : left;
width : 500px;
height : auto;
}
#contenudiv h4 {
float : left;
width : 500px;
}
#contenudiv p {
width : 500px;
margin : 0;
padding : 0;
float : left;
text-align : justify;
}
#temoignage {
width : 550px;
height : 359px;
margin-left : 80px;
float : left;
}
#apropos {
width : 410px;
height : 200px;
margin-left : 10px;
float : left;
}
#apropos span {
width : 408px;
}
.titre {
margin-top : 10px;
font-family : Arial, Helvetica, sans-serif;
font-style : italic;
font-size : 16px;
color : #132457;
font-weight : bold;
float : left;
}
#nouvelles {
width : 680px;
height : 59px;
margin-left : 10px;
float : left;
}
#nouvelles p {
font-family : Tahoma;
font-size : 12px;
color : #000000;
text-align : justify;
margin-top : 10px;
}
#separateur1 {
height : 1px;
width : 250px;
margin-top : 10px;
float : left;
}
#apropos p {
width : 430px;
font-family : Tahoma;
font-size : 13px;
color : #333333;
line-height : 20px;
font-style : normal;
text-align : justify;
padding-top : 0;
float : left;
}
.paragraphe {
width : 320px;
font-family : Tahoma;
font-size : 13px;
color : #333333;
font-style : normal;
text-align : justify;
padding-top : 0;
margin-top : 10px;
margin-bottom : 5px;
float : left;
line-height : 20px;
}
#savoirplus {
width : 250px;
float : right;
text-align : right;
}
.sav-plus a {
font-family : Tahoma;
font-size : 13px;
color : #ffcc00;
text-decoration : none;
font-weight : bold;
}
.sav-plus img {
margin-left : 5px;
margin-right : 10px;
}
#image-apropos {
width : 219px;
height : 138px;
float : right;
padding-top : 40px;
margin-right : 20px;
}
#separateur-h {
width : 730px;
margin-left : 60px;
padding-bottom : 9px;
float : left;
}
#bloc {
width : 334px;
height : 375px;
float : left;
margin-left : 10px;
}
#imgbloc {
width : 334px;
height : auto;
float : left;
text-align : center;
}
#imgbloc img {
padding-top : 10px;
}
#separateur-v {
width : 2px;
height : 248px;
margin-top : 40px;
vertical-align : middle;
float : left;
}
#lien {
width : 340px;
float : left;
text-align : center;
margin-top : 20px;
}
#lien a {
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 13px;
color : #000066;
text-decoration : underline;
}
#partie_droite {
width : 263px;
height : auto;
float : left;
}
#inter {
width : 3px;
height : 800px;
background : url(../images/linevertical.jpg) repeat-y;
margin-top : 10px;
float : left;
}
#espace {
width : 222px;
height : 450px;
margin-top : 20px;
margin-bottom : 30px;
float : left;
}
#titre-espace {
width : 222px;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
height : 51px;
float : left;
margin-left : 25px;
background : url(../images/monespacemobile_01.png) no-repeat;
}
#avantages {
width : 400px;
height : 160px;
float : left;
background : url(../images/box-avantage.png) no-repeat;
}
#titre-espace a {
color : #f0f0f0;
font-weight : bold;
text-decoration : none;
padding-left : 10px;
margin-top : 10px;
float : left;
vertical-align : middle;
}
#titre-espacefranchise {
width : 222px;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
height : 51px;
float : left;
margin-left : 25px;
}
#titre-espacefranchise a {
color : #f0f0f0;
font-weight : bold;
text-decoration : none;
padding-left : 10px;
margin-top : 9px;
vertical-align : middle;
float : left;
}
#span-droite {
width : 222px;
height : 60px;
margin-left : 25px;
float : left;
}
#span-droite a {
width : 222px;
height : 32px;
font-family : Arial;
font-size : 13px;
font-weight : bold;
color : #333333;
text-decoration : none;
float : left;
padding-left : 40px;
padding-top : 5px;
background : url(../images/monespacemobile_02.png) no-repeat;
}
#span-droite a:hover {
font-family : Arial;
font-size : 13px;
text-decoration : underline;
color : #ffcc33;
}
#cont {
width : 222px;
height : 126px;
background : url(../images/monespace_03.png) no-repeat;
float : left;
}
#cont p {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 19px;
width : 210px;
margin-left : 5px;
color : #333333;
text-align : justify;
float : left;
}
#telephone {
width : 222px;
height : 130px;
margin-top : 0;
margin-left : 0;
background : url(../images/monespacemobilebacstor_03.png) no-repeat;
float : left;
text-align : center;
}
#telephone p {
padding-top : 0;
margin-top : 5px;
padding-bottom : 0;
font-family : Tahoma;
font-size : 14px;
font-weight : bold;
color : #666666;
}
#espace-franchise {
width : 222px;
height : 211px;
margin-top : 0;
margin-left : 25px;
background : url(../images/imgfranchisee.png) no-repeat;
text-align : center;
float : left;
}
#espace-franchise1 {
width : 222px;
height : 211px;
margin-top : 20px;
margin-left : 25px;
background : url(../images/imgfranchisee.png) no-repeat;
text-align : center;
float : left;
}
#titre-espacefranchise1 {
width : 222px;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
height : 51px;
float : left;
color : #f0f0f0;
font-weight : bold;
text-decoration : none;
padding-left : 10px;
margin-top : 15px;
vertical-align : middle;
float : left;
}
#titre-espacefranchise1 a {
color : #f0f0f0;
font-weight : bold;
text-decoration : none;
padding-left : 10px;
margin-top : 9px;
vertical-align : middle;
float : left;
}
#video {
width : 222px;
height : auto;
margin-top : 20px;
margin-bottom : 30px;
margin-left : 25px;
float : left;
}
#video img {
width : 222px;
float : left;
}
#titre-video {
width : 222px;
height : 51px;
float : left;
text-align : center;
background : url(../images/entete-video.png) no-repeat;
}
#titre-video a {
margin-left : 95px;
margin-top : 15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
float : left;
color : #f0f0f0;
font-weight : bold;
text-decoration : none;
}
#bottom-content {
width : 970px;
height : 30px;
float : left;
background : url(../images/ombre.jpg) no-repeat right;
}
#footer {
background : url(../images/bkgFooter.png) no-repeat;
width : 971px;
height : auto;
margin-top : 5px;
padding-top : 4px;
padding-bottom : 10px;
text-align : center;
float : left;
}
#footer ul {
padding : 0 0 0 0;
margin : 0 0 0 0;
list-style : none;
}
#footer ul li {
display : inline;
margin-right : 5px;
}
#footer ul li a {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 13px;
color : #ffffff;
text-decoration : none;
}
#footer ul li a:hover {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 13px;
color : #ffcc33;
text-decoration : underline;
}
.question {
font-family : Tahoma;
font-size : 13px;
color : #777761;
font-style : italic;
font-weight : bold;
text-align : justify;
margin-top : 18px;
float : left;
padding-top : 0;
margin-top : 5px;
padding-bottom : 0;
}
.question1 {
font-family : Tahoma;
font-size : 15px;
color : #777761;
font-style : italic;
font-weight : bold;
text-align : justify;
margin-top : 18px;
float : left;
padding-top : 0;
margin-top : 5px;
padding-bottom : 0;
}
.question2 {
font-family : Tahoma;
font-size : 12px;
color : #1d60a7;
font-style : italic;
font-weight : bold;
text-align : center;
margin-top : 18px;
float : left;
padding-top : 12px;
margin-top : 10px;
padding-bottom : 0;
width : 680px;
height : 72px;
float : left;
margin-left : 12px;
background : url(../Images/fond-franchise.png) no-repeat;
}
#contacternous {
width : 660px;
height : auto;
padding-left : 30px;
margin-top : 30px;
font-family : Tahoma;
font-size : 13px;
font-style : italic;
color : #c4910f;
font-weight : bold;
text-decoration : none;
float : left;
}
#formdiv {
margin-top : 10px;
width : 500px;
float : left;
margin-bottom : 20px;
}
#formdiv form input {
float : right;
width : 179px;
height : 26px;
margin-right : 10px;
background : url(../images/formulaire.jpg) no-repeat;
border : none;
}
#formdiv form textarea {
float : right;
width : 179px;
height : 100px;
margin-right : 10px;
background : url(../images/formulaire.jpg) repeat-y;
border : none;
}
.form-tag {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
color : #1a171b;
margin-top : 10px;
}
#formdiv form input.boutoncontact {
border : 0;
width : 90px;
height : 20px;
background : url(../images/envoyer.jpg) no-repeat;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
font-style : normal;
color : #1b4071;
margin-top : 20px;
float : right;
}
#request-element {
width : 340px;
height : 20px;
margin-bottom : 14px;
margin-top : 0;
margin-left : 8px;
}
#request-element input {
float : right;
width : 171px;
height : 23px;
margin-right : 10px;
background : url(../images/formulaire.jpg) no-repeat;
border : none;
}
#request-element select {
float : right;
width : 181px;
height : 23px;
padding-left : 0;
margin-right : 10px;
margin-top : 5px;
background : url(../images/formulaire.jpg);
border : none;
}
#request-element span {
width : 130px;
height : 12px;
padding-left : 3px;
font-family : Tahoma;
font-size : 12px;
color : #000000;
float : left;
}
#request-element textarea {
float : right;
max-width : 181px;
min-width : 181px;
max-height : 92px;
min-height : 92px;
padding-left : 0;
margin-right : 10px;
margin-bottom : 10px;
border : none;
overflow : hidden;
}
.ddimgtooltip {
width : 300px;
height : 200px;
display : none;
position : absolute;
border : 1px solid black;
background : white;
color : black;
z-index : 2000;
padding : 4px;
}
.ddimgtooltip img {
width : 300px;
height : 200px;
}
#conexion {
margin-left : 200px;
margin-top : 100px;
float : left;
}
.formulaire {
margin-top : 30px;
margin-left : 100px;
width : 500px;
float : left;
margin-bottom : 20px;
}
.formulaire span {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
color : #1a171b;
margin-top : 10px;
}
.formul {
background : url(../Images/text.png) no-repeat;
width : 216px;
height : 23px;
border : none;
float : left;
}
.drop {
background : url(../images/contact.png) no-repeat;
width : 216px;
height : 23px;
border : 0;
}
.Area {
background : url(../Images/text-field.png) no-repeat;
padding-left : 5px;
padding-top : 5px;
width : 217px;
height : 101px;
border : 0;
}
.buttonfranchise {
width : 107px;
height : 37px;
background : url(../images/envoyer.png) no-repeat;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
font-style : normal;
color : #1b4071;
border : 0;
}
.formul1 {
background : url(../images/text1.png) no-repeat;
width : 181px;
padding-left : 5px;
padding-top : 3px;
height : 26px;
border : 0;
}
.formulwatermarked {
background : url(../images/text1.png) no-repeat;
width : 181px;
font-style : italic;
padding-left : 5px;
padding-top : 3px;
height : 26px;
border : 0;
padding : 2px 0 0 2px;
border : 0 solid #bebebe;
background-color : #f0f8ff;
color : gray;
}
.drop1 {
background : url(../images/text1.png) no-repeat;
width : 216px;
height : 23px;
border : 0;
}
.Area1 {
background : url(../images/text.png) no-repeat;
padding-left : 5px;
padding-top : 5px;
width : 177px;
height : 81px;
border : 0;
}
.Areaunwatermarked {
background : url(../images/text.png) no-repeat;
padding-left : 5px;
padding-top : 5px;
width : 177px;
font-style : italic;
height : 81px;
border : 0;
padding : 2px 0 0 2px;
border : 0 solid #bebebe;
background-color : #f0f8ff;
color : gray;
}
.buttondemenagement {
width : 107px;
height : 29px;
background : url(../images/continuer.png) no-repeat;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
font-style : normal;
color : #1b4071;
border : 0;
}
.buttonvalider {
width : 200px;
height : 25px;
background : url(../images/valider.png) no-repeat;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
font-style : normal;
color : #1b4071;
border : 0;
}
.Entete_cal {
background : url(../images/fond1.png) no-repeat;
}
.date_cal {
background : url(../images/fond2.png) no-repeat;
}
#parag-c {
width : 700px;
height : auto;
float : left;
}
.paragraphe-cconcours {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
text-align : justify;
color : #000000;
width : 680px;
float : left;
margin : 0 0 5px 15px;
padding : 0 0 0 0;
}
#cadeaux {
width : 680px;
height : 176px;
margin : 10px 0 0 10px;
float : left;
background : url(../images/fondcadeau.png) no-repeat;
}
#cadeaux span {
width : 660px;
height : 20px;
margin-left : 20px;
margin-top : 8px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : bold;
color : #084280;
}
#cadeaux p {
width : 510px;
height : auto;
margin : 8px 10px 0 160px;
padding : 0 0 0 0;
float : left;
font-family : Arial, Helvetica, sans-serif;
text-align : justify;
font-size : 12px;
color : #000000;
}
#cadeaux p a {
margin : 0 50px 0 0;
float : right;
font-family : Arial, Helvetica, sans-serif;
text-align : justify;
font-size : 12px;
color : #dfa702;
}
#form-insc {
width : 680px;
height : auto;
float : left;
margin-left : 10px;
margin-bottom : 20px;
}
#info-paiement {
width : 500px;
height : auto;
float : left;
margin : 30px 0 0 100px;
}
#titre-info-pai {
width : 500px;
text-align : center;
height : 20px;
margin-bottom : 20px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
color : #000000;
font-weight : bold;
}
#ligne-info-pai {
width : 500px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #333333;
margin-bottom : 7px;
}
#ligne-info-pai span {
width : 150px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000000;
font-style : italic;
font-weight : bold;
padding-left : 10px;
}
#parag-paiement {
width : 480px;
margin : 10px 10px 0 10px;
height : auto;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000000;
text-align : justify;
}
#parag-paiement a {
text-decoration : underline;
color : #000000;
font-weight : bold;
font-style : italic;
}