@charset "UTF-8";
/* CSS Document */

body {background:#333 url(../img/bg-body.jpg) no-repeat 50% 0;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
* {margin:0;padding:0;}
li {list-style:none;}
a {color:#000;}
a:hover {color:#0099CC;}

.clear {clear:both;line-height:0;font-size:1px;}
.chapo {font-size:14px;color:#00B2EB;margin-bottom:10px;}

/* --------------------------------- NAV --------------------------------- */
dl#menu {margin-left:14px;display:block;position:relative;height:44px;}
dl#menu dd {float:left;position:relative;height:36px;padding-right:2px;text-align:center;}
dl#menu dd a{display:block;height:36px;font-size:13px;color:#000;text-decoration:none;padding-top:13px;}
dl#menu dd a:hover {color:#0099CC;border-top:8px solid #0099CC;padding-top:5px;}
dl#menu dd ul {display:none;}
dl#menu dd:hover ul, dl#menu dd.sfhover ul {background:#FFF;display:block;position:absolute;top:44px;left:0;list-style:none;padding:10px 0 8px 10px;text-align:left;width:auto;border:#CCC 1px solid;}
dl#menu dd li {margin-bottom:3px;}
dl#menu dd li a {padding:0;height:auto;font-size:12px;}
dl#menu dd li a:hover {border:none;padding:0;}

.p-home #m-accueil a, .p-connaitre #m-connaitre a, .p-atouts #m-atouts a, .p-sdb #m-sdb a, .p-agences #m-agences a, .p-actus #m-actus a, .p-client #m-client a, .p-contact #m-contact a {color:#0099CC;border-top:8px solid #0099CC;padding-top:5px;}
.p-connaitre #m-connaitre li a, .p-atouts #m-atouts li a {color:#000;border:none;padding:0;}

/* --------------------------------- DIVS --------------------------------- */
#header {width:981px;height:163px;margin:0 auto;position:relative;}
#header h1 {display:none;}
#header p {color:#FFF;position:absolute;top:70px;left:215px;font-size:14px;}
#header .lang {text-align:right;padding:10px 15px 0 0;}
#header .lang a {padding-left:20px;text-decoration:none;color:#CCC;font-size:11px;}
#header .lang a:hover {color:#FFF;}
#header .en {background:url(../img/icon-en.png) no-repeat 0 0;}
#header .fr {background:url(../img/icon-fr.png) no-repeat 0 0;}
#header .be {background:url(../img/icon-be.png) no-repeat 0 0;}
.p-sdb #header a.be, .p-sdb #header a.en {display:none;}


#main {width:955px;margin:0 auto;background:#FFF;padding-bottom:25px;min-height:400px;}
* html #main {height:400px;}

#ariane {height:62px;background:url(../img/bg-ariane.png) no-repeat;padding:5px 0 0 25px;margin-bottom:20px;}
#ariane * {text-transform:uppercase;font-size:12px;}
#ariane li {display:inline;color:#FFF;font-weight:bold;}
#ariane li a {color:#FFF;text-decoration:none;}
#ariane li a:hover {text-decoration:underline;}
#ariane li.actif {background:url(../img/fleche-ariane.gif) no-repeat 0 7px;padding-left:15px;font-size:25px;}

#content-left {float:left;margin-bottom:20px;}
#content-right {float:right;margin-bottom:20px;}
#content-right h2 {background:url(../img/tit-lt-trans.png) no-repeat 0 0;line-height:23px;height:23px;width:auto;padding-left:20px;margin-bottom:5px;}
#content-right h2 span {display:inline-block;background:url(../img/tit-trans.png) no-repeat right 0;color:#FFF;font-size:14px;line-height:23px;height:23px;padding-right:15px;}
#content-right img {float:left;margin:0 10px 15px 0;}
#content-right p {margin-bottom:10px;}
#content-left ul li, #content-right ul li {background:url(../img/fleche-red.png) no-repeat 0 2px;padding-left:15px;margin-bottom:20px;}
#content-left ul.blue, #content-right ul.blue {margin-bottom:35px;}
#content-left ul.blue li, #content-right ul.blue li {background:url(../img/fleche-blue.gif) no-repeat 0 0;padding:4px 0 0 25px;margin:0 0 10px 15px;}
#content-right ul.blue ul {margin-top:10px;}
#content-right ul.blue ul li {background:url(../img/fleche-red.png) no-repeat 0 2px;padding:0 0 0 15px;margin:0 0 5px 0;}

#footer {width:925px;height:30px;padding:0 15px;margin:0 auto;background:url(../img/bg-footer.png) no-repeat 0 0;text-align:center;margin-bottom:15px;}
#footer li {display:inline;line-height:29px;margin-right:15px;}
#footer li a {color:#CFCFCF;font-size:11px;font-weight:bold;}
#footer li a:hover {color:#3EC0EC;}


/* --------------------------------- HOME --------------------------------- */
#flash {height:362px;background:url(../img/bg-flash.png) no-repeat 0 bottom;margin-bottom:20px;}
.p-home #content-left {border-right:1px solid #CCC;width:400px;padding:0 25px 0 25px;}
.p-home #content-right {width:425px;padding-right:25px;}
.p-home #content-left h2, .p-home #content-right h2 {display:block;background:url(../img/fleche-gris.gif) no-repeat 0 5px;line-height:20px;height:20px;margin-bottom:10px;color:#999;font-weight:normal;font-size:16px;padding-left:12px;}
.bloc-home {margin:0 0 15px 12px;clear:both;line-height:100%;}
.bloc-home img {float:left;margin:0 10px 10px 0;}
.bloc-home h3 {color:#0099CC;font-size:11px;}
.bloc-home h3 small {color:#000;font-weight:normal;}
.bloc-home p, .bloc-home a {font-size:11px;}
.bloc-home a.plus {font-style:italic;background:url(../img/fleche-red.png) no-repeat 0 2px;padding-left:15px;text-decoration:none;line-height:20px;}

/* --------------------------------- NOUS CONNAITRE --------------------------------- */
.p-connaitre #content-left {width:250px;padding-left:50px;text-align:right;}
.p-connaitre #content-left h3 {color:#00B2EB;font-size:14px;margin-bottom:15px;}
.p-connaitre #content-left h3 a {color:#00B2EB;}
.p-connaitre #content-left p {margin-bottom:15px;}
.p-connaitre #content-left p strong {font-size:14px;}
.p-connaitre big {color:#0099CC;font-size:25px;font-weight:bold;}
.p-connaitre big sup {top:6px;}
.p-connaitre sup {position:relative;top:3px;}
.p-connaitre #content-right {width:595px;padding-right:40px;}
#content-right ul.cc li {font-size:16px;background:url(../img/fleche-blue.gif) no-repeat 0 11px;margin-left:0 !important;}

/* --------------------------------- NOS ATOUTS --------------------------------- */
.p-atouts #content-left {width:240px;padding-left:60px;text-align:right;}
.p-atouts #content-left h3 {color:#00B2EB;font-size:14px;margin-bottom:15px;}
.p-atouts #content-left h3 a {color:#00B2EB;}
.p-atouts #content-right {width:595px;padding-right:40px;}
.p-atouts #content-right ul.float {display:inline-block;width:465px;}
.p-atouts #content-right .focus {clear:both;background:url(../img/focus-prestas.png) no-repeat;width:533px;height:65px;padding:22px 15px 0 30px;margin-top:20px;color:#FFF;}
.p-atouts #content-right .focus a {color:#FFF;}
#content-right h2.engag {position:relative;left:80px;top:10px;}
#content-right h2.engag span {position:relative;left:-106px;top:0;}
#content-right p.engag {position:relative;top:10px;width:480px;}

/* --------------------------------- NOS AGENCES --------------------------------- */
.p-agences h3 {color:#00B2EB;font-size:18px;margin-bottom:15px;}
.p-agences #content-left {width:390px;padding-left:35px;}
.p-agences #content-right {width:465px;padding-right:45px;}
#i_reg {position:relative;top:30px;width:485px;height:470px;}

/* --------------------------------- NOS ACTUALITES --------------------------------- */
.p-actus #content-left {width:170px;padding-left:75px;}
.p-actus #content-right {width:610px;padding-right:85px;}
.p-actus h3 {color:#00B2EB;font-size:14px;margin-bottom:15px;}
.p-actus h3 span.date {color:#000;font-weight:normal;}
.p-actus p {font-size:11px;}
.p-actus .line {border-top:1px solid #CCC;margin:0 85px 15px 75px;}
.p-actus .tournepage {margin-right:85px;text-align:right;color:#00B2EB;font-size:12px;}
.p-actus .tournepage a {color:#00B2EB;font-size:12px;font-weight:bold;}

/* --------------------------------- NOS REFERENCES --------------------------------- */
.p-ref #content-left {width:240px;padding-left:60px;text-align:right;}
.p-ref #content-left h3 {color:#00B2EB;font-size:14px;margin-bottom:15px;}
.p-ref #content-right {width:555px;padding-right:40px;}
.p-ref ul.blue {float:left;margin-right:40px;}

/* --------------------------------- NOUS CONTACTER --------------------------------- */
.p-contact #content-left {width:280px;padding-left:100px;}
.p-contact #content-left h3 {color:#00B2EB;font-size:14px;margin-bottom:15px;}
.p-contact #content-right {width:405px;padding-right:140px;}
#contact {width:310px;height:489px;padding:35px 40px 0 55px;overflow:hidden;background:url(../img/bg-contact.png) no-repeat 0 0;}
#contact p {font-size:11px;font-weight:bold;}
#contact form * {font-size:12px;font-family:Arial, Helvetica, sans-serif;}
#contact form input, #contact form textarea {margin-bottom:10px;border:1px solid #CCC;padding:5px;}
#contact form .full {width:290px;}
#contact form .half {width:135px;margin-right:5px;}
#contact form .nostyle {height:auto;width:auto;border:none;padding:0;}
#contact form input {height:15px;}
#contact form textarea {height:90px;width:290px;}

/* --------------------------------- PAGES GÉNÉRALES --------------------------------- */
.p-gen #content-left {width:240px;padding-left:60px;text-align:right;}
.p-gen #content-left img {margin-bottom:10px;}
.p-gen #content-left ul {text-align:left;}
.p-gen #content-left h3 {color:#00B2EB;font-size:14px;margin-bottom:15px;}
.p-gen #content-right {width:555px;padding-right:40px;}

/* --------------------------------- SURCHARGE GAZOLE --------------------------------- */
#gazole {background:url(../img/bg-surcharge.jpg) no-repeat;width:223px;height:50px;}
#gazole p {float:left;margin-right:10px;color:#FFF;}
#gazole p.date {width:110px;line-height:50px;font-weight:bold;text-align:right;font-size:11px;}
#gazole p.number {width:90px;line-height:23px;padding-top:12px;text-align:center;font-size:20px;}

/* --------------------------------- ESPACE CLIENT --------------------------------- */
.p-client #content-left {width:280px;padding-left:100px;}
.p-client #content-left h3 {color:#00B2EB;font-size:14px;margin-bottom:15px;}
.p-client #content-right {width:405px;padding-right:140px;}
#suivi {width:287px;height:80px;padding:40px 10px 30px 60px;overflow:hidden;background:url(../img/bg-suivi.jpg) no-repeat 0 0;}
#suivi ul{margin-top:20px;}
#login p {font-size:11px;font-weight:bold;}