#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: #92CC2E;
  /*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:5px 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:4 2;
		font-size:14px;
    background-color: white;
    background-repeat:no-repeat;
    border: 1px solid #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;
}

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 #FFF47F;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#pagination A:hover {
	border: 1px solid #FFA800;
	background-color: #ff8000;
	color:white!important;
}


#pagination .bigGood,#pagination B  {
  text-decoration: none;
  display: inline-block;
  padding: 4px 8px;
  margin-bottom: 0;
  /*line-height: 20px;*/
  border: 1px solid #FFA800;
	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: 40px;
    justify-content: center;
    margin-bottom: 10px;
    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;
}

.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 #D84759;
	background-color: white;
	font-size: 18px;
}

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

#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;
}

#conteneur #volet a.admin1, #header_ligne_correction a.admin1, #ajax_correction a.admin1{
	font-weight: bold;
	color: #376F00;
	font-size: 0.79em;
}

#conteneur #volet a.admin2, #header_ligne_correction a.admin2, #ajax_correction a.admin2 {
	font-weight: bold;
	color: #007F7F;
	font-size: 0.79em;
}

#conteneur #volet a.admin3, #header_ligne_correction a.admin3, #ajax_correction a.admin3{
	font-weight: bold;
	color: #7F4200;
	font-size: 0.79em;
}

#conteneur #volet a.admin4, #header_ligne_correction a.admin4, #ajax_correction a.admin4{
	font-weight: bold;
	color: #EC6A00;
	font-size: 0.79em;
}


/* A SUPPRIMER

span.niveau1 {
	font-size:2px;
	background: url("/images/picto2.jpg") no-repeat scroll 0px 0px;
	width: 30px;
	height: 11px;
	top:54;
	left:21;
	position: absolute;
}

span.niveau2 {
	font-size:2px;
	background: url("/images/picto2.jpg") no-repeat scroll 0px -11px;
	width: 30px;
	height: 11px !important;
	top:54;
	left:21;
	position: absolute;
}

span.niveau3 {
	font-size:2px;
	background: url("/images/picto2.jpg") no-repeat scroll 0px -22px;
	width: 30px;
	height: 11px;
	top:54;
	left:21;
	position: absolute;
}


span.niveau4 {
	font-size:2px;
	background: url("/images/picto2.jpg") no-repeat scroll 0px -33px;
	width: 30px;
	height: 11px;
	top:54;
	left:21;
	position: absolute;
}

span.c_niveau1 {
	background-color:green!important;
}

span.c_niveau2 {
	background-color:#E69200!important;
}

span.c_niveau3 {
	background-color:#c30000!important;
}

span.c_niveau4 {
	background-color:#7F00D8!important;
}

span.resumequestion {
	color:white;
	font-weight:bold;
	font-size:0.65em;
	line-height:13px;
	text-align:center;
	width: 16px;
	height: 13px;
	cursor: default;
	background-color:black;
	position: absolute;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	top:52;
}

span.resumephoto {
	color:white;
	font-weight:bold;
	font-size:0.65em;
	line-height:13px;
	text-align:center;
	width: 13px;
	height: 13px;
	cursor: default;
	background-color:#DCDCDC;
	border:2px solid black;
	position: absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	top:52;
	left:53;
}

DIV.divScrollTmp {
	border: #E67B10 1px solid;
	scrollbar-face-color: #FBAA2D;
	scrollbar-arrow-color: #7A0711;
	scrollbar-highlight-color: #E67B10;
	scrollbar-3dlight-color: #7A0711;
	scrollbar-shadow-color: #FDD493;
	scrollbar-darkshadow-color: #808080;
	scrollbar-track-color: #7A0711;
}

#suggestions_reussite_test .statusFinLigneNormal { display:none; }
#suggestions_reussite_test .statusFinHorsLigneNormal { display:none; }
#suggestions_reussite_test .statusBrouillonNormal { display:none; }
#suggestions_reussite_test .statusViolet { display:none; }

a.petitLinkAdmin2 { color: orange;
margin-left: 1px;
text-decoration: none;
border-right: 1px #a6cbcb dashed;
border-top: 1px #a6cbcb dashed;
border-bottom: 1px #a6cbcb dashed;
font-size: 0.65em;
}

a.petitLinkAdmin2:hover { color: orange;
margin-left: 1px;
text-decoration: none;
border-top: 1px orange dashed;
border-bottom: 1px orange dashed;
border-right: 1px orange dashed;
font-size: 0.65em;
}



#entete #menu{
	float: right;
	margin-top: 8px;
	margin-right: 1px;
	width: 100%;
}

#entete #menu #contmenu{
	padding-left: 0px;
	font-size: 0.77em;
	font-weight: bold;
}

#chromemenu1 {
	font-size: 0.96em!important;
}

#entete #menu #contmenu a{
	color: #336600;
	font-weight: bold;
	text-decoration: none;
	}

#entete #menu #contmenu a:hover {
	text-decoration: underline;
 }

#entete #menu #contmenu .barre1{
	float: left;
	padding-top: 0px;
	width: 288px;
	height: 34px;
	background-image:  url(/design/images/barre1.gif);
}


#entete #menu #contmenu .barre2{
	float: right;
	padding-top: 0px;
	margin-right: 50px;
	width: 599px;
	height: 34px;
	background-image:  url(/design/images/barre2.gif);
}

#title {
	width:100%;
	padding-top:7px;
}

#encart_connexion {
	width:350px;
	position:absolute;
	background-color:#a2cc58;
	border:1px solid #81AC56;
	padding:15px 10px;
	z-index:10000;
	top:63px;
	left:14px;
}



#conteneur #volet #nuage a{
	text-decoration: none;
}

#conteneur #volet #nuage a:hover {
	text-decoration: underline;
 }

#conteneur #volet .astuce{
	color: #336600;
	font-size: 0.82em;
}

#conteneur #volet .astuce a{
	color: #336600;
	text-decoration: underline;
}

#conteneur #volet .astuce a:hover{
	text-decoration: none;
}


*/