html, body {height: 100%;}
#container {position: relative; min-height: 100%;}
#footer {position: relative;bottom: 0;padding: 0px;background: url(/images/bg_foot.gif) bottom left no-repeat #091f35;color:#ccc;width:890px;margin:0 auto;}
body {background: url(/images/bg_top.gif) repeat-x #cacaca; margin:0 0 0 0; padding:0; font: 75% Arial, Verdana, Sans-Serif; color:#555; height:100%;}
img {margin:0; padding:0;}

h1 {font-size:18px; color:#00CCFF; margin:15px 0 10px 0; font-weight:500;}
h1.menu {font-size:15px; color:#00CCFF; margin:10px 0 0 0; font-weight:500;}
h2 {font-size:14px; color:#ff0099;; margin:20px 0 10px 0; font-weight:400;}
h2.news {font-size:13px; color:#555;; margin:0 0 5px 0; font-weight:bold;}
p {margin:10px 0; text-align:justify;}
span.evidence { font-weight:bold; color:#091f35;}

div.news {margin:10px 0; padding:10px; background:#f2f2f2; border:1px dotted #aaa;}
div.date {float:right; font-weight:bold; margin-left:80px;}
div.newsimg {float:right; background:#fff; padding:3px; margin-left:30px;}
div.newsimg img {width:100px; height:75px;}
div.newsimgbig {float:right; background:#fff; padding:3px; margin-left:30px;}

p.labels a img {float:left; border:none; margin:0 10px 10px 0; clear:left;}
p.labels span {font-weight:bold; color:#00CCFF;}

div.title {font-size:15px; color:#00CCFF; margin:6px; font-weight:bold; font-weight:500;}
*+html div.title {margin-top:15px; } /* hack IE 7 */

a { text-decoration:none;}
a:hover { cursor:pointer;}

a img { border:none;}

span.small {font-size:10px; color:#555; margin:5px 0;}

span.bluemedia {color:#00CCFF;}
a.bluemedia {color:#00CCFF; text-decoration:none;}
a.bluemedia:hover {color:#999; text-decoration:underline;}

a.newsmedia {color:#00CCFF; text-decoration:none;}
a.newsmedia:hover {color:#FF0099; text-decoration:none;}

a.newsmedia2 {color:#FF0099; text-decoration:none;}
a.newsmedia2:hover {color:#FF0099; text-decoration:underline;}

div#footercontent {padding:5px 5px 15px 5px; width:880px; margin:0 auto; text-align:center;}

div#footercontent span.small, div#footercontent span.small a {font-size:11px; color:#f7f7f7;}
div#footercontent span.small a {text-decoration:underline}

div#people {background: url(/images/people2.gif) no-repeat #fff; height:70px; width:890px; text-align:right; }
div#people img {margin:45px 10px 0 0;}
div#footerindex {background: url(/images/people2.gif) no-repeat #fff; height:70px; width:890px; text-align:right; margin:0 auto;}
div#footerindex img {margin:45px 10px 0 0;}

div#header {}

div#top {padding-bottom:12px;}

h1#logo {margin:0; padding:0;}

h1#logo a img {border:none; margin:0; padding:0;}

h2.domain {margin:-10px 0 0 25px;}
div {margin:0; padding:0;}
div#page {width:890px; min-height:100%; margin:0 auto; padding:5px 0 0 0; background: url(/images/bg_top2.gif) repeat-x #fff; }
div#bodytext { letter-spacing:0px; color:#555; text-align:justify; width:890px; margin:0px auto; padding:0px; overflow:hidden; font-size:12px;}

div#topmenu {color:#f7f7f7; font-size:13px; font-weight:bold; padding:0 0 10px 0; height:20px;}
*+html div#topmenu {line-height:30px; top:-7px; position:relative; padding-bottom:17px; margin-bottom:-7px;} /* hack IE 7 */

a.topmenu {color:#f7f7f7; font-size:13px; text-decoration:none; font-weight:bold; padding: 10px; }
a.topmenuactif {color:#17a5b9; font-size:13px; text-decoration:none; font-weight:bold; padding: 10px; background: url(/images/arrowMenuTop.gif) center 15% no-repeat;}
a.topmenu:hover {background: url(/images/arrowMenuTopWhite.gif) center 15% no-repeat;}
a.topmenuactif:hover {background: url(/images/arrowMenuTop.gif) center 15% no-repeat; cursor:text;}


div#righthome {width:260px; float:right; background: url(/images/businessman.jpg) no-repeat; padding-top:170px;}
div#righthome2 {width:260px; float:right; position:relative; right:5px;}
div#lefthome {width:580px; float:left; background: url(/images/buildings.jpg) no-repeat;}

div#right {width:260px; float:right; background:#fff; padding-bottom:20px; padding:5px;}
div#left {width:570px; float:left; background: url(/images/bg_right.gif) top right no-repeat #fff; margin:0 5px 0 0; padding:0 35px 20px 10px;}

div.errorbox { text-align:center; border:1px solid #FB9BA5; background:#FEEDF0; color:#E1173A; font-weight:normal; margin-top:15px; padding:3px;}

/* formulaires */
label {width:150px; float:left; clear:both; text-align:left; padding:0 20px;}
label span, span.aste {color:#00CCFF;}
input.checkbox, input.radiobox {border:none;}
input,select, textarea {width:300px; border:1px solid #999; color:#333; margin-bottom:3px; font-size:13px;}
input.fielderror, textarea.fielderror { border:1px solid #FB9BA5; background:#FEEDF0; color:#E1173A; font-weight:normal;} 
p.legalcheck {clear:both; margin:-35px 0px 10px 0; text-align:right; line-height:10px;}
div.captcha {color:#999; width:490px; text-align:right;}
div.captcha span a {color:#aaa; text-decoration:none;}
div.captcha span a:hover {color:#999; text-decoration:underline;}

input.buttonmess {border:1px solid #00CCFF; padding:0; width:100px; text-align:center; color:#fff; background: url(/images/button_bg.gif) repeat-x; cursor:pointer;}
input.buttonmessactif {border:1px solid #999; width:100px; text-align:center; color:#fff; background: url(/images/button_bg3.gif) repeat-x; cursor:pointer;}

div#captcha2 {text-align:right; margin-top:10px;}
*+html div#captcha2 {margin-left:190px; margin-top:10px;} /* hack IE 7 */
body:nth-of-type(1) div#captcha2 { margin:10px 0 0 0; text-align:right; position:relative;} /* hack chrome & safari */


div#captcha2 a {color:#999; text-decoration:none;}
div#captcha2 a:hover {color:#999; text-decoration:underline;}

input.radiobox, input.checkbox {width:25px; vertical-align:middle;}
input.buttonok {color:#f7f7f7; font-size:10px; font-weight:bold; background: url(/images/ok.gif) no-repeat; border:none; height:25px; padding:0 6px; width:35px;}
input.buttonok:hover { cursor:pointer;}
html:first-child input.buttonok {font-size:11px; padding:0 10px;} /* hack opera */
html[xmlns*=""] body:last-child input.buttonok {font-size:11px; padding:0 9px; margin-left:-0.5px;} /* hack safari */

input.search {width:125px; margin-right:-2px; background: url(/images/input.gif) no-repeat; border:none; padding:7px 10px 5px 33px; font-size:11px;}

*+html input.search {  background-attachment:fixed; background-position:center; width:125px; margin-right:-1px; } /* hack IE 6 */
div.gSearch {float:right; padding:15px 10px 0 0;}
*+html div.gSearch {  background: url(/images/input.gif) 80% left no-repeat; padding-left:0px;} /* hack IE 7 */


html:first-child input.search {padding:6px 10px 5px 33px; } /* hack opera */
body:nth-of-type(1) input.search { padding:7px 10px 5px 33px; } /* hack chrome & safari */


input.right {font-size:13px; width:180px;}
input.okright {font-size:12px; width:40px; text-align:center; color:#fff; background: url(/images/button_bg.gif) repeat-x; cursor:pointer; padding-top:1px; border:1px solid #00CCFF;}
input.okright:hover, input.okrightactif{ text-align:center; color:#fff; background: url(/images/button_bg2.gif) repeat-x; border:1px solid #FF0099; cursor:pointer;}

.nav { margin: 5px 0 5px 31px; margin-top:192px; z-index:100; position:relative; }
#nav a { margin: 0 5px; padding: 2px 4px 2px 6px; border:none; background:#091f35; text-decoration:none; color:#f7f7f7; font-weight:bold; }
#nav a.activeSlide, #nav a.activeSlide:hover { background: #17a5b9; }
#nav a:focus { outline: none; }
#nav a:hover { background:#555; }

div#whatnew {top:-196px; z-index:1; position:relative; margin-left:26px; }
div#whatnew img { display:none; }
*+html div#whatnew {top:-191px; } /* hack IE 7 */


div.ref {padding:2px 0; margin:2px;}

.newsticker {list-style-type: none;margin: 0;}

div.solboxg {float:left; margin:10px 30px 10px 0; height:150px; width:270px;}
div.solboxr {float:left; margin:10px 0; height:150px; width:270px;}
div.solboxg h2, div.solboxr h2 {margin:0; padding:0; color:#999; font-weight:500; background:url(/images/infos.png) no-repeat right;}
div.solboxg a:hover h2, div.solboxr a:hover h2 {margin:0; padding:0; color:#FF0099; font-weight:500;}
div.solboxr p, div.solboxg p { padding:10px 0 0 0; border-top:1px solid #999; width:270px; margin-top:5px; height:90px;}
div.solboxr p.info, div.solboxg p.info { padding:0 0 10px 0; border:none; width:270px; margin:0;}
div.solboxr p img, div.solboxg p img{ padding:0 10px 10px 0; border:none; float:left; }
div.solboxr p.info a, div.solboxg p.info a{ padding:0; border:none; float:right; clear:both; color:#00CCFF; text-decoration:underline; font-weight:bold;}
div.solboxr p.info a:hover, div.solboxg p.info a:hover{ color:#FF0099; text-decoration:underline; font-weight:bold;}


span.quotes { color:#00ccff; font-size:18px; }
li.listpuce {margin:5px 50px; list-style-type:circle; list-style:circle; }


/* ---------->>> Rightcolumn <<<-----------------------------------------------------------*/
p.contact {margin-top:20px; background: url(/images/puce.jpg) bottom left no-repeat; line-height:20px; padding-left:25px;}
div#contact {width:260px; margin:10px 0; padding:8px; background: url(/images/contact.jpg) no-repeat top left;}
div.coordonnees {margin:10px 0 -5px 6px;}
iframe#map {width:231px; height:165px; border:none; overflow:hidden; margin-left:6px;}
div#newsblock {width:280px; border:none; margin:10px 0; padding:8px 40px 8px 8px; height:200px; background: url(/images/news.jpg) no-repeat;}
div#newsaffiche {margin:10px 10px 5px 10px; text-align:left; font-size:10px; padding-right:10px; width:230px;}
div#newsaffiche span {font-weight:bold; font-size:11px;}
div#domain {width:313px; border:none; margin:10px 0; padding:8px; height:100px; background: url(/images/devis.jpg) no-repeat;}
div#devis {width:313px; border:none; margin:10px 0; padding:8px; height:100px; background: url(/images/devis2.jpg) no-repeat;}
div#prime {width:313px; border:none; margin:10px 0; padding:8px; height:100px; background: url(/images/prime.jpg) no-repeat;}
div#newsletter {width:313px; border:none; margin:10px 0; padding:8px; height:100px; background: url(/images/newsletter2.jpg) no-repeat;}
div#archives {width:313px; border:none; margin:10px 0; padding:8px; height:100px; background: url(/images/news2.jpg) no-repeat;}
div#archives p.title {margin:-10px 0 0 6px; font-weight:bold;}
div#archives p.link {margin:5px 0 0 30px;}
form#newsletter {margin:25px 0 0 5px;} 
form#domain {margin:40px 0 0 5px;}
p#lirenews {text-align:right; width:235px; font-size:10px;}


div#references {background: url(/images/bg_ref1.jpg) no-repeat; width:570px; height:280px; margin-left:5px; padding:50px 30px 20px 40px;}
div#navref {text-align:center; top:240px; width:495px; position:relative;}
div#projets {float:left; margin-top:20px;}
div#menusolutions {float:right; margin-top:20px;}
div#rightindex {font-size:14px; line-height:22px;  background: url(/images/bg_right.gif) top right no-repeat; width:560px; padding:20px 35px 20px 20px; margin-top:20px; min-height:400px;}


/* ---------->>> Menu solutions - accueil <<<-----------------------------------------------------------*/
div.solutions {float:right; text-align:right; margin-top:18px;}
dl, dt, ul, li {margin: 0; padding: 0;list-style-type: none;}
#menu {width: 190px; background: #fff;}
.menu_actif {width: 190px; background: #fff;}
#menu dd {border-bottom: 1px solid #ffffff; background-color:#fff; padding-bottom:5px;}	
#menu dd a:hover {color: #FF0099;}
#menu dd a {cursor: pointer;font-weight: bold;color:#555;font-size:12px;padding-left:30px;font-family:Verdana, Arial, Helvetica, sans-serif;padding-top:5px;background-color:#CCCCCC;text-decoration:none;}
#menu dt a {color: #555;text-decoration: none;display: block;border: 0 none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;padding-left:25px;cursor: pointer;border-bottom: 1px solid #aaa;padding-top:5px;text-align:left;background: url(/images/puce.jpg) no-repeat bottom left;}
#menu dt a.top {border-top:none;}
#menu dt a:hover {background: url(/images/puce2.jpg) no-repeat bottom left;border-bottom: 1px solid #FF0099;color: #FF0099;padding-top:5px;}
div.project {margin-top:10px; font-size:12px; width:300px;}
div.projecttext {padding:0 10px;}