/*
Evol 1_57
- bg FFFFCC devient FFFFE1
- border FFB919 devient FED65D
- border FFA800 devient FED65D

*/
/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE


 Nouvelle version
 * 21px				1.27em
 * 20px				1.21em
 * 19px				1.15em
 * 18px				1.09em
 * 17px				1.03em
 * 16px				0.96em
 * 15px				0.88em
 * 14px				0.82em
 * 13px				0.77em
 * 12px				0.71em
 * 11px				0.65em
 * 10px				0.59em
 */


/* remarque : les polices sont en em pour pouvoir etre redimensionnees */
/* par le navigateur, sauf les polices du bloc login sinon, l'entete est deforme */

/*  ------------------------------------------ */

body.page_sommaire  {
	background-image: url(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: "lucida", tahoma,verdana,arial,serif; */
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

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

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

.red {color:red;}
.black {color:#3D4F51!important;}
.txt_blanc {color:blanc!important;}

.color_perso { background-color:white; color:red; 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:red; 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; }

/*
.color_perso { background-color:#FC9494; color:white; 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:#FF8000; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_auteur { background-color:#C2C72B; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_recompense { background-color:#6BD3E9; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_forum { background-color:#FDB405; color:white; padding-right:2px; padding-left:2px; font-size: 0.88em; font-weight:bold; text-transform:uppercase; }
.color_defis { background-color:#AFD733; 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:red; 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; }
*/

.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:10px!important;
	padding-right:2px;
}

#htmlActions SPAN  {
	font-size:10px!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;
}

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

#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:gray;}
.uppercase { text-transform: uppercase; }
.petit { 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:red!important; }
.petitGreenBold { font-size: 0.65em; font-weight:bold; color:green; }
.petitGrayBold { font-size: 0.65em; font-weight:bold; color:gray; }
.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; }
.orange3 { 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:red!important; }
.petitGreen { font-size: 0.65em; color:green; }
.petitGray { font-size: 0.65em; color:gray; }
.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:red!important; }
.petitMoyenGreen { font-size: 0.77em; color:green; }
.petitMoyenGray { font-size: 0.77em; color:gray; }
.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:red!important; }
.moyenGreen { font-size: 0.96em; color:green; }
.moyenGray { font-size: 0.96em; color:gray; }
.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:red; }
.moyenGreenBold { font-size:0.96em; font-weight:bold; color:green; }
.moyenGrayBold { font-size:0.96em; font-weight:bold; color:gray; }
.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:red; }
.grosGreenBold { font-size: 1.09em; font-weight:bold; color:green; }
.grosGrayBold { font-size: 1.09em; font-weight:bold; color:gray; }
.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 {
	/*width: 100%;
	overflow:hidden;*/
}

#conteneur #contenu {
	/*float: left;
	width: 654px;
	padding-right:7px;*/
}

#conteneur #contenu #texte {
	/*padding-top: 16px;*/
	/*padding-left: 14px;*/
	/*padding-bottom: 16px;*/
	text-align: left;
	color:#3D4F51;
	list-style-position: inside;
	list-style-image: url(point-menu-li.gif)
}

#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(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 {
	/*width: 98%;
	margin-left: 10px;
	margin-right: 10px;*/
	text-align: left;
	color:#3D4F51;
	list-style-position: inside;
	list-style-image: url(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.4em; /* 1.27em */
  margin-top:0em;
  padding-top:5px;
  color: #FF8000;
	padding-bottom:0px;
}

h1.orangeFonce {
	padding-top:0px;
	font-size:1.3em;
  /*
  font-weight:bold;
  margin-top:0em;
  color: #FF8000;
  background-color:white!important;*/
}



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

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


LI {
	list-style-position: inside;
	list-style-image: url(point-menu-li.gif)
}

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

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

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

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

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

LABEL.reponse {
	font-weight: bold;
}

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.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.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 {
	/*float: right;
	width: 304px;
	margin-right:11px;
	overflow:hidden;
	padding-left:22px;*/

}

#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;
	/*text-shadow: 1px 1px 0 #D1D1D1;*/
}

#petitLien2 {
	font-size: 0.65em;
	text-align:left;
	/*text-shadow: 1px 1px 0 #D1D1D1;*/
}

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

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

	/* pour IE 6
	height: auto !important;
	height: 1px */
}


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

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

	/* pour IE 6
	height: auto !important;
	height: 1px */
}

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

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

	/* pour IE 6
	height: auto !important;
	height: 1px */
}

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

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

	/* pour IE 6
	height: auto !important;
	height: 1px */
}


#barre {
	padding-top: 0px;
	border-width:1px;
	border-style:solid;
	border-color:#FFF47F;
	background-color:#FFFFE1;
	background-image:url(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/bgbarre.jpg);
	background-repeat: repeat-x;
	color:#3D4F51;
}

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

.barreActive2 {
	background: url(ro1.gif) center center repeat-x;
	color:#3D4F51;
}

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

.barreNonActive {
	color:gray;
	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:gray;
}

.question {
	background-color:#feea7a;
	color:black;
	font-weight:bold;
	padding:5px;
	margin-bottom:2px;
	text-align:left;
	clear:both;
	font-size:0.96em;
}

.reponses_form {
	background-image:url(/design/question-2-v2.jpg);
	background-repeat: repeat-y;
	padding-left:22px;
	padding-right:6px;
	margin-top:2px;
	text-align:left;
	width:1%;
	line-height:25px;
	/*font-size:0.96em;*/
}

.reponses {
	background-image:url(/design/question-2-v2.jpg);
	background-repeat: repeat-y;
	padding-left:22px;
	margin-top:2px;
	text-align:left;
	width:100%;
	line-height:25px;
	/*font-size:0.96em;*/
}



/* ------------Entete ------------------*/
#titre_2 {
	background-image:url(/design/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;
}

#titre_2_1 {
	/*background-color:red;*/
	min-height:27px;
	width:100%;
}

#fil_ariane_2_1 {
	font-size: 0.65em!important;
	color:#2C5C5C;
	/*padding-left:6px;*/
	padding-top:6px;
	text-align:left;
	width:100%;
	/*float:left;*/
}

#fil_ariane_2_1 a {
	color: #B8B8B8;
}

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

#entete_v5 {
	width: 100%;
	min-height:79px;
	background-image:  url(top-v6_994.png);
	background-repeat: no-repeat;
	background-position: top left;
}

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

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

#entete_v5 #logo2 {
	margin-top:20px;
	/*
	margin-left:10px;
	float:left;
	width:105px;
	height:48px;*/
}

#entete_v5 #jouer2 {
	padding-top:20px;
	/*float:left;
	width:247px;
	text-align:center;

	padding-left:10px;*/
}

#entete_v5 #quicksearch2 {
	padding-top:26px;
	/*float:left;
	width:250px;
	*/
}

#entete_v5 #login {
	color: #336600;
	/*float: left;
	width: 360px;
	height: 79px;*/
 }

#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:36px;
	/*position:relative;*/
}

#menu_2 {
	font-size:14px;
	min-height:27px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	background-color:#fed571;
}

#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 {
	/*background-color:white;*/
	margin:10px 0px;
	z-index:1;
}

#content_2 {
	border-top:1px solid #fed571;
	border-left:2px solid #fed571;
	border-right:2px solid #fed571;
	background-color:rgb(255, 255, 250);
	border-bottom:1px solid #fed571;
	margin-bottom:10px;
}

a.menu_1 {
	color:#984807;
	font-size:16px;
	padding:8px 10px 9px 10px;
	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(barre1.gif);
}


#entete #menu #contmenu .barre2{
	float: right;
	padding-top: 0px;
	margin-right: 50px;
	width: 599px;
	height: 34px;
	background-image:  url(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(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); */
}




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

#pied {
	clear: both;
	width: 100%;
	height:325px;
	padding: 0px;
	background-image: url(bottom-v6_994.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	font-size: 0.65em;
}

#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:#B8B8B8!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:#B8B8B8!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;
  /*max-height:200px;*/
	border:black 1px solid;
}

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: #B8B8B8!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(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(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;}

.good { color: green; }
.bad { color: red; }

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

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


.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: red; }
.bigAlert { font-size: 0.82em; color: red; font-weight: bold;}

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

.alert2 b {
	color: #CF0000;
}

.alert2 a {
	color: #CF0000;
}

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

.good2 b {
	color: #427F00;
}

.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: red;
	font-size: 0.8em;
}

.statusFinLigneNormal {
	color: green;
}

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

.statusFinHorsLigneDark {
	color: #D18400;
}

.statusBrouillonNormal {
	color: red;
}

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



.imgsel { background-color:#FEEB65; border-width:2px;border-style:solid; border-color:#FEEB65; }
.imgnosel {  border-width:2px;border-style:solid; border-color:#FFFFE1; }
.sableImg { background-image:url(bgorange.png); }
.sable { background-color:#FFFFE1; }
.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; }
.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:red;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: red;
	font-size: 0.71em;
}

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

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

#bgorange {
/*background-color:#FED65E;*/
color:#336600;
height:30px;
background: url(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(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;
}

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

.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;
  /*background: #FFFF98;
  background: -moz-linear-gradient(top,  #FFFF98 0%, #DECF00 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,  #FFFF98 0%,#DECF00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8724', endColorstr='#e07721',GradientType=0 );
  box-shadow:0 0 3px rgba(0, 0, 0, 0.2), 1px 1px 1px #FFFF98 inset;
  text-shadow:1px 1px 1px #303030;
  */

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

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

span.buttonGris:hover, div.buttonGris:hover, input[type=submit].buttonGris:hover, input[type=button].buttonGris:hover, a.buttonGris:hover {
  background: #DDDDDD;
  border:1px solid #B8B8B8;
  -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;
}

span.buttonBig, div.buttonBig, input[type=submit].buttonBig, input[type=button].buttonBig, a.buttonBig {
  cursor:pointer;
  text-transform:none;
  font-size:1.27em;
  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:1.27em;
  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:1.27em;
  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:1.27em;
  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:#FFB919;
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:red;
	background-color:yellow;
	font-size: 0.65em;
	font-weight: bold;
}

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

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:red!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;
}


div.input,
select.input,
textarea.input,
input.input
{
		padding:4 2;
		font-size:14px;
    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.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: red;
}

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

.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(input_login.png) no-repeat top left;
	border: 0;
}

#input_recherche {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0 30px 0 10px;
	height: 26px;
	width: 174px;
	background: transparent url(input_search3.gif) no-repeat top left;
	border: 0;
	font-size: 1.2em;
	font-weight:bold;
	line-height: 1.3em;
}

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

.gris {
	color: gray!important;
}

.grisclair {
	color:#B8B8B8!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:10;
	margin-top: 0px;
	margin-left: 0px;
	height: 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:10;
	margin-top: 0px;
	margin-left: 0px;
	height: 300px;
	background-color:white;
    border-top: 1px solid #FFA800;
    border-left: 1px solid #FFA800;
    border-right: 1px solid #FFA800;
    border-bottom: 1px solid #FFA800;
	white-space:nowrap;
	overflow-x: hidden;
}

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

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

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

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

.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; /*/ obviously change this to whatever you want /*/
	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("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.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:#D18400!important; /*#E69200*/
}

span.c_niveau3 {
	background-color:red!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:35px;}
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;}
#menu_mobile ul>li{display:block;position:relative;}
#menu_mobile ul li a {display:block;text-decoration:none!important;color:#4A4A4A!important;font-size:1.3em;}
#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:40px;line-height:40px;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}


/* ######################################################################## */
/* ########## 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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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; }


/* ######################################################################## */
/* ########## ACCUEIL news slider                              ############ */
/* ######################################################################## */

* {
	outline:none;
}

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

/*a:hover{ color:#FF0000;}*/

#grostitres, #grostitres2 {
	background:#fff url(bgbloc-grostitres.png) no-repeat left top;
	width:630px;
	margin-bottom:0px;
	display:block;
}

#grostitres .inner, #grostitres2 .inner {
	background:transparent url(bgbloc-grostitres.png) no-repeat right bottom;
	height:229px; /* theheight */
	position:relative;
}


span.scrollUp, span.scrollDown {
	position:absolute;
	left:0;
	width:172px;
	height:24px;
	background:transparent url(flecheNav-grostitres.png) no-repeat;
	z-index:8;
	z-index:21;
	cursor:pointer;
}
span.scrollUp {display:block; top:0px; background-position:right top;}
span.scrollDown {bottom:0px; background-position:left top;}
span.scrollUp:hover {background-position:right bottom;}
span.scrollDown:hover {background-position:left bottom;}

div.scrollable{
	display:block;
	padding-top:24px;
	position:absolute;
	width:191px;
	height:182px; /* theheight */
	overflow:hidden;
	z-index:20;
}


ul#liste-grostitres{
	position:absolute;
	top:0px;
	margin-top:23px;
	left:0px;
	list-style:none;
	height:2000em;
	z-index:20;
}


.listeSelected {
	background:transparent url(grostitre-selected_orange2.png) no-repeat top left;
}

ul#liste-grostitres li.selected, ul#liste-grostitres li.sel {
	background:transparent url(grostitre-selected_orange.png) no-repeat top left;
	width:155px;
	padding-right:28px;
	border:none;
	color:#FFF;
}

ul#liste-grostitres li:hover{
	background:transparent url(bg_nav_edito_hover_sable2.png) no-repeat top left;
	color:#4F5051!important;
}

ul#liste-grostitres li a, ul#liste-grostitres li a{ text-decoration:none!important;color:#4F5051!important;}

ul#liste-grostitres li a:hover, ul#liste-grostitres li:hover a{ text-decoration:none!important;color:#4F5051; }

ul#liste-grostitres li.selected:hover, ul#liste-grostitres li.sel:hover{
	background:transparent url(grostitre-selected_orange.png) no-repeat top left;
	width:155px;
	padding-right:28px;
	border:none;
	color:#FFF!important;
	text-decoration:none!important;
}

ul#liste-grostitres li, ul#liste-grostitres li.disabled{
	display:block;
	width:155px;
	font-size:11px;
	padding:6px 8px;
	height:44px;
	cursor:pointer;
	background:none;
	background:transparent url(bg_nav_edito.png) no-repeat top left;
}

ul#liste-grostitres li a span.title{ font-weight:bold; width:74px!important; }

ul#liste-grostitres li img{ margin-right:3px;}
ul#liste-grostitres li.sel a{ color:#FFFFFF!important;}
ul#liste-grostitres img.thumb {
	float:left;
	border: 1px solid #ccc;
}
ul#liste-grostitres img.selected {
	border: 1px solid #484848;
}
ul#liste-grostitres p.grostitre {
	float:left;
	width:106px;
	padding-left:8px;
}




ul#liste-grostitres span.grandtitle, ul#liste-grostitres span.text, ul#liste-grostitres ul.link_sup{ display:none;}
#grostitres div.mask, #grostitres2 div.mask{ position:absolute; z-index:25; right:0px; width:5px; height:230px; background:url(border_edito.png) top right;}

#grostitres .bigcontent, #grostitres2 .bigcontent {
	border-left:1px solid #b8b8b8;
	margin-left:181px;

}

#grostitres .bigcontent img, #grostitres2 .bigcontent img { border:0px; max-width:580px; max-height:140px; position:absolute; left:90px;}
#grostitres .bigcontent span.bg_blck, #grostitres2 .bigcontent span.bg_blck { display:block; position:absolute; float:left; width:459px; height:89px; margin:141px 0px 0px 0px; right:0px; z-index:10; background-color:#000000; opacity:0.8;filter:alpha(opacity=80);}
#grostitres .bigcontent .video, #grostitres2 .bigcontent .video { display:none;}
#grostitres .bigcontent a span.text b.liens, #grostitres2 .bigcontent a span.text b.liens  { text-decoration:none!important;font-size:0.8em; color:#FF0000!important; padding-left:8px; margin-left:3px; cursor:pointer; }
#grostitres .bigcontent a span.text b.liens:hover, #grostitres2 .bigcontent a span.text b.liens:hover { text-decoration:none!important;color:#CC0000!important; }
#grostitres .bigcontent a span.grandtitle, #grostitres2 .bigcontent a span.grandtitle {cursor:pointer!important; text-decoration:none!important;position:absolute; margin:147px 0px 0px 10px!important; display:inherit!important; clear:inherit!important; height:inherit!important; width:inherit!important; text-transform:inherit!important; color:#FF8000!important; font-weight:bold!important; font-size:14px!important;  padding:0px!important; background:none!important; font-family:Helvetica, Arial, sans-serif!important; z-index:15;}
#grostitres .bigcontent a span.grandtitle:hover, #grostitres2 .bigcontent a span.grandtitle:hover { color:#FF8000!important;}
#grostitres .bigcontent a span.text, #grostitres2 .bigcontent a span.text { text-decoration:none!important;width:424px; position:absolute; margin:167px 0px 0px 10px!important; display:block!important; clear:both; height:inherit!important;  text-transform:inherit!important; color:#ffffff!important; font-weight:normal!important; font-size:0.71em!important; cursor:default;  padding:0px!important; background:none!important; font-family:Helvetica, Arial, sans-serif!important; z-index:15;}
#grostitres .bigcontent ul.link_sup, #grostitres2 .bigcontent ul.link_sup {text-decoration:none!important;display:block; position:absolute; margin:208px 0px 0px 10px!important; padding:0px; float:left; z-index:16; list-style:inside disc!important; list-style-position:inside!important; list-style-type:disc!important; color:#FFFFFF;}
#grostitres .bigcontent ul.link_sup li, #grostitres2 .bigcontent ul.link_sup li {text-decoration:none!important;display:block; width:200px; float:left; height:18px; margin-right:10px; padding-left:9px; background:url(puce_li.gif) 0px 12px no-repeat; }
#grostitres .bigcontent ul.link_sup li a, #grostitres2 .bigcontent ul.link_sup li a {text-decoration:none!important;color:#FFFFFF !important;  font-size:11px; }
#grostitres .bigcontent ul.link_sup li a:hover, #grostitres2 .bigcontent ul.link_sup li a:hover {text-decoration:none!important;color:#FF8000 !important;}

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

div.ligneBlack {
	background-image: url("/design/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.0em; /*font-size: 14px;*/
	font-weight:bold;
	color:#FF8000!important;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif!important;
}
a.ligneOrange:hover {text-decoration:underline;}

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

div.ligneOrangeTexte {
	float:right;
	background-color:white;
}

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

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

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.activiteLigne {
	background-image:url(/design/pixelOrange3.gif);
	background-repeat:repeat-x;
	width:100%;
	background-position:bottom;
}

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

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

.bgWhite {
	/*background-color:white;*/
}

#titre {
	/*float:left;*/
	/*width:100%;*/
	/*padding-left:15px;*/
	/*padding-top:0px;*/
	/*background-color:white;*/
}

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

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

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

#footer_last_quizz {

}

#footer_aboutus {

}

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

#footer_copyright_logo {
	width:144px;height:70px;background-image:url(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;padding-right:10px;font-size:1.2em;
}

#footer_pro {

}

#footer_social {

}

.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: 5;
  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 gray !important;
	height:75px;
}

#barre_partage { background-color:white; }

#pagination {
	text-align:center;
	font-size:1.1em;
	padding-top:10px;
	padding-bottom:20px;

}

#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  {
	font-size:1.1em;
  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:#feea7a;
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
}

#checkbox_image_r label {
    position: relative;
    display: inline-block;
		background-repeat:no-repeat;
    width: 300px;
    height: 200px;
    cursor: pointer;
    margin-right:0px;
    vertical-align:middle;
    border:8px solid #feea7a;
    margin-bottom:0px!important;
}

input.check_image_r:checked + label{
  border:8px solid #FFA200!important;
}

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


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

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

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

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

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

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


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

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

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

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

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

}

/***************** Social ************************/
		.fancybox-opened{border: 0px solid black;box-shadow: 8px 7px 16px black}
		.fancybox-opened .fancybox-skin{padding:0 !important}
		#popupsocial {font-family: "Trebuchet MS",Helvetica,sans-serif;font-size:13px;background: #F5F6FA;display:none;width:433px}
		#popupsocial h1 strong{display:block;font-size:45px;letter-spacing: -2px}
		#popupsocial h1{margin:0 !important;background:transparent url(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(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;}


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

@media (max-width: 767px) {

	.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(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, #liste_quizz_forum, #scrollToTop, #quizz_detail, #cat_description {
		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);
}

#content_2 {
	border:0;
	background-color:rgb(255, 255, 255);
	margin-bottom:10px;
	padding:0;
	margin:0;
}

#contenu {
	padding:0;margin:0;
}

.ligneOrange {
	  width:275px;
}

#titre {
	padding:0 5px;
}

H1 {
	font-size:1.2em;
}

#fil_ariane_2_1 { padding-bottom:5px; }

#quizz_avatar {max-width:90px;}

#quizz_photo_question {max-width:100%;}

#quizz_question {margin-bottom:40px;}

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

}



@media (max-width: 991px) {


	#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) {


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



	#entete_v5 {
		background-image:  url(top-v6_750.png);
	}
	#pied {
		background-image: url(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;}
	#fil_ariane_2_1 { padding-left:15px; }

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

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

	.ligneOrange {
	  width:605px;
	}

	#checkbox_image_r {
		padding-left:13px;
	}

}

@media (min-width: 1200px) {
	#entete_v5 {
		background-image:  url(top-v6_994.png);
	}
	#pied {
		background-image: url(bottom-v6_994.png);
	}
	#barre_partage {
		width:630px;
	}
}

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