body *{margin:0;padding:0;color:#404040; font-size:13px}
body {margin: 12px 0;background: #cfe1ed url(../images/a1.gif) repeat-x;text-align:center;font-family: Arial, Helvetica, sans-serif;}
.clear { clear:both; }
.clr-right {clear:right; float:right;}
.clr-left {clear:left; float:left;}

#conteneur{ width:751px;
	margin: 0 auto;
	text-align: left;
	background-color:#fff;
	}
/*height:742px;*/
#ligne{ float:left; width:721px;border:0px; padding:0px; margin:2px 0 0 0 !important;margin:1px 0 0 0; border-top:1px solid #595959;  font-size: 11px; text-align: right;}
.sep-p {background: url(../images/sep-site.gif) no-repeat; Background-position: center; width:8px; height:5px;}
#top { position:relative; padding:0 15px; width:721px}
#banniere { position:relative; padding:10px 10px 0 0 !important; padding:0 10px 0 0;}
#milieutop { position:relative; margin-top:10px;height:5px; background: url(../images/milieutop.gif) repeat-x; text-indent: -9999em; overflow: hidden;}
#milieu { position:relative; background: #86bc91; height:214px;}
#campagne { top:20px; left:548px; position:absolute;  height:178px; width:195px; background: url(../images/campagne.gif) repeat-x; text-indent: -9999em; overflow: hidden;}
.encadre { position:absolute; width:160px; height:184px;background: url(../images/encadre.gif) no-repeat;}
.encadre .texte { color:white; font-size:15px; margin-top:10px; margin-left:10px;}
.encadre .texte b { color:white;} 
#encadre1{ top:20px; left:3px;}
#encadre1 .image{ margin-top:30px; margin-left:40px; width:99px; height:87px; background: url(../images/enc-1.gif) no-repeat;}
#encadre2{ top:20px; left:177px;}
#encadre2 .image{ margin-top:30px; margin-left:45px; width:99px; height:87px; background: url(../images/enc-2.gif) no-repeat;}
#encadre3{ top:20px; left:351px;}
#encadre3 .image{ margin-top:30px; margin-left:30px; width:99px; height:87px; background: url(../images/enc-3.gif) no-repeat;}
#milieu2 { position:absolute;top:106px;left:0px; height:108px; width:528px; background:#7cb287; }
#milieu3 { position:absolute;top:0px;left:528px; height:106px; width:223px; background:#8bc196;}
#milieu4 { position:absolute;top:106px;left:528px; height:108px; width:223px; background:#81b78c;}
#milieuleft1 { position:absolute; left:-21px;top:0px; height:106px; width:21px; background: url(../images/milieuleft.gif) repeat-y; text-indent: -9999em; overflow: hidden;}
#milieuleft2 { position:absolute; left:-21px;top:106px; height:108px; width:21px; background: url(../images/milieuleft2.gif) repeat-y; text-indent: -9999em; overflow: hidden;}
#milieuright1 { position:absolute; left:751px;top:0px; height:106px; width:21px; background: url(../images/milieuright1.gif) repeat-y; text-indent: -9999em; overflow: hidden;}
#milieuright2 { position:absolute; left:751px;top:106px; height:108px; width:21px; background: url(../images/milieuright2.gif) repeat-y; text-indent: -9999em; overflow: hidden;}
#milieuhg { position:absolute; left:-21px;top:-5px; height:19px; width:21px; background: url(../images/milieuhg.gif) no-repeat; text-indent: -9999em; overflow: hidden;}
#milieuhr { position:absolute; left:751px;top:-8px; height:19px; width:23px; background: url(../images/milieuhr.gif) no-repeat; text-indent: -9999em; overflow: hidden;}
#milieubg { position:absolute; left:-21px;top:201px; height:25px; width:21px; background: url(../images/milieubg.gif) no-repeat; text-indent: -9999em; overflow: hidden;}
#milieubr { position:absolute; left:751px;top:200px; height:23px; width:21px; background: url(../images/milieubr.gif) no-repeat; text-indent: -9999em; overflow: hidden;}
#milieubottom { position:relative; padding-bottom:10px;height:12px; background: url(../images/milieubottom.gif) repeat-x; text-indent: -9999em; overflow: hidden;}
#main{position:relative;}
#mainleft{float:left; margin-left:25px !important; margin-left:12px;}
#mainright{float:right; margin-right:25px !important; margin-right:12px;}
#bottom { position:relative;   background-color: #cfe1ed;}
#art1 .titre { margin-bottom:4px; height:30px; width:337px; background: url(../images/a2.gif) no-repeat; text-indent: -9999em; overflow: hidden;}
#art1 .contenu { color:#404040;width:337px; text-align:justify; font-size:13px}
#art2 .titre { margin-bottom:4px; height:30px; width:337px; background: url(../images/a3.gif) no-repeat; text-indent: -9999em; overflow: hidden;}
#art2 .contenu { color:#404040;width:337px; text-align:justify; font-size:13px}
#contact {margin-bottom: 10px; margin-top:10px; height:67px; width:337px;background: url(../images/a4.gif) no-repeat; text-indent: -9999em; overflow: hidden;}
.puce { margin-bottom:7px; text-align:justify; margin-left:5px; padding-left:10px; background: url(../images/puce.gif) no-repeat;}
#etoiletarif { float:right; background: url(../images/etoiletarif.gif) no-repeat; height: 114px; width: 111px; text-indent: -9999em; overflow: hidden; }
#etoiletarif a { display: block; width: 111px; height: 114px; text-decoration: none; }
#slogan {float:left; margin-left:15px; padding-top:25px; color:#7eb287; font-size: 26px; }
#slogan .orange { color: #f09816; font-size: 26px;}
#hg { position:absolute; top:0px; left:0px;  background: url(../images/hg.gif) no-repeat; height: 5px; width: 5px; text-indent: -9999em; overflow: hidden; }
#hd { position:absolute; top:0px; left:746px;  background: url(../images/hd.gif) no-repeat; height: 5px; width: 5px; text-indent: -9999em; overflow: hidden; }
#bg { position:absolute; top:0px; left:0px;  background: url(../images/bg.gif) no-repeat; height: 9px; width: 6px; text-indent: -9999em; overflow: hidden; }
#bd { position:absolute; top:0px; left:745px;  background: url(../images/bd.gif) no-repeat; height: 9px; width: 6px; text-indent: -9999em; overflow: hidden; }
#bm { position:absolute; top:0px; left:6px;  background: url(../images/bm.gif) repeat-x; height: 9px; width: 739px; text-indent: -9999em; overflow: hidden; }
#logo { float:left; margin-top:13px;background: url(../images/logo.gif) no-repeat; height: 55px; width: 328px; text-indent: -9999em; overflow: hidden; }
#logo a { display: block; width: 328px; height: 55px; text-decoration: none; }
#powered { float:right; margin-top:13px; background: url(../images/powered.gif) no-repeat; height: 40px; width: 100px; text-indent: -9999em; overflow: hidden; }
#powered a { display: block; width: 100px; height: 40px; text-decoration: none; }
#identification { float: right; width:264px; }
#acccompte {padding-left:13px;float:left; background: url(../images/cadenas.gif) no-repeat; color:#f09816; font-size:13px; font-weight: bold;}
#copyright {  padding-top:9px;font-size:10px; color:#6d93ab; background: #cfe1ed; text-align:center;}
#copyright a {display: block; text-decoration:none; }
#connexion input { margin-top:3px; padding:1px;float:left;width:72px; height:16px; font: 12px; color:#595959; border: 1px solid #7eb287;}
#motpasse { margin-left:9px; }
#bconnexion { margin-left:7px; float:left; background: url(../images/connexion.gif) no-repeat; height: 25px; width: 96px; text-indent: -9999em; overflow: hidden; }
#bconnexion a { display: block; width: 96px; height: 25px; text-decoration: none; }
ul#nav { float: left; margin: 15px 0 0 0; padding: 0 !important; }
#nav li { display: inline; text-indent: -9999em; float: left; height: 28px; opacity: 0.7; filter:alpha(opacity=70);}
#nav .on {opacity: 1; filter:alpha(opacity=100);}
#nav a { overflow: hidden; }
#nav .on a,
#nav a:hover {
	background-position: bottom !important;
}
.nav-home a    { background: url(../images/b-accueil.gif)    no-repeat; margin-top:1px; height: 28px; width:  70px; display: block; }
.nav-produit a    { background: url(../images/b-produit.gif)    no-repeat; margin-top:1px; height: 28px; width:  78px; display: block; }
.nav-tarifs a    { background: url(../images/b-tarifs.gif)    no-repeat; margin-top:1px;height: 28px; width:  62px; display: block; }
.nav-services a    { background: url(../images/b-services.gif)    no-repeat; margin-top:1px; height: 28px; width:  78px; display: block; }
.nav-contact a    { background: url(../images/b-contact.gif)    no-repeat; margin-top:1px;height: 28px; width:  78px; display: block; }


#bannierepartenaire { width:650px; padding:15px 0 15px 0 !important; padding:0 0 15px 0; margin: 0 auto; text-align: center;  color:#7eb287; font-size: 26px; }
#mainpartenaire { width:500px; margin: 0 auto; text-align: left;	}
#pucepartenaire {float :left;width:130px; font-weight: bold; color: #f09816;}
#textepucepartenaire {float :left;}
#titrepartenaire {font-weight: bold; color:#7eb287; }
#textepartenaire {text-align: justify; }

#bannierecontact { width:650px; padding:15px 0 15px 0 !important; padding:0 0 15px 0; margin: 0 auto; text-align: center;  color:#7eb287; font-size: 26px; }
#bannierecontact .orange { width:650px; padding:15px 0 15px 0 !important; padding:0 0 15px 0; margin: 0 auto; text-align: center;  color:#7eb287; font-size: 26px;color:#f09816;}
#maincontact { width:700px; margin: 0 auto; text-align: justify;	}
#tableaucontact {text-align:center; width:500px;}
#tableaucontact table { padding: 5px; }
#tableaucontact .label { width:100px;text-align:left;vertical-align:top;  font-weight: bold;}
#tableaucontact .champ { }
#tableaucontact .champ input{width:300px; border: 1px solid #7eb287;}
#tableaucontact .champ textarea{width:300px; height:129px; border: 1px solid #7eb287;	}
#tableaucontact #envoyer {margin:10px 0;text-align:center;  background: url(../images/envoyer.gif) no-repeat; width: 84px; height:25px; text-indent: -9999em; overflow: hidden;}
#tableaucontact #envoyer a { display: block; height: 25px; width: 84px; text-decoration: none; }
#messagecontact {color: #f09816; font-weight: bold; text-align:center;}

.t_pres1 { width:200px; height:57px; text-indent: -9999em; overflow: hidden;}
.t_lib1 { border-right:1px solid #fff;width:160px; height:57px; background: url(../images/t-lib1.gif)    no-repeat; text-indent: -9999em; overflow: hidden;}
.t_pme1 { border-right:1px solid #fff;width:160px; height:57px; background: url(../images/t-pme1.gif)    no-repeat;text-indent: -9999em; overflow: hidden;}
.t_gc1 { border-right:1px solid #fff;width:160px; height:57px; background: url(../images/t-gc1.gif)    no-repeat; text-indent: -9999em; overflow: hidden;}
.t_pres { border-right:1px solid #fff; width:200px; height:40px; background: url(../images/t-pres.gif);
color:#fff; text-align:right;font-weight:bold; padding-right:5px;}
.t_col { border-right:1px solid #fff; width:160px; height:40px; background: url(../images/t-col.gif);
color:#fff; text-align:center;font-weight:bold; }

.e_pres { border-right:1px solid #fff; width:200px; height:40px; background: url(../images/t-pres.gif);
color:#fff; text-align:right;font-weight:bold; padding-right:5px;}
.e_col { border-right:1px solid #fff; width:120px; height:40px; background: url(../images/t-col.gif);
color:#fff; text-align:center;font-weight:bold; }

#t-mieuxcomprendre .titre { text-decoration:underline;}
#t-mieuxcomprendre .exemple { vertical-align:top; padding:10px;}

#cestaussi .titre { margin-bottom:4px; width:330px; height:30px;  background: url(../images/cestaussi.gif) no-repeat; text-indent: -9999em; overflow: hidden;}
#cestaussi .contenu { color:#404040; text-align:left; font-size:13px; padding:5px;}
#cestaussi .puce { margin-bottom:7px; text-align:left; margin-left:5px; padding-left:10px; background: url(../images/puce.gif) no-repeat;}


#nouscontacter .titre { margin-bottom:4px; height:30px;  background: url(../images/nouscontacter.gif) no-repeat; text-indent: -9999em; overflow: hidden;}
#nouscontacter .contenu { color:#404040; text-align:justify; font-size:13px; padding:5px;}
#nouscontacter a {text-decoration:none; color:#f09816;  font-size:14px;}
#nouscontacter .contact {text-decoration:none; color:#f09816;  font-size:14px;}
#nouscontacter .petit {font-size:11px;}

#mainservices { width:600px; margin: 0 auto; text-align: justify;	}
#banniereservice { width:600px; padding:15px 0 15px 0 !important; padding:0 0 15px 0; margin: 0 auto; text-align: center;  color:#7eb287; font-size: 26px; }
#banniereservice .orange {  padding:0 0 15px 0; margin: 0 auto; text-align: center;  color:#7eb287; font-size: 26px;color:#f09816;}

.fonctionnalite { text-align: left;  color:#7eb287; font-size: 23px; }