/********************************************************/
/********************************************************/
/***
/*** NAME: screen.css
/*** PATH: /lib/css/screen.css
/***
/********************************************************/
/********************************************************/

body, div, h1, h2, h3, h4, dl, dt, dd, img, form, fieldset, blockquote {margin:0; padding:0; border:0}
body {background:#e3e3df; text-align:center}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {font-family: arial, helvetica, sans-serif; font-size:12px; color:#626262; line-height:18px}
h1, h2, h3, h4, p.tagline, legend {font-family: Helvetica, Arial, serif}
h1, h2, h3, h4 {margin:0 0 15px 0}
a img, :link img, :visited img {border:none}
a:link, a:visited {}
a:hover, a:active {color: #000; text-decoration: underline}
h1 span, h2 span, h3 span {display: none}
li {list-style: none}
div.clear {clear:both; overflow:hidden; height:1px}
.left {float:left}
.right {float:right}
.null {margin:0; padding:0}

/* COLOR */

.grey1 {background:#394244}
.green {background:#b7fe3e}
.default {background:white!important}
.bg-crea {background:white url(../images/bg.realisations.jpg) repeat-x 0 0}

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */

#top, #main, #content, #bottom, #extra, #footer, #about, #allsite, #data, #footernav {width:780px; margin:0 auto; text-align:left}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top-wrapper {background:#333b3d url(../images/bg.header.jpg) 0 0 repeat-x; height:146px; overflow:hidden}
#top {height:146px}
#top h1 {width:207px; height:146px; background:url(../images/nextstep.jpg) 0 0 no-repeat; float:left}
#top h1 a {display:block; text-indent:-5000px; overflow:hidden; position:relative; top:0;	left:0; width:207px;	height:146px; text-decoration:none}
#top h1 a:hover {background:none; text-decoration:none}
#top ul {list-style:none; float:left; display:inline; width:auto; margin:83px 0 0 190px}
#top ul li {display:inline; color:white; float:left}
#top ul li a {display:block; height:31px; margin:0; padding:0}
#top ul li a span {display:none}
#top ul li#item1 a {width:66px; background:transparent url(../images/bt.societe.gif) 0 0 no-repeat}
#top ul li#item2 a {width:63px; background:transparent url(../images/bt.services.gif) 0 0 no-repeat}
#top ul li#item3 a {width:80px; background:transparent url(../images/bt.references.gif) 0 0 no-repeat}
#top ul li#item4 a {width:83px; background:transparent url(../images/bt.formations.gif) 0 0 no-repeat}
#top ul li#item5 a {width:52px; background:transparent url(../images/bt.contact.gif) 0 0 no-repeat}
#top ul li#item1 a:hover, #top ul li#item1 a.active {width:66px; background:transparent url(../images/bt.societe.gif) -66px 0 no-repeat}
#top ul li#item2 a:hover, #top ul li#item2 a.active {width:63px; background:transparent url(../images/bt.services.gif) -63px 0 no-repeat}
#top ul li#item3 a:hover, #top ul li#item3 a.active {width:80px; background:transparent url(../images/bt.references.gif) -80px 0 no-repeat}
#top ul li#item4 a:hover, #top ul li#item4 a.active {width:83px; background:transparent url(../images/bt.formations.gif) -83px 0 no-repeat}
#top ul li#item5 a:hover, #top ul li#item5 a.active {width:52px; background:transparent url(../images/bt.contact.gif) -52px 0 no-repeat}


/* ----------------------------------- */
/* CONTENT
/* ----------------------------------- */

#content-wrapper {background:#394244}
#content {padding:25px 0 0 0}
#content #featured-content p {width:400px; color:#fff; float:left; margin:0; padding:0 0 0 10px}
#content #featured-content h2 {font-size:20px; font-weight:400; letter-spacing:-0.05em; line-height:22px; margin:0; padding:0; color:#fff; text-align:right}
#content #featured-content #accroche {width:auto; float:right; padding:0 80px 35px 0}
#column1 ul li {background:url(../images/px.arrow.gif) no-repeat 0 7px; padding:0 0 0 15px}
/* ----------------------------------- */
/* About
/* ----------------------------------- */

#about-wrapper {padding:15px 0 0 0}
#about-content {margin:0; padding:0}
#about h3 {padding:15px 0 0 10px; width:170px; height:22px; background:url(../images/title-realisations.gif) 10px 15px no-repeat; float:left}
#about h3 span {display:block; text-indent:-5000px; overflow:hidden; position:relative; top:0;	left:0; width:170px;	height:22px; text-decoration:none}
/* ----------------------------------- */
/* EXTRA
/* ----------------------------------- */
#extra-wrapper {background:#4d5657; padding:15px 0 15px 15px}
#extra {padding:0; color:white}

/* ----------------------------------- */
/* ALLSITE
/* ----------------------------------- */
#allsite-wrapper {background:#f0f0ee; padding:0}
#allsite {text-align:left; padding:0}
#allsite img {margin:0 0 0 15px}
#allsite .sitemap {width:auto; min-width:150px; float:left; padding:15px 0; height:145px}
#allsite .sitemap h4, #allsite .sitemap ul {padding:0 0 0 20px; font-size:.9em}
#allsite .sitemap ul li {font-size:1em; padding:0; margin:0}
#allsite .sitemap ul li a:link, #allsite .sitemap ul li a:visited {color:#333B3D; text-decoration:none}
#allsite .sitemap ul li a:hover {color:#B7FE3E; text-decoration:none}
.bgallsite {background:url(../images/bg.allsite.jpg) repeat-y 0 0;}

/* ----------------------------------- */
/* FOOOTERNAV
/* ----------------------------------- */
#footernav-wrapper {background:#fff; padding:15px 0 0 0}
#footernav {padding:0; text-align: right}
#footernav img {margin:0 55px 0 0}

/* ----------------------------------- */
/* DATA
/* ----------------------------------- */
#data-wrapper {padding:15px 0; background:white url(../images/bg.realisations.jpg) repeat-x 0 -20px}
#data {padding:0 0 0 15px;}
#data a:link {color:#333B3D; text-decoration:underline}
#data a:hover {color:#B7FE3E; text-decoration:none}
#data a:visited {text-decoration:none; color:#333B3D}
#data #column2 ul {margin:0; padding:0}
#data #column2 ul li {background:url(../images/px.arrow.gif) no-repeat 0 7px; padding:0 0 0 15px}
#data #column2 ul li a:link, #data #column2 ul li a:visited {color:#333B3D}
#data #column2 ul li a:hover  {color:#B7FE3E; text-decoration:none}



/* ----------------------------------- */
/* BOTTOM
/* ----------------------------------- */
#bottom-wrapper {padding:0 0 25px 0; margin:0}
#home .bottom-section {float:left; width:220px; margin-right:33px; margin-bottom:25px}
#home .bottom-section h1 {text-indent:-100em; overflow:hidden; height:49px}
#bottom p, #bottom li {font-size:12px;}
#bottom {padding:0 0 0 20px; background:url(../images/bg.home-overview.gif) repeat-y 26px 0}
#bottom h1 {font-size:20px}
#bottom h2 {font-size:16px; color:#FFF; border-top:1px solid #B0AB87; border-bottom:1px solid #B0AB87; text-align:center}
.bottom-section {width:350px; margin-right:30px; float:left}

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer-wrapper {padding:20px 0 0px 0; background:url(../images/bg.bottom.gif) repeat-x 0 0; margin:0}
#footer {}
#blog {width:250px; float:left}
#footer-menu {width:auto; float:right; text-align:right; margin:20px 80px 0 0; color:#4d5657; font-size:.85em}
#footer-menu a, #footer-menu a:link {color:#4d5657; text-decoration:underline}
#footer-menu a:visited {color:#4d5657}
#footer-menu a:hover {color:#B0AB87; text-decoration:none}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}



/* HOMEPAGE */

div#overview1, div#overview2, div#overview3 {width:232px; height:auto; float:left; margin:0; padding:0}
div#overview1 h4 {margin:130px 0 10px 10px}
div#overview1 p {width:162px; margin:0 0 20px 10px; padding:0}
div#overview1 img {padding:0 0 0 75px}
div#overview2 h4 {margin:130px 0 10px 35px}
div#overview2 p {width:162px; margin:0 0 20px 35px; padding:0}
div#overview2 img {padding:0 0 0 100px}
div#overview3 h4 {margin:130px 0 10px 60px}
div#overview3 p {width:162px; margin:0 0 20px 60px; padding:0}
div#overview3 img {padding:0 0 0 135px} 
.bg-at {background:url(../images/home.at-thumb.jpg) no-repeat 0 0} /* Attraction et tourisme background */
.bg-atr {background:url(../images/home.atr-thumb.jpg) no-repeat 27px 0} /* Attractions touristiques background */
.bg-pc {background:url(../images/home.pc-thumb.jpg) no-repeat 57px 0} /* Pure Capital background */


/* CONTACT */

#ContactForm { width: 350px;}
#ContactForm input, #ContactForm select{float:right; width: 250px}
#ContactForm textarea {float:right; width:250px; height:100px}
#ContactForm label {float:left}
#ContactForm div {clear:both; padding:6px 0}
#ContactForm #CHKNewsletter {float:left; width:auto}
#ContactForm #bt-envoyer {width:76px; height:39px}