/*
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.gif); 
	margin: 0em;
	text-align: center;
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
}

body.page_sommaireMobile  {
	background-image: url(fond.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: underline; }
a:hover { text-decoration: none; } 


.petit { font-size: 0.65em; }
.petitMoyen { font-size: 0.77em; }
.petitRedBold { font-size: 0.65em; font-weight:bold; color:red; }
.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; }

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

.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; }
.moyenBlackBold { font-size:0.96em; font-weight:bold; color:#000000; }

.gros { font-size: 1.09em; font-weight: bold; }
.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; }
.tresGros { font-size: 1.80em; font-weight: bold; }

.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;
	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;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 0.59em;
	text-decoration: none;
	line-height:10px
	}
/* --------page contient entete conteneur et pied---------- */

/* Site */

#page {
	width: 994px;
	font-size:1.03em;
}

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

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

/* Mobile */
#pageMobile {
	width: 100%;
	text-align:left;
	font-size:1.54em;
}

#pageMobile td {
	font-size:1.54em;
}

#pageMobile th { 
	font-size:1.54em;
	background-color:#FEEB65; 
	color: black;
}

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


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

/* Site */
#conteneur { 
	width: 100%;
	background-image: url(largeur.gif); 
	overflow:auto;
}

#conteneur #contenu {
	float: left;
	width: 567px;
}

#conteneur #contenu #texte {
	width: 545px;
	padding-left: 20px;
	padding-right: 5px;
	text-align: left;
	color: #000000;
	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; }


/* Mobile */
#conteneurMobile { 
	width: 100%;
	overflow:auto;
}

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

#conteneurMobile #contenu #texte {
	width: 98%;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	color: #000000;
	list-style-position: inside; 
	list-style-image: url(point-menu-li.gif)
}

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

#conteneurMobile #contenu .titrepage{
	font-size: 1.80em;
	font-weight: bold; 
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 9px;
	color: #FF8000;
	text-align: center;
}

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


/* 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: #000000;
	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; 
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 9px;
	color: #FF8000;
	text-align: center;
}

#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 {
	height:162px;
	width: 567px;
	background-image: url(logo.gif); 
	background-repeat: no-repeat; 
	background-position: top left;
}

#conteneur #contenu #logo .titrepage{
	font-size: 1.2em;
	font-weight: bold; 
	padding-left: 250px;
	padding-top: 100px;
	padding-bottom: 20px;
	color: #FF8000;
}

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

LABEL.reponse {
	font-weight: bold;
}

LABEL.none {
	font-weight: normal;
}


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.none { font-size: 0.96em; text-decoration: none;color: #009999; }
a.none: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 { font-size: 0.71em; color: #339999; }

 
/* ------------menu gauche categories------------ */

#conteneur #categorie {
	float: left;
	width: 224px;
}

#conteneur #categorie #contcat{
	padding-left: 17px;
	padding-right: 4px;
	text-align: left;
	color: #339999;
}

/* peut etre lien des cat en bleu : 009999 */
#conteneur #categorie #contcat a {
	font-size: 0.88em; 
	color: #336600;
	font-weight: bold; 
	text-decoration: none;
}

#conteneur #categorie #contcat a:hover { 
	text-decoration: underline;
}

#conteneur #categorie #contcat a.red {
	font-size: 0.88em; 
	color: #FF5B01;
	font-weight: bold; 
	text-decoration: none;
}

#conteneur #categorie #contcat a.red:hover { 
	text-decoration: underline;
}

#conteneur #categorie #contcat .petitcat{
	font-weight: normal; 
	font-size: 0.59em; 
	text-align: right;
	color: #336600;
}

#conteneur #categorie #contcat .petitcatred{
	font-weight: normal; 
	font-size: 0.59em; 
	text-align: right;
	color: FF5B01;
}

/*-------------- Volet droite ---------------*/

#conteneur #volet {
	float: right;
	width: 203px;
	background-image:  url(hautvolet.gif); 
	background-repeat: no-repeat; 
	background-position: top right;
}

#conteneur #volet #contvol{
	padding-top: 80px;
	padding-left: 25px;
	padding-right: 15px;
	padding-bottom: 80px;
	text-align: center;
	color: black;
}

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

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

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

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

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

#conteneur #volet #contvol #nuage a:hover { 
	text-decoration: underline;
 }
 
#conteneur #volet #contvol .astuce{
	color: #336600;
	font-size: 0.82em;
}

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

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


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

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


#barre {
	padding-top: 0px;
	border-width:1px; 
	border-style:solid; 
	border-color:#FED65D; 
	background-color:#FFFFE1;
}

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

.barre2 {
	background-image:url(/design/bgbarre.jpg);
	background-repeat: repeat-x;
	color:black;
}

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

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

.barreActive3 {
	background: url(ro4.gif) center center repeat-x;
	color:black;
}

.barreNonActive {
	color:gray;
}

.barreOver {
	background-color:#FEFF7F;
}

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

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


#entete { 
	width: 100%;
	height:222px;
	background-image:  url(bandeau-2.gif); 
	background-repeat: no-repeat; 
	background-position: top left;
}

#entete #ligne { 
	padding-top: 0.71em;
	padding-left: 4px;
	font-size: 0.88em;
	color: #336600;
 }

#entete #login { 
	float: left;
	padding-top: 10px;
	padding-left: 4px;
	color: #336600;
	width: 210px;
 }

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

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

#entete #login a.petitLink:hover { 
	text-decoration: none;
 }
  
#entete #login td { 
	color: #336600;
 }

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

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

#entete #menu{ 
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	width: 730px;
	height: 63px;
}

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

#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: 427px;
	height: 27px;
	background-image:  url(barre-menu3bis.gif); 
}


#entete #menu #contmenu .barre2{ 
	float: right;
	padding-top: 0px;
	margin-right: 30px;
	width: 184px;
	height: 27px;
	background-image:  url(barre-menu4bis.gif); 
}

#entete #menu #contmenu .barre3{ 
	float: left;
	padding-top: 0px;
	margin-top: 10px;
	width: 427px;
	height: 27px;
	background-image:  url(barre-menu1bis.gif); 
}


#entete #menu #contmenu .barre4{ 
	float: right;
	margin-top: 10px;
	padding-top: 0px;
		margin-right: 5px;
	width: 278px;
	height: 27px;
	background-image:  url(barre-menu2bis.gif); 
}

/* ------------Entete Mobile ------------------*/


#enteteMobile { 
	width: 100%;
}

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

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

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

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

#enteteMobile #login a.petitLink:hover { 
	text-decoration: none;
 }
  
#enteteMobile #login td { 
	color: #336600;
 }

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

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

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

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

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

#enteteMobile #menu #contmenu a:hover { 
	text-decoration: underline;
 }
 
#enteteMobile #menu #contmenu .barre1{
	/*float: left;*/
	padding-top: 0px;
	/*width: 427px;*/
	height: 50px;
	/*background-image:  url(barre-menu3bis.gif); */
}


/* ------------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:209px;
	padding: 0px;
	background-image: url(pied-2.gif);
	background-repeat: no-repeat; 
	background-position: bottom left;
	font-size: 0.65em; 
}

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

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

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

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

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

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

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

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


a.tag {
margin-left: 1px;
text-decoration: none;
font-size: 0.65em;
font-weight: bold;
background:transparent url(tag.png) no-repeat scroll 0 0;
padding:1px 0px 0px 15px;
white-space: nowrap;
color: #009999;
}

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

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

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

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

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


.good { color: green; }

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

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

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

.quizzforumTxt { font-size: 1.27em; color:FF8400; font-weight: bold; }
.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;}

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

.statusBrouillonNormal {
	color: red;
}

.statusViolet {
	color: #7F00D8;
}

.imgsel { background-color:#FEEB65; border-width:2px;border-style:solid; border-color:#FEEB65; }
.imgnosel {  border-width:2px;border-style:solid; border-color:#FFFFE1; }
.sable { background-color:#FFFFE1; }
.sableBold { background-color:#FFFFE1; font-weight:bold; }
.sableclair { background-color:#FFFFEF; }
.yellow { background-color:#FFFF00; }
.sablefonce { background-color:#FFF6CF; }
.bggrisclair { background-color:#EFEFEF; }
.white { background-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;}


.border { border-width:1px; border-style:solid; border-color:#FED65D; }
.mandatory {
	color: red;
	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 {}

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

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

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


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

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

.buzz {
background-color:#FFF8DD;
font-size: 0.77em; 
color: black;
padding: 2px 2px 2px 6px ;
margin-bottom: 4px ;
}

.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:#95DEEF;
margin:1px;
}

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

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

a.petitlinkorange { font-size: 0.65em; font-weight: bold; text-decoration: none; }
a.petitlinkorange:hover {  border-bottom: 1px solid #FED65D; }
	
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;}

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

div.input,
select.input,
textarea.input,
input.input
{
    background-color: white;
    background-repeat:no-repeat;
    border-top: 1px solid #FED65D;
    border-left: 1px solid #FED65D;
    border-right: 1px solid #FED65D;
    border-bottom: 1px solid #FED65D;
    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 #CF8800;
    border-left: 1px solid #CF8800;
    border-right: 1px solid #CF8800;
    border-bottom: 1px solid #CF8800;
    color: #0d0d0d;
}
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
{
    background-color: white;
    background-repeat:no-repeat;
    border-top: 1px solid #FED65D;
    border-left: 1px solid #FED65D;
    border-right: 1px solid #FED65D;
    border-bottom: 1px solid #FED65D;
    color: #4c4c4c; 
    font-size: 0.65em;   
}

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

div.text,
select.text,
textarea.text,
input.text,
input.editor_field,
textarea.editor_field
{
    background-color: #fcfcfc;
   border-top: 1px solid #FED65D;
    border-left: 1px solid #FED65D;
    border-right: 1px solid #FED65D;
    border-bottom: 1px solid #FED65D;
    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 #CF8800;
    border-left: 1px solid #CF8800;
    border-right: 1px solid #CF8800;
    border-bottom: 1px solid #CF8800;
    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: 3px;
	padding: 0 10px;
	height: 18px;
	width: 149px;
	background: transparent url(input_search.png) no-repeat top left;
	border: 0;
}

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

.gris {
	color: gray;
}

.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 #FED65D; }
.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 #FED65D;
    border-left: 1px solid #FED65D;
    border-right: 1px solid #FED65D;
    border-bottom: 1px solid #FED65D;
    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 #FED65D;
    border-left: 1px solid #FED65D;
    border-right: 1px solid #FED65D;
    border-bottom: 1px solid #FED65D;
	white-space:nowrap;
	overflow-x: hidden; 
}

.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 #CF8800;
    border-left: 1px solid #CF8800;
    border-right: 1px solid #CF8800;
    border-bottom: 1px solid #CF8800;
	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.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: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;
}

/* Specificité Mobile/FB */

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

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

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

/* ######################################################################## */
/* ########## Chrome CSS Drop Down Menu (v2.5) : menu dropdown ############ */
/* ######################################################################## */
/* ## http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm */

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #FED65E; /*THEME CHANGE HERE FED65E?FF8000? bordure generale */
width: 100%;
/*background: url(-chromebgcusto.gif) center center repeat-x; THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 0px solid #FED65E; /*THEME CHANGE HERE bordure entre liens */
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(ro1.gif) center center repeat-x; /*THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #FED217; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-size:1.03em;
line-height:18px;
z-index:100;
background-color: #FFF295;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #FED217; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE FEEB65*/
background-color: #FFFFE1;
}


/* ######################################################################## */
/* ########## DD Tab Menu : tab                                ############ */
/* ######################################################################## */
/* ## http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm */

.basictab ul{
margin: 0px;
padding: 3px 0;
margin-left: 0;
font-size: 1.03em; font-weight: bold; text-decoration: none;color: #009999;
border-bottom: 1px solid #FED65D;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 3px;
margin-right: 1px;
border: 1px solid #95BF2F;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover, .basictab li a.current {
background-color: #FFFFE1;
color: black;
border: 1px solid #FED65D;
border-bottom: none;
}

.basictab li a:active{
color: black;
}

.tabcontainer{
}

/*clear: left;
width:95%; width of 2nd level sub menus
height:1.5em; height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/

.tabcontent{
display:none;
border-width:1px;
border-style:solid;
border-color:#FED65D;
background-color:#FFFFE1;
}

/* ######################################################################## */
/* ########## pngHack                              ############ */
/* ######################################################################## */

img.fuckIE {behavior: url(/design/pngHack.htc);}

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

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

#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: transparent url(http://www.quizz.biz/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.quizz.biz/images/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.quizz.biz/images/lightbox/next.gif) right 15% no-repeat; }


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

#imageData{	padding:0 0.65em; 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* ######################################################################## */
/* ########## FIN                              ############ */
/* ######################################################################## */