* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

html{
background:#fff url(img/body_fond.jpg) repeat center 10px;}

body {
background:url(img/global_fond.jpg) repeat-x top;
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

/***** Flash & Déco *****/

div#menu_flash {
/*background:url(img/menu_flash.png) no-repeat;    */
width:232px;
height:347px;}

/***** Stylage contenu *****/

.invis {
position:absolute;
top:-9999px; }

/* Titres */

h1 {
width:341px;
height:115px; 
background:url(img/logo.jpg) no-repeat;
position:absolute;
top:18px;
left:0px;}

h1 a {
text-indent:-9999px;
display:block;
width:341px;
height:115px; 
position:absolute;
top:18;
left:0;}

div#titre{
position:absolute;
top:-70px;
right:78px;
width:494px;
height:48px;
margin:0 auto;}

.accueil{
background:url(img/h2_accueil.png) no-repeat;}  

.chantiers{
background:url(img/h2_chantier.png) no-repeat;}  

.entreprise{
background:url(img/h2_entreprise.png) no-repeat;}  

.contact{
background:url(img/h2_contact.png) no-repeat;}  

.plan{
background:url(img/h2_plan.png) no-repeat;}  

 

div#diapo_header{
position:absolute;
top:147px;
left:0;
width:950px;
height:224px;
background:url(img/header_fond.jpg) no-repeat top;}

div#baseline{
position:absolute;
top:20px;
right:113px;
width:416px;
height:23px;
background:url(img/baseline.png) no-repeat;}

div#deco_header{
position:absolute;
top:376px;
right:8px;
width:67px;
height:71px;
background:url(img/deco_titre.png) no-repeat;}

/* Coordonnees */

div#coordonnees dl{
width:618px;
height:18px; 
position:absolute;
top:96px;
left:337px;
color:#66C1E5;}

div#coordonnees dl dt{
letter-spacing:1px;
display:inline;
font-size:82%;
font-weight:bold;}

div#coordonnees dl dd{
line-height:1.8;
letter-spacing:1px;
display:inline;
font-size:82%;
font-weight:bold;}

/* Actualité */
 
div#news{
font-size:75%;
width:194px;/* 224 */
height:204px; /* 349 */
padding:25px 15px 20px;
text-align:center;
color:#fff;
background:url(img/actualite_fond.png) no-repeat;}
               
div#news dl dd.image img{
border:1px solid #FF9900;
float:left;
margin-right:10px;
width:167px;
height:100px;}

div#news dl dd.liens{
margin:0 auto;
width:121px;}

div#news h5{
letter-spacing:1px;
font-size:140%;
padding-bottom:10px;
color:#fff;}

div#news dl dt{
padding-bottom:7px;
overflow:hidden;
color:#275FAB;
letter-spacing:1px;
font-size:115%;
color:#fff;}

div#news dl dd.description {
text-align:center;
padding-bottom:10px;
line-height:1.1;}
 
div#news a{
text-decoration:none; 
display:block;
font-size:90%;
letter-spacing:1px;
line-height:1.6;
text-align:right;
color:#fff;}

div#news a:hover{
color:#FFCC00;}
 
span#plus a{     
width:121px;
height:18px; 
background:url(img/puce_plus.png) no-repeat left center;}

span#newsletter a{
width:98px;
height:18px;      
background:url(img/puce_ok.png) no-repeat left center;}

/* Stylage contenu texte */ 

div#texte {
z-index:50;
position:relative;
background:url(img/presentation_texte_fond.png) repeat;
float:left;
padding:10px 15px;
text-align:left;
border:1px solid #A8C4D8;
overflow:hidden;
width:290px; /* 332 */
color:#666;
font-size:75%;}
               
div#texte p{
padding-bottom:5px;}

div#presentation_texte div#liste{

margin-top:20px;
width:226px;
height:150px;
float:left;}


div#presentation_texte table, div#presentation_texte p{
font-size:12px;
}


.bouton {
border : 2px solid #66C1E5;
background: #fff;
color: #66C1E5;
width:100px;
font-weight:bold;
}

/* Liste présentation */

div#presentation_texte div#liste ul li {
font-weight:bold;
line-height:1.8;
background:url(img/puce2.jpg) no-repeat left center;
padding-left:20px;}

div#presentation_texte div#liste ul li a {
text-decoration:none;
color:#999;}

div#presentation_texte div#liste ul li a:hover {
text-decoration:underline;}


/* Sous titre */

div#ss_titre{
padding-top:30px;
clear:left;}

div#ss_titre h3{
width:730px;
height:20px;
line-height:1;
letter-spacing:1px;
font-weight:bold;
margin-bottom:10px;
color:#666666;}

div#ss_titre span {
float:left;
margin-right:10px;
display:block;
width:17px;
height:17px;
background:url(img/puce.jpg) no-repeat left center;}
        
 
  
/* Diaporama */

div#conteneur_diaporama{
z-index:20;
position:relative;
position:relative;
width:377px;
height:323px; 
background:url(img/diaporama_fond.png) no-repeat;
position:absolute;
top:-3px;
right:0px;}

div#diapo{
position:absolute;
width:316px;
height:237px; 
position:absolute;
top:15px;
right:14px;}

div#diapo img{
width:316px;
height:237px;}
 
/* Footer */
 
div#footer ul{
font-size:85%;
text-align:center;
overflow:hidden;}

div#footer ul li{
height:10px;
display:inline;}

div#footer ul li a{
text-decoration:none;
font-size:85%;
margin-right:10px;
color:#ccc;}

div#footer ul li a:hover{
text-decoration:underline;}

p#imnalys a{
float:right;
padding-right:240px;
text-indent:-999999px;
display:block;
background: url(img/imnalys.jpg) no-repeat center;
width:171px;
height:53px;} 

/***** Layout *****/

div#global{
overflow:hidden;
width:100%;}

div#entete{
position:relative;
width:100%;
height:457px;}

div#header{
position:relative;
margin:0 auto;
width:950px;
height:370px;}

div#conteneur_centre{
overflow:visible;
min-height:580px;
position:relative;
margin:0 auto;
width:950px;
background:url(img/conteneur_centre_fond.jpg) no-repeat top;}  

div#colonne_gauche{
overflow:hidden;
position:absolute;
top:-58px;
left:20px;
width:232px;
height:600px;}

div#menu {
background:url(img/menu_fond.png) no-repeat center top;
width:232px;
height:347px;}

div#contenu{
overflow:hidden;
min-height:500px;
position:relative;
margin-left:277px;;
width:672px;} 

div#footer{
margin:0 auto;
width:513px;
overflow:visible;
padding-bottom:20px;}



ul#galerie{
text-align:center;
width:268px; 
padding-left:20px;
overflow:hidden; }

ul#galerie li {
text-align:center;
line-height:1;
float:left;
width:100px;
height:130px;
margin-right:30px;}

ul#galerie li img {
padding:3px;
border:1px solid #ccc;
width:100px;
height:75px;
margin-top:5px;
margin-bottom:3px; }

ul#galerie li img:hover {
background:#ccc; }

ul#galerie li span {
display:block;
overflow:hidden;
text-align:center;
width:100px;
height:35px; }

ul#galerie li span a {
text-decoration:none;
color:#333; 
font-weight:bold;
line-height:1.4;}

ul#cat_photos{
text-align:center;
width:268px; 
padding-left:20px;
overflow:hidden; }

ul#cat_photos li {
text-align:center;
line-height:1;
float:left;
width:100px;
height:130px;
margin-right:30px;}

ul#cat_photos li img {
padding:3px;
border:1px solid #ccc;
width:100px;
height:75px;
margin-top:5px;
margin-bottom:3px; }

ul#cat_photos li img:hover {
background:#ccc; }

ul#cat_photos li span {
display:block;
overflow:hidden;
text-align:center;
width:100px;
height:35px; }

ul#cat_photos li span a {
text-decoration:none;
color:#333; 
font-weight:bold;
line-height:1.4;}

form#form_newsletter{
padding-top:10px;}

form#form_newsletter input{
width:85px;
margin-right:5px;
float:left;
color:#fff;
border:1px solid #1B7698;
background:#62BDE6;}

form#form_newsletter input.sub{
margin:0;
font-size:75%;
width:25px;
float:left;
color:#fff;
border:1px solid #1B7698;
background:#62BDE6;}