/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Règles CSS générales du site  <<<-----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{margin:0;padding:0;}
html, body{height:100%;overflow:hidden;}
body{font-size:75%;font-family:Tahoma, 'trebuchet MS', 'Palatino Linotype', arial, sans-serif;text-align:justify;background:url(/images/fond.gif) repeat-x #1e1b1f;}
div#fond{width:100%;height:100%;background:url(/images/engrenage.png) center no-repeat;}
h1{font-size:1.1em;text-align:center;margin:15px 0 0 0;}
h2{font-size:1em;text-align:center;}
p{padding:5px;}
img{border:none;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Navigation du site  <<<---------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> logo <=> lien retour à l'accueil  <<<---------------------*/
div#logo{display:block;position:absolute;top:-1px;left:0;z-index:4;}

/* ---------->>> lien vers le formulaire de contact <<<--------------------*/
div#contact{display:block;position:absolute;bottom:-2px;right:0;z-index:4;}

/* ---------->>> navigation principale <<<---------------------------------*/
div#navigation{position:absolute;width:900px;height:450px;left:50%;top:50%;margin: -270px 0 0 -470px;padding:45px 20px 45px 20px;z-index:3;}
div#navigation ul{position:absolute;width:270px;height:27px; bottom:493px;right:40px;z-index:0;}
div#navigation ul li{float:left;width:90px;line-height:27px;padding:0 0 0 0;list-style-type:none;}
div#navigation ul li a{display:block;width:90px;text-decoration:none;text-align:center;background:url(/images/navigation.png) bottom no-repeat #fff;color:#333;}
div#navigation ul li a.lien-agence:hover{background:url(/images/navigation-agence.png) bottom no-repeat #e1e29d;}
div#navigation ul li a.lien-realisations:hover{background:url(/images/navigation-realisations.png) bottom no-repeat #9fdc56;}
div#navigation ul li a.lien-informations:hover{background:#f3ecd5;}
div#navigation ul li a.lien-liens:hover{color:#efe9e8;background:url(/images/navigation-actu.png) bottom no-repeat #633728;}

/* ---------->>> lien vers mentions légales <<<----------------------------*/
div#mentions{position:absolute;width:270px;top:490px;left:30px;padding:3px 0 0 0;}
div#mentions a{display:block;width:270px;line-height:27px;text-decoration:none;text-align:center;background:url(/images/navigation2.png) top repeat-x #fff;color:#333;}
div#mentions a:hover{background:url(/images/navigation2-mentions.png) top repeat-x #DDD4B7;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Corps du site  <<<--------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> page globale  <<<-----------------------------------------*/
div#page{position:absolute;width:880px;height:430px;left:50%;top:50%;margin: -260px 0 0 -460px;padding:45px 20px 45px 20px;background:url(/images/page.png) left no-repeat;z-index:1;}

/* ---------->>> fond de page   <<<-----------------------------------------*/
div#sous{width:881px;height:430px;}
div.sous-index, div.sous-defaut{background:url(/images/sous.png) left no-repeat #000;}
div.sous-agence{background:url(/images/sous-agence.png) left no-repeat #e1e29d;}
div.sous-realisations{background:url(/images/sous-realisations.png) left no-repeat #9fdc56;}
div.sous-informations{background:url(/images/sous-informations.png) left no-repeat #f3ecd5;}
div.sous-contact{background:url(/images/sous-defaut.png) left no-repeat #000;}
div.sous-mentions{background:url(/images/sous-mentions.png) left no-repeat #f3ecd5;}
div.sous-liens{background:url(/images/sous-liens.png) left no-repeat #633728;}

/* ---------->>> cadre de la page   <<<------------------------------------*/
div#sur{position:absolute;width:880px;height:430px;left:50%;top:50%;margin: -215px 0 0 -440px;background:url(/images/sur.png) left no-repeat;z-index:1;}

/* ---------->>> anneaux de classeur   <<<---------------------------------*/
div#pinces{position:absolute;width:1000px;height:800px;left:50%;top:50%;margin: -400px 0 0 -500px;z-index:2;}
div.fermees{background:url(/images/pinces2.png) left;}
div.ouvertes{background:url(/images/pinces2.png) right;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Contenu du site  <<<------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> bloc générale de contenu  <<<-----------------------------*/
div#content{position:absolute;width:880px;height:430px;left:50%;top:50%;margin: -215px 0 0 -440px;color:#333;z-index:4;}

/* ---------->>> division en 3 colonnes et styles globaux de contenu  <<<--*/
div.colonne{float:left;width:283px;height:420px;padding:5px 5px 5px 5px;overflow:hidden;}
div.colonne ul{padding:5px 0 0 15px;}
div.colonne ul li{padding:5px 0 5px 0;}

/* ---------->>> contenu spécifique à l'accueil  <<<-----------------------*/
div.encart-index{width:252px;height:160px;margin:70px auto 0 auto;padding:30px 10px 0px 10px;color:#333;background:url(/images/paragraphe-index.png) left;}
div.encart-index a{color:#333;text-decoration:none;}
span.agence{color:#6d6c3e;}
span.realisations{color:#537329;}
span.contact{color:#633728;}

/* ---------->>> contenu spécifique à l'agence  <<<------------------------*/
div.agence h1{line-height:32px;color:#6d6c3e;background:url(/images/h1-agence.png) center no-repeat;}

/* ---------->>> contenu spécifique aux réalisations  <<<------------------*/
div.realisations h1{line-height:32px;color:#537329;background:url(/images/h1-realisations.png) center no-repeat;}
div.realisations a{color:#537329;text-decoration:none;}
a.site{float:right;}
a.fiche{float:left;}
a.image{display:block;width:280px;height:100px;margin:5px 0 0 0;}
div.ref{width:266px;height:75px;margin:auto;padding:0 8px 0 8px;text-align:center;background:url(/images/ref.png) left;}
div.ref img{float:left;border:#537329 2px solid;}
div.switch{width:280px;height:35px;text-align:center;}
a.suivant{display:block;width:30px;height:30px;margin:auto;background:url(/images/suivant.png) center no-repeat;}
a.precedent{display:block;width:30px;height:30px;margin:auto;background:url(/images/precedent.png) center no-repeat;}
div#fiche{color:#333;}
div#fiche img{float:left;margin:0 20px 0 0;}
div.pao img{float:left;margin:0 20px 0 0;}
div.logo img{float:right;margin:0 0 0 0;}

/* ---------->>> contenu spécifique aux liens & actu  <<<------------------*/
div.liens h1{line-height:32px;color:#633728;background:url(/images/h1-actu.png) center no-repeat;}
div.liens img{margin:0 0 0 5px;border:solid 2px #633728;}
div.liens p{color:#fff;}
div.liens a{float:right;color:#d9b280;}

/* ---------->>> contenu spécifique aux coordonnées et contact  <<<--------*/
div.contact{color:#fff;}
div.contact h1{line-height:32px;color:#222;background:url(/images/h1-contact.png) center no-repeat;}
div.map{text-align:center;}
div.map iframe{width:280px;height:280px;}
form.contact{width:280px;margin:auto;}
form.contact fieldset{padding:5px;background:#222;}
div#err{height:20px;padding:10px 0 0 0;font-weight:bold;text-align:center;}
legend.yes{color:#34d934;}
legend.no{color:#e5561f;}

/* ---------->>> contenu spécifique aux mentionslégales  <<<---------------*/
div.mentions h1{line-height:32px;color:#877B5B;background:url(/images/h1-mentions.png) center no-repeat;}
div.mentions a{color:#877B5B;text-decoration:none;}


.png {behavior: url(iepngfix.htc);}