/************** Globale Css ******************/

* {
  box-sizing:border-box;
}

html, body, div, span, header, footer, article, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

@font-face {
    font-family: 'eurofurence light';
    src: url('../Fonts/Eurofurence/eurof35.eot');
    src: url('../Fonts/Eurofurence/eurof35.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Eurofurence/eurof35.woff') format('woff'),
         url('../Fonts/Eurofurence/eurof35.ttf') format('truetype'),
         url('../Fonts/Eurofurence/eurof35.svg#Eurofurencelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Coolvetica';
    src: url('../Fonts/Coolvetica/coolvetica.eot');
    src: url('../Fonts/Coolvetica/coolvetica.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Coolvetica/coolvetica.woff2') format('woff2'),
         url('../Fonts/Coolvetica/coolvetica.woff') format('woff'),
         url('../Fonts/Coolvetica/coolvetica.ttf') format('truetype'),
         url('../Fonts/Coolvetica/coolvetica.svg#coolveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  font-family:Arial, sansserif;
  font-size:14px;
  background-color:#e1e1e1;
}

h1 {
  font-family: 'eurofurence light';
  font-size:50px;
  color:#608ea6;
}

h2 {
  font-family: 'eurofurence light';
  font-size:30px;
  color:#2b2b2b;
}

h3 {
  font-family: Arial;
  font-size:18px;
  color:#2b2b2b;
  font-weight:bold;
}

h4 {
  font-family: Arial;
  font-size:16px;
  color:#608ea6;
  font-weight:bold;
}

p {
  font-family: Arial;
  font-size:14px;
  color:#2b2b2b;
}

a {
  font-family: Arial;
  text-decoration:underline;
  color:#608ea6;
  transition: all 0.6s ease-out 0s;
  -webkit-transition: all 0.6s ease-out 0s;
}

a:hover {
  color:#7eb9d8;
}


.clear {clear:both;height:0px;line-height:0px;}

#curtain {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index:4;
  background-color:black;
  opacity:0.7;
  display:none;
}

#popup {
  z-index:6;
  padding:10px;
  top:50%;
  left:50%;
  position: absolute;
  margin:auto;
  display:none;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

#popup > div.header-popup {
  margin:0px;
  padding:0px;
}

#popup > div.header-popup > a.close-popup {
  display:block;
  font-size:18px;
  height:22px;
  width:22px;
  float:right;
  text-align:center;
  color:red;
  font-weight:bold;
  text-decoration:none;
  -ms-transform: rotate(-5deg); /* IE 9 */
  -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
  transform: rotate(-5deg);
  -webkit-transition: transform 1s ease-out 0s; /* For Safari 3.1 to 6.0 */
  transition: transform 1s ease-out 0s;
}

#popup > div.header-popup > a.close-popup:hover {
  text-decoration:none;
  -ms-transform: rotate(15deg); /* IE 9 */
  -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
  transform: rotate(15deg);
}

#popup > div.header-popup > span.title-popup {
  display:block;
  margin-right:22px;
  font-weight:bold;
  font-size:18px;
  color:#075cb0;
}

#popup > div.content-popup {
  overflow: auto;
  margin:6px 0 0 0;
  padding:0px;
  max-height:90%;
}

#popup > div.content-popup > div.picture-content > img {
  display:block;
  margin:auto;
}

#popup > div.content-popup > img.loading {
  display:block;
  float:left;
  width:66px;
  height:66px;
}

#popup > div.content-popup > span.text-loading {
  font-size:34px;
  font-weight:bold;
  color:#075cb0;
  display:block;
  margin:12px 12px 12px 80px;
}

#popup > div.footer-popup {
  overflow: hidden;
  margin:2px 0 0 0;
  padding:0px;
  background-color:#fefefe;
}

/*********** Content *************/
#wrapper {
	width: 100%;
  min-width:1200px;
	margin: 0 auto;
}

#header {
	padding: 0 0 0 0;
  margin: 0 1%;
  
}

/***** Logo *****/
#header div.logo {
  width:230px;
  float:left; 
}

#header div.logo a {
  display:block;
  margin:0;
  padding:0;
  width:230px;
}

/***** Connexion *****/
#header div.zone-connect {
 float:right;
 width:600px;
 margin-top:12px;
}

#header div.zone-connect table {
  margin:0;
  padding:0;
  border-collapse:collapse;
  width:100%;
  font-size:12px;
}

#header div.zone-connect table td {
  margin:0;
  padding:4px 0 0 0;
}

#header div.zone-connect table td > input[type="text"],
#header div.zone-connect table td > input[type="password"] {
  border:1px solid #959595;
  border-radius:4px;
  width:86%;
  padding:6px 8px;
  margin:auto;
  font-style:italic;
  opacity:1;
}

#header div.zone-connect table td > input[type="submit"] {
  border:none;
  border-radius:4px;
  padding:6px 8px;
  opacity:1;
  background-color:#608ea6;
  color:#fff;
  font-weight:bold;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

#header div.zone-connect table td > input[type="submit"]:hover {
  border:none;
  background-color:#7eb9d8;
  cursor:pointer;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

#header div.zone-connect table td > input[type="checkbox"] {
  opacity:0.6;
  vertical-align:-2px;
}

#header div.zone-connect table td > span {
  font-style:italic;
  margin:0 0 0 4px;
}

#header div.zone-user {
 float:right;
 width:262px;
 margin-top:24px;
 position:relative;
}

#header div.zone-user > div.img-user {
  float:left;
  width:64px;
  margin:0;
  padding:0;
  border-radius:64px;
  overflow:hidden;
  background-color:#608ea6;
}

#header div.zone-user > div.img-user > img {
  display:block;
  width:64px;
  height:64px;
  
}

#header div.zone-user > div.info-user {
  margin:10px 0 0 74px;
  padding:0;
}

#header div.zone-user > div.info-user > p {
  margin:4px 0;
  font-size:16px;
}

#header div.zone-user > div.info-user > p > a {
  margin:0;
}

#header div.zone-user > div.info-user > p > a > img {
 margin:0 0 0 2px;
 padding:0;
}

#header div.zone-user > div.user-menu-details {
  position:absolute;
  top:58px;
  right:10px;
  display:none;
  z-index:10;
  background-color:#ffffff;
  border:1px solid #ddd; 
  padding:0 8px;
}

#header div.zone-user div.user-menu-details > ul {
  margin: 2px 0 4px 16px;
  overflow:hidden; 
  list-style:none; 
  padding:0;
  margin:0
}

#header div.zone-user div.user-menu-details > ul > li {
  padding:8px 0; 
  border-bottom:1px solid #ddd;
}

/***** Titre *****/
#header div.title {
  margin:0 600px 0 230px;
}

#header div.title2 {
  margin:0 262px 0 230px;
}

#header div.title > h2,
#header div.title2 > h2 {
  color:#608ea6;
  font-size:36px;
  font-size:3.4vw;
  text-align:center;
  padding: 36px 0;
  padding: 1.2vw 0 0 0;
  font-weight:normal;    
}
/***** Loading *****/
div.loading {
  margin: 10px 0;
  padding: 10px;
  background-color: #ffffff;
}

div.loading > img {
  display:block;
  float:left;
  width:48px;
  margin:20px 10px 20px 20px;
  padding:0px;
}

div.loading > span {
  margin:20px 5px 20px 80px;
  font-size:38px;
  line-height:48px;
  display:block;
  font-family: "eurofurence light";
  font-weight:bold;
}

/***** Errors *****/

div.zone-errors {
  color:#fff;
  border:none;
  border-radius:4px;
  background-color:#ff0000;
  padding:8px;
  font-size:16px;
  margin:0 0 4px 0;
}

input.input-errors,
select.input-errors,
textarea.input-errors {
  /*border:1px solid #FF0000 !important;*/
  background-color:#FF7F7F !important;
}

span.texte-errors {
  color:#FF0000;
  font-weight:bold;
}

/***** Menu *****/
#menu {margin-top:4px;}

#menu nav.menu-right {
	float:right;
  width:281px;  
  font-size:16px;
  display:block;
}

#menu nav.menu-right2 {
	float:right;
  width:154px;  
  font-size:16px;
  display:block;
}

#menu nav.menu-right ul,
#menu nav.menu-right2 ul {
	margin: 0;
	list-style-type: none;
  overflow:hidden;
  display:block;
}

#menu nav.menu-right ul li,
#menu nav.menu-right2 ul li {
	display: block;
	float: left;
	padding: 0;
	background: none;
  margin-left:2px;
}
#menu nav.menu-right ul li:first-child,
#menu nav.menu-right2 ul li:first-child {
  margin-left:0px !important;
}
#menu nav.menu-right ul li a,
#menu nav.menu-right2 ul li a {
	display: block;
  margin:0;
	padding:0;
	text-decoration: none;
  text-align:center;
	font-size: 14px;
  line-height:51px;
  font-weight:bold;
  color:#fff;
  background-color: #608ea6;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  box-sizing: border-box;
}

#menu nav.menu-right ul li:first-child a,
#menu nav.menu-right2 ul li:first-child a {
  width:125px;
}

#menu nav.menu-right ul li:last-child a,
#menu nav.menu-right2 ul li:last-child a {
  width:154px;
}

#menu nav.menu-right ul li a:hover,
#menu nav.menu-right2 ul li a:hover {
  background-color: #7eb9d8;
}

#menu nav.menu-left {
  background:#cfd0d3 url('../Images/Design/gradient-bg.png') repeat-x ;
  background-size:100% 100%;
  height:50px;
  border-bottom:1px solid #d0cdcd;
  font-size:16px;
  margin-right:281px;
}

#menu nav.menu-left2 {
  background:#cfd0d3 url('../Images/Design/gradient-bg.png') repeat-x ;
  background-size:100% 100%;
  height:50px;
  border-bottom:1px solid #d0cdcd;
  font-size:16px;
  margin-right:154px;
}

#menu nav.menu-left ul,
#menu nav.menu-left2 ul {
	margin: 0;
	list-style-type: none;
  overflow:hidden;
  display:block;
  height:50px;
}

#menu nav.menu-left ul li,
#menu nav.menu-left2 ul li {
	display: block;
	float: left;
	padding: 0;
	background: none;
  height:50px;
}

#menu nav.menu-left ul li a,
#menu nav.menu-left2 ul li a {
	display: block;
	padding:17px 22px;
	text-decoration: none;
	display:block;
	font-size: 14px;
  font-weight:bold;
  color:#2b2b2b;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

#menu nav.menu-left ul li a:hover,
#menu nav.menu-left2 ul li a:hover {
  color:#608ea6;
  border-bottom:5px solid #608ea6;
  padding:17px 22px 12px 22px;
}

/***** Slider *****/
#slider {
  width:100%;
  overflow:hidden;
  margin:0 auto;
  position:relative;
  z-index:1;
}

#slider > div.slider-overflow {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}

#slider > div.slider-overflow > div.slider-inner {
  width: 100%;
}

#slider div.slider-inner > article {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#slider div.slider-inner > article > img {
  width:100%;
  display:block;
  margin:0;
  padding:0;
}

#slider div.slider-inner > article > h2 {
  position:absolute;
  top:16%;
  left:22%;
  font-size:144px;
  font-size: 8.5vw;
  color:#fff;
  text-shadow: 0px 0px 8px #404040;
  font-weight:bold;
}

#slider div.slider-inner > article > h3 {
  position:absolute;
  top:52%;
  left:17%;
  font-size:96px;
  font-size: 5.5vw;
  color:#fff;
  text-shadow: 0px 0px 8px #404040;
  font-weight:bold;
  font-family: 'eurofurence light';
}

/***** zone search *******/
#search {
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  z-index:2;
  background-color: rgba(0,0,0,0.6);
  padding:1%;
}

#search > div.search-left {
  float:left;
  width:64px;
  background-color:#ffffff;
  border-radius:4px 0 0 4px;
  border-top:1px solid #959595;
  border-left:1px solid #959595;
  border-bottom:1px solid #959595;
  border-right:0px solid #fff;
}

#search > div.search-left > label {
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:none;
}

#search > div.search-left > label > img {
  display:block;
  margin:0 0 0 8%;
  padding:10px;
}

#search > div.search-right {
  float:right;
  width:280px;
}

#search > div.search-right > input[type="submit"] {
  border:none;
  border-radius:4px;
  padding:16px 14%;
  opacity:1;
  background-color:#608ea6;
  color:#fff;
  font-weight:bold;
  display:block;
  font-size:16px;
  margin:0 14%;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

#search > div.search-right > input[type="submit"]:hover {
  border:none;
  background-color:#7eb9d8;
  cursor:pointer;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

#search > div.search-middle {
  margin:0 280px 0 65px;
  border:none; 
}

#search > div.search-middle > input[type="text"] {
  border-top:1px solid #959595;
  border-right:1px solid #959595;
  border-bottom:1px solid #959595;
  border-left:1px solid #fff;
  border-radius:0px 4px 4px 0px;
  width:99%;
  padding:0;
  height:54px;
  margin:0px;
  font-style:italic;
  opacity:1;
  font-size:24px;
  color:#959595;
  box-sizing: border-box;
}

#container {
	overflow: hidden;
	background-color:transparent;
  padding:1%;
  width:100%;
}

#container #Page-Cache {
  display:none;
  visibility:hidden;
  height:0px;
  width:0px;
}

#container > div.breadcrumb {
  margin:0;
}

#container > div.breadcrumb > a {
  color:#ffb71d;
  font-weight:normal;
  font-size:16px;
  text-decoration:none;
}

#container > div.breadcrumb > a.selected {
  font-style:italic;
}

#container > div.breadcrumb > a:hover {
  text-decoration:underline;
}

#container > div.breadcrumb > span {
  color:#2b2b2b;
  font-weight:bold;
  font-size:16px;
  text-decoration:none;
}

#container > div.breadcrumb > span.selected {
  font-style:italic;
}

/************** Search *****************/

#Search-Page > a.search-close {
  display:block;
  font-size:18px;
  height:22px;
  width:100px;
  float:right;
  text-align:center;
  color:#4d4d4d;
  font-weight:bold;
  text-decoration:none;
}

#Search-Page > a.search-close > span {
  display:block;
  font-size:18px;
  height:22px;
  width:22px;
  float:right;
  text-align:center;
  color:red;
  font-weight:bold;
  text-decoration:none;
  -ms-transform: rotate(-5deg); /* IE 9 */
  -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
  transform: rotate(-5deg);
  -webkit-transition: transform 1s ease-out 0s; /* For Safari 3.1 to 6.0 */
  transition: transform 1s ease-out 0s;
}

#Search-Page > a.search-close:hover {
  text-decoration:none;
}

#Search-Page > a.search-close:hover > span {
  text-decoration:none;
  -ms-transform: rotate(15deg); /* IE 9 */
  -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
  transform: rotate(15deg);
}

#Search-Page > h1 {
  /*display:block;*/
  margin-right:110px;
  /*font-weight:bold;
  font-size:18px;
  color:#075cb0;*/
}

#Search-Page > div.search-list-result > p.text-base {
  padding-top:1px;
  font-size:34px;
  font-weight:bold;
  color:#075cb0;
}

#Search-Page > div.search-list-result > p.text-base > img.loading {
  display:block;
  float:left;
  width:66px;
  height:66px;
}

#Search-Page > div.search-list-result > p.text-base > span.text-loading {
  display:block;
  margin:12px 12px 12px 80px;
}

#Search-Page > div.search-list-result > div.one-result {
  background-color: #fff;
  border-bottom: 1px solid #075cb0;
  border-top: 1px solid #075cb0;
  margin: 6px;
  padding: 4px;
}

#Search-Page > div.search-list-result > div.one-result > h2 {
  margin:4px;
}

#Search-Page > div.search-list-result > div.one-result > div.pict {
  width: 100px;
  float:left;
}

#Search-Page > div.search-list-result > div.one-result > div.pict > img {
  display:block;
  margin:auto;
}

#Search-Page > div.search-list-result > div.one-result > div.pict > span {
  display:block;
  margin:auto;
  text-align:center;
}

#Search-Page > div.search-list-result > div.one-result > div.desc {
  margin:0 142px 0 110px;
}

/* Zone right */
#Search-Page > div.search-list-result > div.one-result > div.right-zone {
    float:right;
    width:140px;
    margin:6px 0 0 0;
}

#Search-Page > div.search-list-result > div.one-result > div.right-zone div.list-stars {
  overflow:hidden;
}

#Search-Page > div.search-list-result > div.one-result > div.right-zone div.list-stars img.stars {
  display:block;
  float:left;
  margin:0 6px;
  width:16px;
  height:16px;
}

#Search-Page > div.search-list-result > div.one-result > div.right-zone p.date-comment {
  text-align:right;
  font-size:12px;
  margin:8px 8px 0 0;
  font-style:italic;
  float:right;
  width:60px;
}

#Search-Page > div.search-list-result > div.one-result > div.right-zone p.total-note-comment {
  display:none;
  background-color:#fff;
  border:1px solid #ffb71d;
  border-radius:10px;
  padding:0px;
  margin:4px 84px 0 4px;
  vertical-align:middle;
  text-align:center;
  line-height:16px;
}

#Search-Page > div.search-list-result > div.one-result > div.right-zone p.total-note-comment span {
 font-size:14px;
 font-weight:bold;
 color:#075cb0;
 text-align:center;
 margin:0px;
 padding:0 0 1px 0;
 vertical-align:middle;
}

#Search-Page > div.search-list-result > div.one-result > div.right-zone p.link {
 text-align:right;
}

#Search-Page > div.search-list-result > div.one-result > div.right-zone p.link > a {
  display:block;
  width:132px;
  margin:6px auto 0px auto;
  padding:2px;
  background-color:#075cb0;
  color:#efefef;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}

#Search-Page > div.search-list-result > div.one-result > div.right-zone p.link > a:hover {
  color:#fff;
  background-color:#0874D8;
}




/************** Général ****************/

/**** Formulaire type ****/
#container div > form.form-type1 > table.table-form-1 tr > td.td-label {
  width:260px;
  vertical-align:top;
}

#container div > form.form-type1 > table.table-form-1 tr > td.td-input > input {
  width:280px;
}

#container div > form.form-type1 > table.table-form-1 tr > td.td-input > span.texte-errors {
  margin-left:12px;
}

#container div > form.form-type1 > p.link {
  margin:6px 0 0 0;
  padding:0 0 0 720px;
}

#container div > form.form-type1 > p.link > a {
  display:block;
  width:132px;
  margin:0px;
  padding:2px;
  background-color:#075cb0;
  color:#efefef;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}

#container div > form.form-type1 > p.link > a:hover {
  color:#fff;
  background-color:#0874D8;
}

/****** Footer ********/
#footer {
  width:100%;
  background-color:#608ea6;
  color:#fff;
  padding:1%;
}

#footer p {
  color:#fff;
}

#footer a {
  color:#fff;
  text-decoration:none;
}

#footer a:hover {
  color:#fff;
  text-decoration:underline;
}



/*************************/
/****** Categories *******/
/*************************/

#container div.list-cat-home {
  margin:6px 0 0 0;
}

#container div.list-cat-home > h2 {
  font-size:28px;
  text-shadow: 2px 2px 1px #2a2a2a;
  border-bottom:2px solid #F4C642;
  margin:0 0 6px 0;
}

#container div.list-cat-home div.zone-one-cat {
  float:left;
  width:160px;
  height:160px;
  margin:5px;
  background-color:#efefef;
  padding:10px;
}

#container div.list-cat-home div.zone-one-cat h2 {
  font-size:22px;
  text-align:center;
  border-bottom:2px solid #F4C642;
  margin:0 0 4px 0;
}

#container div.list-cat-home div.zone-one-cat h2 a {
  text-decoration:none;
  color:#FFB71D;
  font-weight:bold;
}

#container div.list-cat-home div.zone-one-cat p {
  font-size:14px;
  text-align:left;
  margin:2px 0 2px 4px;
  font-weight:bold;
}

#container div.list-cat-home div.zone-one-cat p a {
  text-decoration:none;
  color:#000;
}

/*************************/
/******** Users **********/
/*************************/

/******* Create ******/
#container div.user-create table tr td.td-label {
  width:240px;
}

#container div.user-create table tr td.td-input {
  /*width:240px;*/
}

/******* Validation ******/
#container div.user-validation {
  margin:0px;
  padding:0px;
}

#container div.user-validation div.val-ok h2 {
  font-size:20px;
  color:#fff;
}

#container div.user-validation div.val-ko h2 {
  font-size:20px;
  color:red;
}

/*************************/
/****** Megadmin *********/
/*************************/

/******** List management ***********/
#container div.list-manang {
  margin:0px;
  padding:0px;
}

#container div.list-manang p {
  margin:0px;
  padding:0px;
  display:block;
  width:240px;
  float:left;
  margin:6px 12px;
}

#container div.list-manang p a {
  display:block;
  text-decoration:none;
  background-color:#fff;
  overflow:hidden;
}

#container div.list-manang p a > span {
  text-align:center;
  color:#075cb0;
  border-bottom:1px solid #075cb0;
  border-top:1px solid #075cb0;
  display:block;
  font-size:16px;
  font-weight:bold;
  margin:6px;
  padding:4px 0;
}

#container div.list-manang p a:hover {
  background-color:#075cb0;
}

#container div.list-manang p a:hover > span {
  color:#fff;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;

}

#container div.list-manang p a.disabled {
  display:block;
  text-decoration:none;
  background-color:#efefef;
  overflow:hidden;
}

#container div.list-manang p a.disabled > span {
  text-align:center;
  color:#dadada;
  border-bottom:1px solid #dadada;
  border-top:1px solid #dadada;
  display:block;
  font-size:16px;
  font-weight:bold;
  margin:6px;
  padding:4px 0;
}

#container div.list-manang p a.disabled:hover {
  background-color:#efefef;
}

#container div.list-manang p a.disabled:hover > span {
  color:#dadada;
  border-bottom:1px solid #dadada;
  border-top:1px solid #dadada;
  cursor:not-allowed;

}


/*********** Validation Sites **************/
#container div.zone-list-site {
  margin:0px;
  padding:0px;
}

#container div.zone-list-site h3 {
  font-size:16px;
  font-weight:bold;
  margin:4px 10px 12px 12px;
}

#container div.zone-list-site div.zone-one-site {
  border:1px solid;
  padding:10px;
  margin:10px 4px;
  background-color:#fff;
}

#container div.zone-list-site div.zone-one-site div.buttons-site {
  float:right;
  width:122px;
  /*border-left : 1px solid #d1d1d1;*/
}

#container div.zone-list-site div.zone-one-site div.buttons-site > a {
  float:left;
  display:block;
  width:48px;
  height:48px;
  padding:0px 6px;
  margin:0px;
}

#container div.zone-list-site div.zone-one-site div.buttons-site > img {
  float:left;
  display:block;
  width:48px;
  height:48px;
  padding:0px 6px;
  margin:0px;
}

#container div.zone-list-site div.zone-one-site div.buttons-site > a > img {
  display:block;
  width:48px;
  height:48px;
  padding:0px;
  display:block;
  margin:auto;
  opacity:0.6;
  transform:rotate(-10deg);
  transition: all 0.4s ease 0s;
}

#container div.zone-list-site div.zone-one-site div.buttons-site > a:hover > img {
  opacity:1;
  transform:rotate(10deg);
}

#container div.zone-list-site div.zone-one-site h2 {
  font-size:22px;
  font-weight:bold;
  color:#FF5811;
}

/********* Management Categories ************/
#container div.mega-manag-cat {
  margin:0px;
  padding:0px;
}

#container div.mega-manag-cat div.search {
  border-bottom:2px solid #4d87ab;
  padding:2px 0px 2px 0px;
}

#container div.mega-manag-cat div.search > a {
  display:block;
  width:102px;
  float:right;
  margin:6px 6px 0px 6px;
  padding:1px 22px;
  background-color:#fff;
  color:#4d4d4d;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s linear 0s;
}

#container div.mega-manag-cat div.search > a:hover {
  color:#4d87ab;
  -webkit-box-shadow: 2px 2px 6px -1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 2px 2px 6px -1px rgba(0, 0, 0, 0.6);
	box-shadow: 2px 2px 6px -1px rgba(0, 0, 0, 0.6);
}

#container div.mega-manag-cat div.search > p {
  margin:6px 160px 6px 4px;
  padding:0 4px;
}

#container div.mega-manag-cat div.search > p > label {
  font-size:18px;
  font-weight:normal;
  padding:4px 0;
}

#container div.mega-manag-cat div.search > p > input {
  padding:4px;
  width:500px;
}

#container div.mega-manag-cat div.search-result {
  padding:4px 4px 14px 4px;
  margin:6px 0;
  border-bottom:2px solid #4d87ab;
}

#container div.mega-manag-cat div.search-result > p.text-base {
  font-size:20px;
  font-weight:normal;
  text-align:center;
  margin:20px 0;
}

#container div.mega-manag-cat div.search-result > p.loading {
  display:block;
  margin:6px auto;
  width:240px;
}

#container div.mega-manag-cat div.search-result > p.loading > img {
  display:block;
  float:left;
  width:48px;
  height:48px;
  margin:0 6px 0 6px;
  padding:0px;
}

#container div.mega-manag-cat div.search-result > p.loading > span {
  display:block;
  margin:0px 0px 0px 56px;
  padding:8px 0;
  font-size:26px;
  font-weight:bold;
  color:#075cb0;
}


#container div.mega-manag-cat div.search-result > div.lst-cat-result {
  margin:0px;
  padding:0px;
  display:none;
}

#container div.mega-manag-cat div.search-result > div.lst-cat-result > div.zone-one-cat {
  display:block;
  float:left;
  background-color:#fff;
  width:202px;
  height:174px;
  margin:4px 6px;
  padding:2px 4px;
  -webkit-box-shadow: 4px 4px 4px rgba(7, 92, 176, 0.6);
	-moz-box-shadow: 4px 4px 4px rgba(7, 92, 176, 0.6);
	box-shadow: 4px 4px 4px rgba(7, 92, 176, 0.6);
}

#container div.mega-manag-cat div.search-result > div.lst-cat-result > div.zone-one-cat > h2 {
  color:#075cb0;
  margin:2px 0px;
  border-bottom: 1px solid #4d87ab;
  font-size:16px;
}

#container div.mega-manag-cat div.search-result > div.lst-cat-result > div.zone-one-cat > p.desc {
  font-size:14px;
  margin:8px 0px;
  font-style:italic;
  text-align:justify;
  height:36%;
  overflow:hidden;
}

#container div.mega-manag-cat div.search-result > div.lst-cat-result > div.zone-one-cat > table {
  width:100%;
  border-collapse:collapse;
  margin:0px;
  padding:0px;
}

#container div.mega-manag-cat div.search-result > div.lst-cat-result > div.zone-one-cat > table tr td {
  width:50%;
  margin:0px;
  padding:0px;
}

#container div.mega-manag-cat div.search-result > div.lst-cat-result > div.zone-one-cat p.parent {
  font-size:14px;
  margin:4px 0px;
  font-style:italic;
}

#container div.mega-manag-cat div.search-result > div.lst-cat-result > div.zone-one-cat p.parent > span {
  font-weight:bold;
  font-style:normal;
}

#container div.mega-manag-cat div.search-result > div.lst-cat-result > div.zone-one-cat > a {
  display:block;
  width:100px;
  margin:6px auto;
  padding:2px;
  background-color:#075cb0;
  color:#efefef;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}

#container div.mega-manag-cat div.search-result > div.lst-cat-result > div.zone-one-cat > a:hover {
  color:#fff;
  background-color:#0874D8;
}

/******** Edition category ***********/
#container div.edit-category > form > table {
  margin-left:12px;
}

#container div.edit-category table tr td.td-label {
  width:240px;
}

#container div.edit-category table tr td.td-input > input {
  width:416px;
}

#container div.edit-category table tr td.td-input > select {
  width:422px;
}

#container div.edit-category p.link-btn {
 text-align:right;
 margin:12px 0 12px 0;
 padding-left:600px;

}

#container div.edit-category p.link-btn > input {
  display:block;
  width:100px;
  padding:2px;
  background-color:#075cb0;
  color:#efefef;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  border:none;
}

#container div.edit-category p.link-btn > input:hover {
  color:#fff;
  background-color:#0874D8;
  cursor:pointer;
}

#container div.edit-category div.elem-note > p.loading {
  display:block;
  margin:6px auto;
  width:240px;
}

#container div.edit-category div.elem-note > p.loading > img {
  display:block;
  float:left;
  width:48px;
  height:48px;
  margin:0 6px 0 6px;
  padding:0px;
}

#container div.edit-category div.elem-note > p.loading > span {
  display:block;
  margin:0px 0px 0px 56px;
  padding:8px 0;
  font-size:26px;
  font-weight:bold;
  color:#075cb0;
}

#container div.edit-category div.elem-note ol.lst-elem-note {
  counter-reset: elemNote;
  overflow:hidden;
  margin-left:22px;
}

#container div.edit-category div.elem-note ol.lst-elem-note > li {
    list-style-type: none;
    counter-increment: elemNote;
    margin: 5px 220px 14px 2px;
    display:block;
    border-bottom:1px solid #075cb0;
    background-color:#fff;
    overflow:hidden;
}

#container div.edit-category div.elem-note ol.lst-elem-note > li:before {
    content:counter(elemNote); /* on affiche le compteur */
    padding:2px;
    margin:0;
    vertical-align: middle;
    background-color:#075cb0;
    font-weight: bold;
    font-size: 16px;
    color: white;
    float:left;
    width:20px;
    text-align:center;
}

#container div.edit-category div.elem-note ol.lst-elem-note > li > span.links {
    float:right;
    display:block;
    margin:4px 0px 4px 0px;
    /*width:22px;*/
    width:44px;
}

#container div.edit-category div.elem-note ol.lst-elem-note > li > span.links > img {
    float:right;
    width:16px;
    height:16px;
    display:block;
    margin:0px 6px 0 0;
    padding:0px;
}

#container div.edit-category div.elem-note ol.lst-elem-note > li > span.links > a {
    float:right;
    width:16px;
    height:16px;
    display:block;
    margin:0px 6px 0 0;
    padding:0px;
}

#container div.edit-category div.elem-note ol.lst-elem-note > li > span.links > a > img {
    width:16px;
    height:16px;
    display:block;
    margin:0px;
    padding:0px;
}

#container div.edit-category div.elem-note ol.lst-elem-note > li > span.info {
    display:block;
    /*margin:2px 32px 2px 32px;*/
    margin:1px 48px 1px 32px;
}

#container div.edit-category div.elem-note ol.lst-elem-note > li > span.info > span.name {
    font-weight:bold;
    font-size:16px;
    margin-right:4px;
}

#container div.edit-category div.elem-note ol.lst-elem-note > li > span.info > span.desc {
    font-weight:normal;
    font-size:14px;
    font-style:italic;
}

#container div.edit-category div.elem-note ol.lst-elem-note > li > span.info > span.title-edit {
    font-weight:bold;
    font-size:16px;
    margin-right:8px;
}

#container div.edit-category div.elem-note h3 {
  font-size:16px;
  font-weight:bold;
  margin:4px 10px 12px 12px;
}

#container div.edit-category div.elem-note div.add-elem-note {
  margin-left:22px;
}

#container div.edit-category div.elem-note div.add-elem-note h3 {
  margin-left:-10px;
}

#container div.edit-category div.elem-note div.add-elem-note p.link-btn {
 text-align:right;
 margin:6px 0;
 padding-left:600px;

}

#container div.edit-category div.elem-note div.add-elem-note p.link-btn > a {
  display:block;
  width:100px;
  padding:2px;
  background-color:#075cb0;
  color:#efefef;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}

#container div.edit-category div.elem-note div.add-elem-note p.link-btn > a:hover {
  color:#fff;
  background-color:#0874D8;
}