#barre {
	padding-top: 0px;
	border-width:1px;
	border-style:solid;
	border-color:#FFF47F;
	background-color:#FFFFE1;
	background-image:url(/design/images/bgorange.png);
}

#barre a {
color: #336600;
text-decoration:none;
font-weight:bold;
font-size:0.82em;
}

#barre a:hover {
color: #336600;
text-decoration:underline;
font-weight:bold;
font-size:0.82em;
}

.barreActive {
	background-color:#FED65E;
	color:#3D4F51;
}

.barre2 {
	background-image:url(/design/images/bgbarre.jpg);
	background-repeat: repeat-x;
	color:#3D4F51;
}

.barreOn2 {
	background-image:url(/design/images/bgbarreOn.jpg);
	background-repeat: repeat-x;
	color:#3D4F51;
}

.barreActive2 {
	background: url(/design/images/ro1.gif);
	color:#3D4F51;
}

.barreActive3 {
	background: url(/design/images/ro5.gif);
/*	background-color:#FED65E;*/
	color:#3D4F51;
}

.barreNonActive {
	color:#999999;
	background-color:white;
	/*border:1px gray dashed;margin-bottom:15px;margin-right:15px;width:150px;height:60px;cursor:pointer;*/
}

.barreOver {
	background-color:#FEFF7F;
}

.barreOverGray {
	background-color:#FEFF7F;
	color:#999999;
}

.shake-horizontal {
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-9-3 15:34:17
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}


.shake-vertical {
	-webkit-animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-12-22 19:18:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-vertical
 * ----------------------------------------
 */
@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}


.wobble-hor-bottom {
	-webkit-animation: wobble-hor-bottom 0.8s both;
	        animation: wobble-hor-bottom 0.8s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-9-3 15:43:33
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}




a.tag {
margin-left: 1px;
text-decoration: none;
font-size: 0.70em;
/*font-weight: bold;*/
/*background:transparent url(tag-clair.gif) no-repeat scroll 0 0;*/

white-space: nowrap;
}

a.tag:hover {text-decoration: underline; color: #009999!important;}

a.tagGroupe {
margin-left: 1px;
text-decoration: none;
font-size: 0.70em;
/*font-weight: bold;*/
/*background:transparent url(tagGroup.png) no-repeat scroll 0 0;*/

white-space: nowrap;
}

a.tagGroupe:hover {text-decoration: underline; color: #009999!important;}

a.clair {color: #999999!important;} /* 7DCBCA */
a.clair:hover {color: #009999!important;text-decoration: none;}

a.tagGris {
margin-left: 1px;
text-decoration: none;
font-size: 0.65em;
font-weight: bold;
background:transparent url(/design/images/tagGris.gif) no-repeat scroll 0 0;
padding:1px 0px 0px 15px;
white-space: nowrap;
}

a.tagGris:hover {text-decoration: underline;}

a.tagGroupeGris {
margin-left: 1px;
text-decoration: none;
font-size: 0.65em;
font-weight: bold;
background:transparent url(/design/images/tagGroupGris.png) no-repeat scroll 0 0;
padding:1px 0px 0px 15px;
white-space: nowrap;
}

a.tagGroupeGris:hover {text-decoration: underline;}

a.tagForum {
margin-left: 2px;
text-decoration: none;
font-size: 0.65em;
white-space: nowrap;
}

a.tagForum:hover {text-decoration: underline; color: #009999!important;}

a.tagGroupeMembres {
margin-left: 2px;
text-decoration: none;
font-size: 0.65em;
white-space: nowrap;
}

a.tagGroupeMembres:hover {text-decoration: underline; color: #009999!important;}

INPUT.buttonGreen
{
	font-size:  0.88em;
	border: 1px solid #D6F7AD;
	background-color: #D6F7AD;
	color: #456F47;
	font-weight: bold;
	cursor: pointer;
	padding:.15em .50em .15em .50em;
	width:auto;
	overflow:visible;
	text-transform: uppercase;
}

INPUT.buttonGreen:hover  {
	background-color: #456F47;
	border: 1px solid #456F47;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
}

/* NOTE */
a.buttonNote {
  cursor:pointer;
  text-transform:none;
  font-size:13px;
 	line-height: 35px;
  font-weight:bold!important;
  text-decoration: none;
  padding-top:0px;
  padding-left:3px;
  padding-right:5px;
  padding-bottom:4px;
  background: #FDFDFD;
  margin-right: 2px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  text-align:center;
  color:black!important;
  border:1px solid #F7F7F7;
}

a.buttonNoteSelected {
  cursor:pointer;
  text-transform:none;
  font-size:13px;
  line-height: 28px;
  font-weight:bold!important;
  text-decoration: none;
  padding-top:2px;
  padding-left:3px;
  padding-right:5px;
  padding-bottom:2px;
  background: #e07721;
  background: -moz-linear-gradient(top,  #e07721 0%, #ff8724 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e07721), color-stop(100%,#ff8724));
  background: -webkit-linear-gradient(top,  #e07721 0%,#ff8724 100%);
  background: -o-linear-gradient(top,  #e07721 0%,#ff8724 100%);
  background: -ms-linear-gradient(top,  #e07721 0%,#ff8724 100%);
  background: linear-gradient(to bottom,  #e07721 0%,#ff8724 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e07721', endColorstr='#ff8724',GradientType=0 );
  margin-right: 2px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  text-align:center;

  color:white!important;
  border:1px solid #ff8724;
  box-shadow:0 0 3px rgba(0, 0, 0, 0.2), 1px 1px 1px #FFCBA0 inset;
  text-shadow:1px 1px 1px #682F00;
}



/* VERT 2 SMALL */
span.buttonSmall, div.buttonSmall, input[type=submit].buttonSmall, input[type=button].buttonSmall, a.buttonSmall {
  cursor:pointer;
  text-transform:none;
  font-size:0.82em;
  line-height: 28px;
  font-weight:bold!important;
  text-decoration: none;
  padding:5px 10px;
  background: #94D71F;
  /*background: -moz-linear-gradient(top,  #92CC2E 0%, #75A234 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92CC2E), color-stop(100%,#75A234));
  background: -webkit-linear-gradient(top,  #92CC2E 0%,#75A234 100%);
  background: -o-linear-gradient(top,  #92CC2E 0%,#75A234 100%);
  background: -ms-linear-gradient(top,  #92CC2E 0%,#75A234 100%);
  background: linear-gradient(to bottom,  #92CC2E 0%,#75A234 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92CC2E', endColorstr='#75A234',GradientType=0 );
  margin-right: 2px;*/
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  text-align:center;
	border-bottom: 2px solid #6F9F1C;
  color:white!important;
  /*border:1px solid #6A942E;
  box-shadow:0 0 3px rgba(0, 0, 0, 0.2), 1px 1px 1px #C9E861 inset;
  text-shadow:1px 1px 1px #333333;*/
}

span.buttonSmall:hover, div.buttonSmall:hover, input[type=submit].buttonSmall:hover, input[type=button].buttonSmall:hover, a.buttonSmall:hover {
  background: #A3D749;
  color:white;
  text-decoration:none!important;
}

span.buttonSmallGray, div.buttonSmallGray, input[type=submit].buttonSmallGray, input[type=button].buttonSmallGray, a.buttonSmallGray,
span.buttonSmallGray:hover, div.buttonSmallGray:hover, input[type=submit].buttonSmallGray:hover, input[type=button].buttonSmallGray:hover, a.buttonSmallGray:hover {
	background: #d2d2d2!important;
	border-bottom: 2px solid #ababab!important;
	/*border:1px solid #ababab!important;*/
	color:#9a9a9a!important;
	box-shadow:none!important;
	text-shadow:none!important;
}



/* VERT 2 ORANGE */
span.buttonOrange, div.buttonOrange, input[type=submit].buttonOrange, input[type=button].buttonOrange, a.buttonOrange {
  cursor:pointer;
  text-transform:none;
  font-size:1em;
  font-weight:bold!important;
  text-decoration: none;
  padding:8px 15px;
  background: #FF8000;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  text-align:center;
	border-bottom:5px solid #d35f00;
	border-top:0;border-right:0;border-left:0;
  color:white!important;

}

span.buttonOrange:hover, div.buttonOrange:hover, input[type=submit].buttonOrange:hover, input[type=button].buttonOrange:hover, a.buttonOrange:hover {
  background: #ff9326;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  color:white!important;
  text-decoration:none!important;
}

span.buttonWhatsapp, div.buttonWhatsapp, input[type=submit].buttonWhatsapp, input[type=button].buttonWhatsapp, a.buttonWhatsapp {
  cursor:pointer;
  text-transform:none;
  font-size:1em;
  font-weight:bold!important;
  text-decoration: none;
  padding:5px 15px;
  background: #36bc4a;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  text-align:center;
	border-bottom:5px solid #228531;
	border-top:0;border-right:0;border-left:0;
  color:white!important;
}

span.buttonWhatsapp:hover, div.buttonWhatsapp:hover, input[type=submit].buttonWhatsapp:hover, input[type=button].buttonWhatsapp:hover, a.buttonWhatsapp:hover {
  background: #36bc4a;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  color:white!important;
  text-decoration:none!important;
}

span.buttonGris, div.buttonGris, input[type=submit].buttonGris, input[type=button].buttonGris, a.buttonGris {
  cursor:pointer;
  text-transform:none;
  font-size:1em;
  text-decoration: none;
  padding:5px 15px;
  background: #E7E7E7;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  text-align:center;
  color:#9C9C9C!important;
  border:1px solid #999999;
}

span.buttonGris:hover, div.buttonGris:hover, input[type=submit].buttonGris:hover, input[type=button].buttonGris:hover, a.buttonGris:hover {
  background: #DDDDDD;
  border:1px solid #999999;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  color:#888888!important;
  text-decoration:none!important;
}

.buttonBigNoColor {
  cursor:pointer;
  text-transform:none;
  font-size:16pt;
  line-height: 28px;
  font-weight:bold!important;
  text-decoration: none;
  padding:10px 30px;
  margin-right: 2px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  text-align:center;
  color:white!important;
  /*text-shadow:1px 1px 0px #333333!important;*/
}

.buttonBigNoColor:hover {
	text-decoration:none;
}

span.buttonBig:hover, div.buttonBig:hover, input[type=submit].buttonBig:hover, input[type=button].buttonBig:hover, a.buttonBig:hover {
  background: #A3D749;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  color:white!important;
  border-bottom:5px solid #6F9F1C;
  border-top:0;border-right:0;border-left:0;
  text-decoration:none!important;
}

/* ORANGE BIG */
span.buttonBigOrange, div.buttonBigOrange, input[type=submit].buttonBigOrange, input[type=button].buttonBigOrange, a.buttonBigOrange {
  cursor:pointer;
  text-transform:none;
  font-size:16pt;
  line-height: 28px;
  font-weight:bold!important;
  text-decoration: none;
  padding:10px 30px;
  background: #FF8000;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  text-align:center;
	border-bottom:5px solid #d35f00;
	border-top:0;border-right:0;border-left:0;
  color:white!important; 
}

span.buttonBigOrange:hover, div.buttonBigOrange:hover, input[type=submit].buttonBigOrange:hover, input[type=button].buttonBigOrange:hover, a.buttonBigOrange:hover {
  background: #ff9326;
}

div.inputGreen,
select.inputGreen,
textarea.inputGreen,
input.inputGreen
{
    background-color: white;
    background-repeat:no-repeat;
    border-top: 1px solid #D6F7AD;
    border-left: 1px solid #D6F7AD;
    border-right: 1px solid #D6F7AD;
    border-bottom: 1px solid #D6F7AD;
    color: #4c4c4c;
}

div.inputGreen:hover,
select.inputGreen:focus,
select.inputGreen:hover,
textarea.inputGreen:focus,
textarea.inputGreen:hover,
input.inputGreen:focus,
input.inputGreen:hover
{
    background-color: white;
    background-repeat:no-repeat;
    border-top: 1px solid #456F47;
    border-left: 1px solid #456F47;
    border-right: 1px solid #456F47;
    border-bottom: 1px solid #456F47;
    color: #0d0d0d;
}

#select_tri SELECT {
	font-size:12pt;
	margin: 2px 0px;
}


div.input,
select.input,
textarea.input,
input.input
{
		padding:4px 8px;
		font-size:14px;
    background-color: white;
    background-repeat:no-repeat;
    border: 1px solid #e9e9e9; /*ffefb6*/ /*#ffd84c*/ /*FFF47F*/
    color: #4c4c4c;
}

div.input:hover,
select.input:focus,
select.input:hover,
textarea.input:focus,
textarea.input:hover,
input.input:focus,
input.input:hover
{
    background-color: white;
    background-repeat:no-repeat;
    border-top: 1px solid #ffd84c;
    border-left: 1px solid #ffd84c;
    border-right: 1px solid #ffd84c;
    border-bottom: 1px solid #ffd84c;
    color: #0d0d0d;
    cursor:pointer;
}

input.input_reponse {
	width:100%;
}

textarea.input_question {
	width:100%; /*503px;*/
	height:70px;
	font-family: Arial!important;
	font-size:18px;
	font-weight:bold;
	padding-left:2px;
	scroll:no;
}

textarea.input_comment {
	width:100%; /*503px;*/
	height:70px;
	font-family: Arial!important;
	font-size:0.8em;
}

select.input option
{
    background-color: #ffffff;
    background-repeat:no-repeat;
    color: #4c4c4c;
}
select.input option:focus,
select.input option:hover
{
    background-color: #ffffff;
    background-repeat:no-repeat;
    color: #4c4c4c;
}

select.input option.red
{
    background-color: #ffffff;
    background-repeat:no-repeat;
    color: #c30000;
}

select.input option.orange
{
    background-color: #ffffff;
    background-repeat:no-repeat;
    color: orange;
}

select.inputPetit,
textarea.inputPetit,
input.inputPetit,
select.inputBig,
textarea.inputBig,
input.inputBig
{
    background-color: white;
    background-repeat:no-repeat;
    border-top: 1px solid #FFF47F;
    border-left: 1px solid #FFF47F;
    border-right: 1px solid #FFF47F;
    border-bottom: 1px solid #FFF47F;
    color: #4c4c4c;
}

div.inputPetit:hover,
select.inputPetit:focus,
select.inputPetit:hover,
textarea.inputPetit:focus,
textarea.inputPetit:hover,
input.inputPetit:focus,
input.inputPetit:hover,
div.inputBig:hover,
select.inputBig:focus,
select.inputBig:hover,
textarea.inputBig:focus,
textarea.inputBig:hover,
input.inputBig:focus,
input.inputBig:hover
{
    background-color: white;
    background-repeat:no-repeat;
    border-top: 1px solid #FFA800;
    border-left: 1px solid #FFA800;
    border-right: 1px solid #FFA800;
    border-bottom: 1px solid #FFA800;
    color: #0d0d0d;
}
select.inputPetit option, select.inputBig option
{
    background-color: #ffffff;
    background-repeat:no-repeat;
    color: #4c4c4c;
}
select.inputPetit option:focus,
select.inputPetit option:hover,
select.inputBig option:focus,
select.inputBig option:hover
{
    background-color: #ffffff;
    background-repeat:no-repeat;
    color: #4c4c4c;
}

.inputPetit { font-size:0.65em!important;}
.inputBig { font-size:20px!important; padding:5px 3px!important;}

.input1 {
	font-size:14px;width:150px;
  border: 1px solid #CCCCCC;
  padding: 2px;
  -moz-border-radius:4px 4px 4px 4px;
  -webkit-border-radius:4px 4px 4px 4px;
  border-radius:4px 4px 4px 4px;
}

div.text,
select.text,
textarea.text,
input.text,
input.editor_field,
textarea.editor_field
{
    background-color: #fcfcfc;
   border-top: 1px solid #FFF47F;
    border-left: 1px solid #FFF47F;
    border-right: 1px solid #FFF47F;
    border-bottom: 1px solid #FFF47F;
    color: #4c4c4c;
}

div.text:hover,
select.text:focus,
select.text:hover,
textarea.text:focus,
textarea.text:hover,
input.text:focus,
input.text:hover,
input.editor_field:focus,
textarea.editor_field:focus
{
    background-color: #ffffff;
    border-top: 1px solid #FFA800;
    border-left: 1px solid #FFA800;
    border-right: 1px solid #FFA800;
    border-bottom: 1px solid #FFA800;
    color: #0d0d0d;
}
select.text option
{
    background-color: #ffffff;
    color: #4c4c4c;
}
select.text option:focus,
select.text option:hover
{
    background-color: #ffffff;
    color: #4c4c4c;
}

div.blue,
select.blue,
textarea.blue,
input.blue
{
    background-color: #fcfcfc;
   border-top: 1px solid #53AABF;
    border-left: 1px solid #53AABF;
    border-right: 1px solid #53AABF;
    border-bottom: 1px solid #53AABF;
    color: #4c4c4c;
}

div.blue:hover,
select.blue:focus,
select.blue:hover,
textarea.blue:focus,
textarea.blue:hover,
input.blue:focus,
input.blue:hover
{
    background-color: #f7f7f7;
    border-top: 1px solid #29555F;
    border-left: 1px solid #29555F;
    border-right: 1px solid #29555F;
    border-bottom: 1px solid #29555F;
    color: #0d0d0d;
}
select.blue option
{
    background-color: #ffffff;
    color: #4c4c4c;
}
select.blue option:focus,
select.blue option:hover
{
    background-color: #ffffff;
    color: #4c4c4c;
}

#input_login,
#input_pass {
	width: 78px;
	padding: 0 10px;
	height: 17px;
	background: transparent url(/design/images/input_login.png) no-repeat top left;
	border: 0;
}

SELECT.avecImages {
	background-repeat:no-repeat;
	height:27px;
	font-size: 0.82em;
	background-color: white;
    background-repeat:no-repeat;
    border-top: 1px solid #FFF47F;
    border-left: 1px solid #FFF47F;
    border-right: 1px solid #FFF47F;
    border-bottom: 1px solid #FFF47F;
    color: #4c4c4c;
}

.divAjaxSelect {
	overflow: auto;
	position:absolute;
	z-index:1003;
	margin-top: 0px;
	margin-left: 0px;
	width: 300px;
	background-color:white;
    border-top: 1px solid #FFF47F;
    border-left: 1px solid #FFF47F;
    border-right: 1px solid #FFF47F;
    border-bottom: 1px solid #FFF47F;
	white-space:nowrap;
	overflow-x: hidden;
	height: 120px;
}

.divAjaxSelect:hover,
.divAjaxSelect:focus {
	overflow: auto;
	position:absolute;
	z-index:1003;
	margin-top: 0px;
	margin-left: 0px;
	height: 300px;
	background-color:white;
    border-top: 1px solid #FFA800;
    border-left: 1px solid #FFA800;
    border-right: 1px solid #FFA800;
    border-bottom: 1px solid #FFA800;
	white-space:nowrap;
	overflow-x: hidden;
}

.themouseover {
	color:white;
	background-color: #316AC5;
	cursor:pointer;
}

.themouseoverYellow {
	color:white;
	background-color: #FFFFE1;
	cursor:pointer;
}

.themouseoverGreenFonce {
	color:white;
	background-color: #B9DD55;
	cursor:pointer;
}

.themouseoverGreenClair {
	color:white;
	background-color: #E0F284;
	cursor:pointer;
}

.themouseout {
	background-color:white;
}

.themouseoutTrans {
}

span.resumeconcours {
	font-size:2px;
	background: transparent url("/design/images/point-menu-li-concours.gif") no-repeat;
	width: 16px;
	height: 15px;
	top:53;
	left:54;
	position: absolute;
}

span.resumeGroupeMembres {
	color:white;
	font-weight:bold;
	font-size:0.65em;
	line-height:16px;
	width: 13px;
	height: 16px;
	cursor: default;
	padding-left:1px;
	padding-right:1px;
	background-color:#F07700;
	position: absolute;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	top:52;
	left:2;
	text-align:center;
}

span.resumeGroupeMembresLarge {
	color:white;
	font-weight:bold;
	font-size:0.65em;
	line-height:16px;
	width: 18px;
	height: 16px;
	cursor: default;
	padding-left:1px;
	padding-right:1px;
	background-color:#F07700;
	position: absolute;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	top:52;
	left:2;
	text-align:center;
}

span.resumeGroupeQuizz {
	color:white;
	font-weight:bold;
	font-size:0.65em;
	line-height:16px;
	width: 13px;
	height: 16px;
	cursor: default;
	padding-left:1px;
	padding-right:1px;
	background-color:#4DB7A1;
	position: absolute;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	top:52;
	right:2;
	text-align:center;
}

span.resumeGroupeQuizzLarge {
	color:white;
	font-weight:bold;
	font-size:0.65em;
	line-height:16px;
	width: 18px;
	height: 16px;
	cursor: default;
	padding-left:1px;
	padding-right:1px;
	background-color:#4DB7A1;
	position: absolute;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	top:52;
	right:2;
	text-align:center;
}

div.resumeimage {
	cursor:pointer;
	margin-right:5px;
	position:relative;
	float:left;
	width:70px !important;
	height:70px !important;
}

div.resumetransparence {
	margin-left:1px;
	margin-bottom:1px;
	margin-right:1px;
	margin-top:51px;
	width:68px !important;
	line-height:18px;

	-moz-opacity:0.85;
	opacity: 0.85;
	filter: alpha(opacity=65);
	-ms-filter: "alpha(opacity=65)";
	background-color:white;

	/* pour IE 7 */
	min-height: 1px;
}

.facebook {
	font-size: 0.65em;
	background-color:white;
	border-width:1px; border-style:solid; border-color:#ECEFF5;
}

.facebookIn {
	font-size: 0.65em;
	background-color:white;
}

/* ######################################################################## */
/* ########## lightbox                              ############ */
/* ######################################################################## */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/design/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/design/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

div.ligneOrange {
	float:left;
	background-image: url("/design/images/pixelOrange2.gif");
	background-repeat: repeat-x;
	background-position:bottom;
	margin-bottom:20px;
}

div.ligneBlack {
	background-image: url("/design/images/pixelGris.gif");
	background-repeat: repeat-x;
	width:100%;
	line-height: 1px;
}

a.ligneOrange, font.ligneOrange, span.ligneOrange {
	/*padding-left:5px;*/
	/*padding-right:5px;*/
	font-size: 1.2em; /*font-size: 14px;*/
	font-weight:bold;
	color:#FF8000!important;
	text-decoration:none;
	/*font-family:Helvetica, Arial, sans-serif!important;*/
	text-transform:uppercase;
}
a.ligneOrange:hover {text-decoration:underline;}



div.ligneOrangeTexte {
	float:right;
	background-color:white;
	padding-left: 10px;
}

#bouton_gris {
	width:100%; /*540*/
	height:80px;
	background-image:url(/design/images/bouton-gris.png);
}

div.activite {
	margin-left:5px;
	margin-top:3px;
	margin-bottom:3px;
	padding:10px;
}

div.activitePhoto {
	float:left;
	width:55px;
}

div.activiteDate {
	float:right;
	text-align:right;
	width:45px;
	white-space:nowrap;
}

div.activiteMessage {
	float:left;
	line-height:15px;
	padding:5px 0;
	/*width:370px;*/
}

div.activiteMessage2 {

}

div.activiteLigne {
	/*background-image:url(/design/images/pixelOrange3.gif);
	background-repeat:repeat-x;
	background-position:bottom;*/
	width:100%;
	
}

.retourner {
	position:relative;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.crop_image_email {
    background-image: url("/images/all_services.png");
    border: medium none;
    display: block;
    height: 17px;
    margin: 0;
    padding: 0;
    width: 80px;
}

/****************** Bouton Facebook ********************/

a.social.contour.follow {
  width: 84px;
  display: block;
  text-align: center;
}

a.social img {
  vertical-align: middle;
}
a.social, span.social {
  font-size: 11px;
  color: #6e6e6e !important;
  text-decoration: none;
  padding: 2px 8px;
  position: relative;
  display: inline-block;
  text-shadow: 0 1px 0 #fff;
  margin: 2px;
  border: solid 1px #FFF;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

a.social.contour {
  background: #F3F3F3;
  border: 1px solid #DCDCDC;
}

a.social:hover,.btn-share:hover:after,.btn-share:hover:before {
  color: #333;
  border-color: #999;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: border-color .218s;
  -moz-transition: border .218s;
  -o-transition: border-color .218s;
  transition: border-color .218s;
  background: #f3f3f3;
  background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
  background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
}

.btn-share { margin-right: 39px !important; }
.btn-share:after {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d3d3d3;
  background-color: #eee;
  padding: 3px 8px;
  color: #777;
  content: attr(data-count);
  left: 100%;
  margin-left: 8px;
  margin-right: -13px;
  position: absolute;
  top: -1px;
  height: 12px;
}
.btn-share:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand');
  background-color: #eee;
  border: 1px solid #d3d3d3;
  border-right: 0;
  border-top: 0;
  content: '';
  position: absolute;
  right: -13px;
  top: 7px;
  height: 6px;
  width: 6px;
  z-index: 1;
  zoom: 1;
}

/****************** UploadImg ********************/
.over .uploadImgParent {
  width: 279px;
  height: 186px;
  border: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.over .ville .uploadImgParent {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzZkNzQ3OSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjM4NDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(109,116,121,0) 60%, rgba(47,56,64,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(109,116,121,0)), color-stop(100%,rgba(47,56,64,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(109,116,121,0) 60%,rgba(47,56,64,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(109,116,121,0) 60%,rgba(47,56,64,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(109,116,121,0) 60%,rgba(47,56,64,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(109,116,121,0) 60%,rgba(47,56,64,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#2f3840',GradientType=0 );
}
.over .ville .uploadImgParent:hover {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
}
.over .uploadImgParent:hover {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
}
.over .uploadImgChild {
  display: block;
  background-color: #FFF;
  width: 100%;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  height:35px;
}
.over .ville .uploadImgChild {
  background-color: transparent;
}
.over .uploadImgCell {
  color: #000;
  font-size: 10px!important;
  font-weight: 400;
   /*
   25px       1.69em
 * 24px       1.63em
 * 23px       1.57em
 * 22px       1.51em
 * 21px       1.45em
 * 20px       1.39em
 */
}
.over .ville .uploadImgCell {
  color: #FFF;
  font-size: 10px!important;
}
.over .ville .uploadImgChild {
  height: 80px;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
  filter: alpha(opacity = 100);
}

.uploadImgParent {
  position: relative;
  float: left;
  cursor: pointer;
  overflow: hidden;
}
.uploadImgParent:hover .uploadImgChild {
  display: block;
}
.uploadImgChild {
	font-size:12px;
  position: absolute;
  display: none;
  background-color: #26343F;
  color: #FFF;
  z-index: 1003;
  bottom: 0;
  width: 99%;
  height: 80px;
  margin: auto 0 auto 1px;
  /*-moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;*/
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);
  filter: alpha(opacity = 80);
}
.uploadImgTable {
  display: table;
  width: 100%;
  height: 100%;
}
.uploadImgCell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.uploadImgDiv {
  position: relative;
  background-color: #F6F6F6;
  /*border: 1px solid #CCCCCC;*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  width: 100%; /*97%*/
  height: 100%; /*97%*/
  overflow: hidden;
}

#uploadGoogle {
	color:#33a5c4;
	background-color:#d1ebf2;
	padding-top:2px;
	padding-bottom:3px;
	border:1px solid #CCCCCC;
}

#uploadGoogle:hover {
	background-color:#485863;
	color:#dfe5e9;
}

#imgUploadGoogle:hover {
	-khtml-opacity:.6;
	-moz-opacity:.6;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-webkit-opacity:.6;
	filter:alpha(opacity=60);
	opacity:.6
}

.uploadImgFile.ie {
  height: 100%;
  width: 70px;
  cursor: pointer!important;
}
.uploadImgParent:hover .uploadImgFile.ie {
  opacity: 60;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
  filter: alpha(opacity = 60);
}

.uploadImgFile  {
  height: 0;
  width: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 0);
  filter: alpha(opacity = 0);
  position: relative;
  /*z-index: 10;*/
}
.uploadImgLoadingFull {
  position: absolute;
  display: none;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.uploadImgLoading {
  margin-left: 35px;
  margin-top: 35px;
  position: absolute;
  z-index: 1;
  display: none;
}
.uploadImgLoading.margin-left-169 {
  margin-left: 169px;
}

#pagination {
	text-align:center;
	font-size:18pt;
	padding-top:20px;
	padding-bottom:40px;
}

#pagination FONT, #pagination SELECT, #pagination A { margin-left:3px;margin-right:3px;font-size:18pt; }

#pagination A {
	text-decoration: none;
  display: inline-block;
  padding: 4px 8px;
  margin-bottom: 0;
  /*line-height: 20px;*/
  color: rgb(61, 79, 81)!important;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: white;
  border: 1px solid #e9e9e9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#pagination A:hover {
	border: 1px solid #FF8000;
	/*background-color: #ff8000;*/
	color:#FF8000!important;
}


#pagination .bigGood,#pagination B  {
  text-decoration: none;
  display: inline-block;
  padding: 4px 8px;
  margin-bottom: 0;
  /*line-height: 20px;*/
  border: 1px solid #FF8000;
	background-color: #ff8000;
	color:white!important;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/****************** Checkbox contenus ************/
#select_tri, #checkbox_contenus {
	display: inline-block;
}

#checkbox_contenus label {
    position: relative;
    display: inline-block;
		background-repeat:no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin-right:5px;
    vertical-align:middle;
}

#checkbox_contenus input[type='checkbox']{
    display: none;
}

input#checkTypeimage_q:checked + label{
  background-image: url("/images/contenus/image_q-32.png");
}

input#checkTypeimage_q + label {
	background-image: url("/images/contenus/image_q-gray-32.png");
}

input#checkTypeimage_r:checked + label {
	background: url("/images/contenus/image_r-32.png");
}


input#checkTypeimage_r + label {
	background: url("/images/contenus/image_r-gray-32.png");
}

input#checkTypeaudio:checked + label {
	background: url("/images/contenus/audio-32.png");
}

input#checkTypeaudio + label {
	background: url("/images/contenus/audio-gray-32.png");
}

input#checkTypevideo:checked + label {
	background: url("/images/contenus/video-32.png");
}

input#checkTypevideo + label {
	background: url("/images/contenus/video-gray-32.png");

}

/***************** Social ************************/
		.fancybox-opened{border: 0px solid black;box-shadow: 8px 7px 16px black}
		.fancybox-opened .fancybox-skin{padding:0 !important}
		#popupsocial {font-family: "Trebuchet MS",Helvetica,sans-serif;font-size:13px;background: #F5F6FA;display:none;width:433px}
		#popupsocial h1 strong{display:block;font-size:45px;letter-spacing: -2px}
		#popupsocial h1{margin:0 !important;background:transparent url(/design/images/social_header_bg.png) 0 100% no-repeat;color:white;padding:0 10px 17px !important;font-family: 'Open Sans';text-transform: uppercase;font-size:17px;line-height: 40px;}
		#popupsocial .socialcontent{
			background: #C5CDE2;
			background: -webkit-linear-gradient(#F5F6FA, #C5CDE2);
			background:    -moz-linear-gradient(#F5F6FA, #C5CDE2);
			background:     -ms-linear-gradient(#F5F6FA, #C5CDE2);
			background:      -o-linear-gradient(#F5F6FA, #C5CDE2);
			background:         linear-gradient(#F5F6FA, #C5CDE2);
			padding:10px 0
		}
		#popupsocial .zfx-fb-like-container{background-color: white;padding:10px 20px;float:left;border:solid 1px #C1C1C1;margin-right:10px;}
		#popupsocial .socialcontent .fbtext{float:left;width:260px;padding:0 10px;}
		#popupsocial .socialcontent .le_bouton{width:85px}
		#popupsocial .socialcontent .le_input{width:200px}
		#popupsocial em{font-weight: normal;font-size: 12px;color:#888;font-family: Arial, Helvetica, sans-serif}

		#popupfb {font-family: "Trebuchet MS",Helvetica,sans-serif;font-size:13px;background: #F5F6FA;display:none;width:433px}
		#popupfb h1 strong{display:block;font-size:45px;letter-spacing: -2px}
		#popupfb h1{margin:0 !important;background:transparent url(/design/images/social_header_bg.png) 0 100% no-repeat;color:white;padding:0 10px 17px !important;font-family: 'Open Sans';text-transform: uppercase;font-size:17px;line-height: 40px;}
		#popupfb .socialcontent{
			background: #C5CDE2;
			background: -webkit-linear-gradient(#F5F6FA, #C5CDE2);
			background:    -moz-linear-gradient(#F5F6FA, #C5CDE2);
			background:     -ms-linear-gradient(#F5F6FA, #C5CDE2);
			background:      -o-linear-gradient(#F5F6FA, #C5CDE2);
			background:         linear-gradient(#F5F6FA, #C5CDE2);
			padding:10px 0
		}
		#popupfb .zfx-fb-like-container{background-color: white;padding:10px 20px;float:left;border:solid 1px #C1C1C1;margin-right:10px;}
		#popupfb .socialcontent .fbtext{}
		#popupfb .socialcontent .le_bouton{width:85px}
		#popupfb .socialcontent .le_input{width:200px}
		#popupfb em{font-weight: normal;font-size: 12px;color:#888;font-family: Arial, Helvetica, sans-serif}

	#zfx-footer-social{position: fixed;bottom:0;height:1px;width: 100%;z-index: 300;}
	#zfx-cnil{position: fixed;top:0;width:100%;z-index: 300;padding:0px 10px;}
	#zfx-footer-social .twitter-follow-button{vertical-align: bottom}
	#zfx-footer-social-close{display: inline-block;cursor: pointer;padding-left:5px;}
	#zfx-cnil-close{cursor: pointer;}

.keyword_droite {
	padding:0 10px;
}

.button-sign-fb {
	background-image: url(/images/social/f-logo.c7592789.svg)
}
					
.button-sign-social {
    box-sizing: border-box;
    width: 2.5rem;
    height: 2.5rem;
    /*margin: 1.5rem 1rem;*/
    border: 1px solid #d8d8d8;
    border-radius: 0.25rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1.125rem;
    /*transform: scale(1.25);*/
    transform-origin: center center;
    /* background: #b3d4fc; */
}

ul.btn_social {
    justify-content: center;
    margin-bottom: 0px;
    padding: 0;
}

LI.btn_social {
    align-items: center;
    display: flex;
    height: 49px;
    justify-content: center;
    margin-bottom: 0px;
    position: relative;
}

LI.btn_social button {
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #dadce0;
    border-radius: 5px;
    cursor: pointer;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: background-color 0.3s ease,border-color 0.3s ease;
    width: 280px;
    font-family: "Google Sans",arial,sans-serif;
    font-size:14px;
		color:#3c4043;
}

LI.btn_social button:hover {
	background-color: #f0f5fe!important;
	border: 1px solid #d2e3fc;
}

.btn_social .icon-facebook {
    fill: var(--d5ab);
}

.btn_social svg {
    height: 18px;
    pointer-events: none;
    width: 18px;
}

#msg_blocked {
	text-align:justify;
	color:#D84759;
	padding:10px;
	border: 1px solid #cfcfcf;
	background-color: white;
	font-size: 18px;
}

#msg_blocked A {
	border-radius:8px;
	border:1px solid white;
	background-color:#D84759;
	color:white!important;
	padding:4px 16px;
}

/*
#msg_blocked A:hover {
	border:1px solid #D84759;
	background-color:white;
	color:#D84759!important;
	text-decoration:none;
}
*/
/* Liens Bloc Correction */
#conteneur #volet {
}

#conteneur #volet a{
	/*font-weight: bold;*/
	color: #009999;
}

#ajax_correction {
 line-height: 21px!important;
}

a.admin1{
	font-weight: normal!important;
	color: #376F00!important;
	font-size: 13px!important;
}

a.admin2 {
	font-weight: normal!important;
	color: #007F7F!important;
	font-size: 13px!important;
}

a.admin3{
	font-weight: normal!important;
	color: #7F4200!important;
	font-size: 13px!important;
}

a.admin4{
	font-weight: normal!important;
	color: #EC6A00!important;
	font-size: 13px!important;
}


	
 .popuplogin_tabs {
    display: flex;
    width: 100%;
    margin-top:25px;
    /*border-bottom: 3px solid #FFF9E2;*/
  }
  .popuplogin_tab {
    flex: 1;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    background-color: white;
    /*border-right: 1px solid #ccc;*/
    user-select: none;
    transition: background 0.2s;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
  }
  .popuplogin_tab:last-child {
    border-right: none;
  }
  .popuplogin_tab.active {
    background-color: #FFF9E2;
    font-weight: bold;
  }
  .popuplogin_tab:hover {
    background-color: #F5F5F5;
  }
  .popuplogin_tab.active:hover {
    background-color: #FFF9E2;
  }

/* Mega-menu Tous les Quiz */
#menu_1 {
	position: relative;
	overflow: visible;
}

.qb-mega-nav {
	float: left!important;
}

.qb-mega-nav ul.menu_1_navigation > li.qb-mega-host {
	position: static;
}

.qb-mega-menu-wrap {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 46px;
	width: 100%;
	z-index: 9000;
	text-align: left;
	text-transform: none;
}

.qb-mega-host:hover > .qb-mega-menu-wrap,
.qb-mega-host:focus-within > .qb-mega-menu-wrap {
	display: block!important;
}

#qb_mega_menu_ajax:empty + .qb-mega-fallback {
	display: block!important;
}

#qb_mega_menu_ajax:not(:empty) + .qb-mega-fallback {
	display: none!important;
}

.qb-mega-menu-wrap .qb-mega-fallback {
	position: relative!important;
	top: 0!important;
	left: 0!important;
	width: 220px!important;
	margin-top: 0!important;
}

.qb-mega {
	width: 100%;
	background: #ffffff;
	border: 1px solid #eceadf;
	border-top: 3px solid var(--orange);
	border-radius: 0 0 10px 10px;
	box-shadow: 0 12px 30px rgba(60,55,40,.16);
	color: #3f3f36;
	overflow: hidden;
}

.qb-panel {
	display: flex;
	min-height: 520px;
}

.qb-rail {
	width: 235px;
	flex: none;
	background: #fcfbf6;
	border-right: 1px solid #efece0;
	padding: 16px 11px;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.qb-panels {
	flex: 1;
	min-width: 0;
}

.qb-theme {
	display: flex!important;
	align-items: center;
	gap: 11px;
	padding: 9px 11px;
	border-radius: 8px;
	border-left: 3px solid transparent;
	color: #4a4a42!important;
	text-decoration: none!important;
}

.qb-theme:hover,
.qb-theme:focus {
	background: var(--theme-soft);
	color: var(--theme)!important;
	outline: none;
}

.qb-theme.is-active {
	background: var(--theme-soft);
	border-left-color: var(--theme);
}

.qb-theme__badge {
	width: 32px;
	height: 32px;
	flex: none;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.qb-mask-icon {
	display: inline-block;
	background: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.qb-mask-icon {
	width: 19px;
	height: 19px;
	color: #ffffff;
}

.qb-theme__text {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
	line-height: 1.1;
}

.qb-theme__name {
	font-weight: 700;
	font-size: 14px;
	color: inherit;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.qb-theme__count {
	font-family: Consolas, "Courier New", monospace;
	font-size: 10px;
	color: #a1a096;
}

.qb-content {
	flex: 1;
	min-width: 0;
	padding: 20px 22px 22px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.qb-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 14px;
}

.qb-head__title {
	margin: 0 0 3px;
	font-weight: 800;
	font-size: 24px;
	line-height: 1;
	color: var(--theme);
}

.qb-head__sub {
	font-family: Consolas, "Courier New", monospace;
	font-size: 12px;
	color: #8a897c;
	font-style: italic;
	line-height: 1.3;
}

.qb-head__all {
	flex: none;
	font-weight: 800;
	font-size: 12px;
	color: #fff!important;
	background: var(--orange);
	border-radius: 18px;
	padding: 8px 15px;
	text-decoration: none!important;
	white-space: nowrap;
	box-shadow: 0 3px 8px rgba(255,128,0,.28);
}

.qb-head__all:hover {
	color: #fff!important;
	background: var(--orange-d);
}

.qb-cats {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.qb-cat {
	padding: 4px 10px;
	border-radius: 20px;
	color: var(--ink-2)!important;
	background: var(--paper);
	border: 1px solid var(--rule);
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
	line-height: 1.4;
	white-space: nowrap;
	text-decoration: none!important;
}

.qb-cat:hover,
.qb-cat:focus {
	color: #fff!important;
	border-color: var(--orange);
	background: var(--orange);
	box-shadow: 0 1px 0 rgba(0,0,0,.06);
	outline: none;
}

.qb-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 12px;
}

.qb-tile {
	position: relative;
	aspect-ratio: 370 / 230;
	min-height: 138px;
	border-radius: 8px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	text-decoration: none!important;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
	transition: box-shadow .18s ease, transform .18s ease;
}

.qb-tile:hover,
.qb-tile:focus {
	box-shadow: var(--shc);
	transform: translateY(-1px);
	outline: none;
}

.qb-tile__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.46) 64%,rgba(0,0,0,.83) 100%);
}

.qb-tile__type {
	position: absolute;
	top: 8px;
	left: 8px;
	background: rgba(0,0,0,.44);
	border-radius: 999px;
	padding: 3px 9px;
	font-family: Consolas, "Courier New", monospace;
	font-weight: 800;
	font-size: 9px;
	line-height: 1.2;
	text-transform: uppercase;
	color: #fff;
}

.qb-tile__status {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	align-items: center;
	gap: 5px;
	max-width: calc(100% - 92px);
	background: rgba(255,255,255,.94);
	border-radius: 999px;
	padding: 4px 10px 4px 8px;
	box-shadow: 0 1px 4px rgba(0,0,0,.22);
	font-family: Consolas, "Courier New", monospace;
	font-weight: 800;
	font-size: 9.5px;
	line-height: 1.2;
	text-transform: uppercase;
	color: #3a3a33;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.qb-status-icon {
	font-size: 13px;
	line-height: 1;
	flex: none;
}

.qb-tile__status.is-trend .qb-status-icon {
	color: var(--orange);
}

.qb-tile__status.is-new .qb-status-icon {
	color: #2ea566;
}

.qb-tile__body {
	position: absolute;
	left: 11px;
	right: 11px;
	bottom: 11px;
}

.qb-tile__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 800;
	font-size: 15px;
	color: #fff;
	line-height: 1.14;
	text-shadow: 0 1px 3px rgba(0,0,0,.62);
}

.qb-tile__meta {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 5px;
	font-family: Consolas, "Courier New", monospace;
	font-size: 9.5px;
	line-height: 1.2;
	color: rgba(255,255,255,.92);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.qb-play-icon {
	width: 10px;
	height: 10px;
	flex: none;
	background: rgba(255,255,255,.92);
	-webkit-mask: url('/images/mega-menu/ui/play.svg') center / contain no-repeat;
	mask: url('/images/mega-menu/ui/play.svg') center / contain no-repeat;
}

.qb-tile__bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: var(--theme);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .28s ease;
}

.qb-tile:hover .qb-tile__bar,
.qb-tile:focus .qb-tile__bar {
	transform: scaleX(1);
	transform-origin: left;
}

.qb-more-tile {
	position: relative;
	aspect-ratio: 370 / 230;
	min-height: 138px;
	border-radius: 8px;
	border: 1px solid var(--theme);
	background: var(--theme-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-decoration: none!important;
	color: var(--theme)!important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.65), 0 2px 8px rgba(0,0,0,.08);
	transition: background .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
  text-align:center;
}

.qb-more-tile:hover,
.qb-more-tile:focus {
	background: var(--orange);
	border-color: var(--orange);
	color: #fff!important;
	box-shadow: var(--shc);
	transform: translateY(-1px);
	outline: none;
}

.qb-more-tile__plus {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
  text-align: center;
	font-size: 25px;
	line-height: 1;
	font-weight: 900;
	color: var(--theme);
	box-shadow: 0 1px 4px rgba(0,0,0,.12);
}

.qb-more-tile:hover .qb-more-tile__plus,
.qb-more-tile:focus .qb-more-tile__plus {
	color: var(--orange);
}

.qb-more-tile__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 100%;
	transform: translateY(-2px);
	font-size: 24px;
	font-weight: 900;
	line-height: 24px;
	text-align: center;
}

.qb-more-tile__label font {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.qb-kw {
	display: flex;
	flex-direction: column;
	gap: 9px;
	padding-top: 22px;
	padding-bottom: 40px;
}

.qb-kw__label {
	font-family: Consolas, "Courier New", monospace;
	font-size: 11px;
	text-transform: uppercase;
	color: #aaa79a;
}

.qb-kw__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.qb-kw__tag {
	font-weight: 800;
	font-size: 14px;
	border-radius: 16px;
	padding: 6px 14px;
	color: var(--theme)!important;
	background: var(--theme-soft);
	border: 1px solid rgba(0,0,0,.04);
	text-decoration: none!important;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.qb-kw__tag:hover,
.qb-kw__tag:focus {
	background: #fff4e8;
	color: var(--orange)!important;
	border-color: rgba(255,128,0,.22);
	outline: none;
}

@media (max-width: 991px) {
	.qb-rail {
		width: 205px;
	}
	.qb-content {
		padding: 18px;
	}
	.qb-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.qb-head {
		align-items: flex-start;
		flex-direction: column;
	}
}