*{margin:0;padding:0;border:0;}

body{font-family:Arial, 'Lucida Sans', 'Bitstream Vera Sans', Helvetica, sans-serif;font-size:0.75em;color:#505050;text-align:center;background-color:#6D9A0D; /* alignement centré pour ie 5 et ie 5.5 */}

hr.clear{clear:both;visibility:hidden;}

.left{float:left;}
.right{float:right;}

/* ################# BANNIERE ################## */ 
#banniere{width:100%;background:#6D9A0D url(bg-banniere.jpg) repeat-x bottom;}
#bannierecentre{width:760px;margin:0 auto;padding:0 0 15px 0;background:#6D9A0D url(bg-banniere-centre.jpg) no-repeat center bottom;}

#banniere #access{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#banniere #logo{width:760px;height:110px;background:transparent url(logo-webolution-vert.gif) no-repeat top center;}
#banniere #logo h1{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#banniere #menu{width:760px;margin:0 0 10px 0;}
#banniere #menu ul{list-style:none;}
#banniere #menu ul li{float:left;margin-right:10px;}
#banniere #menu ul li a span{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}
#banniere #menu ul li#item1{margin-left:30px;}
#banniere #menu ul li#item1 a{display:block;width:134px;height:117px;background:transparent url(item-accueil.gif) no-repeat top left;}
#banniere #menu ul li#item1 a:hover{background-position:0 -122px ;}

#banniere #menu ul li#item3 a{display:block;width:134px;height:117px;background:transparent url(item-webolution.gif) no-repeat top left;}
#banniere #menu ul li#item3 a:hover{background-position:0 -122px ;}

#banniere #menu ul li#item2 a{display:block;width:134px;height:117px;background:transparent url(item-solutions.gif) no-repeat top left;}
#banniere #menu ul li#item2 a:hover{background-position:0 -122px ;}

#banniere #menu ul li#item4 a{display:block;width:134px;height:117px;background:transparent url(item-rea.gif) no-repeat top left;}
#banniere #menu ul li#item4 a:hover{background-position:0 -122px ;}

#banniere #menu ul li#item5 a{display:block;width:134px;height:117px;background:transparent url(item-contact.gif) no-repeat top left;}
#banniere #menu ul li#item5 a:hover{background-position:0 -122px ;}

#banniere #menu ul li#item1.active a, #banniere #menu ul li#item2.active a, #banniere #menu ul li#item3.active a, #banniere #menu ul li#item4.active a, #banniere #menu ul li#item5.active a{background-position:0 -122px ;}

/* ################# BLOCS CONTENU ################## */ 
#fond-contenu{background-color:#FFF;}
#contenu{clear:both;width:760px;margin:0 auto;padding-bottom:20px;}


#texte{float:left;width:405px;padding:0 20px 0 5px;}
.contenurealisations #texte{float:none;width:760px;padding-right:0;}

div.flash{position:relative;width:359px;margin:20px 15px 20px 0;background:#00B7C1 url(icone-bleu-jaune.gif) 290px 50% no-repeat ;padding:15px 0 15px 25px;}
div.flash .hd{background:transparent url(arrondis-bleu_hd.gif) no-repeat right top;top:0;right:0;width:19px;height:20px;}
div.flash .bd{background:transparent url(arrondis-bleu_bd.gif) no-repeat right bottom;bottom:0;right:0;width:21px;height:20px;}
div.flash .bg{background:transparent url(arrondis-bleu_bg.gif) no-repeat left bottom;bottom:0;left:0;width:20px;height:20px;}

.contenurealisations dl{float:left;width:220px;padding:5px 15px;}

.contenucontact .champ{text-align:left;clear:both;margin-bottom:7px;}
.contenucontact .champ label{display:block;width:120px;background-color:#00B7C1;color:#FFF;float:left;font-weight:bold;padding:3px 0 3px 10px;margin-right:10px;}
.contenucontact .champ input, .contenucontact .champ textarea{background-color:#FFF;border:1px solid #00B7C1;padding:1px;font-family:Arial, 'Lucida Sans', 'Bitstream Vera Sans', Helvetica, sans-serif;color:#505050;font-size:1em;}
.contenucontact #saveForm{background-color:#00B7C1;color:#FFF;padding:3px;}


#ss-menu{float:right;width:305px;padding:0 5px 0 20px;}

#ss-menu address{text-align:left;line-height:2;padding-left:100px;background:#FFF url(icone-telephone.jpg) no-repeat left top;min-height:190px;}

/* ################# TEXTES CONTENU ################## */ 
h2{font-size:1.4em;color:#706A6A;text-align:left;padding:0 0 15px 5px;font-weight:normal;}

h3{font-size:1.1em;color:#706A6A;text-align:left;}
h3.flash{position:relative;width:239px;min-height:50px;margin:20px 15px;background:#00B7C1 url(icone-bleu-jaune.gif) no-repeat 280px 50%;padding:20px 100px 20px 35px;color:#FFF;font-size:1.5em;line-height:1.5;font-weight:bold;letter-spacing:1px;}
h3.flash .hd{background:transparent url(arrondis-bleu_hd.gif) no-repeat right top;top:0;right:0;width:19px;height:20px;}
h3.flash .bd{background:transparent url(arrondis-bleu_bd.gif) no-repeat right bottom;bottom:0;right:0;width:21px;height:20px;}
h3.flash .bg{background:transparent url(arrondis-bleu_bg.gif) no-repeat left bottom;bottom:0;left:0;width:20px;height:20px;}

div.flash h3{color:#FFF;font-size:1.6em;line-height:1.5;font-weight:bold;margin-right:90px;letter-spacing:1px;}

h4{text-align:left;color:#000;padding:10px 0 5px 10px;font-size:1em;}

p{text-align:left;line-height:1.5;margin-bottom:5px;}
div.flash p.plusdinfos{text-align:left;margin:15px 0 0 90px;padding-left:15px;background:transparent url(puce-blanche.gif) no-repeat 0 6px;}
p.confier{text-align:center;}

.sep-haut{border-top:1px dotted #505050;margin-top:25px;padding-top:20px;}
span.webolution{text-transform:uppercase;color:#008282;font-weight:bold;font-size:0.9em;}
h3.flash span, div.flash span{position:absolute;display:block;}
#texte strong{color:#008282;font-weight:normal;}
#texte h3.flash strong, #texte div.flash strong{color:#FAD54F;font-weight:bold;}

#ss-menu p.cctpe{text-align:center;}

/* ################# LISTES CONTENU ################## */ 
#texte ul{text-align:left;margin-left:25px;}
#texte li{margin:5px 0 5px 10px;list-style-image:url(puce-bleue-big.gif);list-style-position:outside;}

#texte dd{margin-bottom:5px;}

#ss-menu ul{width:210px;padding:5px 0 0 95px;list-style-image:url(puce-bleue.gif);text-align:left;}
#ss-menu ul#ss-menu1{background:transparent url(icone-cube1.jpg) no-repeat left center;min-height:70px;}
.contenusolutions #ss-menu ul#ss-menu2{background:transparent url(icone-clavier.jpg) no-repeat left center;min-height:145px;padding-top:10px;}
.contenuaccueil #ss-menu ul#ss-menu2{background:transparent url(icone-cube2.jpg) no-repeat left center;min-height:70px;}

#ss-menu ul li{margin-bottom:5px;padding-bottom:1px;border-bottom:1px dotted #008282;color:#008282;}


/* ################# LIENS CONTENU ################## */ 
#texte a, p.confier a, #ss-menu address a{color:#008282;border-bottom:1px dotted #008282;text-decoration:none;}
#texte a:hover, p.confier a:hover, #contenu a:hover span.webolution, #ss-menu address a:hover{color:#D5681C;}

#texte dt a{border:0;}

#ss-menu a{text-decoration:none;color:#008282;}
#ss-menu li a:hover{color:#D5681C;}
#ss-menu a.lien-ssmenu{border-bottom:1px dotted #008282;}

#texte div.flash p.plusdinfos a{color:#FFF;text-decoration:none;border-bottom:1px dotted #FFF;}
#texte div.flash p.plusdinfos a:hover{color:#000;}

/* ################# IMAGES CONTENU ################## */ 
#texte img{margin:5px 20px;}
#texte dt img{border:1px dotted #CCCCCC;}

/* ################# FOOTER ################## */ 
#footer{width:100%;background:#6D9A0D url(bg-footer.jpg) repeat-x top;clear:both;min-height:70px;color:#FFF;font-size:0.95em;}
#footercentre{width:760px;margin:0 auto;padding:40px 0 10px 0;background:#6D9A0D url(bg-footer-centre.jpg) no-repeat center top;}
#footer2, #footer3{margin-top:5px;}
#footer2 a{color:#FFF;text-decoration:none;}
#footer2 a:hover{color:#FFF;text-decoration:underline;}