@charset "utf-8";
/* CSS Document */
html {background:#000;}
* {margin:0; padding:0;}
img {border:none;}
.clear{clear:both; font-size:0px; line-height:0px;}
body {background-color:#000000; text-align:center; color:#fff; margin-top:35px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#tooltip {
position: absolute;
z-index: 3000;
background: #7dd23c;
color: #000000;
padding: 5px;
opacity: 1;
}
#page {width:990px; text-align:left; margin-left:auto; margin-right:auto;}
#header { height:86px; width:990px;}
.hp {background:url(../images/bg_header.gif) no-repeat;}
#header #logo { float:left;}
#header #logo a {color:#000;}
#header #navigation {float:left; margin:27px 0 0 156px;}
#header #navigation ul {list-style:none;}
#header #navigation ul li {margin-right:6px; float:left;}
#header #navigation ul li a {color:#000000;}
#footer {padding-top:15px;}
#footer .copyright {float:left; padding-left:5px; color:#808080; font-size:10px;}
#footer .transverse {float:right;}
#footer ul {list-style:none;color:#808080;}
#footer ul li {padding:0 5px; float:left; font-size:10px;}
#footer ul li.facebook span {position:relative; top:-6px;}
#footer ul li.facebook img {position:relative; top:-2px;}
#footer ul li a {color:#808080; text-decoration:none;}
#footer ul li a:hover {color:#ffffff;}
/******************* Accueil *******************/
#content_hp {background:url(../images/bg_content_hp.jpg) no-repeat; height:492px;}
#content_hp #pushs #push1 {float:left; padding-top:64px; padding-left:12px; width:280px;}
#content_hp #pushs #push1 h1 { font-size:14px; font-weight:bold; padding-bottom:17px;}
#content_hp #pushs #push1 h1 .gros { font-size:18px;}
#content_hp #pushs #push1 h1 .vert { color:#7dd23c;}
#content_hp #pushs #push1 p {color:#dadada; line-height:16px;}
#content_hp #pushs #push2 {margin:20px 0 0 30px; float:left; width:312px;background:#0f0f10 url(../images/fd_push2_hp.gif) no-repeat;padding-bottom:5px;}
#content_hp #pushs #push2 .titre { padding-left:14px; padding-top:9px;}
#content_hp #pushs #push2 .titre h2 {font-size:14px; float:left;}
#content_hp #pushs #push2 .titre .date { font-size:10px; color:#7dd23c; float:right; padding-right:18px; padding-top:4px;}
#content_hp #pushs #push2 .img {padding:9px 0 0 16px;}
#content_hp #pushs #push2 .img img {border:solid 2px #fff;}
#content_hp #pushs #push2 h3 {font-size:12px; font-weight:bold; padding:12px 0 5px 14px;}
#content_hp #pushs #push2 p {padding:0 14px;line-height:16px; color:#dadada;}
#content_hp #pushs #push2 p a {color:#dadada; text-decoration:underline;}
#content_hp #pushs #push2 .texte {margin-bottom:7px;}
#content_hp #pushs #push3 {background:url(../images/fd_push3_hp.gif) no-repeat 14px 0; float:left; width:340px; padding-left:14px;}
#content_hp #pushs #push3 h2 {padding:47px 0 13px 75px; font-size:14px;}
#content_hp #pushs #push3 #gallery { background:url(../images/fd_gallery_hp.jpg) no-repeat 67px 13px; width:260px;}
*> #content_hp #pushs #push3 #gallery {width:320px;}
#content_hp #pushs #push3 #gallery{} .img { padding:24px 0 15px 78px;}
#content_hp #pushs #push3 .stt {padding:185px 0 0 40px;}
#content_hp #pushs #push3 .stt p {background-color:#000000;line-height:26px; height:26px;}
#content_hp #pushs #push3 p.tt-last { left:50px; font-size:14px; font-weight:bold; position:relative; top:-22px;}
#content_hp #pushs #push3 p span {color:#7dd23c; font-size:11px; padding-left:7px;}
#content_hp #pushs #push3 .txt-last {color:#fff; padding:0 10px 0 50px; position:relative; top:-10px;line-height:16px;}
#content_hp #pushs #push3 .txt-last p {color:#dadada;}
#content_hp #pushs #push3 .links {color:#fff; padding-left:50px; float:left;}
#content_hp #pushs #push3 .links a {color:#fff; text-decoration:none;}
#content_hp #pushs #push3 .links a:hover { text-decoration:underline;}
#content_hp #pushs #push3 .savoir_plus {float:right; font-size:10px; padding:15px 35px 0 12px; background:url('../images/plus.gif') no-repeat 0 19px; font-family:Arial, Helvetica, sans-serif;}
#content_hp #pushs #push3 .savoir_plus a {color:#fff; text-decoration:none;}
#content_hp #pushs #push3 .savoir_plus a:hover { text-decoration:underline;}
/**************** Agence ******************/
#content_ag {background:url(../images/bg_content_ag.jpg) no-repeat; height:492px; padding-left:13px;}
#content_ag h1 {color:#7dd23c; font-size:16px; padding:65px 0 15px 0;}
#content_ag .col { float:left; width:250px; padding-right:18px; color:#dadada;}
#content_ag .col p { padding-bottom:16px; line-height:16px;}
/**************** Mentions légales et plan du site ******************/
#content_ml {background:url(../images/bg_content_ml.jpg) no-repeat; height:492px; padding-left:13px;}
#content_ml h1 {color:#7dd23c; font-size:16px; padding:65px 0 15px 0;}
#content_ml .col { float:left; width:250px; padding-right:18px; color:#dadada;}
#content_ml .col p { padding-bottom:16px; line-height:16px;}
#content_ml .col p img {position:relative; top:2px;}
#content_ml .col-pl { float:left; padding-right:18px; color:#dadada;}
#content_ml .col-pl h2 {padding-bottom:10px; color:#dadada; font-weight:bold; font-size:11px; background:url(../images/puce.gif) no-repeat 0 4px; padding-left:11px;}
#content_ml .col-pl h2 a {color:#dadada; text-decoration:none;}
#content_ml .col-pl ul {padding-bottom:15px; padding-left:13px; list-style:none;}
#content_ml .col-pl ul li { padding-bottom:3px;}
#content_ml .col-pl ul li h3 {font-size:11px; font-weight:normal;}
#content_ml .col-pl ul li h3 a {color:#dadada; text-decoration:none;}
/*************** Compétences **************/
#content_cp {background:url(../images/bg_content_cp.jpg) no-repeat; height:452px; padding-left:13px; padding-top:40px;}
#content_cp #txt_cp {padding:25px 46px 0 0; width:260px; float:left;}
#content_cp #txt_cp h1 {color:#7dd23c; font-size:16px; padding:0 0 15px 0;}
#content_cp #txt_cp p {padding-bottom:18px; color:#dadada;line-height:16px;}
#content_cp #comp {float:left;}
#content_cp #comp #tabs {width:455px;}
#content_cp #comp #tabs ul {list-style:none;}
#content_cp #comp #tabs ul li {float:left;}
#content_cp #comp #tabs ul li a {color:#000;}
#content_cp #comp #tabs #bloc-comp {width:440px; height:240px;}
#content_cp #comp #tabs #bloc-comp h2 { font:bold 14px Arial, Helvetica, sans-serif; color:#7dd23c; background-color:#0e0e0e; height:28px; line-height:28px; padding-left:15px; margin-bottom:15px; width:435px;}
#content_cp #comp #tabs #bloc-comp .scroll { margin:0 13px 0 15px; height:169px; width:440px;}
#content_cp #comp #tabs #bloc-comp .scroll p {padding:0 25px 15px 0;line-height:16px; color:#dadada;}
#content_cp #comp #tabs #bloc-comp .scroll ul {list-style:none;}
#content_cp #comp #tabs #bloc-comp .scroll ul li {background:url(../images/puce.gif) no-repeat 0 4px; padding-left:11px; padding-bottom:5px; width:390px; font-weight:normal;}
/*********** Contact ***************/
#content_ct {background:url(../images/bg_content_ct.jpg) no-repeat; height:422px; padding-left:50px; padding-top:70px;}
#content_ct #col1 {width:376px;float:left; background-color:#000000; padding-left:15px;}
#content_ct #col1 h1 {color:#7dd23c; font-size:16px; padding-bottom:10px;}
#content_ct #col1 #entete {height:45px; overflow:hidden;}
#content_ct #col1 #entete p.gris {color:#dadada; }
#content_ct #col1 #entete p.error {color:#be0000;}
#content_ct #col1 .info1 {width:176px; padding-right:10px; float:left;}
#content_ct #col1 label {color:#fff; font-weight:bold;}
#content_ct #col1 .info2 {width:176px; float:left;}
#content_ct #col1 ul.error_list li { list-style-type: none; color:#be0000; background-color:#000000;}
#content_ct #col1 input {width:168px; border:solid 1px #3b3b3b; background-color:#000000; margin-bottom:10px; margin-top:5px; color:#dadada; padding:3px;}
#content_ct #col1 textarea {width:360px; height:150px; overflow:auto;border:solid 1px #3b3b3b; background-color:#000000;margin-top:5px;color:#dadada;}
#content_ct #col1 textarea.err {border:solid 1px #be0000; color:#be0000;}
#content_ct #col1 input.submit {float:right;margin-right:13px; padding:0; width:97px; border:none; height:21px;}
#content_ct #col1 .pied { padding:17px 0 10px 0;}
#content_ct #col1 .oblig {float:left; font-size:10px; line-height:23px; }
#content_ct #col2 {float:left; width:265px; margin-left:15px;}
#content_ct #col2 h2 { font-weight:bold; font-size:18px;}
#content_ct #col2 h2 span {color:#7dd23c; font-weight:bold; font-size:14px;}
#content_ct #col2 p {padding-top:13px; font-weight:bold;}
#content_ct #col2 p span {color:#dadada; font-weight:normal;}
/********* Réféfences *************/
#content_ref {background:url(../images/bg_content_ref.gif) no-repeat;height:442px; padding:50px 0 0 26px;}
#content_ref #titre_ref {height:61px; padding-left:62px;}
#content_ref #titre_ref #flg {float:left; width:29px; text-align:right; padding-top:11px;}
#content_ref #titre_ref #flg a {color:#000;}
#content_ref #titre_ref #flr {float:left; width:31px; padding-top:11px;}
#content_ref #titre_ref #flr a {color:#000;}
#content_ref #titre_ref #content_tt_ref {float:left; width:306px; text-align:center;}
#content_ref #titre_ref #content_tt_ref #titre {font-size:18px; font-weight: bold; text-align:center;}
#content_ref #titre_ref #content_tt_ref #description {font-size:12px; font-weight: bold; text-align:center; color:#7DD23C}
#content_ref #vignette {padding:50px 10px 0 0; float:left;}
#content_ref #vignette .btn-ref {text-align:center; padding:10px 0; clear:both;}
#content_ref #vignette .btn-ref a {outline:none;}
#content_ref #ref-droite {float:left;}
#content_ref #vignette .col { width: 196px }
#content_ref #vignette .col ul {list-style:none;}
#content_ref #vignette .col ul li {height:51px;}
#content_ref #vignette .col ul li div {padding:0 7px 7px 0; float:left; height:44px;}
#content_ref #vignette .col ul li div img {opacity:0.7;filter:alpha(opacity=70)}
#content_ref #vignette .col ul li a {color:#000;}
#content_ref #gallery #comp {position:relative; top:-18px; display:block;}
*> #content_ref #gallery #comp {top:-18px;}
#content_ref #gallery #comp ul {list-style:none; padding-left:12px; position:absolute; top:1px;}
#content_ref #gallery #comp ul li {float:left; padding-right:10px;}
#content_ref #gallery #comp ul li a {color:#242325;}
#content_ref #desc {float:left; margin-left:27px; margin-top:35px;}
#content_ref #desc p.site { padding-bottom:15px;}
#content_ref #desc p.site a {font-weight:bold; text-decoration:none; color:#fff;}
#content_ref #desc p.site a:hover {text-decoration:underline;}
#content_ref #desc p.info_supp {color:#dadada;}
#content_ref #desc p.info_supp span {color:#fff; font-weight:bold;}
#content_ref #desc p.info {color:#dadada; padding-top:14px;}
#content_ref #desc .scroll { height:251px; width:236px;}
#content_ref #desc .scroll p {line-height:16px; color:#dadada;}
/*--- slider -----*/
/*preload classes*/
#gallery {width:467px; display:block;float:left;}
.svw {width: 467px; height: 297px; display:none;}
.svw ul {position: relative; left: -999em;}
.ldrgif {position:relative; top:135px; left:210px;}
#content_hp .ldrgif {display:none;}
/*core classes*/
.stripViewer { position: relative; overflow: hidden; margin: 0 0 1px 0;}
.stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
.stripViewer ul li { float:left;}
.stripTransmitter { overflow: auto; width: 1%; padding-top:23px;}
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; float:right; margin-right:8px;}
.stripTransmitter ul li{ width: 14px; float:left; margin: 0 1px 1px 0; padding-left:4px;}
.stripTransmitter a{ font: normal 9px Verdana, Arial; text-align: center; line-height: 14px; background: #000000; color: #fff; text-decoration: none; display: block; }
.stripTransmitter a:hover, a.current{ background: #7dd23c; color: #000000; }
/*********** 404 *************/
.tt404 {float: left; text-align: center; padding: 23px 0 0 0; width: 873px;}
.tt404 .stt {padding: 25px 0 0 0; font-weight: bold; color:#dadada;}
#page-error {height: 400px; background:url(../images/bg_content_error.jpg) no-repeat;padding:68px 0 0 13px;}
#page-error .txt-error { width:300px;}
#page-error .txt-error p {padding-bottom: 10px;}
#page-error .txt-error a { color:#ffffff;}
/*#page-error {display:block; width:720px; text-align:center; float:left;}
#page-error div {padding-top:28px;}
#page-error .stt-error {color:#dadada; font-weight:bold;}
#content_error {background:url(../images/bg_content_error.jpg) no-repeat; height:400px;padding:68px 0 0 13px;}
#content_error p{ width:300px; padding-bottom:15px; color:#dadada;}
#content_error p a {text-decoration:underline; color:#dadada;}*/