/**********************************************/
/**********************************************/
/*  CECI EST   ********************************/
/**********************************************/
/** UN SITE  **********************************/
/**********************************************/
/** TRÈS MAL **********************************/
/**********************************************/
/** INTÉGRÉ ***********************************/
/**********************************************/
/** PAR  **************************************/
/**********************************************/
/**  PIERRE-LOUIS BONNEAU  ********************/
/* https://www.linkedin.com/profile/view?id=76422203&authType=name&authToken=3XGj&trk=connect_hub_pymk_profile_photo */
/**********************************************/
/**********************************************/
/** ENJOY THIS PIECE OF SHIT  *****************/
/**********************************************/
/**********************************************/




/**********************************************/
/* Reusable class                             */
/**********************************************/

.validate { display:none; }

img, embed, object, video { max-width: 100%; }

.overflow-hidden {
	overflow:hidden;	
}
.clear:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clear{
	display: inline-table;
}
.clear{
	height:0;
	clear: both;
	display:block
}
.inline{
    display:inline-block !important;
}
strong, .bold {
    font-weight:bold;
}
.floatright {
    float:right;
}
.floatleft {
    float:left;
}
.hidden {
    display:none;
}
.indent img{
    display:block;
}
.indent strong{
    position:absolute;
    left:-9999px;
} 
.no-margin{
    margin:0 !important;
}
address{
    font-style:normal;
    line-height:16px;
    white-space:nowrap;
}
.block{
    display:block;
}

/*ADMIN*/
ul.adminmenu li{
    margin-bottom:5px;
}
.admin-link {
	border:1px solid #999999;
	background:#f5f5f5;
	margin:15px;
	padding:15px;
	text-align:center;
	width: 800px;
	margin:0 auto;
}
.admin-link a{   
	font-weight:bold;
	margin:0 6px;
}

body { line-height:1.2;}

/**********************************************/
/* Specific content                           */
/**********************************************/

#wisiwig{ padding-right: 20px;}
#wisiwig a{ color:#ffcc00 !important; font-weight:bold; }
#wisiwig a:hover{ color:#333333 !important; }

/* Custom Form START */
#form-contact { width:400px; display:block;}
#form-2col { width:600px; display:block;}
.form input {background: #fff; height:16px; border: 1px solid #b2b2b2; width:100%;}
.form label { float:left; clear:both; margin-bottom:10px; width:100%; position:relative;}
.form label strong { font-weight:900;}
.form label span {  font-size:10px; color:#F00; display:none;}
.form input:active, .form label.textarea textarea:active {border: 1px solid red;}
.form input:focus, .form label.textarea textarea:focus {border: 1px solid orange;}
.form label.button input { width:auto; background:none; height:auto; border:none; margin-bottom:20px; cursor:pointer; background:#CCC; padding:5px 20px;}
.form label.radio{ width:80px; margin-right:20px; clear:none; float:left; zoom:1;}
.form label.radio input { background:none; height:14px; width:14px; border:none;}
.form label.textarea textarea {background: #fff; height: 80px; border: 1px solid #b2b2b2; width:100%;}
.form label.first { clear:left !important;}
.form fieldset{}

.form-col-2 {width:280px; float:left; margin-right:20px;}
span.validator { color:red; display:none;}
/* Custom Form END */
* {margin: 0;}
body{background:url(/images/bg-body.jpg) top center repeat-x; width:100%; height:100%;}
html{background:url(/images/bg-html.png) top center repeat-y; height:100%; }
#wrapper{min-height: 100%; height: auto !important;  height: 100%; 	margin: 0 auto -280px; position:relative; width:1000px;}

#wrapper-admin{width:890px; min-height:552px; background:#FFF; position:relative; margin:-57px auto 0; z-index:20; padding:25px;}	
#wrapper-admin h2{font-family: adrianna-extended; color:#666666; text-transform:uppercase; font-size:20px; margin-bottom:15px;}	
#wrapper-admin h3{font-family: adrianna-extended; color:#666666; text-transform:uppercase; font-size:16px; margin-bottom:10px;}		
#wrapper-admin p{padding:0 0 5px 0; color:#333333; font-size:14px;}		
#wrapper-admin a{color:#333333; font-size:13px;}
#wrapper-admin a:hover{color:#ffcc00;}		
#spacer-login{margin-top:10px;}		
#wrapper-admin ul li{padding:0 0 10px 0; color:#333333; font-size:14px;}	

	
#header{width:1000px; height:130px; background:#FFF; position:relative; z-index:10;}
#main-nav{width:1000px; height:49px; background:url(/images/bg-mainnav.png) repeat-x; position:absolute; bottom:-49px; left:0; z-index:10;}
#main-nav > ul > li{display:block; float:left; margin-left:26px; height:49px;}
#main-nav > ul > li > a{font-size:12px; color:#FFF; font-weight:bold; background:url(/images/nav-arrow.png) no-repeat center 33px; height:36px; padding-top:13px; display:block; text-transform:uppercase;}
#main-nav > ul > li > a:hover{ color:#ffcc00; font-weight:bold;}
#btn-emploi{background: #ffcc00; width:76px; height:21px; display:block; color:#333333; text-align:center; font-size:14px; line-height:22px; position:absolute; top:40px; left:774px;}
#btn-nousjoindre{background: #ffcc00; width:101px; height:21px; display:block; color:#333333; text-align:center; font-size:14px; line-height:22px;  position:absolute; top:40px; left:862px;}
#btn-plandusite{background:url(/images/btn-plandusite.gif) no-repeat; width:94px; height:21px; display:block; color:#333333; text-align:center;  font-size:14px; line-height:22px;  position:absolute; top:40px; left:869px;}
#btn-emploi:hover{background: #ffcc00; height:21px; display:block; color:#FFF;}
#btn-emploi span{color: #666; background: #FFF; border-radius: 2px; padding: 2px 4px; font-size: 9px; margin-bottom: 3px; position: relative; top: -1px;}
#btn-nousjoindre:hover{background:url(/images/btn-nousjoindre.gif) no-repeat; width:101px; height:21px; display:block; color:#FFF;}
#btn-plandusite:hover{background:url(/images/btn-plandusite.gif) no-repeat; width:94px; height:21px; display:block; color:#FFF;}
#main-slider{width:1000px; height:400px; position:relative; z-index:1;}
#main-slider > ul > li{display:none; width:1000px; height:400px;}
#main-slider > ul > li.active{width:1000px; height:400px; display:block;}
#slogan{position:absolute; top:63px; right:40px; z-index:1000;}
#logo{position:absolute; top:45px; left:40px;}

/* Index */
#content{width:940px; min-height:320px; background:#FFF; position:relative; margin:-57px auto 0; z-index:20;}
#content #col1{width:575px; min-height:552px; float:left; position:relative; margin-right:48px; padding-bottom:25px; font-weight:lighter; text-align:justify;}
#content #col2{width:295px; min-height:552px; float:left; position:relative; padding-bottom:25px; font-weight:lighter;}
#content #col1 h2{width:553px; font-family: adrianna-extended; font-size:24px; color:#666666; border-bottom:1px dotted #666; margin:38px 0 0 22px;}
#content #col2 h2{width:295px; font-family: adrianna-extended; font-size:24px; color:#666666; border-bottom:1px dotted #666; margin:38px 0 0 0;}
#content #col1 p{padding:15px 0 0 22px; color:#333333; font-size:14px;}
#content #col1 p.small{font-size:10px;}
#content #col2 p.small{font-size:12px; text-transform:uppercase; text-align:center; margin-top:15px;}
#content #col2 #slider2{width:294px; /*height:360px;*/ margin-top:64px; overflow:hidden; position:relative;}
#content #col2 #slider2 #arrow-up{position:absolute; top:0; left:104px; background:url(/images/arrow-top.png) no-repeat; width:86px; height:19px; display:block; z-index:5;}
#content #col2 #slider2 #arrow-up:hover{background:url(/images/arrow-top_hover.png) no-repeat;}
#content #col2 #slider2 #arrow-down{position:absolute; bottom:0; left:104px; background:url(/images/arrow-bot.png) no-repeat; width:86px; height:19px; display:block;z-index:5;}
#content #col2 #slider2 #arrow-down:hover{background:url(/images/arrow-bot_hover.png) no-repeat;}
#content #col2 #slider2 ul li{margin-bottom:8px; padding:6px;}
#content #col2 #slider2 ul li a{display:block; width:294px; height:162px;}
#content #col2 #slider2 ul li.cadre1{background:url(../images/cadre-promo1.png) no-repeat; width:294px; height:162px; display:block; z-index:10;}
#content #col2 #slider2 ul li.cadre1:hover{background:url(../images/cadre-promo1_hover.png) no-repeat; width:294px; height:162px; display:block; z-index:10;}
#content #col2 #slider2 ul li.cadre2{background:url(../images/cadre-promo2.png) no-repeat; width:294px; height:162px; display:block; z-index:10}
#content #col2 #slider2 ul li.cadre2:hover{background:url(../images/cadre-promo2_hover.png) no-repeat; width:294px; height:162px; display:block; z-index:10}

/* Produits */
#content > #col-produits{width:941px; min-height:375px; padding-top: 1px;}
#content > #col-produits > h2{ border-bottom:1px dotted #666; margin:0 20px 20px; font-family: adrianna-extended; font-size:24px; color:#666666;}
#content > #col-produits > h2.title-txt{ font-family: adrianna-extended; font-size:24px; color:#666666; border-bottom:1px dotted #666; margin:0 0 10px 22px; padding:38px 0 5px 0; font-weight:lighter;}
#content > #col-produits > p{width:895px;}
#content > #title-produit{position:absolute; top:38px; left:22px;}
#content > #col-produits > p{padding:15px 0 0 22px; color:#333333; font-size:14px;}
#content #col-produits #slider{width:920px; height:165px; overflow:hidden; position:relative; margin: 20px;}
#content #col-produits #slider #arrow-left{position:absolute; top:40px; left:0; background:url(/images/arrow-left.png) no-repeat; width:19px; height:86px; display:block; z-index:5;}
#content #col-produits #slider #arrow-left:hover{background:url(/images/arrow-left_hover.png) no-repeat;}
#content #col-produits #slider #arrow-right{position:absolute; top:40px; right:0; background:url(/images/arrow-right.png) no-repeat; width:19px; height:86px; display:block;z-index:5;}
#content #col-produits #slider #arrow-right:hover{background:url(/images/arrow-right_hover.png) no-repeat;}
#content #col-produits #slider ul{width:5000px; margin-left:23px;}
#content #col-produits #slider ul li{margin-right:3px; float:left; display:block; height:162px; width:294px; margin-left:2px;}


#content #col-produits .slider-liquidations{width:920px; height:165px; overflow:hidden; position:relative; margin: 20px;}
#content #col-produits .slider-liquidations #arrow-left{position:absolute; top:40px; left:0; background:url(/images/arrow-left.png) no-repeat; width:19px; height:86px; display:block; z-index:5;}
#content #col-produits .slider-liquidations #arrow-left:hover{background:url(/images/arrow-left_hover.png) no-repeat;}
#content #col-produits .slider-liquidations #arrow-right{position:absolute; top:40px; right:0; background:url(/images/arrow-right.png) no-repeat; width:19px; height:86px; display:block;z-index:5;}
#content #col-produits .slider-liquidations #arrow-right:hover{background:url(/images/arrow-right_hover.png) no-repeat;}
#content #col-produits .slider-liquidations ul{width:5000px; margin-left:23px;}
#content #col-produits .slider-liquidations ul li{margin-right:3px; float:left; display:block; height:162px; width:294px; margin-left:2px;}

#content #col-produits .fancy-liquidation{width:920px; height:165px; overflow:hidden; position:relative; margin: 20px;}
#content #col-produits .fancy-liquidation #arrow-left{position:absolute; top:40px; left:0; background:url(/images/arrow-left.png) no-repeat; width:19px; height:86px; display:block; z-index:5;}
#content #col-produits .fancy-liquidation #arrow-left:hover{background:url(/images/arrow-left_hover.png) no-repeat;}
#content #col-produits .fancy-liquidation #arrow-right{position:absolute; top:40px; right:0; background:url(/images/arrow-right.png) no-repeat; width:19px; height:86px; display:block;z-index:5;}
#content #col-produits .fancy-liquidation #arrow-right:hover{background:url(/images/arrow-right_hover.png) no-repeat;}
#content #col-produits .fancy-liquidation ul{width:100%; margin-left:0px;}
#content #col-produits .fancy-liquidation ul li{margin-right:3px; float:left; display:block; height:162px; width:294px; margin-left:2px;}


/* viewwer */
#content #col-produits #slider-viewer {width:920px; height:470px; margin-top:20px; overflow:hidden; position:relative;}
#content #col-produits #slider-viewer #arrow-left{position:absolute; top:40px; left:17px; background:url(/images/arrow-left.png) no-repeat; width:19px; height:86px; display:block; z-index:5;}
#content #col-produits #slider-viewer #arrow-left:hover{background:url(/images/arrow-left_hover.png) no-repeat;}
#content #col-produits #slider-viewer2 #arrow-right{position:absolute; top:40px; right:0; background:url(/images/arrow-right.png) no-repeat; width:19px; height:86px; display:block;z-index:5;}
#content #col-produits #slider-viewer #arrow-right:hover{background:url(/images/arrow-right_hover.png) no-repeat;}
#content #col-produits #slider-viewer ul{width:5000px; margin-left:23px;}
#content #col-produits #slider-viewer ul li{margin-right:5px; float:left; display:none; height:470px; width:920px;}
#content #col-produits #slider-viewer ul li.active{margin-right:5px; float:left; display:block; height:470px; width:920px;}


#content #col-produits p.small{font-size:12px; text-transform:uppercase; text-align:center; margin-top:10px;}
#content #col-produits #partenaires{width:930px; height:auto; margin:50px 0 25px 23px;}
#content #col-produits #partenaires li{float:left; margin:0 30px 20px 0; display:block; height:50px;}
#content #col-produits #partenaires li a{display:block;}
#content #col-produits #partenaires li a img{max-width:none;}

/* emploi */
#content > #col-produits > .un-emploi{width:895px; font-size:14px; color:#333333; border-bottom:1px dotted #666; margin:15px 0 10px 22px; padding:0 0 5px 0;}
#content > #col-produits > .un-emploi > h3{text-transform:uppercase; font-size:14px; font-weight:bold; margin-bottom:5px;}
#content > #col-produits > .un-emploi > h4{text-transform:uppercase;  margin-bottom:5px;}
#content > #col-produits > .un-emploi > ul{margin:0 0 10px 0;}
#content > #col-produits > .un-emploi > ul > li{list-style:disc; margin:0 0 0 17px; padding:0;}
#content #col-produits #formulaire{width:908px; min-height:170px; margin:15px 0 10px 22px; padding:10px 0 5px 17px; }
#content > #col-produits > #formulaire > p{padding:0 0 0 0; margin:0 0 20px 0; display:block; width:auto; font-size:14px;}
#content #col-produits #formulaire form{display:block;}
#content #col-produits #formulaire #col1 label{display:block; margin-bottom:20px; font-size:14px;}
#content #col-produits #formulaire #col2 label{display:block; margin-bottom:22px; font-size:14px;}

#content #col-produits #formulaire .field-emploi{background:url(/images/bg-field.gif) repeat; height:22px; width:305px; border:1px solid #d1d1d1; font-size:12px; padding:0 3px; float:right;}
#content #col-produits #formulaire .field-emploi2{background:url(/images/bg-field.gif) repeat; height:22px; width:260px; border:1px solid #d1d1d1; font-size:12px; padding:0 0 0 3px;}
#content #col-produits #formulaire .field-emploi3{background:url(/images/btn-choisirfichier.png) no-repeat top right; width:420px; height:22px; display:block; margin-top:15px; text-align:left;}
#content #col-produits #formulaire .field-emploi4{background:url(/images/btn-choisirfichier-ok.png) no-repeat top right; width:410px; height:22px; display:block;}
#content #col-produits #formulaire .field-emploi5{background:url(/images/btn-choisirfichier-fail.png) no-repeat top right; width:410px; height:22px; display:block;}
#content #col-produits #formulaire .field-emploi6{background:url(/images/bg-field.gif) repeat; height:22px; width:197px; border:1px solid #d1d1d1; font-size:12px; padding:0 3px; float:right;}
#content #col-produits #formulaire .field-emploi7{background:url(/images/bg-field.gif) repeat; height:22px; width:285px; border:1px solid #d1d1d1; font-size:12px; padding:0 3px; float:right;}
#content #col-produits #formulaire .field-emploi8{margin-top:8px;}
#content #col-produits #formulaire .field-emploi3 input, #content #col-produits #formulaire .field-emploi4 input, #content #col-produits #formulaire .field-emploi5 input, #content #col-produits #formulaire .field-emploi6 input, #content #col-produits #formulaire .field-emploi7 input, #content #col-produits #formulaire .field-emploi8 input{opacity:0; filter:alpha(opacity=0);}
#content #col-produits #formulaire #col1{width:400px; min-height:120px; float:left; position:relative;}
#content #col-produits #formulaire #col2{width:400px; min-height:120px; float:left; position:relative;}
#btn-envoyer{background:url(/images/btn-envoyer.png); width:70px; height:22px; display:block;}
.msg-erreur{float:left; color:#FF0000; margin:0 0 10px 0;}
.msg-erreur2{float:right; color:#FF0000; margin:0 0 10px 0;}


/* 404 */
#content-404{width:941px; min-height:552px; background:#FFF; position:relative; margin:49px auto 0; z-index:20;}
#img-404{position:absolute; top:10px; right:25px; }
#content-404 h2{color:#ffcc00; font-size:100px; font-family: adrianna-extended; margin:0 0 0 35px; padding-top:80px;}
#content-404 h3{font-size:27px; color:#666;  margin:15px 0 0 35px;}

/* nous joindre*/

#info-contact2{width:230px; height:125px;  z-index:25; margin-left:22px; margin-top:20px;}
#info-heures2{width:270px; height:100px;  z-index:25;  margin-left:22px;}
#info-contact2 strong, #info-heures2 strong{text-transform:uppercase;}

#info-contact2 > p, #info-heures2 > p{font-size:13px; color:#666666; margin-bottom:0;  z-index:25; line-height:20px;}
#cuisiversions-map{position:absolute; top:90px; right:21px;}
#form-contact{display:block; width:280px; margin:5px 0 0 21px;}
#form-contact label{width:100%; font-size:13px; color:#666666;}
#form-contact label input{background:url(/images/bg-field.gif) repeat; height:22px; width:280px; border:1px solid #d1d1d1; font-size:12px; padding:0 3px; margin-bottom:10px;}
#form-contact label textarea{width:280px; height:100px; background:url(/images/bg-field.gif) repeat; font-size:12px; border:1px solid #d1d1d1; margin-bottom:10px;}
#form-contact label #envoyer{width:75px;}
#form-title{margin-top:20px; text-transform:uppercase; margin-bottom:15px;}
/* footer */
#push{height:280px;}
#footer{width:100%; height:280px; position:absolute; z-index:1; background:url(/images/bg-footer.jpg) repeat-x;}
#footer a{color:#666666;}
#footer a:hover{color:#ffcc00;}
#footer #footerblock{width:896px; height:206px !important; margin:0 auto; z-index:25; background:url(/images/bg-footerblock.png) repeat-x; position:relative; border:23px solid #FFF; border-top:none; border-bottom:none;}
#footer #footerblock h3{position:absolute; top:50px; left:23px; font-size:30px; color:#666666; font-family: adrianna-extended; line-height:27px;}
#footer #footerblock h3 span{font-size:19px;}
#info-contact{position:absolute; top:23px; left:355px; width:230px; height:145px;  z-index:25; }
#info-heures{position:absolute; top:23px; left:580px; width:270px; height:100px;  z-index:25;}
#info-contact p, #info-heures p{font-size:13px; color:#666666; margin-bottom:10px; padding:0;  z-index:25;  line-height:17px;}
#info-contact strong, #info-heures strong{text-transform:uppercase;}
#copyright{position:absolute; bottom:-25px; left:23px; font-size:11px; color:#999999;  z-index:25;}
#signature-acolyte{position:absolute; bottom:-45px; left:23px; display:block; width:121px; height:14px;  z-index:25;}
#footer-img{position:absolute; bottom:-10px; right:-50px;  z-index:25;}
#sitemap{position:absolute; bottom:5px; left:23px;}
#sitemap ul li{float:left; margin-right:5px;}
#sitemap ul li a{font-size:12px;  color:#666666;}
#sitemap ul li a:hover{color:#ffcc00;}

/*debug*/
.fichierjoint{color:#0CBA14; position:absolute; display:block; width:auto; height:25px; bottom:60px; right:0; text-align:right;}
#cv{width:150px !important; cursor:pointer !important; height:20px;}

.admin-link{margin-bottom:10px;}

.btn-topnav{background: #ffcc00; width:76px; height:21px; display:block; color:#333333; text-align:center; font-size:14px; line-height:22px; position:absolute; }
.btn-topnav:hover{ color:#fff; }
.btn-profil{ top:40px; right:238px; }

.list-document{ clear:both; padding-left:22px; margin-top:30px; }
.list-document li{ float:left; width:50%; margin-bottom:10px; }
.list-document li.clear{ float:none; width:100%; }
.link-document{ display:block; padding:6px 0 6px 34px; position:relative; font-size:14px; color:#666666; font-weight:bold; }
.link-document:hover{ color:#ffcc00; }
.link-document:before{ position:absolute; top:0px; left:0px; display:block; width:22px; height:29px; background:url(/images/pdf.jpg) no-repeat center center; content:""; }
.content-text{ padding-top:30px; }

.text-liqui{ margin:20px 0; }
.text-liqui h2{ font-size:18px; }

.text-liqui{ padding-left:22px; }
#wisiwig  .link-section{ font-size:16px; }