body.page_sommaire  {
	background-image: url(/design/images/fond-v4.gif);
	margin: 0em;
	text-align: center;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

body.page_sommaireFB  {
	margin: 0em;
	text-align: center;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.input {
	padding:5px 3px!important;
	font-size:16px!important;
}

table {
    border-collapse: separate;
    text-indent: initial;
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: start;
    
    font-variant: normal;
}

img, table { margin: 0; padding: 0; border: 0; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

hr { width:50%; }

A { text-decoration: none; }
A:hover {	text-decoration: underline; }

.red {color:#c30000!important;} /*#e30000*/
.black {color:#3D4F51!important;}
.txt_blanc {color:blanc!important;}

.color_perso { background-color:white; color:#c30000; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_quizz { background-color:#4DB7A1; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_amis { background-color:#F07700; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_auteur { background-color:#B5BA24; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_recompense { background-color:#38C8E2; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_forum { background-color:#E49C02; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_defis { background-color:#FF7B7B; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_buzz { background-color:#D287F5; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_abus { background-color:#c30000; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_off { background-color:#E0E0E0; color:#A8A8A8; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_groupe { background-color:#7AB8E8; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_corrections { background-color:orange; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }

.blancSurOrange { background-color:#FF8000; color:white; font-size: 1em; font-weight:bold; text-transform:uppercase; }

.lu {
	font-weight:normal;
	font-size:12px;
}

.nonlu {
	font-weight:bold;
	font-size:14px;
}

#htmlActions A  {
	font-size:14px!important;
	padding-right:2px;
}

#htmlActions SPAN  {
	font-size:14px!important;
	padding-right:4px;
}

#etiquetteQuizz {
	background-color:#FCF5EF;
	color:#FF8000;
	width:69px;
	margin-top:6px;
	padding:2px 0px 3px 0px;
	font-size:11px;
	line-height:12px;
	text-align:center;
	font-weight:bold;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.btn_liste {
	border:1px solid orange;
	padding-top:4px;
	padding-bottom:4px;
	-moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  color:orange;
}


.etiquetteAnnonce {
	background-color:#edb802;
	color:white;
	width:42px;
	/*margin-top:6px;*/
	padding:2px 0px 3px 0px;
	font-size:11px;
	line-height:12px;
	text-align:center;
	font-weight:bold;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float:right;
  cursor:pointer;
  margin-top:4px;
}

#etiquetteTest {
	background-color:#EFF1FC;
	color:#112FD2;
	width:69px;
	margin-top:6px;
	padding:2px 0px 3px 0px;
	font-size:11px;
	line-height:12px;
	text-align:center;
	font-weight:bold;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.gray {color:#999999;}
A.gray {color:#999999!important;}
.uppercase { text-transform: uppercase!important; }
.petit { font-size: 0.65em!important; }
.uppercase_petit { text-transform: uppercase!important;font-size: 0.65em!important;}
.petit2 { font-size: 0.72em!important; }
.petit3, .petitMoyen { font-size: 0.77em; }
.petitMoyenBold { font-size: 0.77em; font-weight:bold; }
.petitRedBold { font-size: 0.65em; font-weight:bold; color:#c30000!important; }
.petitGreenBold { font-size: 0.65em; font-weight:bold; color:green; }
.petitGrayBold { font-size: 0.65em; font-weight:bold; color:#999999; }
.petitOrangeBold { font-size: 0.65em; font-weight:bold; color:#FF8000; }
.petitBlueBold  { font-size: 0.65em; font-weight:bold; color:#0080FF; }
.petitWhiteBold  { font-size: 0.65em; font-weight:bold; color:white; }
.txtorange3 { color:#FF8000; }
.petitBold { font-size: 0.65em; font-weight:bold; }
.petitBoldFondSable { font-size: 0.65em; font-weight:bold; background-color:#FFFFEF}

.petitRed { font-size: 0.65em; color:#c30000!important; }
.petitRed2 { font-size: 0.65em; color:#CC0000; }
.petitGreen { font-size: 0.65em; color:green; }
.petitGray { font-size: 0.65em; color:#999999; }
.petitOrange { font-size: 0.65em; color:#FF8000; }
.petitBlue  { font-size: 0.65em; color:#0080FF; }
.petitWhite  { font-size: 0.65em; color:white; }

.petitMoyenRed { font-size: 0.77em; color:#c30000!important; }
.petitMoyenGreen { font-size: 0.77em; color:green; }
.petitMoyenGray { font-size: 0.77em; color:#999999; }
.petitMoyenOrange { font-size: 0.77em; color:#FF8000!important; }
.petitMoyenBlue  { font-size: 0.77em; color:#0080FF; }
.petitMoyenBlueQB  { font-size: 0.77em; color:#078DA1; }
.petitMoyenWhite  { font-size: 0.77em; color:white; }
.petitMoyenBlack  { font-size: 0.77em; color:#3D4F51; }

.petitMoyen2 { font-size: 0.82em; }
.petitMoyenBold2 { font-size: 0.82em; font-weight:bold; }

.petitMoyen3 { font-size: 0.88em; }
.petitMoyenBold3 { font-size: 0.88em; font-weight:bold; }

.moyenRed { font-size: 0.96em; color:#c30000!important; }
.moyenGreen { font-size: 0.96em; color:green; }
.moyenGray { font-size: 0.96em; color:#999999; }
.moyenOrange { font-size: 0.96em; color:#FF8000; }
.moyenBlue  { font-size: 0.96em; color:#0080FF; }
.moyenWhite  { font-size: 0.96em; color:white; }

.moyen { font-size: 0.96em; font-weight: bold; }
.moyenRedBold { font-size:0.96em; font-weight:bold; color:#c30000; }
.moyenGreenBold { font-size:0.96em; font-weight:bold; color:green; }
.moyenGrayBold { font-size:0.96em; font-weight:bold; color:#999999; }
.moyenOrangeBold { font-size:0.96em; font-weight:bold; color:#FF8000; }
.moyenBlueBold  { font-size:0.96em; font-weight:bold; color:#0080FF; }
.moyenWhiteBold  { font-size: 0.96em; font-weight:bold; color:white; }
.moyenBlackBold { font-size:0.96em; font-weight:bold; color:#3D4F51; }
.moyenNobold { font-size: 0.96em; font-weight: normal; }

.gros { font-size: 1.09em; font-weight: bold; }
.grosNobold { font-size: 1.09em; font-weight: normal; color:#3D4F51; } /*text-shadow: 1px 1px 0 #D1D1D1;*/
.grosRedBold { font-size: 1.09em; font-weight:bold; color:#c30000; }
.grosGreenBold { font-size: 1.09em; font-weight:bold; color:green; }
.grosGrayBold { font-size: 1.09em; font-weight:bold; color:#999999; }
.grosOrangeBold { font-size: 1.09em; font-weight:bold; color:#FF8000; }
.grosBlueBold  { font-size: 1.09em; font-weight:bold; color:#0080FF; }
.grosWhiteBold  { font-size: 1.09em; font-weight:bold; color:white; }
.tresGrosOrangeBold { font-size: 1.80em; font-weight:bold; color:#FF8000; }
.grosMoyen { font-size: 1.45em; }
.tresGros { font-size: 1.80em; font-weight: bold; }
.tresGrosNobold { font-size: 1.80em; font-weight: normal; }

.petitRondRouge {
	background-color:#f03d25;
	border:1px solid #dd3822;
	border-top:0;
	display:block;
	padding:1px 2px 1px 2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius: 2px;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 0.59em;
	text-decoration: none;
	line-height:10px
	}

.petitRondOrange {
	background-color:orange;
	border:1px solid #CFAA00;
	border-top:0;
	display:block;
	padding:1px 2px 1px 2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius: 2px;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 0.59em;
	text-decoration: none;
	line-height:10px
	}

.petitRondNoir {
	background-color:#4DB7A1;
	border:1px solid #4DB7A1;
	border-top:0;
	display:block;
	padding:1px 2px 1px 2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius: 2px;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 0.59em;
	text-decoration: none;
	line-height:10px
	}

/* --------page contient entete conteneur et pied---------- */

/* Site */

#page {
	max-width: 994px;
	font-size:1em;/*1.03em;*/
}

#page td {
	/*font-size:1.03em; JPA Commenté le 22 juillet */
}

.vtop {
	vertical-align:top;
}

.smiley {
	line-height:24px;
}

#page th {
	font-size:1.03em;
	background-color:#FEEB65;
	color:#3D4F51;
}

/* FB */
#pageFB {
	width: 760px;
	text-align:left;
	font-size:1.03em;
	overflow-x: hidden;
	overflow-y: hidden;
}

#pageFB td {
	font-size:1.03em;
}

#pageFB th {
	font-size:1.03em;
	background-color:#FEEB65;
	color:#3D4F51;
}


/* ----------Contenu central------------ */

/* Site */
#conteneur {
}

#conteneur #contenu {
}

#conteneur #contenu #texte {
	text-align: left;
	color:#3D4F51;
	list-style-position: inside;
	list-style-image: url(/design/images/point-menu-li.gif);
	margin-bottom:30px;
}

#conteneur #contenu #texte a {
	color: #009999;
}

#conteneur #contenu #texte #bgorange a {color: #336600; font-weight: bold; text-decoration: none; }
#conteneur #contenu #texte #bgorange a:hover {  color: #336600; font-weight: bold; text-decoration: underline; }

#quick_search {background:url(/design/images/search.gif);height:35px;width:220px;float:right;overflow:hidden;padding-left:10px;}
#quick_search input{width:190px;background:transparent;border:none;padding:9px 7px}

/* FB */
#conteneurFB {
	width: 100%;
	overflow:auto;
}

#conteneurFB #contenu {
	float: left;
	width: 100%;
}

#conteneurFB #contenu #texte {
	text-align: left;
	color:#3D4F51;
	list-style-position: inside;
	list-style-image: url(/design/images/point-menu-li.gif)
}

#conteneurFB #contenu #texte a {
	color: #009999;
}

#conteneurFB #contenu .titrepage{
	font-size: 1.54em;
	font-weight: bold;
	color: #FF8000;
	text-align: center;
}

#conteneurFB #contenu .titrepagetext{
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 9px;
}

#conteneurFB #contenu #texte #bgorange a {color: #336600; font-weight: bold; text-decoration: none; }
#conteneurFB #contenu #texte #bgorange a:hover {  color: #336600; font-weight: bold; text-decoration: underline; }

/* ----------conteneur contient contenu categorie et volet------------ */

#conteneur #contenu #logo {
}

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .3em 0; /* Rapproche le titre du texte. (5) */
  line-height: 1.2em;
  font-weight: bold; /* Valeur par défaut. (6) */
  font-style: normal;
}
h1 {
  font-size: 1.6em; /* 1.27em */
  margin-top:0em;
  padding-top:10px;
  color: #FF8000;
	padding-bottom:10px;
}

h1.orangeFonce {
	padding-top:0px;
	font-size:1.3em;
}

.titre {
	font-size: 1.2em;
	font-weight: bold;
	color: #FF8000;
}

H2 {
	color: #FF8000;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}


LI, P.li {
	display:list-item;
	list-style-position: inside;
	list-style-image: url(/design/images/point-menu-li.gif)
}

.ligris {
	list-style-position: inside;
	list-style-image: url(/design/images/point-menu-li-gris.gif)
}

.liphoto {
	list-style-position: inside;
	list-style-image: url(/design/images/point-menu-li-photo.gif)
}

.liphotogris {
	list-style-position: inside;
	list-style-image: url(/design/images/point-menu-li-photo-gris.gif)
}

.liconcours {
	list-style-position: inside;
	list-style-image: url(/design/images/point-menu-li-concours.gif)
}

.liconcoursgris {
	list-style-position: inside;
	list-style-image: url(/design/images/point-menu-li-concours-gris.gif)
}

LABEL.none {
	font-weight: normal;
}

LABEL.nonepetit {
	font-weight: normal;
	font-size:0.65em;
}

a.blue {
	color: #009999;
	text-decoration:none;
	font-weight:bold;
	font-size:0.65em;
}

a.quizzNom { font-size: 0.96em; font-weight: bold; text-decoration: none;color: #009999;}
a.quizzNom:hover {
	text-decoration: underline;
}

a.quizzNomPetit { font-size: 0.65em; font-weight: bold; text-decoration: none;color: #009999;}
a.quizzNomPetit:hover {
	text-decoration: underline;
}

a.quizzNomMoyen { font-size: 0.77em; font-weight: bold; text-decoration: none;color: #3D4F51!important;}
a.quizzNomMoyen:hover {
	text-decoration: underline;
}

a.quizzNomGrosBlack { font-size: 1.03em; font-weight: bold; text-decoration: none;color: #3D4F51!important;}
a.quizzNomGrosBlack:hover {
	text-decoration: underline;
}

a.quizzNomGros { font-size: 1.03em; font-weight: bold; text-decoration: none;color: #009999;}
a.quizzNomGros:hover {
	text-decoration: underline;
}

a.quizzNomTresGros { font-size: 1.2em; font-weight: bold; text-decoration: none;color: #009999;}
a.quizzNomTresGros:hover {
	text-decoration: underline;
}

a.none { text-decoration: none;color: #009999; }
a.none:hover {
	text-decoration: underline;
}

a.noneblack { text-decoration: none;color:#3D4F51 !important; }
a.noneblack:hover {
	text-decoration: underline;
}

a.noneblackPetit { font-size: 0.65em; text-decoration: none;color:#3D4F51 !important; }
a.noneblackPetit:hover {
	text-decoration: underline;
}

a.none2white { text-decoration: none;color: #FFFFFF !important; }
a.none2white:hover {
	text-decoration: none!important;
}

a.none2 { 
	text-decoration: none!important; 
}

a.none2:hover {
	text-decoration: none!important;
}

a.none3 { 
	text-decoration: none!important; 
	padding:0!important;
	border-radius:0!important;
	border:0!important;
	margin:0!important;
}

a.nonepetit { font-size: 0.65em; text-decoration: none;color: #009999; }
a.nonepetit:hover {
	text-decoration: underline;
}

a.mobile { color: blue; font-weight: bold; text-decoration: none; font-size: 0.77em; }
a.mobile:hover {
	text-decoration: underline;
 }

.quizzDescription {
	color: #337A2A; /*old: 999999*/
	text-align:justify;
}


/*-------------- Volet droite ---------------*/
#conteneur #volet {
}

#conteneur #volet a{
	font-weight: bold;
	color: #007473;
}

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

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

.petitLink {
	color: #009999;
	text-decoration: none;
	font-size: 0.65em;
}

.petitLink:hover {
	text-decoration: underline;
}

#petitLien {
	font-size: 0.65em;
	text-align:right;
}

#petitLien2 {
	font-size: 0.65em;
	text-align:left;
}

.transparence {
	-moz-opacity:0.85;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
	background-color:white;
	min-height: 1px;
}


.transparenceNoir {
	-moz-opacity:0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	background-color:black;
	min-height: 1px;
}

.corner10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#zone_members {
	width:29%;
	min-height:400px;
	border:1px solid #FFF47F;
	margin-right:5px;padding:5px;
}

#zone_tchat_1 { width:70%; }

#zone_chat {
	background-color:#faf7f2;
	overflow-y:scroll;
	overflow-x:hidden;
	height:400px;
	padding:5px;
	border-left:1px solid #FFF47F;
	border-top:1px solid #FFF47F;
	border-bottom:1px solid #FFF47F;
}

.transparenceDark {
	-moz-opacity:0.85;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
	background-color:white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 1px;
}

.transparenceLight {
	-moz-opacity:0.95;
	opacity: 0.95;
	filter: alpha(opacity=95);
	-ms-filter: "alpha(opacity=95)";
	background-color:white;
	min-height: 1px;
}


#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) center center repeat-x;
	color:#3D4F51;
}

.barreActive3 {
	background: url(/design/images/ro5.gif) center center repeat-x;
/*	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;
}

.quizz_form_radio,.quizz_form_radio_qcm {
	opacity:0;
	position:absolute;
}

.reponses {
	margin:0;
	padding:0;
}

.question {
	background-color:#feea7a;
	color:black;
	font-weight:bold;
	padding:5px;
	text-align:left;
	clear:both;
	font-size:18px;
	padding:20px 12px;
}

.quizz_indice {
	background-color:#feea7a;
	color:black;
	/*font-weight:bold;*/
	padding:5px;
	text-align:left;
	clear:both;
	font-size:16px;
	padding:20px 12px;
}

.num_question {
	background-color:#feea7a;
	color:black;
	font-weight:bold;
	font-size:22px;
	line-height:30px;
	padding:10px 10px 5px 10px;
	margin:0;
}

LABEL.reponse {
	margin:0px;
	text-align:left;
	font-weight:normal;
	width:100%;
	line-height:25px;
	font-size:16px;
	padding:10px 10px 10px 10px;
	/*border-top:2px solid #f3f3f3;*/
	border-bottom:1px solid #feea7a;
	border-left:5px solid #feea7a;
	border-right:1px solid #feea7a;
	cursor:default;
	display:block;
  transition: all .25s;
  -webkit-transition: all .25s;
}

LABEL.reponse_selected {
	margin:0px;
	text-align:left;
	font-weight:bold;
	width:100%;
	line-height:25px;
	font-size:16px;
	padding:10px 10px 10px 10px;
	/*border-top:2px solid #FF8000;*/
	border-bottom:1px solid #FF8000;
	border-left:5px solid #FF8000;
	border-right:1px solid #FF8000;
	background-color:#FF8000;
	color:white;
	cursor:pointer;
	display:block;
}

LABEL.reponse_success {
	margin:0px;
	text-align:left;
	font-weight:normal;
	width:100%;
	line-height:25px;
	font-size:16px;
	padding:10px 10px 10px 10px;
	/*border-top:2px solid #FF8000;*/
	border-bottom:1px solid green!important;
	border-left:5px solid green!important;
	border-right:1px solid green!important;
	background-color:green!important;
	color:white;
	display:block;
  transition: all .25s;
  -webkit-transition: all .25s;
}

LABEL.reponse_fail {
	margin:0px;
	text-align:left;
	font-weight:normal;
	width:100%;
	line-height:25px;
	font-size:16px;
	padding:10px 10px 10px 10px;
	/*border-top:2px solid #FF8000;*/
	border-bottom:1px solid #c30000!important;
	border-left:5px solid #c30000!important;
	border-right:1px solid #c30000!important;
	background-color:#c30000!important;
	color:white;
	display:block;
  transition: all .25s;
  -webkit-transition: all .25s;
}

.text_image_r {
	position:absolute;
	bottom:0;
	width:100%;
	background-color: black;
	color:white;
	font-size:16px;
	text-align:center;
	padding:10 4;
	font-weight:normal;
}

.image_r_selected {	
  border:6px solid #FF8000!important;
  cursor: pointer;
}

.image_r_success {	
  border:6px solid green!important;
	cursor:default;
  transition: all .25s;
  -webkit-transition: all .25s;
}

.image_r_fail {
  border:6px solid #c30000!important;
  cursor:default;
   transition: all .25s;
  -webkit-transition: all .25s;
}

.quizz_commentaires {
	background-color:#f0f0f0;
	color:black;
	font-weight:normal;
	padding:5px;
	text-align:left;
	clear:both;
	font-size:18px;
	line-height:25px;
	padding:20px 10px 10px 10px;
}

.bonneMauvaiseReponse, .constestation {
	background-color:#FFFCE6;
	padding:10px;	
}

.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);
  }
}

/* ------------Entete ------------------*/
#titre_2 {
	background-image:url(/design/images/middle-v5.png);
	background-repeat: no-repeat;
	height:75px;
	width:100%;
}

#fil_ariane_2 {
	font-size: 0.65em!important;
	/*float:right;*/
	color:#2C5C5C;
	padding-right:64px;
	padding-top:10px;
	text-align:right;
	width:100%;
}

#fil_ariane_2 a {
	color: #009999;
}

/* Bug general position:fixed 
#titre_2_1 {
	min-height:27px;
	width:100%;
}*/

#entete_v5 #ligne2 {
	font-size: 0.88em;
	color: #336600;
 }

#entete_v5 #ligne2 a {
	color: #336600;
	text-decoration: none;
}

#entete_v5 #logo2 {
	margin-top:20px;
}

#entete_v5 #jouer2 {
	padding-top:20px;
}

#entete_v5 #quicksearch2 {
	padding-top:26px;
}

#entete_v5 #login {
	color: #336600;
 }

#entete_v5 #login a {
	color: #336600;
	text-decoration: none;
 }

#entete_v5 #login a:hover {
	text-decoration: underline;
}

#entete_v5 #login a.petitLink:hover {
	text-decoration: none;
 }

#entete_v5 #login td {
	color: #336600;
 }

#menu_1 {
	background-color:#feea7a;
	text-align:left;
	margin:0;
	padding:0;
	min-height:35px;
	box-shadow:0 2px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
	/*position:relative;*/
}

#menu_2 {
	font-size:14px;
	min-height:27px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	background-color:#fed571;
	box-shadow:0 2px 5px 0 rgb(0 0 0 / 12%);
}

#menu_2 a {
	padding:0px 10px;
}

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

#bann_970, #bann_970_2 {
	z-index:1;
}

#content_2 {
	border-left:2px solid #fed571;
	border-right:2px solid #fed571;
	background-color:rgb(255, 255, 250);
	box-shadow:0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 5px 0 rgb(0 0 0 / 12%);
	margin-left:-15px;
	margin-right:-15px;
	padding:0;
}

a.menu_1 {
	color:#984807;
	font-size:16px;
	padding:10px 8px;
	display:inline-block;
	font-weight:normal;
}

a.menu_1:hover, a.menu_1_selected {
	background-color:#fed571;
	text-decoration:none!important;
}

#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-left:15px;*/
	padding-top:7px;
}

/* ------------Entete FB ------------------*/


#enteteFB {
	width: 100%;
}

#enteteFB #ligne {
	padding-top: 2px;
	padding-left: 0px;
	font-size: 0.88em;
	color: #336600;
	background-image: url(/design/images/fond.gif);
	text-align:center;
 }

#enteteFB #login {
	/*float: left;*/
	padding-top: 2px;
	padding-left: 0px;
	color: #336600;
	/*width: 210px;*/
 }

#enteteFB #login a {
	color: #336600;
	text-decoration: none;
 }

#enteteFB #login a:hover {
	text-decoration: underline;
}

#enteteFB #login a.petitLink:hover {
	text-decoration: none;
 }

#enteteFB #login td {
	color: #336600;
 }

#enteteFB #adsense {
	/*float: right;*/
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 51px;
	padding-bottom: 0px;
 }

#enteteFB #promobenef {
	/*float: right;*/
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 51px;
	padding-bottom: 0px;
 }

#enteteFB #menu{
	/*float: right;*/
	text-align:center;
	align:center;
	margin-top: 0px;
	margin-right: 0px;
	/*width: 730px;*/
	/*height: 63px;*/
	background-color:#FED65E;
}

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

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

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

#enteteFB #menu #contmenu .barre1{
	/*float: left;*/
	padding-top: 0px;
	/*width: 427px;*/
	height: 30px;
	/*background-image:  url(barre-menu3bis.gif); */
}

.cursor {
	cursor:default;
}

.qz_grismaj {
	color:#999999;
	text-transform: uppercase!important;
	vertical-align:top;
	margin-top:7px;
	display:inline-block;
}

#barre_reaction {
	padding-top:60px;
	text-align:left;
}


/*--------------- Pied de page -------------------*/

#pied {
	clear: both;
	width: 100%;
	height:325px;
	padding: 0px;
	background-color:#b8dc58;
	font-size: 0.65em;
	box-shadow:0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 5px 0 rgb(0 0 0 / 12%);
}

#pied a { font-size: 13px; }

.lazyloadMe {
	content-visibility:auto;
	/*contain-intrinsic-size: auto;*/
}

#pied #contpied {
	clear: both;
	width: 100%;
	padding-top: 17px;
	text-align: left;
	color: #336600;
	font-weight: normal;
}

#pied #contpied H2 {
	color:#6d9116;
	text-transform:uppercase;
	font-style:normal;
	font-weight: bold;
	font-size: 1.3em;
	padding-bottom:10px;
}

#pied #contpied a {
	color: #336600;
	/*font-weight: bold;*/
	text-decoration: none;
}

#pied #contpied a:hover {
	text-decoration: underline;
}

#pied #contpied #partenaires {
	color: #6F9408;
	padding-top:0px;
	text-align:center;
}

#pied #contpied #partenaires a {
	color: #6F9408;
	font-weight:normal;
}

#pied #contpied #generated {
	color: #94B432;
	font-weight:normal;
	text-align:center;
}

/* FB */
#piedFB {
	clear: both;
	padding: 0px;
	/*background-color:#3B5998; border-width:1px; border-style:solid; border-color:#627AAD;*/
	background-color: #B9DD55; border-width:1px; border-style:solid; border-color:#9EBE13;
	text-align: center;
	font-size:0.60em;
	color: #336600;
	font-weight: normal;
}

#piedFB #contpied a {
	color: #336600;
	font-weight: normal;
	text-decoration: underline;
}

#piedFB #contpied a:hover {
	text-decoration: none;
}

/*--------------- Recup de Quizzy -------------------*/
a.white { text-decoration: none; color: white; }

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

.petit2 {
font-size: 0.59em;
}

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

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

#barre_choice A {
	font-size:0.87em;
	font-weight:bold;
	color:#999999!important;
	text-decoration:none;
	text-transform:uppercase;
}

#barre_choice A:hover {
	color:black!important;
	text-decoration:none;
}

#barre_choice A.selected {
	color:#3D4F51!important;
	border-bottom:5px solid #FF8000;
}

#barre_choice2 A {
	font-size:0.75em;
	font-weight:bold;
	color:#999999!important;
	text-decoration:none;
}

#barre_choice2 A:hover {
	color:black!important;
	text-decoration:none;
}

#barre_choice2 A.selected {
	color:#3D4F51!important;
	border-bottom:2px solid black;
}

img.avatar {
  /*width:100%;*/
  max-width:180px;
	border:black 1px solid;
}

img.avatar50 {
	border-radius:25px;
	width:50px;
	height:50px;
}

img.avatar40 {
	border-radius:20px;
	width:40px;
	height:40px;
}

img.avatar30 {
	border-radius:15px;
	width:30px;
	height:30px;
}

img.avatar25 {
	border-radius:12px;
	width:25px;
	height:25px;
}

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

#fil_ariane_2_1 A, a.tag2, span.tag2 {
	border-radius:8px;
	border:1px solid #999999;
	background-color:white; /*75A234#D84759*/
	color:#999999!important;
	padding:3px 5px;
	/*text-transform:uppercase;*/
	font-size:9pt;
	margin-right:4px;
}

#fil_ariane_2_1 A:hover, a.tag2:hover {
	border:1px solid white;
	background-color:#FF8000; /*75A234#D84759*/
	color:white!important;
	text-decoration:none;
}

.good { color: green; }
.bad { color: #c30000; }

.petitGood { font-size: 0.65em; color: green; }
.petitBad { font-size: 0.65em; color: #c30000; }

.moyenGood { font-size: 0.88em; color: green; }
.moyenBad { font-size: 0.88em; color: #c30000; }


.bigGood { font-size: 0.82em; color:336600; font-weight: bold; }

.bigOrange {
	font-size: 1.0em;
	font-weight: bold;
	color: #FF8000;
}

.quizzforumCadre { vertical-align:middle;background-color:#B9DD55; border-width:1px; border-style:solid; border-color:9EBE13; }

.alert { color: #c30000; }
.bigAlert { font-size: 0.82em; color: #c30000; font-weight: bold;}

.alert2 {
	background-color:#FFEFEF;
	/*border: 1px solid #CF0000;*/
	padding: 10px;
}

.alert3 {
	background-color:#FFEFEF;
	/*border: 1px solid #CF0000;*/
	padding: 10px;
	color:#c30000;
	font-weight:normal;
	text-align:center;
}

.quote {
	background-color:#ffffff;
	padding: 10px;
	border:4px dashed #ededed;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.orange3 {
	background-color:#fff4e8;
	padding: 10px;
	color:#FF8000;
	font-weight:normal;
	text-align:center;
}

.alert2 b {
	color: #CF0000;
}

.alert2 a {
	color: #CF0000;
}

.good2 {
	background-color:#EFFFDE;
	/*border: 1px solid #427F00;*/
	padding: 10px;
}

.good2 b {
	color: #427F00;
}

.good3 {
	background-color:#EFFFDE;
	padding: 10px;
	color:#375529;
	font-weight:normal;
	text-align:center;
}

.orange2 {
	background-color:#FFFFEB;
	/*border: 1px solid #FF8000;*/
	padding: 10px;
}

.orange2 b {
	color: #FF8000;
}

.petitQcm { font-size: 0.65em; color: #639431; font-weight: bold;}

.statusFinLigne {
	color: green;
	font-size: 0.8em;
}

.statusFinHorsLigne {
	color: #E69200;
	font-size: 0.8em;
}

.statusBrouillon {
	color: #c30000;
	font-size: 0.8em;
}

.statusFinLigneNormal {
	color: green;
}

.statusFinHorsLigneNormal {
	color: #E69200; /* #E69200 */
}

.statusFinHorsLigneDark {
	color: #E69200;
}

.statusBrouillonNormal {
	color: #c30000;
}

.statusViolet {
	color: #7F00D8;
}

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

#arbo_tag A {
	font-size:20px;
	color:#009999!important;
}

#arbo_tag A.nonepetit {
	font-size:16px;
	color:#009999!important;
	font-weight:normal!important;
}

#arbo_tag .petit {
 /*font-size:16px!important;*/
}

#btn_play {
	padding:10px 0px;
	background-color:rgb(255 255 255 / 0.8);
	width:630px;
}

.fixed {
	position:fixed;
	top:0;
	padding:0;
	z-index:10;
	border:1px solid #e9e9e9;
}

.imgsel { background-color:#FEFF7F; border-width:2px;border-style:solid; border-color:#FEFF7F; }
.imgnosel {  border-width:2px;border-style:solid; border-color:#FFFFE1; }
.sableImg { background-image:url(/design/images/bgorange.png); }
.sable { background-color:#FFFFE1; }
.sableSupp {background-color:#FFFFE1; text-align:justify; padding:10px;margin-bottom:20px; }
.sableBold { background-color:#FFFFE1; font-weight:bold; }
.bold { font-weight:bold; }
.sableclair { background-color:#FFFFEF; }
.blanc { background-color:#FFFFFF; }
.yellow { background-color:#FFFF00!important; }
.sablefonce { background-color:#FFF6CF; }
.bggrisclair { background-color:#EFEFEF; }
.infoSupp {background-color:rgba(0,0,0,3%); text-align:justify; padding:10px;margin-bottom:20px; }
.white { background-color:#FFFFFF;  }
.white3 { color:#FFFFFF;  }
.whiteBold { background-color:#FFFFFF; font-weight:bold; }
.trend_radiz { line-height:10px; height:10px; margin-top:1px; color:#c30000;background-color:#E0F284;font-weight:bold;}

.voile {
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 0.5);
    filter: alpha(opacity = 0.5);
}

.border { border-width:1px; border-style:solid; border-color:#FFF47F; }
.mandatory {
	color: #c30000;
	font-size: 0.71em;
}

.notmandatory {
	color: 336600;
	font-size: 0.71em;
}

.bgorange {
/*background-color:#FED65E;*/
color:#336600;
height:30px;
background: url(/design/images/bgorange.jpg) center center repeat-x;
}

#bgorange {
/*background-color:#FED65E;*/
color:#336600;
height:30px;
background: url(/design/images/bgorange.jpg) center center repeat-x;
}


.mouseover { background-color:#FEFF7F;}
.mouseoverBold { background-color:#FEFF7F; font-weight:bold; }
DIV.none {}

DIV.nonepetit {}

.mouseoverBorderorange {
background-color:#FEFF7F;
border-width:1px;
border-style:solid;
border-color:#FFF47F;
margin:1px;
cursor:pointer;
}

FORM {
  margin:0;
}

INPUT.bgorange {
	MARGIN: 0px 0px 0px 0px;
	BORDER: 0px;
	font-size: 0.77em;
	font-weight: bold;
	font-style:	bold;
	color:#3D4F51;
}

INPUT.notation {
	width:23px;
	font-weight:bold;
	color:#FF8000;
	font-size:1.09em;
	border:0;
	background-color:#FFFFE1;
	text-align:right;
}

#bgorangeclair {
background-color:#FFE79F;
}

.borderorangenoimg {
border-width:1px;
border-style:solid;
border-color:#FFF47F;
background-color:#FFFFE1;
margin:1px;
}

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

.petitborderorange {
border-width:1px;
border-style:solid;
border-color:#FFF47F;
background-color:#FFFFE1;
margin:1px;
font-size: 0.65em;
}

.buzz {
width:100%;
background-color:#FFFFE1; /* #FFF8DD; */
font-size: 0.77em;
color:#3D4F51;
margin-bottom: 4px ;
margin-top: 4px ;
}

.buzzEmpty {

}

.bgorangepetit {
background-color:#FFFFE1;
margin:1px;
font-size: 0.65em;
}

.orange {
background-color:#FFFFE1;
}

.textOrange {
color: #FF8000;
}

.bordergris {
border-width:1px;
border-style:solid;
border-color:#8C8C88;
background-color:#EFEFEF;
margin:1px;
}

.bordergris2 {
border-width:1px;
border-style:solid;
border-color:#d1d1d1;
}

.borderblue {
border-width:1px;
border-style:solid;
border-color:#53AABF;
background-color:#DFF9FF;
margin:1px;
}

.borderblue2 {
background-color:#FfFfFf;
margin:1px;
}

.borderblue3 {
/*background-color:#FfFfFf;*/
}

.borderblue4 {
/*background-image:url(border4.png);
background-repeat:repeat-x;
background-color:#FfFfFf;*/
border:1px solid #e9e9e9;
/*width:300px;*/
margin-right:15px;
}

.borderblue5 {
/*background-color:#FfFfFf;*/
width:300px;
border:1px solid #e9e9e9;
padding-top:2px;
padding-bottom:2px;
}

.bordersabledroite {
border:1px solid #FFF47F;
width:300px;
}

.suggestionOn {
/*background-color:#FfFfFf;*/
}

.suggestionOut {
/*background-color:#FfFfFf;*/
}

.titreBleu {
	/*text-transform:uppercase;*/
	color:#3D4F51!important;
	text-align:left;
	background-color:#95deee;
	font-size:0.80em;
	font-weight:bold;
	padding:3px 7px 3px 7px;
}

.bordergreen {
border-width:1px;
border-style:solid;
border-color:#95BF2F;
background-color:#EEFFBF;
margin:1px;
}

th.green2 {
background-color:#D6F7AD;
color: #456F47;
text-transform: uppercase;
}

.bordergreen2 {
border-width:1px;
border-style:solid;
border-color:#D6F7AD;
background-color:white;
margin:1px;
}

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 ORANGE */
span.buttonSmallOrange, div.buttonSmallOrange, input[type=submit].buttonSmallOrange, input[type=button].buttonSmallOrange, a.buttonSmallOrange {
  cursor:pointer;
  text-transform:none;
  font-size:0.82em;
  line-height: 28px;
  font-weight:bold!important;
  text-decoration: none;
  padding:5px 10px;
  background: #ff8724;
  background: -moz-linear-gradient(top,  #ff8724 0%, #e07721 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8724), color-stop(100%,#e07721));
  background: -webkit-linear-gradient(top,  #ff8724 0%,#e07721 100%);
  background: -o-linear-gradient(top,  #ff8724 0%,#e07721 100%);
  background: -ms-linear-gradient(top,  #ff8724 0%,#e07721 100%);
  background: linear-gradient(to bottom,  #ff8724 0%,#e07721 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8724', endColorstr='#e07721',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;
}

span.buttonSmallOrange:hover, div.buttonSmallOrange:hover, input[type=submit].buttonSmallOrange:hover, input[type=button].buttonSmallOrange:hover, a.buttonSmallOrange:hover {
  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 );
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:white!important;
  border:1px solid #ff8724;
  text-decoration:none!important;
}

/* 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:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  text-align:center;

  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.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: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;
  /*line-height: 28px;*/
  font-weight:bold!important;
  text-decoration: none;
  padding:5px 15px;
  background: #ff8724;
  background: -moz-linear-gradient(top,  #ff8724 0%, #e07721 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8724), color-stop(100%,#e07721));
  background: -webkit-linear-gradient(top,  #ff8724 0%,#e07721 100%);
  background: -o-linear-gradient(top,  #ff8724 0%,#e07721 100%);
  background: -ms-linear-gradient(top,  #ff8724 0%,#e07721 100%);
  background: linear-gradient(to bottom,  #ff8724 0%,#e07721 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8724', endColorstr='#e07721',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;
}

span.buttonOrange:hover, div.buttonOrange:hover, input[type=submit].buttonOrange:hover, input[type=button].buttonOrange:hover, a.buttonOrange:hover {
  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%);
  border:1px solid #ff8724;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e07721', endColorstr='#ff8724',GradientType=0 );
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:white!important;

  text-decoration:none!important;
}

.buttonVert {
  font-size:16px!important;
  padding:5px 15px!important;
}

span.buttonGris, div.buttonGris, input[type=submit].buttonGris, input[type=button].buttonGris, a.buttonGris {
  cursor:pointer;
  text-transform:none;
  font-size:1em;
  /*line-height: 28px;*/

  text-decoration: none;
  padding:5px 15px;
  background: #E7E7E7;
  margin-right: 2px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  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:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:#888888!important;

  text-decoration:none!important;
}

.pointer {
	cursor:pointer;
}

#logout {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color:#84b831; /*#E4341C;*/
	height:25px;
	color:white;
	text-align:center;
}
#logout:hover {
	background-color:#E4341C;
}

A.logout:hover {
	background-color:none!important;
}

A.monProfil {
	background-color:#84b831;
}

A.monProfil:hover {
	background-color:#72A91B;
}

span.buttonSmall:hover, div.buttonSmall:hover, input[type=submit].buttonSmall:hover, input[type=button].buttonSmall:hover, a.buttonSmall:hover {
  background: #A3D749;
  background: -moz-linear-gradient(top,  #A3D749 0%, #89BE3E 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3D749), color-stop(100%,#89BE3E));
  background: -webkit-linear-gradient(top,  #75A234 0%,#92CC2E 100%);
  background: -o-linear-gradient(top,  #75A234 0%,#92CC2E 100%);
  background: -ms-linear-gradient(top,  #75A234 0%,#92CC2E 100%);
  background: linear-gradient(to bottom,  #75A234 0%,#92CC2E 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75A234', endColorstr='#92CC2E',GradientType=0 );
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:white;
  border:1px solid #3C531B;
  text-decoration:none!important;
}

/* VERT 2 BIG */
a.medium {
	font-size:1.20em!important;
  padding:5px 20px!important;
  text-shadow:1px 1px 0px #333333!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:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  text-align:center;
  color:white!important;
  text-shadow:1px 1px 0px #333333!important;
}

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

.buttonVert, span.buttonBig, div.buttonBig, input[type=submit].buttonBig, input[type=button].buttonBig, a.buttonBig {
  cursor:pointer;
  text-transform:none;
  font-size:16pt;
  line-height: 28px;
  font-weight:bold!important;
  text-decoration: none;
  padding:10px 30px;
  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:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  text-align:center;

  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 0px #333333!important;
}

span.buttonBig:hover, div.buttonBig:hover, input[type=submit].buttonBig:hover, input[type=button].buttonBig:hover, a.buttonBig:hover {
  background: #A3D749;
  background: -moz-linear-gradient(top,  #A3D749 0%, #89BE3E 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3D749), color-stop(100%,#89BE3E));
  background: -webkit-linear-gradient(top,  #75A234 0%,#92CC2E 100%);
  background: -o-linear-gradient(top,  #75A234 0%,#92CC2E 100%);
  background: -ms-linear-gradient(top,  #75A234 0%,#92CC2E 100%);
  background: linear-gradient(to bottom,  #75A234 0%,#92CC2E 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75A234', endColorstr='#92CC2E',GradientType=0 );
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:white!important;
  border:1px solid #3C531B;
  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: #ff8724;
  background: -moz-linear-gradient(top,  #ff8724 0%, #e07721 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8724), color-stop(100%,#e07721));
  background: -webkit-linear-gradient(top,  #ff8724 0%,#e07721 100%);
  background: -o-linear-gradient(top,  #ff8724 0%,#e07721 100%);
  background: -ms-linear-gradient(top,  #ff8724 0%,#e07721 100%);
  background: linear-gradient(to bottom,  #ff8724 0%,#e07721 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8724', endColorstr='#e07721',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;
}

span.buttonBigOrange:hover, div.buttonBigOrange:hover, input[type=submit].buttonBigOrange:hover, input[type=button].buttonBigOrange:hover, a.buttonBigOrange:hover {
  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%);
  border:1px solid #ff8724;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75A234', endColorstr='#92CC2E',GradientType=0 );
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:white!important;
  text-decoration:none!important;
}


/* VERT 2 Bleu FB */
span.buttonBigFB, div.buttonBigFB, input[type=submit].buttonBigFB, input[type=button].buttonBigFB, a.buttonBigFB {
  cursor:pointer;
  text-transform:none;
  font-size:16pt;
  line-height: 28px;
  font-weight:bold!important;
  text-decoration: none;
  padding:10px 30px;
  background: #3B5998;
  background: -moz-linear-gradient(top,  #3B5998 0%, #2C4472 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B5998), color-stop(100%,#2C4472));
  background: -webkit-linear-gradient(top,  #3B5998 0%,#2C4472 100%);
  background: -o-linear-gradient(top,  #3B5998 0%,#2C4472 100%);
  background: -ms-linear-gradient(top,  #3B5998 0%,#2C4472 100%);
  background: linear-gradient(to bottom,  #3B5998 0%,#2C4472 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B5998', endColorstr='#2C4472',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 #2C4472;
  box-shadow:0 0 3px rgba(0, 0, 0, 0.2), 1px 1px 1px #5C8CED inset;
  text-shadow:1px 1px 1px #333333;
}

span.buttonBigFB:hover, div.buttonBigFB:hover, input[type=submit].buttonBigFB:hover, input[type=button].buttonBigFB:hover, a.buttonBigFB:hover {
  background: #2C4472;
  background: -moz-linear-gradient(top,  #2C4472 0%, #3B5998 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2C4472), color-stop(100%,#3B5998));
  background: -webkit-linear-gradient(top,  #334E84 0%,#3B5998 100%);
  background: -o-linear-gradient(top,  #2C4472 0%,#3B5998 100%);
  background: -ms-linear-gradient(top,  #2C4472 0%,#3B5998 100%);
  background: linear-gradient(to bottom,  #2C4472 0%,#3B5998 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2C4472', endColorstr='#3B5998',GradientType=0 );
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:white!important;
  border:1px solid #3B5998;
  text-decoration:none!important;
}

/* VERT 2 Bleu FB */
span.buttonBigVideo, div.buttonBigVideo, input[type=submit].buttonBigVideo, input[type=button].buttonBigVideo, a.buttonBigVideo {
  white-space:nowrap;
  cursor:pointer;
  text-transform:none;
  font-size:16pt;
  line-height: 28px;
  font-weight:bold!important;
  text-decoration: none;
  padding:10px 30px;
  background: #FF7F00;
  background: -moz-linear-gradient(top,  #FF7F00 0%, #F46A00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF7F00), color-stop(100%,#F46A00));
  background: -webkit-linear-gradient(top,  #FF7F00 0%,#F46A00 100%);
  background: -o-linear-gradient(top,  #FF7F00 0%,#F46A00 100%);
  background: -ms-linear-gradient(top,  #FF7F00 0%,#F46A00 100%);
  background: linear-gradient(to bottom,  #FF7F00 0%,#F46A00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7F00', endColorstr='#F46A00',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 #F46A00;
  box-shadow:0 0 3px rgba(0, 0, 0, 0.2), 1px 1px 1px #FFA319 inset;
  text-shadow:1px 1px 1px #333333;
}

span.buttonBigVideo:hover, div.buttonBigVideo:hover, input[type=submit].buttonBigVideo:hover, input[type=button].buttonBigVideo:hover, a.buttonBigVideo:hover {
  background: #F46A00;
  background: -moz-linear-gradient(top,  #F46A00 0%, #FF7F00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F46A00), color-stop(100%,#FF7F00));
  background: -webkit-linear-gradient(top,  #F46A00 0%,#FF7F00 100%);
  background: -o-linear-gradient(top,  #F46A00 0%,#FF7F00 100%);
  background: -ms-linear-gradient(top,  #F46A00 0%,#FF7F00 100%);
  background: linear-gradient(to bottom,  #F46A00 0%,#FF7F00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F46A00', endColorstr='#FF7F00',GradientType=0 );
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  color:white!important;
  border:1px solid #F46A00;
  text-decoration:none!important;
}

.borderred {
border-width:1px;
border-style:solid;
border-color:#FF7F87;
background-color:#FFEFF0;
margin:1px;
}

.cuteorange {
color:#FF8000;
font-weight: bold;
}

.cuteblue {
color:#53AABF;
font-weight: bold;
}

.cutegreen {
color:#95BF2F;
font-weight: bold;
}

.cutered {
color:#FF7F87;
font-weight: bold;
}

.cutegris {
color:#8C8C88;
font-weight: bold;
}

.bgdarkorange {
background-color:#FED65D;
}

.bgdarkblue {
background-color:#53AABF;
}

.bgdarkgreen {
background-color:#95BF2F;
}

.bgdarkred {
background-color:#FF7F87;
}

.markup {
	color:#c30000;
	background-color:yellow;
	font-size: 0.65em;
	font-weight: bold;
}

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

#action_quizz { margin-right:0px;margin-left:0px;padding-bottom:15px;border-bottom:1px solid #e9e9e9; }
#action_quizz A { font-size:16pt;color:#464646!important;} /*0a999c - 464646*/
#action_quizz DIV { font-size:8pt;padding-top:8px;color:#030303;padding-left:0px;padding-right:0px;}

#action_forum { margin-right:0px;margin-left:0px; }
#action_forum A { font-size:16pt;color:#464646!important;} /*0a999c - 464646*/
#action_forum DIV { font-size:8pt;padding-top:8px;color:#030303;padding-left:0px;padding-right:0px;}

#barre_auteur {padding:10px;border-bottom:1px solid #e9e9e9;}

.s4pt {
	font-size:4pt;
}
.s5pt {
	font-size:5pt;
}
.s6pt {
	font-size:6pt;
}
.s7pt {
	font-size:7pt;
}
.s8pt {
	font-size:8pt;
}
.s9pt {
	font-size:9pt;
}
.s10pt {
	font-size:10pt;
}
.s11pt {
	font-size:11pt;
}
.s12pt {
	font-size:12pt;
}
.s13pt {
	font-size:13pt;
}
.s14pt {
	font-size:14pt;
}
.s15pt {
	font-size:15pt;
}
.s16pt {
	font-size:16pt;
}
.s17pt {
	font-size:17pt;
}
.s18pt {
	font-size:18pt;
}
.s19pt {
	font-size:19pt;
}
.s20pt {
	font-size:20pt;
}
.s21pt {
	font-size:21pt;
}
.s22pt {
	font-size:22pt;
}
.s23pt {
	font-size:23pt;
}
.s24pt {
	font-size:24pt;
}
.s26pt {
	font-size:26pt;
}
.s28pt {
	font-size:28pt;
}
.s30pt {
	font-size:30pt;
}
.s32pt {
	font-size:32pt;
}
.s34pt {
	font-size:34pt;
}
.s36pt {
	font-size:36pt;
}
.s38pt {
	font-size:38pt;
}
.s40pt {
	font-size:40pt;
}



a.petitlinkorange { font-size: 0.65em; color:#FF8000!important; font-weight: bold; text-decoration: none; }
a.petitlinkorange:hover { text-decoration: underline; }

a.petitlinkorangefonce { font-size: 0.65em; color:#F20000!important; font-weight: bold; text-decoration: none; }
a.petitlinkorangefonce:hover { text-decoration: underline; }

a.petitlinkblue { font-size: 0.65em; font-weight: bold; text-decoration: none; }
a.petitlinkblue:hover {  border-bottom: 1px solid #53AABF; }

a.petitlinkgreen { font-size: 0.65em; font-weight: bold; text-decoration: none; }
a.petitlinkgreen:hover {  border-bottom: 1px solid #95BF2F; }

a.petitlinkred { font-size: 0.65em; font-weight: bold; text-decoration: none; }
a.petitlinkred:hover {  border-bottom: 1px solid #FF7F87; }

a.petitlinkblue2 { font-size: 0.88em; font-weight: normal; text-decoration: none; }
a.petitlinkblue2:hover {  text-decoration: underline;}

a.linkorange { padding:0 2px;color:#EF5B00!important; font-weight: bold; text-decoration: none; }
a.linkorange:hover { text-decoration: underline; }

a.linkorangefonce { padding:0 2px;color:#c30000!important; font-weight: bold; text-decoration: none; background-color:#FFFFE1; }
a.linkorangefonce:hover { text-decoration: underline; }

a.linkblue { font-weight: bold; text-decoration: none; }
a.linkblue:hover {  border-bottom: 1px solid #53AABF; }

a.linkgreen { font-weight: bold; text-decoration: none; }
a.linkgreen:hover {  border-bottom: 1px solid #95BF2F; }

a.linkred { font-weight: bold; text-decoration: none; }
a.linkred:hover {  border-bottom: 1px solid #FF7F87; }

a.linkblue2 { font-weight: normal; text-decoration: none; }
a.linkblue2:hover {  text-decoration: underline;}

a.quizzforumTxt { font-size: 1.15em!important; color:#EF7600!important; font-weight: bold; text-decoration: none; }
a.quizzforumTxt:hover { font-size: 1.15em; color:#EF7600; font-weight: bold; text-decoration: underline; }

.code { padding:3px; font-family:Arial,sans-serif; border-width:1px; border-style:dotted; border-color:black; background-color:#FFFFE0; font-size: 0.71em;  }

textarea {
	font-family:Arial,sans-serif!important;
}

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!important;
	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 #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 #FFA800;
    border-left: 1px solid #FFA800;
    border-right: 1px solid #FFA800;
    border-bottom: 1px solid #FFA800;
    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;
}


.bleuVert {
	color: #009999;
}

a.blueNone {
	color: #009999;
	text-decoration: none;
}

a.blueNone:hover {
	color: #009999;
	text-decoration: underline;
}

a.underline {
	text-decoration: underline !important;
}

a.underline:hover {
	text-decoration: none !important;
}

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

#input_recherche {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0 10px 0 10px;
	height: 26px;
	width: 196px;
	/*background: transparent url(input_search3.gif) no-repeat top left;*/
	border: 0;
	font-size: 13px;
	/*font-weight:bold;*/
	line-height: 13px;
  border-radius: 25px;
  /*border: 1px solid #73AD21;*/
}

#input_recherche_mobile {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0 10px 0 10px;
	height: 35px;
	width: 80%;
	/*background: transparent url(input_search3.gif) no-repeat top left;*/
	border: 0;
	font-size: 1.1em;
	/*font-weight:bold;*/
	line-height: 1.1em;
  border-radius: 15px;
  /*border: 1px solid #73AD21;*/
}

.petitgris {
	color: #999999;
	font-size: 0.71em;
}

.gris {
	color: #999999!important;
}

.grisclair {
	color:#999999!important;
}

.petitEspace {
	font-size: 1px;
}

.position {
	color: #FF8000;
	font-size: 0.71em;
	vertical-align: super;
  font-weight: bold;
}

.space { margin: 5px; font-size: 1.03em;  }

.imagegreen { margin: 1px; border:1px solid #95BF2F; }
.imagegreen:hover { margin: 1px; border:1px solid #E86B00; }

.imageorange { margin: 1px; border:1px solid #FFF47F; }
.imageorange:hover { margin: 1px; border:1px solid #E86B00; }

.imageblue { margin: 1px; border:1px solid #53AABF; }
.imageblue:hover { margin: 1px; border:1px solid #DFF9FF; }

.borderBlack { border-width:1px; border-style:solid; border-color:black; }

SELECT.avecImages option {
	background-repeat:no-repeat;
	height:27px;
	font-size: 0.82em;
}

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

.pointer {
	cursor:pointer;
}

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

.green {
	color:green;
}

.greenclair {
	background-color: #E0F284;
}

.themouseout {
	background-color:white;
}

.themouseoutTrans {
}

.barreOn {
	background-color:white;
	font-size:0.65em;
	font-weight: bold;
	border:0;
	border-width:0;
	color:#FF8000;
}

DIV.divScroll {
	height:250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

DIV.divScroll2 {
	overflow-y: scroll;
	overflow-x: hidden;
	height:450px;
}

DIV.divScroll3 {
	overflow-y: scroll;
	overflow-x: hidden;
	height:320px;
}

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

DIV.divScrollHori {
	overflow: auto;
	width:100%; /*500px;*/
}

td.bg1 {
	background-color:#FFFFE1;
}
td.bg2 {
	background-color:#FFFFFF;
}

td.bg1bis {
	background-color:#F5F5C7;
}
td.bg2bis {
	background-color:#F2F2F2;
}


td.bg3 {
	background-color:#FEEB65;
}

td.bg3bis {
	background-color:#F4E161;
}


img.superpos {
	position:  absolute;
    top:   0;
    left:   0;
}

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.contenu_image_q {
	font-size:2px;
	background: transparent url("/images/contenus/image_q-16.png") no-repeat;
	width: 16px;
	height: 16px;
	top:51;
	left:51;
	position: absolute;
}

span.contenu_image_r {
	font-size:2px;
	background: transparent url("/images/contenus/image_r-16.png") no-repeat;
	width: 16px;
	height: 16px;
	top:35;
	left:51;
	position: absolute;
}

span.contenu_audio {
	font-size:2px;
	background: transparent url("/images/contenus/audio-16.png") no-repeat;
	width: 16px;
	height: 16px;
	top:19;
	left:51;
	position: absolute;
}

span.contenu_video {
	font-size:2px;
	background: transparent url("/images/contenus/video-16.png") no-repeat;
	width: 16px;
	height: 16px;
	top:3;
	left:51;
	position: absolute;
}

span.contenu_image_q_total {
	font-size:2px;
	background: transparent url("/images/contenus/image_q-gray-32.png") no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right:4px;
}

span.contenu_image_r_total {
	font-size:2px;
	background: transparent url("/images/contenus/image_r-gray-32.png") no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right:4px;
}

span.contenu_audio_total {
	font-size:2px;
	background: transparent url("/images/contenus/audio-gray-32.png") no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right:4px;
}

span.contenu_video_total {
	font-size:2px;
	background: transparent url("/images/contenus/video-gray-32.png") no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right:4px;
}

span.contenu_image_q_mini {
	font-size:2px;
	background: transparent url("/images/contenus/image_q-16.png") no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right:1px;
}

span.contenu_image_r_mini {
	font-size:2px;
	background: transparent url("/images/contenus/image_r-16.png") no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right:1px;
}

span.contenu_audio_mini {
	font-size:2px;
	background: transparent url("/images/contenus/audio-16.png") no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right:1px;
}

span.contenu_video_mini {
	font-size:2px;
	background: transparent url("/images/contenus/video-16.png") no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right:1px;
}

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

span.resumephoto {
	color:white;
	font-weight:bold;
	font-size:0.65em;
	line-height:13px;
	text-align:center;
	width: 13px;
	height: 13px;
	cursor: default;
	/*padding-left:1px;
	padding-right:1px;*/
	background-color:#DCDCDC;
	border:2px solid black;
	position: absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	top:52;
	left:53;
/*
	font-size:2px;
	background: transparent url("point-menu-li-photo.gif") no-repeat;
	width: 16px;
	height: 15px;
	top:53;
	left:54;
	position: absolute;
*/
}

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

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

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

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


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

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



/* Specificité FB */

.nbconnectes {
background-color:#B9DD55; border-width:1px; border-style:solid; border-color:#9EBE13;
margin:1px;
font-size: 0.65em;
}

/*
#nbconn {
margin:1px;
font-size: 0.59em;
text-align:center;
height:18px;
width:173px;
color: #336600;
}
*/

#nbconn {
	color: #336600;
	text-align:right;
	font-size: 0.59em;
	/*margin-right:11px;*/
	padding-top:6px;
	padding-right:6px;
}

#nbconn a {
	font-weight:bold;
	color: #336600;
	text-decoration:none;
}

#nbconn a:hover {
	text-decoration:underline;
}

.nbconnectesFB {
/*background-color:#3B5998; border-width:1px; border-style:solid; border-color:#627AAD;*/
background-color: #B9DD55; border-width:1px; border-style:solid; border-color:#9EBE13;
margin:1px;
font-size: 0.65em;
}

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

/* --------Facebook---------------------------------------- */
#FB_likeBox
{
overflow:hidden;
margin:auto;
height:23px;
width:140px;
}

#FB_likeBox iframe
{
border:0;
margin-left:-60px;
margin-top:-30px;
}


.clear {
	clear:both;
}

.float-right {
	float:right;
}

.float-left {
	float:left;
}

/* ######################################################################## */
/* ########## Dropdown NEW                                     ############ */
/* ######################################################################## */
ul.primary_navigation>li{display:block;position:relative;}
ul.primary_navigation li a, ul.primary_navigation li a:hover{display:block;text-decoration:none!important;}
ul.primary_navigation li ul{display:none;position:absolute;left:-1px;width:200px;height:auto;font-size:15px;z-index:5000;border-top:0;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px 10px 0;text-transform:none}
ul.primary_navigation li ul li{float:initial;height:25px;box-sizing:border-box;-moz-box-sizing:border-box;padding-left:10px;line-height:25px;list-style:none;display:block;font-size:15px;margin-bottom:10px;border:0} /* font-family:Helvetica,Arial,sans-serif;color:#333; */
ul.primary_navigation>li:hover ul{display:block}

ul.primary_navigation li ul{top:25px;}
ul.navigation_profil li ul { color:#336600;background-color:#a2cc58;  } /* border:1px solid #84b831; */
ul.navigation_profil li ul li:hover { background-color: #72a41c; }
ul.navigation_profil li ul li:hover a{ color:#fff!important; }

ul.menu_1_navigation {height:20px;}
ul.menu_1_navigation li ul{top:39px;}
ul.menu_1_navigation li ul { color:#984807!important;background-color:#fed571;  } /* border:1px solid #84b831; */
ul.menu_1_navigation li ul li:hover { background-color: #ea8134; }
ul.menu_1_navigation li ul li:hover a{ color:#fff!important; } /*color:#984807!important; */

.menu2_elt {
	float:right;
}

a.linkmenu2 { color:#984807!important;font-weight: normal; text-decoration: none; }
a.linkmenu2:hover { color:rgb(235, 18, 18)!important; font-weight: normal; text-decoration: none; }
a.linkmenu2Selected { color:rgb(235, 18, 18)!important; font-weight: normal; text-decoration: none; }

#menu_mobile ul {background-color:#ececec;font-family: "Arial", sans-serif;}
#menu_mobile ul>li{display:block;position:relative;}
#menu_mobile ul li a {display:block;line-height:65px;text-decoration:none!important;color:#4A4A4A!important;font-size:1.5em;text-align:left;padding-left:30px;padding-right:5px;}
#menu_mobile ul li a:hover {background-color:#ececec;}
#menu_mobile ul {width:100%;height:auto;z-index:5000;border-top:0;box-sizing:border-box;-moz-box-sizing:border-box;padding:0;text-transform:none}
#menu_mobile ul li{height:60px;line-height:40pt;background-color:white;float:initial;box-sizing:border-box;-moz-box-sizing:border-box;margin:1px!important;list-style:none;display:block;font-size:15px;margin-bottom:10px;border:0}
.menu_mobile_glyphicon {font-size:12pt;padding-right:13px;}
#menu_profil_profil A { font-size:8pt;display:inline; }
#menu_profil_profil_visu { font-size:12pt!important; }


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

* {
	outline:none;
}

html, body {
	height:100%;
	color:#3D4F51;
}

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

a.bold {
	font-weight:bold;!important;
}

.normal {
	font-weight:normal;!important;
}

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-top: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;
	width:100%;
	background-position:bottom;
}

.ligneOrangeVerti {
	background-image: url("/design/images/pixelOrange2Verti.gif");
	background-repeat: repeat-y;
	padding-left:10px;
}

#titre_gauche {
	float:left;
	width:143px;
	height:19px;
}

#titre_droite {
	float:right;
	padding-right:50px;
}

#back_search {

}

#adv_search {
	font-size:15px;
}

#adv_search a {
	color: #007473;
	font-weight:bold;
	text-decoration:none;
	font-size: 0.65em;
}

#adv_search a:hover {
	text-decoration:underline;
}

#menu_central {
	width:100%; /*635px;*/
	/*padding-left:15px;*/
	text-align:center;
	padding-bottom:10px;
}

#bulle {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	z-index:100;
}

#footer_gg {
	float:left;
	/*width:627px;*/
	padding-left:15px;
}

#last_quizz {
	font-weight:bold;
}

#footer_aboutus {

}

#footer_copyright {
	padding-top:25px;text-align:center;
}

#footer_copyright_logo {
	width:144px;height:70px;background-image:url(/design/images/logo_bottom.png);background-repeat:no-repeat;padding-top:40px;
}

#footer_countries {
	float:left;padding-left:8px;padding-top:13px;
}

#footer_version {
	text-align:right;float:right;font-size:1.2em;
}

#footer_pro {

}

#footer_social_links A {
	font-size:13pt;
}

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

.nowrap {
	white-space: nowrap;
}

#partenairesTitre {
	text-transform:uppercase;
	text-align:center;

	color:#53AABF;
	font-weight: bold;
}

#scrollToTop {
    background: none repeat scroll 0 0 #B9DD55; /* rgba(0, 0, 0, 0.8) */
    border-radius: 4px 0 0 4px;
    bottom: 120px;
    display: none;
    padding: 12px 5px;
    position: fixed;
    right: 0px;
    text-decoration: none;
}

#scrollToTop a {
	color:#336600;
	font-size:12px;
}

/****************** 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;
}

.texteFB {
	font-family: 'helvetica neue',helvetica,arial,'lucida grande',sans-serif;
}

.barre_quizz_preview {
	z-index: 9999;
	position: fixed!important;
	bottom: 0;
	box-shadow:1px 0px 10px #999999 !important;
	height:75px;
}

#barre_partage { background-color:white; }

#quizz_description { 
		margin-top:10px;
		margin-bottom:10px;
		/*min-height:36px; */
		text-align:justify; 
}

#desc_texte {
	max-height:60px;
	overflow:hidden;
	transition:max-height 0.15s ease;
}

#menu_mobile_search, #menu_mobile_menu {
	margin-left:-30px!important;
	width:calc(100% + 60px)!important;
	max-height:0px;
	overflow:hidden;
	transition:max-height 0.15s ease;
}

img.widthAuto {
  width: 100%;
  height: auto;
}

img.width100 {
  max-width:100%;
  height: auto;
}

.grayscale {
 -webkit-filter  : grayscale(90%); 
 filter    : grayscale(90%);
 opacity: 0.7;
}

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

/****************** radio et checkbox image_r ***********/
#checkbox_image_r {
	display: inline-block;
	background-color:#FFFCE6; /*#feea7a*/
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
}

#checkbox_image_r label {
    position: relative;
    display: inline-block;
		background-repeat:no-repeat;
    margin-right:0px;
    vertical-align:middle;
    margin-bottom:0px!important;
    border:6px solid #FFFCE6;
}

input.check_image_r_qcm:checked+label {
	border:6px solid #FF8000!important;
}

input.quizz_form_radio_qcm:checked+label {
	border-bottom:1px solid #FF8000;
	border-left:5px solid #FF8000;
	border-right:1px solid #FF8000;
	background-color:#FF8000;
	color:white;
}

#checkbox_image_r input[type='checkbox'], #checkbox_image_r input[type='radio']{
    display: none;
}

#checkbox_image_r IMG {
	width:100%;
	min-height:109;
}

/****************** 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");

}

#nbconn_mobile {
	color:#9d9d9d;
	display:inline;
	position:absolute;
	font-size:10px;
	margin-top:15px;
	margin-left:5px;
}
#nbconn_mobile a {
	color:#9d9d9d;
	text-decoration:none;
}

#menu_profil_desktop {
	text-align:left;
	width:210px;
	margin-left:0px;
	padding:0px;
}

#menu_profil_desktop LI, #menu_profil_mobile LI {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:5px;
	margin-bottom:5px;
}

#menu_profil_desktop LI A, #menu_profil_mobile LI A {
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#menu_profil DIV.borderTop, #menu_profil_desktop DIV.borderTop {
	font-size:1px;
	line-height:1px;
	border-top:1px solid #84b831;
}

#menu_mobile_search DIV.borderTop, #menu_mobile_menu DIV.borderTop, #menu_profil_mobile DIV.borderTop {
	font-size:3px;
	line-height:3px;
}

#menu_profil_desktop LI {
	font-size:14px;
	/*line-height:24px!important;*/
}


/***************** 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}
	body{padding-bottom: 38px}

	#zfx-footer-social-close{display: inline-block;cursor: pointer;padding-left:5px;}
	#zfx-cnil-close{cursor: pointer;}

.voileDarkDark {
	background-color:black!important;
	opacity:0.6;
	z-index:1;
	filter:alpha(opacity=60);
}

.voileDark {
	background-color:black!important;
	opacity:0.7;
	z-index:1;
	filter:alpha(opacity=70);
}
						
.voileDarkLight {
 background-color:black!important;
 opacity:0.9!important;
 filter:alpha(opacity=90)!important;
}

.img_home_stars {
	/*width:100%;*/
	position:absolute;
	top:5;
	left:10;
	opacity:1;
	z-index:1;
	filter:alpha(opacity=100);
	cursor:pointer;
	color:white;
	font-weight:normal;
	font-size:16px;
	line-height:23px;
}


.img_home_avatar {
	position:absolute;
	bottom:0;
	left:15;
	opacity:1;
	z-index:1;
	filter:alpha(opacity=100);
	cursor:pointer;
	border-top:3px solid white;
	border-left:3px solid white;
	border-right:3px solid white;
}

.img_home_text {
	width:100%;
	color:white;
	position:absolute;
	left:0px;
	opacity:1;
	z-index:1;
	filter:alpha(opacity=100);
	top:50%;
	transform:translateY(-50%);
	text-shadow: 1px 1px 0 black;
	text-align:center;
	font-family: "SoinSansNeue-Bold", Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0 20px;
	cursor:pointer;
	font-size:30pt;
	font-weight:bold;
}


#quizz_avatar { float:right; }

.keyword_droite {
	padding:0 10px;
}

/***************** Responsive ************************/

@media (max-width: 767px) {
	
#menu_mobile ul li {margin:0!important;}
#menu_mobile { margin-left:-15px; margin-right:-15px; }
#menu_profil_profil A { font-size:12pt;display:inline; }
#menu_profil_profil_visu { font-size:18pt!important; }
.menu_mobile_glyphicon {font-size:22pt;padding-right:30px;}

#barre_actions_bottom {
	margin-right:-15px;
	position:fixed;
	bottom:0px;
	height:68px;
	width:calc(100% + 30px);
	background-color:white;
	z-index:1000;
	/*border-top:1px solid white;*/
}

#barre_actions_bottom A { font-size:16pt;color:#464646!important;} /*0a999c - 464646*/
#barre_actions_bottom DIV { font-size:10pt;padding-top:0px;color:#030303;padding-left:0px;padding-right:0px;}

#fil_ariane {
	padding-left:0px!important;
	padding-right:0px!important;
}

.keyword_droite {
	font-size:14pt!important;
	white-space: normal!important;
}

#content_2 {
	border:0;
	margin:0px;
	box-shadow:none;
}

/* Bug general position:fixed 
#page {
	padding-left: 8px;
	padding-right: 8px;
	border:0;
}
*/

#zone_chat {height:300px;}

#zone_tchat_1 { width:100%; }

#conteneur #contenu #texte {
	margin-bottom:0px;
}

.fixed {
	top:60px;
}
#btn_play {
	width:calc(100%)!important;
	padding:15px 15px;
	/*width:calc(100%-30px);*/
}

#btn_play_fixed {
	margin-left:-15px;
	margin-right:-15px;
}
/*#htmlActions {
	max-width:100%;
}*/

#fil_ariane_bottom {
margin-top:30px;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
}

#social_bottom_mobile {
border-bottom:1px solid #e9e9e9;
padding-bottom:20px;
margin-bottom:10px;
}

#fil_ariane_bottom, #fil_ariane_bottom A {
	color:gray;
	font-size:8pt;
	margin-right:5px;
}

#fil_ariane_bottom A {text-decoration:underline;}

#type3_mobile  {
	border:1px solid #cccccc;
	padding:4 2;
}

.inputRechercheNom {
	font-size:30px!important;
	height:48px;
	padding-left:7px;
}

#select_keywords {max-width:200px;}

#pagination A { border:1px solid #cccccc;}

.buttonBig {display:block;width:100%!important;}

#td_cat_danstheme { width:100%!important; }

div.input, select.input, textarea.input, input.input {
	border: 1px solid #cccccc;
}

.header_mobile_h1 {
	font-size:18pt;
	font-weight:normal;
	padding:0;
	margin:0;
	color:#3D4F51;
}

#header_mobile, #menu_mobile {
	margin-left:-15px!important;
	/*width:calc(100% + 30px)!important;*/
}

#fil_ariane_mobile {
	padding-left:20px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:10px;
	margin-left:-10px;
	margin-bottom:10px;
	text-align:left;
	border-top:2px solid rgba(0,0,0,0.2);
	border-bottom:1px solid rgba(0,0,0,0.1);
	overflow-x: auto; /* scroll */
	overflow-y: hidden;
	/*width:calc(100% + 30px);*/
	white-space: nowrap;
	/*display: flex;*/
}

#fil_ariane_mobile_apres {
	margin-top:-10px;
	margin-left:-10px;
	text-align:left;
	border-top:5px solid rgba(0,0,0,0.1);
	border-bottom:5px solid rgba(0,0,0,0.1);
	overflow-x: auto;
	overflow-y: hidden;
	/*width:calc(100% + 30px);*/
	white-space: nowrap;
}


#fil_ariane_mobile A.selected { 
	color:white!important;
	background-color:#606060!important;
}

.fil_ariane_mobile_apres_separ {
	background-color:rgba(0,0,0,0.1);
	height:10px;
	/*width:calc(100% + 30px);*/
	margin-left:-15px;
}

#fil_ariane_2_1 A {
	/*text-transform:uppercase;*/
	font-size: 11pt!important;
	color:#030303!important;
	border-radius:20px;
	border:1px solid rgba(0,0,0,0.1);
	background-color:rgba(0,0,0,0.05);
	padding:6px 10px;
	margin-right:10px;
}

#fil_ariane_2_1 A:hover {
	border:1px solid white;
	background-color:#FF8000; /*75A234#D84759*/
	color:white!important;
	text-decoration:none;
}

#select_tri SELECT, #select_keywords, #type3  {
	font-size:14pt!important;
	margin: 2px 0px;
}

H1.visu_quizz {
	padding-top:10px;
}

.td_liste_quizz {
	margin-top:-10px;
	padding:10px 5px 10px 10px;
	/*border-bottom:3px solid #e4e4e4;*/
	border:1px solid #cccccc;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

#pagination {
	/*padding-top:0px;*/
}

a.quizzNomTresGros {
	font-size:1.5em;
}

#entete_v5_mobile {
	padding-top:10px;
	min-height:66px;
}
	.fancybox-wrap {
		position: absolute;
  	top: 100px !important;
		z-index: 8020;
	}

  #popupfb {font-size:13px;background: #F5F6FA;display:none;width:290px}
  #popupfb .fbtext {width:100%;text-align:center;}
		#popupfb h1 strong{font-size:30px;}
		#popupfb h1{padding-bottom:0px;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 .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}

	#quizz_zoom, #volet, #entete_v5, #menu_1, #bann_970, #pied, #menu_2, #ajaxPodiumDebut, #arbo_tag, #scrollToTop, #quizz_detail {
		display:none!important;
		width:0;
		height:0;
	}

	#barre_partage {
		width:100%;
	}

	.partageFixed { z-index: 9999; position: fixed!important; top: 0; box-shadow:1px 0px 10px gray !important;}

body.page_sommaire {
	background-image:  url(/images/pixel.gif);
	background-color:rgb(255, 255, 255);
}

#bann_970_2 {
	margin-top:30px;
}

#contenu {
	padding:0;
	margin-left:-5px;
	margin-right:-5px;
}

.ligneOrange {
		padding-top:40px;
	  width:100%;
	  text-align:center;
}

.ligneOrangeTexte {
	width:100%;
	text-align:center;
	font-size:13pt!important;
}

#titre {
	padding:0 5px;
}

H1 {
	font-size:1.8em;
	/*text-align:center;*/
	padding-bottom:5px;
	padding-top:15px;
}

#quizz_avatar {max-width:90px;}

/*#quizz_photo_question {max-width:100%;}*/

#quizz_question {margin-bottom:40px;}

#quizz_question_img {text-align:center!important;}

.quizz_photo_question { text-align:center; margin-top:0px; background-color:#2f2f2f; }

}



@media (max-width: 991px) {
	
ul.menu_1_navigation li ul{top:35px;}

#menu_2 {
		font-size:14px;
		padding-top:6px
}

#menu_2 a {
		font-size:13px;
		padding:6px 7px 0px 7px;
}

}

@media (max-width: 1199px) {

}

@media (min-width: 768px) {

H1.visu_quizz {
	padding-top:0px;
}

.td_liste_quizz { 
	border-bottom:1px dotted #c7c7c7; 
}

.quizz_photo_question {  text-align:center; margin-top:0px; background-color:#FFFCE6; padding:10 0; }

#fil_ariane_2_1 {
	padding:9px 0px 15px 6px;
	text-align:left;
	width:100%;
	color:#999999!important;
	font-size: 9pt!important;
	text-transform:uppercase;
	line-height:19px;
}

	

/*
#fil_ariane_2_1 a {
	color: #999999;
}

#fil_ariane_2_1 a:hover {
	color: #009999!important;
	text-decoration: none;
}
*/

	.fancybox-wrap {
		position: absolute;
  	top: 170px !important;
		z-index: 8020;
	}



	#entete_v5 {
		background-image:  url(/design/images/top-v6_750.png);
	}
	#pied {
		background-image: url(/design/images/bottom-v6_750.png);
	}
	.ligneOrange {
	  width:700px;
	}
	#barre_partage {
		width:686px;
	}
	.partageFixed { z-index: 9999; position: fixed; top: 0; box-shadow:1px 0px 10px gray !important; padding-top:10px;}

	#checkbox_image_r {
		/*padding-left:53px;*/
	}
}

@media (min-width: 992px) {
	#entete_v5 {
		background-image:  url(/design/images/top-v6_970.png);
	}
	#pied {
		background-image: url(/design/images/bottom-v6_970.png);
	}
	#barre_partage {
		width:594px;
	}

	.ligneOrange {
	  width:605px;
	}

	#checkbox_image_r {
		/*padding-left:13px;*/
	}

}

@media (min-width: 1200px) {
	#entete_v5 {
		/*width:100%;min-height:79px;background-repeat:no-repeat;background-position:top left;*/
		background-image:  url(/design/images/top-v6_994.png);
	}
	#pied {
		background-image: url(/design/images/bottom-v6_994.png);
	}
	#barre_partage {
		width:630px;
	}
}


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

/* ######################################################################## */
/* ########## FIN                              ############ */
/* ######################################################################## */