@charset "utf-8";
/* CSS Document */
/* Dans ce fichier ne doit être présent que la mise en forme générale du site ainsi que la mise en forme dans les zones spécifiques */

body {background:url(../images/fond-image.jpg) top center no-repeat #FFFFFF; margin:0; padding:0; font-family: Oranienbaum, "Trebuchet MS", Arial; font-size: 17px; color:#000000; }
#global {}
.global {width:1260px; margin:0 auto;}

#bandeau-conteneur {height:100px; background:url(../images/bandeau-bg.png) top center repeat-x;}
#bandeau-conteneur #bandeau {padding:0 30px;}
#bandeau #logo {}
#bandeau #logo a,
#bandeau #logo a:visited {display:block; width:320px; height:100px; background:url(../images/logo.png) top left no-repeat;}
#bandeau #logo span {display:none;}
#bandeau-anim {height:202px; position:absolute; top:0px; right:0px; z-index:10; width:100%; min-width:1200px;}
#bandeau-anim .bandeau-slide {position:absolute; top:0px; right:0px; height:202px; width:100%; min-width:1200px; z-index:1;}

#centre-conteneur {}
#centre-conteneur .global {padding:30px; width:1200px;}
#centre-conteneur #centre {background:#FFFFFF;}

#droite {width:270px; float:right;}

#cadre-contact {height:205px; background:url(../images/cadre-contact-bg.png) top center no-repeat; margin-top:18px;}
#cadre-contact .contenu {padding:38px 22px 0 18px; }
#cadre-contact .besoin {font-family:FuturaBook; color:#000000; text-transform:uppercase; font-size:1.1em; text-align:center; }
#cadre-contact .contactez {font-family:FuturaBold; color:#000000; text-transform:uppercase; font-size:1.25em; text-align:center; }
#cadre-contact .telephone {background:url(../images/telephone-bg.jpg) center center repeat-x; height:43px; line-height:43px; text-align:center; color:#603672; font-family:FuturaBold; font-size:1.5em; margin:5px 0;}
#cadre-contact .lien {text-align:right;}
#cadre-contact .lien a,
#cadre-contact .lien a:visited {color:#000000; font-family:FuturaBook; text-transform:uppercase; font-size:0.7em; text-decoration:none;}


.cadre .haut {height:41px; background:url(../images/cadre-actualites-haut.jpg) top left no-repeat; font-family:FuturaLight; color:#FFFFFF; line-height:38px; padding-left:56px; text-transform:uppercase; font-size:1.15em;}
.cadre .contenu {background:url(../images/cadre-actualites-centre.jpg) top center repeat-y; padding:0 30px 0 22px;}
.cadre .bas {height:5px; background:url(../images/cadre-actualites-bas.jpg) top center no-repeat;}

#cadre-actualites {margin-top:8px;}

#cadre-realisations {margin-top:30px;}
#cadre-realisations .contenu {padding-left:25px; width:215px;}
#cadre-realisations .element {padding-top:12px; border-top:1px solid #5c5c5c}
#cadre-realisations .element:first-child {border:none;}
#cadre-realisations .realisation-haut {height:100px; overflow:hidden;}
#cadre-realisations .photo {width:138px; height:98px; border:1px solid #805e8e; background:#ffffff; float:left;}
#cadre-realisations .lien {padding-top:73px; margin-left:188px; height:27px; width:27px;}
#cadre-realisations .lien a,
#cadre-realisations .lien a:visited {display:block; width:27px; height:27px; background:url(../images/bouton.png) center center no-repeat;}
#cadre-realisations .lien a:hover {background:url(../images/bouton-over.png) center center no-repeat;}
#cadre-realisations .intro {padding:15px 0 8px 0;}
#cadre-realisations .intro p {margin:0px; padding:0px; font-size:17px; color:#000000; line-height:20px;}
	
#contenu {min-height:800px; padding:0px 0px 0px 8px; width:907px; overflow:hidden;}
#contenu h1 {background:url(../images/h1-puce.png) left center no-repeat; margin:10px 0 12px 8px; padding-left:45px; font-family:FuturaLight; text-transform:uppercase; color:#603672; font-weight:normal; font-size:28px;}
#contenu h2 {margin:10px 0 10px 53px; color:#000000; border-bottom:1px solid #000000; padding-bottom:3px; font-size:1.2em; text-transform:uppercase; font-weight:normal;  }
#contenu p {margin-left:53px; color:#000000; text-align:justify;}
#contenu ul {margin-left:53px; color:#000000;}
#contenu ul li {}
#contenu a,
#contenu a:visited {color:#603672;}
#contenu table { }
#contenu table tr td p {margin-left:0;}

#pied {background:url(../images/pied-bg.jpg) top center no-repeat; height:276px;}
#pied .global {padding-top:66px;}
#pied a,
#pied a:visited {color:#603672; text-decoration:none; text-transform:uppercase; display:block; float:left; padding-left:32px; line-height:30px; font-size:0.85em;}
#pied a:hover {}
#pied a.pied-mentions {background:url(../images/mentions-legales-bg.jpg) top left no-repeat; margin-left:146px;}
#pied .pied-creation {background:url(../images/creation-site-bg.jpg) top left no-repeat; margin-left:165px; display:block; float:left; padding-left:32px; line-height:12px; width:138px;}
#pied .pied-creation a,
#pied .pied-creation a:visited {display:inline; float:none; padding-left:0px; line-height:14px;}
#pied .pied-creation a.agoraline {text-transform:lowercase; display:block;}
#pied a.pied-contact {background:url(../images/contact-acces-bg.jpg) top left no-repeat; margin-left:118px;}

/* Menu */
#menu-conteneur {background:url(../images/menu-bg.png) top left repeat-x;}
#menu-conteneur #menu {padding:0 30px;}
#menu {list-style:none; margin:0; padding:0; height:35px;}
#menu .menu-element {float:left; position:relative; width:171px;}
#menu .menu-element > a,
#menu .menu-element > a:visited {text-decoration:none;}
#menu .menu-element > a > span,
#menu .menu-element > span {display:block; /*padding-left:28px;*/text-align:center; height:35px; line-height:35px; color:#FFFFFF; text-transform:uppercase; font-family:Futura; font-size:0.95em;}
#menu .menu-element > a > span:hover,
#menu .menu-element > span:hover,
#menu .selected > a > span {font-family:FuturaBold;}
#menu #menu-2 {width:174px;}

#menu .smenu-conteneur {position:absolute; top:35px; left:0px; z-index:200; margin:0; padding:0; list-style:none; display:none; width:283px;}
#menu .smenu-bas {background:url(../images/smenu-bas.png) top center no-repeat; height:25px;}
#menu .smenu-centre {background:url(../images/smenu-centre.png) top center repeat-y;  padding:0 23px;}
#menu .smenu-element {border-top:1px solid #f3e5f9;}
#menu .smenu-element a {display:block; text-align:center; color:#523061; font-family: Oranienbaum; text-decoration:none; padding:13px 0; font-size:0.9em;}
#menu .smenu-element a:hover {color:#b18462;}
#menu .smenu-element:hover {}

/* Fil d'ariane */
#ariane {height:32px; line-height:32px; font-family:FuturaLight; font-size:0.7em; margin-left:8px; padding-left:21px; background:url(../images/ariane-puce.png) left center no-repeat;}
#ariane .ariane-vous-etes-ici {color:#301706;}
#ariane .ariane-accueil {color:#301706; text-decoration:none;}
#ariane .ariane-fleche {color:#301706;}
#ariane a.ariane-element {color:#301706; text-decoration:none;}
#ariane span.ariane-element {color:#301706;}
#ariane .ariane-element-final {color:#301706;}

/* Messages de retour */
.reponse-message,
.reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-message, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse-erreur { color: #8a1f11; font-weight:bold; }
.reponse-message, .ok { color: #264409; font-weight:bold; }

/* CADRE ACTUALITE */
.actualites  {padding-top:5px;}
.actualites .element {padding:10px;}
.actualites .element:first-child {padding-top:0px;}
.actualites .element .nom {border-bottom:1px solid #000000; padding-bottom:3px;}
.actualites .element .nom a,
.actualites .element .nom a:visited {color:#000000; font-size:1.1em; text-decoration:none;}
.actualites .element .intro {}
.actualites .element .intro p {margin:5px 0;}
.actualites .element .lien {margin-top:10px;}
.actualites .element .lien a,
.actualites .element .lien a:visited {display:block; color:#bc9678; text-transform:uppercase; font-size:1.2em; height:27px; line-height:27px; background:url(../images/actualite-lire-bg.jpg) right center no-repeat; text-align:center; text-decoration:none; }

/* CADRE PARTENAIRES */
.partenaires {}
.partenaires .contenu {}
.partenaires .lien {}
.partenaires .lien a,
.partenaires .lien a:visited {}
.partenaires .lien a:hover {}

/* Languettes */
#languette-container {height:279px; width:81px; position : fixed;  right:0px; top:250px; z-index:5000;}

#languette-admin { width:81px; height:93px; background: url(../images/lang-interface-gestion.png); cursor:pointer; top:0px; position:absolute; right:0; z-index:5000;}
#languette-admin:hover { width: 198px; height: 93px; background: url(../images/lang-interface-gestion-depliee.png);}

#languette-page { height:93px; width:81px; background: url(../images/lang-gestion-page.png); cursor:pointer; top:98px;position:absolute; right:0; z-index:5000;}
#languette-page:hover { width: 198px; height: 93px; background: url(../images/lang-gestion-page-depliee.png);}

#languette-page-disabled { height:93px; width:81px; background: url(../images/lang-gestion-page-off.png); cursor:pointer; top:98px; position:absolute; right:0; z-index:5000;}
#languette-page-disabled:hover { width: 198px; height: 93px; background: url(../images/lang-gestion-page-off-depliee.png);}

#languette-deconnexion {  height:93px; width:81px; background : url(../images/lang-deconnexion.png); cursor:pointer; top:196px;  position:absolute; right:0; z-index:5000;}
#languette-deconnexion:hover { width: 198px; height: 93px; background: url(../images/lang-deconnexion-depliee.png);}

/* Contact */
#contact-conteneur {overflow:hidden;}
.contact-coordonnee {clear:left; margin-bottom:5px;}
.contact-champ {margin-bottom:10px;}

/* Plan du site */
.plansite-ul {}
.plansite-li {}
#contenu .plansite-ul .plansite-ul {margin-left:0;}
.plansite-a {text-decoration:none;}
.plansite-a:hover {text-decoration:underline;}
.plansite-span {}


/* Mosaique */
#mosaique-conteneur {overflow:hidden; font-size:0.9em; padding: 20px 0 0 20px;}
.mosaique-image {padding-bottom:5px;}
.mosaique-voir {font-size:0.8em;}


/* Diaporama */
.diaporama-container {position:relative; z-index:1; overflow:hidden; min-height:200px; min-width:300px; margin:40px 10px;  background-color:#54CADD; padding:0 40px;}
.diaporama { min-width:300px; min-height: 200px; overflow:hidden;}

.diaporamaPrevBtn, .diaporamaNextBtn{display:block;  position:absolute;  z-index:1000; top: 0px; }
.diaporamaPrevBtn a, .diaporamaNextBtn a {display:block;position:relative;width:35px;}
.diaporamaBFR, .diaporamaAFT {position : absolute; width:35px; min-height:200px; cursor:pointer;  display:block;}
.diaporamaBFR img, .diaporamaAFT  { height:90px;}

.diaporamaPrevBtn {left:2px;}
.diaporamaBFR{text-align:left; }
.diaporamaNextBtn {right:4px;}
.diaporamaAFT {text-align:right;}

#contenu .diaporama ul { min-width:300px; padding:0px; margin:0;}
.diaporama ul li {list-style:none; min-width:300px; min-height:200px; padding:0px; margin:0;}
.slider-li {display:inline; text-align:center;float:left; min-height:200px; min-width :300px; margin:0 auto;  cursor:pointer; }
.diaporama-boutons{ width:40px; margin-top:5px;}
.diaporama-pause {width:16px; height:17px; }
.diaporama-lecture {width:16px; height:17px;float:right;}

/* Slider */
#slider-container {position:relative; z-index:1; overflow:hidden; height:240px; margin:20px; background-color:#f3f3f3; }
#slider {height: 260px; margin:20px; overflow:hidden;}
#slider ul { padding:0px; }
#slider ul li {list-style:none; width:500px; height:220px;}
.imageSlide {float:left; width:200px;}
.texteSlide {margin-left:230px;}
#controls {list-style:none; margin:0px; padding:0px; height:28px; position:absolute; bottom:-8px; right:20px; z-index:10;}
#controls li {list-style:none; float:left; text-align:center; background-color:#FFF; margin-right:5px; width:20px; height:28px; background-color:#144576; }
#controls li a {color:#ebeaea; font-weight:bold; display:block; height:28px; line-height:20px; text-decoration:none;}
#controls li.current {height:28px; width:20px; position:relative; bottom:8px; right:0px;}
#controls li.current a {width:20px;}

/* MODULE ACTUALITES */
#actualites {}
#actualites .conteneur {}
#actualites .conteneur .titre {}
#actualites .conteneur .contenu {}
#actualites .conteneur .contenu .extrait {}
#actualites .conteneur .contenu .lien {margin-left:53px;}
#actualites .conteneur .contenu .lien a,
#actualites .conteneur .contenu .lien a:visited {}
#actualites .conteneur .contenu .lien a:hover {}

/* MODULE AUTHENTIFICATION */
#authentification {}
#authentification .form {margin:10px 0;}
#authentification .form label {float:left; width:150px;}
#authentification .form .inputText {width:200px;}
#authentification .form .submit {}

/* Carrousel */
#carrousel-conteneur {padding-bottom:15px; position:relative;}
#carrousel-haut {height:32px; position:absolute; top:5px; left:12px; z-index:20;}
#carrousel-haut .carrousel-theme {float:left; cursor:pointer; width:200px; height:32px; line-height:32px; background:url(../images/carrousel-theme-bg.jpg) top left no-repeat; text-align:center; margin:0 2px;}
#carrousel-haut .current, #carrousel-haut .carrousel-theme:hover {background:url(../images/carrousel-theme-bg-on.jpg) top left no-repeat;}
#carrousel-haut .carrousel-theme a {font-size:0.8em; color:7c5099;}
#carrousel-haut .carrousel-theme:hover a, #carrousel-haut .current a {color: #f2e3f5;}

#carrousel-centre {width:842px; height:351px; background:url(../images/carrousel-bg.jpg) top left no-repeat; position:relative;}
#carrousel-contenu {padding:50px 15px 15px 15px; height:251px;}
#carrousel-contenu #nextBtn, #carrousel-contenu #prevBtn {position:absolute; top:130px; z-index:30; width:29px; height:90px; cursor:pointer;}
#carrousel-contenu #nextBtn a, #carrousel-contenu #prevBtn a {width:29px; height:90px; display:block;}
#carrousel-contenu #prevBtn {left:0px; background:url(../images/carrousel-fleche-gauche.png) top left no-repeat;}
#carrousel-contenu #nextBtn {right:0px; background:url(../images/carrousel-fleche-droite.png) top left no-repeat;}

#carrousel-slider {height:351px; background-color: #CCC;}
#carrousel-slider ul {margin:0px; padding:0px;}
.carrousel-slide {width:812px; height:351px; overflow:hidden;}
.carrousel-slide .carrousel-element {width:240px; padding:0 15px; height:281px; float:left; overflow:hidden;}
.carrousel-slide .centre {background:url(../images/carrousel-centre-bg.jpg) top left no-repeat;}
#carrousel-slider h2 {margin:0px; font-weight:normal; color:#000; font-size:1em; background:none; text-align:center; height:36px; overflow:hidden;}
#carrousel-slider h2 span {background:url(../images/h2.jpg) left center no-repeat; padding-left:18px;}
#carrousel-slider .prix {text-align:center; margin:10px 0;}
#carrousel-slider .prix span {font-size:1.0em; color:#7C5099; font-weight:bold;}
#carrousel-slider .photo {}
#carrousel-slider .photo table{width:100%; height:155px;}
#carrousel-slider .voir {text-align:center; margin-top:10px;}
#carrousel-bas {}

#carrousel-conteneur #controls {list-style:none; margin:0px; padding:0px; position:absolute; bottom:-15px; right:5px; z-index:10;}
#carrousel-conteneur #controls li {list-style:none; float:left; text-align:center; height:35px; width:35px; background:url(../images/carrousel-numeric-bg.png) top left no-repeat; line-height:30px; }
#carrousel-conteneur #controls li a {font-style:normal; font-weight:bold; color: #7c5099; font-size:0.9em; display:block; height:30px;}
#carrousel-conteneur #controls li.current {}
#carrousel-conteneur #controls li.current a {color: #FFF;}

#carrousel-page-tableau, #carrousel-texte-tableau {border:none; border-collapse:collapse;padding:15px 0;}
#carrousel-page-tableau tr,#carrousel-texte-tableau tr {border:none;}
#carrousel-page-titre {}
#carrousel-page-texte {padding-left:15px;}
#carrousel-page-lire {padding-right:10px;}
/* Fin carrousel */

/* Sommaire */
#sommaire-conteneur {}
#sommaire-liste { width:200px;}
#sommaire-liste h2 {margin-left:10px; margin-top:5px; font-size:3.5em; background:none; padding-left:0;}
#sommaire-liste ul {padding-left:20px; margin: 5px; margin-left:25px;}
#sommaire-liste ul li {font-size:12px;  padding-bottom:5px;}
#sommaire-liste ul li a,#sommaire-liste ul li a:visited { text-decoration:none;}
#sommaire-contenu { }

/* Sommaire element */
#sommaire-element-conteneur {}
#sommaire-element-cadre { float: right; border:2px solid #E5E5E5;  width:200px;}
#sommaire-element-cadre h2 {margin-left:10px; margin-top:5px; font-size:3.5em; background:none; padding-left:0;}
#sommaire-element-cadre ul {padding-left:20px; margin: 5px; margin-left:0;}
#sommaire-element-cadre ul li {font-size:12px;  padding-bottom:5px; }
#sommaire-element-cadre ul li span { font-weight:bold;}
#sommaire-element-cadre ul li a, #sommaire-element-cadre ul li a:visited {text-decoration:none;}
#sommaire-element-parent {}
#sommaire-element-parent a, #sommaire-element-parent a:visited {text-decoration:none;}
#sommaire-element-contenu { margin-right:230px;}
#sommaire-element-liens {}
#sommaire-element-precedent {float:left;}
#sommaire-element-precedent a, #sommaire-element-precedent a:visited {text-decoration:none;}
#sommaire-element-suivant {float:right;}
#sommaire-element-suivant a, #sommaire-element-suivant a:visited {text-decoration:none;}

#template-actualite {}
#template-actualite .retour {margin:15px 0 15px 53px;}

#module-accueil {}
#module-accueil .elements {}
#module-accueil .element {width:188px; float:left; margin-left:36px;}
#module-accueil .element a,
#module-accueil .element a:visited {display:block; height:30px; padding:107px 0px 0px 0px; text-decoration:none; }
#module-accueil .element a span {display:block; background:#bc9678; text-align:center; color:#FFFFFF; text-transform:uppercase; font-family:FuturaLight; font-size:19px; height:30px; line-height:30px; }
#module-accueil .element a:hover span {background:#603672;}
#module-accueil #menuiserie {background:url(../images/accueil-menuiserie.jpg) top center no-repeat;}
#module-accueil #agencement {background:url(../images/accueil-agencement.jpg) top center no-repeat;}
#module-accueil #cuisine {background:url(../images/accueil-cuisine.jpg) top center no-repeat;}
#module-accueil #salledebain {background:url(../images/accueil-salledebain.jpg) top center no-repeat;}
#module-accueil .element ul {margin:5px 0 0 0; padding:0px; list-style:none;}
#module-accueil .element ul li {border-bottom:1px solid #f5eafa; padding:5px 0;}
#module-accueil .element ul li a,
#module-accueil .element ul li a:visited {color:#603672; display:block; width:inherit; height:inherit; line-height:inherit; font-size:0.9em; padding:0 0 0 10px; margin:0 0 0 14px; background:url(../images/accueil-puce.jpg) 0px 8px no-repeat; }
#module-accueil .element ul li a:hover {color:#b18462; background:url(../images/accueil-puce-hover.jpg) 0px 8px no-repeat;}

/* Slider accueil */
#accueil-controls {list-style:none; margin:0px; padding:0px;  position:absolute; z-index:10; }
#accueil-controls li {list-style:none; float:left; text-align:center; }
#accueil-controls li a { font-weight:bold; display:block; text-decoration:none; }
#accueil-controls li.current {position:relative; }
#accueil-controls li.current a {}

#accueil-slider-container {position:relative; z-index:1; overflow:hidden; width:910px; height:479px; margin-top:49px; }
#accueil-slider-englobe { width:910px; height:479px; background:url(../images/slide-fond.png); position:absolute; z-index:100; top:0px; left:0px;}
#accueil-slider-englobe .zoomsur {font-family:futuraLight; color:#563166; text-transform:uppercase; font-size:2.3em; padding-left:50px; padding-top:15px;}
#accueil-slider { overflow:hidden; width:910px; height:479px;}
#accueil-slider ul { padding:0px; margin:0px;}
#accueil-slider ul li {list-style:none; width:910px; height:479px; position:relative;}
.accueil-imageSlide {position:absolute; top:0px; left:0px; width:910px; height:479px; z-index:-1;}
.accueil-texteSlide {overflow:hidden; position:relative; z-index:110; padding:100px 0 0 50px; height:379px; cursor:pointer;}
.accueil-texteSlide .accueil-titre {width:668px; color:#000000; font-family: Oranienbaum; text-transform:uppercase; font-size:1.4em; background:url(../images/slide-titre-bg.jpg) bottom left repeat-x; padding-bottom:8px; margin-bottom: 15px;}
.accueil-texteSlide .accueil-texte {width:796px;}
#accueil-slider .accueil-texteSlide p {margin-left:0px;}

.accueil-lienSlide {text-align:right; }
.accueil-lienSlide a, .accueil-lienSlide a:visited, .accueil-lienSlide a:hover {text-decoration:none; font-size:13px;}