/***** Reset CSS *****/

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

label, input.sub {
cursor:pointer; }

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

h1, .invis {
position:absolute;
left:-9999px; }

.retour_ch {
margin-bottom:10px; }

body {
background:#333 url(img/body_fond.png) repeat-x top;
text-align:justify;
font:100%/1.3 Arial, Verdana, sans-serif; }

/***** Liste réalisations *****/

ul.liste_rea {
overflow:hidden;
width:524px; }

ul.liste_rea li {
float:left;
text-align:center;
width:262px;
height:230px; }

ul.liste_rea p.titre {
line-height:1.1;
text-align:center;
font-weight:bold;
padding:0 20px;
height:25px;
letter-spacing:1px; }

ul.liste_rea p.titre a {
color:#FFFFFF;
text-decoration:none;
font-size:14px; }

ul.liste_rea p.titre a:hover {
color:#999999; }

ul.liste_rea p.bordure_image img  {
border: solid 1px #CCCCCC;
padding:1px;
}

ul.liste_rea p.bordure_image img:hover {
background:#fff; }

/***** Rélisations *****/

div#realisations_fond {
position:relative;
margin:0 auto;
width:524px;
height:488px; }

div#big_photo {
position:absolute;
top:17px;
left:17px;
width:490px;
height:368px; text-align:center;}

div#big_photo img {
/*width:490px;
height:368px;*/

 }

div#description_realisation {
position:absolute;
bottom:0;
left:0;
width:470px; /*490*/
padding:5px 10px;
color:#fff;
background:transparent url(img/rea_fond.png) repeat; }

div#description_realisation h3 {
font-size:150%;
font-weight:normal;
padding-bottom:10px; }

div#presentation_contenu div#description_realisation p {
margin-bottom:0; }

div#nav_realisations {
width:490px;
height:78px;
position:absolute;
bottom:19px;
left:17px; }

ul#suiv_prec li {
position:absolute;
top:32px;
width:14px;
height:16px;
text-indent:-9999px; }

ul#suiv_prec li a {
display:block;
width:100%;
height:100%; }

ul#suiv_prec li.precedent {
left:0;
background:transparent url(img/prec.png) no-repeat; }

ul#suiv_prec li.suivant {
right:0;
background:transparent url(img/suiv.png) no-repeat; }

ul#liste_realisations {
width:452px;
margin:0 auto;
overflow:hidden; }

ul#liste_realisations li {
float:left;
width:105px;
height:78px;
margin:0 4px; }

ul#liste_realisations li img {
width:105px;
height:78px; }

/***** News *****/

div#news {
position:relative;
width:100%;
padding-top:20px;
letter-spacing:1px; }

div#news dl dt {
height:20px;
line-height:20px;
padding-bottom:10px;
color:#FFAE00;
font-weight:bold; }

div#news dl dd.description {
color:#666; }

div#news dl dd.lien {
position:absolute;
top:20px;
right:0;
width:100px;
height:20px;
line-height:20px; }

div#news dl dd.lien a {
color:#FFAE00;
font-weight:bold; }

div#news dl dd.lien a:hover {
text-decoration:none; }

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

div#logo_flash {
position:absolute;
top:0;
left:7px;
z-index:1;
width:275px;
height:147px;
background:transparent url(img/logo_flash.png) no-repeat; }

div#deco_footer_1 {
position:absolute;
top:-3px;
left:-40px;
width:101px;
height:96px;
background:transparent url(img/deco_pied_1.png) no-repeat; }

div#deco_footer_2 {
position:absolute;
top:-70px;
right:0;
width:200px;
height:165px;
background:transparent url(img/deco_pied_2.png) no-repeat; }

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

div#titre {
width:100%;
height:35px;
position:absolute;
top:-30px;
left:0; }

div#titre h2 {
margin:0 auto;
width:469px;
height:35px;
text-indent:-9999px; }

div#titre h2.bienvenue {
background:transparent url(img/h2_bienvenue.png) no-repeat; }

div#titre h2.atelier {
background:transparent url(img/h2_atelier.png) no-repeat; }

div#titre h2.realisations {
background:transparent url(img/h2_realisations.png) no-repeat; }

div#titre h2.pierres {
background:transparent url(img/h2_pierres.png) no-repeat; }

div#titre h2.destockage {
background:transparent url(img/h2_destockage.png) no-repeat; }

div#titre h2.contact {
background:transparent url(img/h2_contact.png) no-repeat; }

div#titre h2.news {
background:transparent url(img/h2_news.png) no-repeat; }

div#titre h2.plan {
background:transparent url(img/h2_plan.png) no-repeat; }

div#titre h2.references {
background:transparent url(img/h2_references.png) no-repeat; }

div#titre h2.promotions {
background:transparent url(img/h2_promotions.png) no-repeat; }

div#presentation_contenu p {
padding-bottom:10px; }

ul#liste {
margin:5px;
padding-left:20px;
}

ul#liste li{
list-style:square;
}
/***** Layout *****/

div#global {
padding-bottom:50px;
width:945px;
margin:0 auto; }

div#entete {
position:relative;
width:945px;
height:121px;
background:transparent url(img/entete_fond.png) no-repeat; }

div#conteneur_centre {
position:relative;
width:100%; }

div#colonne_gauche {
position:absolute;
top:0;
left:0;
width:288px;
height:700px;
background:transparent url(img/menu_fond.png) no-repeat bottom; }

div#contenu {
position:relative;
width:616px;
height:700px;
margin-left:309px; }

div#conteneur_img {
width:588px; /*616*/
height:598px; /*626*/
padding:14px;
background:transparent url(img/contenu_fond.png) no-repeat; }

div#presentation_contenu {
color:#fff;
font-size:75%;
overflow:auto;
width:548px; /*588*/
height:558px; /*598*/
padding:20px; }

/***** Colonne Gauche *****/

div#menu {
padding-top:27px;
width:274px;
margin-left:8px; }

div#menu ul li {
width:274px;
height:58px; }

div#menu ul li a {
text-indent:-9999px;
display:block;
width:100%;
height:100%; }

div#menu ul li.bienvenue a {
background:transparent url(img/menu_bienvenue.png) no-repeat left; }

div#menu ul li.atelier a {
background:transparent url(img/menu_atelier.png) no-repeat left; }

div#menu ul li.pierres a {
background:transparent url(img/menu_pierres.jpg) no-repeat left; }

div#menu ul li.destockage a {
background:transparent url(img/menu_desto.jpg) no-repeat left; } 

div#menu ul li.references a {
background:transparent url(img/menu_references.jpg) no-repeat left; } 

div#menu ul li.promotions a {
background:transparent url(img/menu_promotions.jpg) no-repeat left; } 

div#menu ul li.contact a {
background:transparent url(img/menu_contact.jpg) no-repeat left; } 

div#menu ul li.realisations {
position:relative;
height:177px;
background:transparent url(img/menu_realisations.png) no-repeat; }
 
div#menu ul li.realisations ul {
width:123px;
height:105px;
position:absolute;
bottom:8px; }  
 
div#menu ul li.realisations ul li {
text-align:center;
font-size:75%;
font-weight:bold;
display:block;
width:123px; /*123*/
height:25px;
line-height:25px; } 
 
div#menu ul li.realisations ul li a:hover {
color:#FF6600; }  
 
div#menu ul li.realisations ul li a {
text-decoration:none;
color:#941C1F ; }  

div#menu ul li.realisations ul.menu_reag {
left:10px; } 
 
div#menu ul li.realisations ul.menu_read {
right:9px; }  
 
div#menu ul li.realisations a {
text-indent:0;
display:inline; } 

div#menu ul li a:hover {
background-position:right; } 

div#coordonnees {
padding-top:10px;
line-height:1.1;
font-size:75%;
text-align:center;
color:#FF9900; }

div#coordonnees dl dt {
font-weight:bold;
padding-bottom:10px;
color:#fff; }

div#coordonnees dl dd.adresse {
background:transparent url(img/deco_coordonnees.png) no-repeat center bottom;
height:90px; }

div#coordonnees dl dd.tel {
padding-top:10px; }

div#coordonnees dl dd.lien {
padding-top:15px; }

div#coordonnees dl dd.lien a {
color:#FFCC00; }

div#coordonnees dl dd.lien a:hover {
text-decoration:none; }

/***** #footer *****/


div#footer {
line-height:1.1;
text-align:center;
position:relative;
margin-left:100px;
width:541px; /*821*/
height:66px;
padding-right:200px;
padding-left:80px;
background:transparent url(img/footer_fond.png) no-repeat; }

div#footer ul li {
color:#5A5B5A;
font-size:65%;
display:inline; }

div#footer ul li a {
text-transform:uppercase;
text-decoration:none;
color:#5A5B5A;
display:inline; }

div#footer ul li a:hover {
color:#fff; }