html {
	background-color:#FEFCFC;
	width: 100%;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#conteneur {
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(../images/side1.gif);
	background-position: left;
	background-repeat: repeat-y;
	background-color:#FEFCFC;
}

div#menuGauche {
	font-family: Calibri;
	font-size: 13px;
	width:180px;
	float: left;							/* affichage des éléments suivants à droite */
}

div#enTete {
	margin-left:180px;
	height:65px;
}

div#contenuPage {
	margin-left:200px;
}

/* suit le dernier élément non flottant dans un groupe d'éléments entouré par des blocs div adjacents 
pour intégrer le bas de la colonne la plus longue*/
.clear {		
	clear: left;						 /* impose pour float:left la poursuite dessous */
	display: block;
	height: 1px;						 /* Netscape ignore l'élément si sa hauteur est de 0 pixel */
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.marge3 {
	margin-left: 3em;
}

.marge5 {
	margin-left: 5em;
}

.marge10 {
	margin-left: 10em;
}

.marge10 {
	margin-left: 10em;
}

a:link {
	color:#8A712E;
	text-decoration: none;
}

a:visited {
	color:#8A712E;
	text-decoration: none;
}

a:hover {
	color:#8A712E;
	text-decoration: underline;
}

a:active {
	color:#8A712E;
	text-decoration: none;
}


/* pour colonne,  .... */
a.clair:link {
	color:#F8E3AF;
	text-decoration: none;
}

a.clair:visited {
	color:#F8E3AF;
}

a.clair:hover {
	color: #F8E3AF;
	text-decoration: underline;
}

a.clair:active {
	color:#F8E3AF;
	text-decoration: none;
}

/* pour les images .... */
a.image:link {
	font-family: Arial, Helvetica, sans-serif;
}

a.image:visited {
	font-family: Arial, Helvetica, sans-serif;
}

a.image:hover {
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
    /*background-color:#FBF1D5;*/
}

a.image:active {
	font-family: Arial, Helvetica, sans-serif;
}



/* jours affichés dans calendrier pour la consultation des statistiques des videos et correspondants à la période sélectionnée */
a.ja:visited {
	font-size: 8px;
	color:#4285D4;
	text-decoration: none;
}

a.ja:link {
	font-size: 8px;
	color:#4285D4;
	text-decoration: none;
}

a.ja:active	{
	font-size: 8px;
	color:#4285D4; 
	text-decoration: underline;
}

a.ja:hover	{
	font-size: 8px;
	color:#4285D4; 
	text-decoration: none;
}

.marge {
	margin-left: 5em;
}

.marge2 {
	margin-left: 10em;
}


.bandeau {
	font-family: Calibri;
	background-color:#D35349;
	color:#FFFFFF;
}

.bandeauColor {
	color:#D35349;
}

.lienColor {
	color:#790B61;
}

.bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*border-radius:5px; */
	background-color:#FFFFFF;
}

.boutonGeneralites {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*border-radius:5px; */
	background-color:#FFBB11;
}

.boutonRessources {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*border-radius:5px; */ 
	background-color:#4285D4;
	color:#FFFFFF;
}

.bouton2Ressources {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#4285D4;
}

.boutonServices {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*border-radius:5px; */
	background-color:#00CC99;
}

.couleurFond {
	background-color:#FEFCFC;
}

.couleurFond0 {
	background-color: #FCF4E2;
	color:#000000;
}


.couleurFond1 {
	background-color: #FEFCFC;
	color:#000000;
}

.couleurFondRessources {
	background-color:#4285D4;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.couleurFondRessources1 {
	background-color:#4285D4;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.couleurFondRessources2 {
	background-color:#4285D4;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.couleurFondServices {
	background-color:#00CC99 ;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.erreur {
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	color:#FF8040;
}
	
.fondRessources1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color:#EEEEEE;
	color:#4285D4;
}

.fondServices1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color:#EEEEEE;
	color:#00CC99 ;
}

.generalites {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#FFFFFF;
	background-color:#FFBB11;
	font-weight: bold;
}

.generalitesLight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#FFFFFF;
	background-color:#FFBB11;
	/* font-weight: bold; */
}

.message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#E10000;
}

.message2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#E10000;
}

.messageLight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#E10000;
}

.messageLight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#E10000;
}

.policePetite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
}

.policeImg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-family: Calibri;
	color: #999999;
}


.policePetiteBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.policePlusPetite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
}

.policePetiteCouleurFond0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFFFFF;
}

.policePetiteCouleurFond1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* background-color:#E5E5E5; */
	background-color:#EEEEEE;
}

.policeMoyenne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.policeMoyenneCalibri {
	font-family: Calibri;
	font-size: 14px;
}

.policeMoyenneBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.policeGrande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.policeGrandeBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight:bold;
}

.services {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#FFFFFF;
	background-color:#00CC99 ;
	font-weight: bold;
}

.servicesLight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#FFFFFF;
	background-color:#00CC99 ;
	/* font-weight: bold; */
}

.ressources {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#FFFFFF;
	background-color:#4285D4;
	font-weight: bold;
}

.ressourcesLight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#FFFFFF;
	background-color:#4285D4;
	/* font-weight: bold; */
}

table.colonne {
	background-color:#FBF1D5;
	color:#D35349;
	/*
	font-weight: bold;
	border: solid #FBF1D5;
	*/
	border: solid #D35349;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*border-radius:10px; */
	font-family: Calibri;
	font-size: 12px;
}

table.generalitesOnglet {
	font-family: Calibri;
	font-size: 12px;
	background-color:#FBF1D5 ;
	border-width:thin;
	border-color:#FFBB11;
	border-style:solid;
}

.generalitesOnglet td {
  border: 1px solid #FFBB11 
}

table.generalites1 {
	background-color:#FEFCFC;
	border-bottom: solid #FFBB11;
	border-left: solid #FFBB11;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	/*border-radius-bottomleft:10px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.generalites2 {
	background-color:#FEFCFC;
	border: solid #FFBB11;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*border-radius:10px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.servicesOnglet {
	font-family: Calibri;
	font-size: 12px;
	background-color:#FBF1D5 ;
	border-width:thin;
	border-color:#00CC99;
	border-style:solid;
}

.servicesOnglet td {
  border: 1px solid #00CC99;
}

table.services1 {
	background-color:#FEFCFC;
	border-bottom: solid #00CC99;
	border-left: solid #00CC99;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	/*border-radius-bottomleft:10px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.services2 {
	background-color:#FEFCFC;
	border: solid #00CC99;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*border-radius:10px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


table.ressources {
	border: solid #4285D4;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*border-radius:10px; */
}

table.ressources0 {
	border: solid #4285D4;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*border-radius:10px; */
}


table.ressources1 {
	background-color:#FEFCFC;
	border-bottom: solid #4285D4;
	border-left: solid #4285D4;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.ressources2 {
	background-color:#FEFCFC;
	border: solid #4285D4;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*border-radius:10px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.titreColonne {
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
}

.titreColonne2 {
	font-family: Calibri;
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
	font-style:italic;
}

table.interdit {
	border: medium solid #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#FF0000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*border-radius:10px; */
}

.titreBlanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color:#FFFFFF;
}



.titreGeneralites {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color:#FFBB11;
}

.titre1Generalites {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFBB11;
}


.titre2Generalites {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#FFBB11;
}

.titre3Generalites {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FFBB11;
}


.titreServices {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color:#00CC99 ;
}

.titre2Services {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#00CC99 ;
}

.titre3Services {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#00CC99 ;
}

.titreRessources {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color:#4285D4;
}

.titre2Ressources {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#4285D4;
}

.titre3Ressources {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#4285D4;
}

.titre4Ressources {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#4285D4;
}

.titre5Ressources {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#4285D4;
}

.titre2Blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
}

.titre3Blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
}

.titreTableau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.titreTableau1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.titreTableauCouleurFond0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color:#FFFFFF;
}

.titreTableauCouleurFond1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #EEEEEE;
}

.couleurFondLight0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color:#FFFFFF;
}

.couleurFondLight1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color:#EEEEEE;
}


.print {
	display: block; 
	background: url('../images/picto_print.gif') no-repeat;
	font-size: 12px;
	font-weight: bold;
	color:#FBF1D5;
	border: 2px solid #4285D4;
	text-decoration: none;
	width: 55px; padding-left:23px; padding-right:5px; padding-top:2px; 
	height: 33px;
}


.print2 {
	display: block;
	background: url('../images/picto_print.gif') no-repeat;
	font-size: 12px;
	font-weight: bold;
	color:#FBF1D5;
	border: 2px solid #4285D4;
	text-decoration: none;
	width: 112px; padding-left:23px; padding-right:5px; padding-top:2px; 
	height: 33px;
}

.pdf {
	display: block;
	background: url('../images/pdf1.gif') no-repeat;
	font-size: 12px;
	font-weight: bold;
	color:#FBF1D5;
	border: 2px solid #4285D4;
	text-decoration: none;
	width: 100px; padding-left:23px; padding-right:5px; padding-top:2px; 
	height: 33px;
}

/* 
POUR LES ONGLETS DU BANDEAU
La déclaration d'un sélecteur d'identificateur se fait avec le caractère dièse (#) 
*/

.onglet {
	font-size: 12px;
	background-color:#FBF1D5;
	border-left-width:3px;
  	border-left-style:solid;
	border-bottom-width:3px;
 	border-bottom-style:solid;
	-moz-border-radius-topright:3px;
  	-webkit-border-radius-top-right:3px;
  	/*border-radius-topright:3px; */
}

#ongletGeneralites {
  border-left-color:#FFBB11;
  border-bottom-color:#FFBB11;
}

#ongletServices {
  border-left-color:#00CC99 ;
  border-bottom-color:#00CC99 ;
}
  
#ongletRessources {
  border-left-color:#4285D4;
  border-bottom-color:#4285D4;
}
  
  
#ongletSelectGeneralites {
  border-left-color:#FFBB11;
  border-bottom-color:#FBF1D5;
}

#ongletSelectServices {
  border-left-color:#00CC99;
  border-bottom-color:#FBF1D5;
}

#ongletSelectRessources {
  border-left-color:#4285D4;
  border-bottom-color:#FBF1D5;
}


/* -------------- Div  à puces  --------------- */

.puceOr {
  display: list-item;
  margin-left:20px;
  list-style-image: url(../images/puceOr.gif);
  list-style-position: outside;

}

.puceVerte {
  display: list-item;
  margin-left:20px;
  list-style-image: url(../images/puceVerte.gif);
  list-style-position: outside;
}

.tiretBandeau {
  display: list-item;
  margin-left:20px;
  list-style-image: url(../images/tiretBandeau.gif);
  list-style-position: outside;
}


.tiretGeneralites {
  display: list-item;
  margin-left:20px;
  list-style-image: url(../images/tiretGeneralites.gif);
  list-style-position: outside;
}


.tiretServices {
  display: list-item;
  margin-left:20px;
  list-style-image: url(../images/tiretServices.gif);
  list-style-position: outside;
}


.tiretRessources {
  display: list-item;
  margin-left:20px;
  list-style-image: url(../images/tiretRessources.gif);
  list-style-position: outside;
}



@media print {  
/* chaque bouton déclarée en class ecran s'affiche sur le page, mais ne s'imprime pas. */
	.ecran {
		display: none;
	}
}

@media screen {
	img{ border:none;}
    #bulle { position: absolute; visibility: hidden;  font-size:12px;}
    .info{ 
		border:1px; 
		/*solid:#666666; */
		padding: 7px; 
		color:#666666; 
		background-color:#FFFFFF; 
		font-family: Calibri; 
		font-size: 18px;
		font-weight: bold; 
	}
}