@import url("reset.css");

/* ---------- General styles ---------- */
html {height:100%;}
body { font-family:Arial; font-size:11px; color:#fff; background:#181818; padding:0; margin:0; height:100%;}

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear floated columns */
a {text-decoration:none; color:#ff6600;}
a:hover {color:#d3aa41;}
p { line-height:1.4em; padding:3px 0;}
h1 { font-size:20px;}
h2 { font-size:15px;}

.wrapper {width:1051px;  height:100%;}
.left {float:left; padding:0px 10px 0 20px;  height:100%;}
.sitelogo {min-height:650px; height:100%; position:relative;}
.mots-cles-droite { position:absolute; right:0; top:0; background:url(../images/text-right.png) repeat; width:379px; height:100%; }

.content-wrapper {background:url(../images/content-wrapper-bg.png) repeat-y; width:803px; height:100%; float:left; padding:0 13px 0 13px;}
.content {background:#000 url(../images/content-bg.jpg) no-repeat; width:796px; margin:auto; min-height:650px; height:100%;  position:relative;}

.bottom {position:absolute; bottom:10px; left:0; width:786px;}
.bottom .logo {float:left;}
.bottom .espace-pro {float:right; font-family:Arial; font-size:11px; font-weight:bold; color:#fff; display:block; padding:15px 0 0 0;}
.bottom a.espace-pro:hover {color:#94875b;}

.left .lb-menu {position:absolute; bottom:10px; right:0px; font-size:10px; color:#94875b; word-spacing:8px;}
.left .lb-menu a {font-family:Arial; font-size:10px; color:#94875b; text-decoration:none;}
.left .lb-menu a:hover {text-decoration:underline}

.content-window {width:541px; height:359px; float:right; margin:20px 0 0 0;}
.content-window .header-bar {background:#000; margin:0 0 4px 0; height:5px;}
.content-window .window {background:#000; height:345px; padding:19px 0 20px 19px;}

/* ---------- Home Page ---------- */

.menu-home a {float:left; display:block; text-indent:-9999px;  height:468px;}

.menu-home a.prestations {background:url(../images/prestations.png) no-repeat; width:78px;}
.menu-home a.prestations:hover {background-position:-78px 0;}

.menu-home a.realisations {background:url(../images/realisations.png) no-repeat; width:81px;}
.menu-home a.realisations:hover {background-position:-81px 0;}

.menu-home a.salon-mariage {background:url(../images/salon-mariage.png) no-repeat; width:81px;}
.menu-home a.salon-mariage:hover {background-position:-81px 0;}

.menu-home a.environnement {background:url(../images/environment.png) no-repeat; width:81px;}
.menu-home a.environnement:hover {background-position:-81px 0;}

.menu-home a.partenaires {background:url(../images/partenaires.png) no-repeat; width:77px;}

.menu-home a.contact {background:url(../images/contact.png) no-repeat; width:67px;}


/* ---------- Environnement ---------- */

.menu-inner {float:right; padding:0px 80px 0 0;}
.menu-inner a {float:left; display:block; text-indent:-9999px;}
.menu-inner a.prestations {background:url(../images/mi-prestations.png) no-repeat; width:28px; height:113px; margin-right:9px;}
.menu-inner a.prestations:hover {background:url(../images/mi-prestations-on.png) no-repeat;}
.menu-inner a.prestations.active {background:url(../images/mi-prestations-on.png) no-repeat;}

.menu-inner a.realisations {background:url(../images/mi-realisations.png) no-repeat; width:28px; height:124px; margin-right:12px;}
.menu-inner a.realisations:hover {background:url(../images/mi-realisations-on.png) no-repeat;}
.menu-inner a.realisations.active {background:url(../images/mi-realisations-on.png) no-repeat;}


.menu-inner a.salon-mariage {background:url(../images/mi-salon-mariage.png) no-repeat; width:28px; height:159px; margin-right:9px;}
.menu-inner a.salon-mariage:hover {background:url(../images/mi-salon-mariage-on.png) no-repeat;}
.menu-inner a.salon-mariage.active {background:url(../images/mi-salon-mariage-on.png) no-repeat;}

.menu-inner a.environnement {background:url(../images/mi-environnement.png) no-repeat; width:28px; height:144px; margin-right:30px;}
.menu-inner a.environnement:hover {background:url(../images/mi-environnement-on.png) no-repeat;}
.menu-inner a.environnement.active {background:url(../images/mi-environnement-on.png) no-repeat;}

.menu-inner a.partenaires {background:url(../images/mi-partenaires.png) no-repeat; width:28px; height:118px; margin-right:10px;}
.menu-inner a.partenaires:hover {background:url(../images/mi-partenaires-on.png) no-repeat;}
.menu-inner a.partenaires.active {background:url(../images/mi-partenaires-on.png) no-repeat;}

.menu-inner a.contact {background:url(../images/mi-contact.png) no-repeat; width:28px; height:94px;}
.menu-inner a.contact:hover {background:url(../images/mi-contact-on.png) no-repeat;}
.menu-inner a.contact.active {background:url(../images/mi-contact-on.png) no-repeat;}


.window .image {float:right; width:150px;}
.window .text {float:right; text-align:right; padding:5px; width:180px; font-weight:normal; font-size:13px; }
.window .text .strong {font-size:14px;}
.window .title {float:left; padding:25px 0 0 0;}

div#rotator ul { width:150px; margin:auto; height:315px; position:relative; float:right; clear:none;}
div#rotator ul li { left:0; position:absolute; display:block; list-style: none; }
div#rotator ul li.show { z-index:500; }
div#rotator-all ul { width:734px; height:474px; position:relative; clear:none; z-index:550; background:#000;}
div#rotator-all ul li { left:0; position:absolute; display:block; list-style: none; z-index:900;}
div#rotator-all ul li.show {z-index:999;}

/* ---------- Contact ---------- */
.window .text.contact { width: 325px;}
.contact table tr td { padding:5px 3px; vertical-align: top;}
.contact input {background: url(../images/input-bg.jpg) no-repeat; width: 217px; height: 21px; padding: 2px 4px; border: none;}
.contact textarea {background: url(../images/textarea-bg.jpg) no-repeat; width: 217px; height: 86px; padding: 2px 4px; border: none; resize:none;}
.contact .envoyer {background: url(../images/envoyer.jpg) no-repeat; width: 53px; height: 22px; padding:0; border: none; cursor: pointer;}
.contact-info { width: 541px; float: right; padding: 10px 0 0 0;}
.contact-info .left { width: 348px; float: left; text-align: right;}
.contact-info .right { width: 140px; float: right; text-align: left;}
.contact-info .right a {color:#fff;}
#error_msg {color:#F33; float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; display:none;}


#popup-all {display:none; position:absolute; z-index:550; top:100px; left:30%; margin-left:-70px; background:url(../images/popup-all-bg.png) no-repeat; width:793px; height:536px; padding:33px 0 0 31px;}
#popup-all .text {color:#000; width:150px; position:absolute; z-index:200; bottom:80px; right:55px;}
#popup-all a.close {position:absolute; bottom:77px; right:77px; text-decoration:none; z-index:9999;}

.realisations-page .content-window .window {height:330px;}
#popup {display:none; position:absolute; z-index:100; top:100px; left:30%; margin-left:-70px; background:url(../images/popup-bg.png) no-repeat; width:704px; height:449px; padding:40px 50px 40px 30px;}
#popup .text {color:#000; width:150px; position:absolute; z-index:200; bottom:80px; right:55px;}
#popup a.close {position:absolute; bottom:40px; right:46px; text-decoration:none;}
#popup h2 {font-size:13px;}
#loader-gif {position:absolute; top:250px; left:370px;}

#nextbutton {position:absolute; top:37px; right: 37px; display: none;}
#prevbutton {position:absolute; top:37px; left: 37px; display: none;}

.sitelogo.home .ul-text {display:block;}
.ul-text {width:179px; text-align:right; color:#94875b; padding:15px 0 0 10px; display:none;}
.ul-text p {padding:10px 0; font-size:12px;}
.ul-text p.smaller {font-size:11px;}

.ac-text {width:179px; text-align:right; color:#94875b; padding:15px 0 0 10px; display:none; bottom:30px; position:absolute; right:0; }
.ac-text p {padding:10px 0; font-size:11px;}
.ac-text p.stronger {font-weight:bold;}

.pres-menu { padding:0 0 0 40px; word-spacing:45px;}
.pres-menu a {font-weight:bold; font-size:13px; color:#fff; word-spacing:normal}
.pres-menu a:hover, .pres-menu a.active {text-decoration:underline;}

.partner-item {float:left; font-size:12px; font-weight:bold; color:#fff; text-align:center; padding:0 0 10px 10px;}
.partner-item img {margin:0 0 10px 0;}