/*-------------------------------- CSS Document -----------------------------*/
body {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
background:#000;
}
/*-------------------------------- Général au site -----------------------------*/
*{
outline:none;
}
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl{
display:inline;
margin:0px;
padding:0px;
}
div {
margin:0px;
padding:0px;
}
a img{
border:none;
}
a{
text-decoration:none;
}
table{
border-collapse:collapse;
}
p{
font-size:12px;
color:#fff;
}
/*---------------------------------------------- Global -----------------------------------------*/
#global{
margin:0px auto;
width:960px;
background:#202020;
}

.gras{
font-weight:700;
}
/*---------------------------------------------- Entete -----------------------------------------*/
#global #entete{
position:relative;
float:left;
width:960px;
height:184px;
}
#global #entete h3{
position:absolute;
float:left;
width:960px;
height:184px;
}
/*---------------------------------------------- Entete Login -----------------------------------------*/
#global #entete #login{
position:absolute;
right:0px;
bottom:-12px;
width:210px;
height:100px;
}
#global #entete #login h1{
float:left;
width:170px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 15px;
font-size:12px;
font-weight:400;
color:#fff;
background:url(../images/puce-blanche.gif) no-repeat 0px 4px;
}
#global #entete #login p.msg_err{
position:absolute;
top:-90px;
right:10px;
width:200px;
font-size:11px;
font-weight:700;
color:#da3838;
text-align:right;
}
#global #entete #login input{
float:left;
width:115px;
margin:10px 0px 0px 10px;
padding:2px 0px 2px 5px;
font-size:11px;
color:#c2c2c2;
background:url(../images/boot-login.png);
border:1px solid #848484;
}
*html #global #entete #login input{
background-color:#fff;
background-color:transparent;
background-image:url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/boot-login.png", sizingMethod="scale");
}
#global #entete #login input.submit{
float:left;
width:60px;
margin:10px 0px 0px 10px;
padding:2px 0px;
font-size:11px;
border:0px solid #848484;
}
/*---------------------------------------------- Menu horizontal -----------------------------------------*/
#global #menu-h{
position:relative;
float:left;
width:960px;
height:25px;
background:url(../images/boot-menu-h.gif) repeat-y;
}
#global #menu-h div{
float:left;
width:200px;
height:25px;
padding:0px 0px 0px 10px;
}
#global #menu-h div p{
float:left;
padding:5px 0px 0px 5px;
}
#global #menu-h div p a{
float:left;
border:1px solid #fff;
}
#global #menu-h div p a img{
float:left;
}
#global #menu-h h1{
float:left;
width:110px;
margin:6px 0px 0px 0px;
padding:0px 0px 0px 20px;
font-size:11px;
border-left:1px solid #000;
}
#global #menu-h h1 a{
color:#fff;
}
/*---------------------------------------------- Les références -----------------------------------------*/
#global #menu-h #les_refs{
display:none;
position:absolute;
top:-48px;
left:210px;
width:130px;
height:50px;
padding:0px 0px 10px 0px;
}
#global #menu-h #les_refs h1{
float:left;
width:130px;
margin:0px;
padding:0px;
border:0px;
}
#global #menu-h #les_refs h1 a{
float:left;
width:120px;
margin:0px;
padding:5px 0px 5px 10px;
background:#646464;
}
#global #menu-h #les_refs h1 a:hover{
background:#28b9e9;
}
/*---------------------------------------------- Les agences -----------------------------------------*/
#global #menu-h #agences{
margin:6px 0px 0px 70px;
}
#global #menu-h #agences a{
float:left;
width:110px;
}
#global #menu-h #les_agences{
position:absolute;
display:inline;
width:210px;
height:200px;
bottom:25px;
left:543px;
padding:0px;
background:url(../images/boot-agences.png);
}
*html #global #menu-h #les_agences{
background-color:#fff;
background-color:transparent;
background-image:url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/boot-agences.png", sizingMethod="scale");
}
*html #global #menu-h #les_agences *{
position:relative;
}
#global #menu-h #les_agences h1{
position:absolute;
display:inline;
width:210px;
padding:0px;
font-size:10px;
font-weight:400;
border:none;
}
#global #menu-h #les_agences #a0{
display:none;
bottom:85px;
}
#global #menu-h #les_agences #a1{
display:none;
bottom:60px;
}
#global #menu-h #les_agences #a2{
display:none;
bottom:35px;
}
#global #menu-h #les_agences #a3{
display:none;
bottom:10px;
}
#global #menu-h #les_agences h1 a{
float:left;
width:190px;
color:#000;
margin:0px;
padding:0px 0px 0px 20px;
}
#global #menu-h #les_agences #a1 a{
color:#fff;
background:url(../images/puce-bleue.gif) no-repeat 5px 3px;
}
#global #menu-h #les_agences h1 a span{
position:absolute;
right:15px;
}
/*---------------------------------------------- Partie gauche -----------------------------------------*/
#global #gauche{
display:inline;
float:left;
width:200px;
margin:35px 0px 0px 10px;
background:url(../images/puce-bleue.gif) no-repeat 0px 4px;
}
/*---------------------------------------------- Menu vertical -----------------------------------------*/
#global #gauche #menu-v{
display:inline;
float:left;
width:189px;
margin:0px 0px 70px 10px;
padding:0px 0px 30px 0px;
border-bottom:15px solid #4b4b4b;
border-right:1px solid #4b4b4b;
}
#global #gauche #menu-v h1{
float:left;
width:179px;
height:20px;
padding:0px 0px 0px 10px;
font-size:14px;
font-weight:400;
color:#fff;
}
#global #gauche #menu-v h2{
float:left;
width:189px;
height:30px;
font-size:11px;
font-weight:400;
color:#fff;
border-bottom:1px solid #4b4b4b;
}
#global #gauche #menu-v h2 a{
float:left;
width:179px;
height:20px;
padding:10px 0px 0px 10px;
color:#fff;
}
#global #gauche #menu-v h2 a:hover{
background:#28b9e9;
}
/*---------------------------------------------- Logos -----------------------------------------*/
#global #gauche #logos{
display:inline;
float:left;
width:189px;
margin:0px 0px 20px 10px;
padding:80px 0px 0px 0px;
border-right:1px solid #4b4b4b;
}
#global #gauche #logos p{
float:left;
width:80px;
height:15px;
margin:0px 5px 5px 0px;
}
#global #gauche #logos p img{
float:left;
}
/*---------------------------------------------- Corps -----------------------------------------*/
#global #groupe{
float:left;
width:310px;
margin:35px 0px 0px 0px;
}
#global #groupe div{
float:left;
width:100%;
margin:0 0 20px 0;
}
#global #groupe p{
float:left;
width:290px;
margin:10px 0px 0px 15px;
}
#global #groupe p a{
float:left;
width:290px;
color:#fff;
}
#global #groupe p span{
color:#27b9e9;
}
#global #groupe p.plus{
margin:0px 0px 0 15px;
font-size:11px;
}
#global #groupe p.plus a{
text-decoration:underline;color:#27b9e9;
}
/*---------------------------------------------- Corps -----------------------------------------*/
#global #corps{
float:left;
width:530px;
margin:35px 0px 0px 0px;
}
#global #corps h1{
float:left;
width:480px;
margin:0px 0px 20px 30px;
font-size:14px;
font-weight:400;
color:#fff;
}
#global #corps h2{
float:left;
width:480px;
margin:0px 0px 20px 30px;
font-size:12px;
font-weight:400;
color:#28b9e9;
}
#global #corps h4{
float:right;
width:280px;
margin:20px 20px 20px 0px;
font-size:12px;
font-weight:400;
color:#28b9e9;
}
#global #corps p{
float:left;
width:480px;
margin:0px 0px 20px 30px;
font-size:12px;
color:#fff;
line-height:18px;
}
#global #corps p.blue{
color:#28b9e9;
}
#global #corps p a{
color:#fff;
}
#global #corps p a.lien{
color:#28b9e9;
text-decoration:underline;
}
#global #corps p.msg_err{
color:#da3838;
}
#global #corps #ref{
float:left;
width:480px;
margin:20px 0px 0px 30px;
border:1px solid #fff;
}
#global #corps div.ligne{
display:inline;
float:left;
width:250px;
height:1px;
line-height:1px;
margin:20px 0px 40px 30px;
font-size:1px;
border-top:1px solid #4b4b4b;
}
/*---------------------------------------------- Formulaires -----------------------------------------*/
#global #corps #formulaire{
display:inline;
float:left;
width:480px;
margin:0px 0px 0px 30px;
}
#global #corps #formulaire div{
float:left;
width:480px;
margin:0px 0px 10px 0px;
}
#global #corps #formulaire div p{
float:left;
width:100px;
margin:3px 0px 0px 0px;
}
#global #corps #formulaire div input{
float:left;
width:350px;
}
#global #corps #formulaire div input.submit{
width:100px;
color:#27b9e9;
border:1px solid #27b9e9;
background:#fff;
}
#global #corps #formulaire div textarea{
float:left;
width:350px;
height:200px;
}
/*---------------------------------------------- Réalisations -----------------------------------------*/
#global #realisations{
position:relative;
float:left;
width:209px;
height:590px;
margin:35px 0px 0px 10px;
border-left:1px solid #4b4b4b;
}
#global #realisations h1{
float:left;
width:174px;
padding:0px 0px 10px 35px;
font-size:14px;
font-weight:400;
color:#fff;
background:url(../images/puce-bleue.gif) no-repeat 20px 4px;
}
#global #realisations div{
float:left;
width:209px;
margin:20px 0px 30px 0px;
position:relative;
}
#global #realisations div h2{
float:left;
width:189px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 20px;
font-size:12px;
font-weight:400;
}
#global #realisations div h2 a{
color:#28b9e9;
}
#global #realisations div h6.voir{
position:absolute;
bottom:-20px;
right:37px;
width:143px;
font-size:10px;
text-align:right;
height:20px;
line-height:20px;
padding:0 5px;
color:#fff;
background:#4a4a4a;
}
#global #realisations div p{
float:left;
width:150px;
margin:0px 0px 0px 20px;
border:1px solid #fff;
}
#global #realisations div p img{
float:left;
width:150px;
height:112px;
}
/*---------------------------------------------- Book -----------------------------------------*/
#global #realisations #ext, #global #realisations #ext2{
position:relative;
height:590px;
width:209px;
margin:0px;
overflow:hidden;
}
#global #realisations #ext #book, #global #realisations #ext2 #book2{
position:absolute;
top:0px;
width:172px;
margin:0px;
}
#global #realisations #ext #book div, #global #realisations #ext2 #book2 div{
float:left;
width:172px;
margin:20px 0px 30px 0px;
}
#global #realisations #ext #book div h2, #global #realisations #ext2 #book2 div h2{
float:left;
width:152px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 20px;
font-size:12px;
font-weight:400;
}
#global #realisations #ext #book div h2 a, #global #realisations #ext2 #book2 div h2 a{
color:#28b9e9;
}
#global #realisations #ext #book div p, #global #realisations #ext2 #book2 div p{
float:left;
width:150px;
margin:0px 0px 0px 20px;
border:2px solid #fff;
}
#global #realisations #ext #book div p img, #global #realisations #ext2 #book2 div p img{
float:left;
width:150px;
height:112px;
}
#global #realisations #ext h5, #global #realisations #ext2 h5{
position:absolute;
bottom:0px;
left:20px;
height:1px;
line-height:1px;
font-size:1px;
overflow:hidden;
width:150px;
background:#4a4a4a;
}
#global #realisations .apercu{
display:none;
position:absolute;
top:0px;
left:-167px;
width:150px;
height:112px;
border:8px solid #1f1f1f;
border-width:0px 0px 8px 8px;
}
#global #corps #titre_book{
margin:20px 0px 10px 30px;
}
/*---------------------------------------------- Scroll Book -----------------------------------------*/
#global #realisations #scroll{
position:absolute;
top:0px;
right:5px;
width:22px;
height:184px;
}
#global #realisations #scroll img{
position:absolute;
right:0px;
width:22px;
height:22px;
cursor:pointer;
}
#global #realisations #scroll img.haut{
top:21px;
}
#global #realisations #scroll img.bas{
bottom:21px;
}
#global #realisations #scroll img.s{
bottom:0px;
}
/*---------------------------------------------- Pied -----------------------------------------*/
#global #pied{
width:960px;
height:85px;
background:url(../images/boot-pied.gif) repeat-x;
clear:both;
}
#global #pied h1{
float:left;
margin:3px 0px 0px 20px;
font-size:11px;
font-weight:400;
}
#global #pied h1 a{
color:#fff;
}

/*---------------------------------------------- Pied -----------------------------------------*/
#global #pied2{
clear:both;
padding:10px;
}

#global #pied2 h1{
font-size:10px;
color:#ddd;
}
#global #pied2 h1 a{
font-size:10px;
color:#ddd;
}
/*--------- Lightbox -----------*/
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
max-width:800px;
}
#lightboxDetails{
font-size: 0.9em;
color: #555;
padding-top: 0.5em;
}
#closeButton{ top: 5px; right: 5px; }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{
border: none;
max-width:800px;
}
#overlay img{ border: none; }
#overlay{ background-image: url(../images/overlay.png); }
* html #overlay{ /*Hack IE */
background-color: #000;
background-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}