@charset "UTF-8";
/* CSS Document */

/*** HEADER HOME SPECIFIC ****/
#header{
  width:100%;
  /*  height:523px;*/
  min-width:1025px;
}


#top{
  color: white;
  font-family: 'Share', cursive;
  font-size:14px;
  height:100px;
  background-color: #555147;
}

#top #logo{
  margin-top:10px;
  float:left;
}
#topmenu,#topcaption{
  float: left;
  margin-left: 20px;
  
}
#topmenu{
  margin-top: 10px;
  width: 880px;
  height: 61px;
}
#topmenu a {opacity:0.7;color:white;text-decoration:none;
display: inline-block;
font-size:14px;
/*width: 100px;*/
}
#topmenu a:hover{opacity:1}
#topmenu ul {
  list-style:none outside none;
}
#topmenu ul li{
margin-right: 20px;
display: inline-block;
vertical-align: top;
max-width: 80px;
}
#topcaption{
  clear:right;
  font-size:16px;
}

#langs{
  float:right;
  margin-top: 10px;
  color: white;
  font-family: 'Share', cursive;
  font-size: 14px;
  padding: 5px;  

}
#langs .langarrow{
  display:inline-block;
  width:10px;
  height:6px;
  background-image:url(../images/lang-dropdown-off.png);
}
#langs:hover .langarrow{
  background-image:url(../images/lang-dropdown-on.png);
}

#langs a{
  color:white;
}
#langs a:hover,#langs:hover a,#langs:hover a:hover{
  color:black;
}
#langs:hover{
  background-color:#DDDCDA;
  border-radius: 3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;  
  -khtml-border-radius:3px;  
  
}
#langs ul {
  list-style-type: none;
/*  padding-left: 54px;  */
  display:none;
}
#langs:hover ul {
  display:block;
}
#langs ul li{
  margin-top: 4px;
}
div.mod-languages li {margin:0;}
div.mod-languages #language_picker_des_90{display:none;}

#espaceclient{
	width:1025px;
	text-align:right;
margin-top: 50px;
position: absolute;
}

/*********************** MENU **********************/
#menubar {
  clear:both;
  padding-top: 3px;
  height: 34px;  
  background-color: #635F54;
  width:100%;
}
#menubar ul{
  list-style:none;
  font-family: 'Share', cursive;
    z-index: 9999;
  }
#menubar ul.menu,#menubar ul.mod-menu{ 
  margin-left:20px;
  margin-top:4px;
}
#menubar ul.menu li,#menubar ul.mod-menu li{
  float:left;
  margin-right: 60px;
  height: 30px;
}
.es_ES #menubar ul.menu li,.pl_PL #menubar ul.menu li,.es_ES #menubar ul.mod-menu li,.pl_PL #menubar ul.mod-menu li{
	margin-right: 50px;
}
#menubar ul.menu li a,#menubar ul.menu li .separator, #menubar ul.mod-menu li a,#menubar ul.mod-menu li .separator{
  color:white;
  opacity:0.7;
  font-size:20px;
  background-image:none;
}
#menubar ul.menu li a:hover,#menubar ul.menu li.active a,#menubar ul.mod-menu li a:hover,#menubar ul.mod-menu li.active a{
  opacity:1.0;
}

#menubar ul.menu li li,#menubar ul.mod-menu li li{
  margin:0;
  float:none;
  margin-top: 10px;
  margin-bottom: 10px;
  height: auto;  
}

#menubar ul.menu li li a,#menubar ul.mod-menu li li a{
  color:#444240;
  opacity:1.0;
  font-size:17px;
  display:block;
}

#menubar ul.menu li ul,#menubar ul.mod-menu li ul{
  background-color:#DDDCDA;
  border-radius: 2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;  
  -khtml-border-radius:2px;  
  position:absolute;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 5px;
  margin-left: -15px;
  display:none;
}

#menubar ul.menu li:hover ul,#menubar ul.mod-menu li:hover ul{
  display:block;
}

#menubar ul.menu li.parent:hover,#menubar ul.mod-menu li.parent:hover{
  background-image:url(../images/bg-menu-sub.png);
  background-repeat: no-repeat;
  background-position: 25px bottom;
}
#menubar ul.menu li li:hover,#menubar ul.mod-menu li li:hover{
  background-image:none;
}
/*********************** SEARCH **********************/


#menubar .searchbar{
  float:right;
  margin-top: -3px;
}
#menubar .searchbar input[type=text],#menubar .searchbar input[type=search]{
  width:198px;
  height:30px;
  background-image:url(../images/searchbox-bg-full.png);
  background-color:transparent;
  border:none;
  padding-left: 30px;
  width:168px;
  background-position: 0px -30px;
  background-repeat:no-repeat;
}
.de_DE #menubar .searchbar input[type=text],.es_ES #menubar .searchbar input[type=text],.pl_PL #menubar .searchbar input[type=text]{width:158px;}
#menubar .searchbar input[type=text]:hover{
  background-position:  0px 0px;  
  background-repeat:no-repeat;
}
#menubar .searchbar .mod-finder label.visually-hidden{ display:none;}


/*********************** HEADER::ESPACE CLIENT **********************/

#espaceclient .foodexclientmodule a{
/*	min-width:114px;
	width:100%;*/
	height:34px;
	display:inline-block;
	text-indent:-999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:right center;
}


.fr_FR #espaceclient .foodexclientmodule a{
	width:114px;
	background-image:url(../images/bt-espace-client-off.png);
}

.fr_FR #espaceclient .foodexclientmodule a:hover{
	background-image:url(../images/bt-espace-client-on.png);
}

.fr_FR #espaceclient .foodexclientmodule a.open{
	background-image:url(../images/bt-espace-client-open-off.png);
}

.fr_FR #espaceclient .foodexclientmodule a.open:hover{
	background-image:url(../images/bt-espace-client-open-on.png);
}

#espaceclient .foodexclientmodule .username{margin-right:5px;}



/*********************** FIL D'ARIANE **********************/

#ariane{
  clear:both;
  width:100%;
  min-width:1025px;
  color:white;
  font-family: 'Share', cursive;
  font-size:14px;
  background-color: #565146;
}
#ariane .breadcrumb, #ariane .mod-breadcrumb{
  margin-left:0px;
}
#ariane ul{
list-style:none;
}

#ariane a,#ariane li {
  color:white;
  opacity:0.7;
  font-size:14px;  
  margin-top:4px;
  margin-bottom:4px;
  display:inline-block;
}
#ariane a:hover{
  opacity:1.0;
}
#ariane li.breadcrumb-item::after {
content:" >";
content : url("../../../../media/system/images/arrow.png");
/*color:orange;*/
}
#ariane li.breadcrumb-item.active::after {
content:"";
}

/*********************** SLIDER **********************/
#slider{
  width:100%;
  min-width:1025px;
  background-color: #444240;
}

#slider p{
  background-image:url(../images/slider-bg-title.png);
  padding:5px;
  padding-left:10px;
  padding-right:10px;
/*  position: absolute;*/
  font-size: 34px;
  font-family: 'Share', cursive;
  color:#555147;
/*  margin-top: 240px;
  margin-left: 20px;  
*/
}
#slider .slide-desc{width:auto; bottom:9%;}
#slider .slide-desc-bg{background:none;}

#slider .navigation-container-custom{
  top:30px;
  right:40px;
}

#slider span.load-button{
/*  background:none;
  background-image:url(../images/silder-dot.png);
  border:none;
  box-shadow:none;*/
}

#slider .djslider{
  max-width:none;
}



/*********************** MAIN **********************/

#main h1{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #555147;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-top: 0px;
  margin-bottom:15px;
}

#main h1 img {
  margin-right: 10px;
  vertical-align: text-bottom;
}



/*********************** FORMS **********************/

#main div.formdiv{
  width:100%;
  position:absolute;
  left:0;
  background-color:#F6F5F3;
  padding-top:20px;
  padding-bottom:20px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color:#444240;
  border-bottom-color: #444240;
}
#main div.formdiv .leftcol{margin:0;padding:0;float:left;width:auto;}
#main div.formdiv .leftcol.inside{margin-left:20px;}
#main div.formdiv .rightcol{float:right;width:auto;}
#main div.formdiv .rightcol.inside{margin-right:20px;}
#main div.formdiv .mandatory{float:right;text-align:right;}
#main form{
  clear:both;
  display: block;
  width: 920px;
  width: 1020px;
  margin-left: auto;
  margin-right: auto;
  
}
#main form h2,#main div.formdiv h2{margin-bottom:0px;}
#main div.formdiv form input[type=text],#main div.formdiv .chronoform input[type=text],#main div.formdiv form textarea,#main div.formdiv .chronoform textarea
,#main div.formdiv form input[type=password]
,#main .pwd form input[type=text]
,#main .pwd form input[type=password]{
  border-radius: 4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;  
  -khtml-border-radius:4px;  
  border:1px solid #acaaa5;
  opacity: 0.9;
  color:#444240;
  padding:10px;
  font-family:Helvetica, sans-serif;
  font-size:13px;
}
#main div.formdiv form input[type=text],#main div.formdiv .chronoform input[type=text],#main div.formdiv form input[type=password],#main .pwd form input[type=password],#main .pwd form input[type=text]{
  width:400px !important;
  width:452px !important;
}
#main div.formdiv form textarea.fdxinput,#main div.formdiv form textarea{
  height: 132px;
  width:452px!important;
}
#main div.formdiv form input[type=submit], #main div.formdiv form input[type=button],#main div.formdiv form button,.boutonvert,#main .pwd form button[type=submit],#main .resetpwd form button[type=submit]
, .nui.colored{
background-color: #669900;
color: white!important;
font-family: 'Share', cursive;
font-size:17px;
padding-right: 30px;
padding-left: 30px;
border-radius: 1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;  
-khtml-border-radius:1px;  
border:none;
box-shadow: 1px 1px 1px #aaa; 
}
#main div.formdiv form input[type=button]{display:inline-block; margin-right:15px;}
#main div.formdiv form .flbl{display:inline-block;}

#main div.formdiv input[type=radio] {  
    display: none;  
}
#main div.formdiv label,
#main div.formdiv #form-row-rbcategory #fin-rbcategory label{  
  display: inline-block;  
  cursor: pointer;  
  position: relative;  
  padding-left: 25px;  
  margin-right: 15px;  
  font-size: 13px;  
}

#main div.formdiv #form-row-rbcategory label::before{
  background-image:none;
  display:none;
}
#main div.formdiv #form-row-rbcategory label{
  padding-left:0;
}

#main div.formdiv label:before,
#main div.formdiv #form-row-rbcategory #fin-rbcategory label:before{  
        content: "";  
        display: inline-block;  
      
        width: 19px;  
        height: 20px;  
      
        margin-right: 10px;  
        position: absolute;  
        left: 0;  
    background-image:url(../images/form-checkbox-off.png);

}
#main div.formdiv .radio label:before {  
}

#main div.formdiv input[type=radio]:checked + label:before,
#main div.formdiv #form-row-rbcategory #fin-rbcategory input[type=radio]:checked + label:before {  
        content: "";  
        color: red;  
        font-size: 30px;  
        text-align: center;  
        line-height: 18px;  
    background-image:url(../images/form-checkbox-on.png);
}  

#main div.formdiv form .content{
  clear:both;
}
#main div.formdiv .thanx{
  font-size:28px;
  font-family: 'Share', cursive;
  margin-bottom: 10px;
}
#main div.formdiv form.nui.form .field,#main div.formdiv form .nui.button{
  margin-bottom:15px;
}
#main div.formdiv form .nui.segment.rounded.bordered{
  border:none;
}
.chronocredits{display:none;}
#main div.formdiv .midlined{
  background-image:url(../images/line-dot.png);
  background-repeat: repeat-x;
  background-position: 5px;
    text-align: center;
  margin-top:10px;
  margin-bottom:10px;
}
#main div.formdiv .midlined .title{
  padding-left:20px;
  padding-right:20px;
  background-color:#F6F5F3;
  display:inline-block;
  font-family:Helvetica, sans-serif;
  font-weight:bold;
  font-size:15px;
}
#main div.formdiv .empty{height:34px;}

/*CF7*/
#main .formdiv .mainfield{
width:452px;
}

/*********************** FOOTER **********************/
#footerlinks,#footermap{color:white;font-family: 'Share', cursive;}
#footermap{padding-top:30px;margin-bottom: 50px;}
#footermap ul{list-style:none;}
#footermap a{
  display:block;
  float:left;
  width: 130px;
  margin-bottom: 5px;
  opacity:0.7;
}
#footer a{
  opacity:0.7;
}
  
#footer a:hover{
  opacity:1.0;
}
#footerlinks{
  clear:both;
  text-align:right;
  margin-top:50px;
}


#footer h1{
  font-size:16px;
  margin:0; padding:0;
  color:white;
  margin-bottom:7px;
}
#footer .leftcol{
  float: left;
  width: 330px;
  float: left;
  padding-left: 25px;
  font-size: 16px;
  color: white;
}

#footer .leftcol img{
  vertical-align:middle;
  margin-right:10px;
}

#footer .leftcol a{
  padding-left:20px;
  font-size:14px;
  margin-top:10px;
}
#footer #footermap a img{opacity:1.0;}

#footer .footseparator{
  height: 162px;
  float: left;
  border-left: 1px solid white;
  width: 1px;
  margin-top: 30px;
  opacity: 0.7;
}

#footer .rightcol{
  width:630px;
  float:right;
  font-size: 16px;
  color: white;
}


#footermap .rightcol a{
  display:block;
  float:none;
  width: auto;
  margin:0;
  opacity:0.7;
  font-size:14px;
}








#footerlinks a, #footermap a{
  font-size:14px;
}


#footermap .rightcol ul {
  list-style-type: none;
}

#footermap .rightcol ul li{
  width : 185px;
  float:left;
  margin-bottom:30px;
  margin-left: 20px;
  line-height: 24px;
}

#footermap .rightcol ul li.lastcol{
  width:130px;
}
#footermap .rightcol ul li a{
  opacity:1.0;
}

#footermap .rightcol ul li ul li{
  margin:0;
  float:none;
}

#footermap .rightcol ul li ul li a{
  opacity:0.7;
}
#footermap .rightcol ul li ul li a:hover{
  opacity:1.0;
}


#footerlinks a, #footermap a{
  font-size:14px;
}

#footerlinks{clear:both;text-align:right;margin-top:30px;}
#footerlinks ul{list-style:none;}
#footerlinks ul li{display:inline-block; padding-right:2px;padding-left:2px; }


#xmap ul li {list-style:none;text-indent:10px;margin-top:10px;}
#xmap ul {margin-left:20px}
#xmap ul ,#xmap ul li a{font-size:16px}

.search #searchForm fieldset, .pwd fieldset{border:none;margin-top:10px; margin-bottom:10px;}
.search #searchForm .phrases .ordering-box{display:none;}
.search #searchForm .phrases legend{float: left;margin-right: 30px;}
.search #searchForm div.formdiv-limit{margin-right: 30px;}
.search #searchForm div.formdiv-limit, .search #searchForm .counter{display:inline;}
.search .search-results {margin-top:20px;}
.search .search-results .result-category{opacity:0.5;}
.search .search-results .result-title{margin-top:10px;}
.search .pagination {margin-top:30px;}
.search .pagination ul{list-style:none;}
.search .pagination ul li {float:left;margin-right:10px;}