body {
 	color: #484848;
	
	background-color: #ffffff;
	
	background-image:url(pictures/fondBottom.gif);
	background-position:bottom;
	background-repeat:repeat-x;
 
 	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 14px;
	font-weight: 400; 
 	font-style: normal;
 
	-webkit-font-smoothing: antialiased;
}

table {
	color: #484848;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 14px;
	font-weight: 400; 
 	font-style: normal;
}

#MySpamTrap {display: none;}

/*----------------------------------*/
/*Global*/
/*----------------------------------*/
.curPointeur {
	cursor:pointer;
}

.maskPage {
	background-color:#ffffff;
	cursor:pointer;
	
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	filter:alpha(opacity=35); 
	opacity:0.35;
}

.loadPage {
	background-color:#ffffff;
	
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	filter:alpha(opacity=75); 
	opacity:0.75;
}

.fondVague{
	background-image:url(pictures/fondVague.png);
	background-position:center;
	background-repeat:no-repeat;
}

.fondTransition{
	background-image:url(pictures/fondTransition.png);
	background-position:top;
	background-repeat:repeat-x;
}


.msgErreur {
	font-size: 10px;
	font-weight: bold; 
	color: #cc2200;
}

.msgErreurForm {
	font-size: 12px; 
	color: #cc2200;
}

.msgValid {
	font-size: 12px;
	color: #169ec4;
}

.annotationGrise {
	color:#acacac;
	
	font-size: 8px;
	font-weight: bold;
}

.annotationMedium {
	color:#acacac;
	font-size: 10px;
}

.bottomPage {
	background-color:#f2f2f2;
}

.bottomPageTrait {
	border-Top:1px solid #e3e3e3;
}

.contourRouge {
	border:1px solid #9f2223;
}

.rougeTexte {
	color:#9f2223;
}

.blancTexte {
	color:#ffffff;
}

.rowEnable {
	background-color:#ffe4e6;
	cursor:pointer;
}

.rowDisable {
}

.cellEnable {
	cursor:pointer;
}

.cellDisable {
}

.cellTitreEnable {
	cursor:pointer;
	
	color: #9f2223;
	
	font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif;
 	font-size: 28px;
	font-weight: 300; 
 	font-style: normal;
}

.cellTitreDisable {
	color: #9f2223;
	
	font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif;
 	font-size: 28px;
	font-weight: 300; 
 	font-style: normal;
}

.traitGrisHorizontal {
	background-image:url(pictures/traitGrisHorizontal.png);
	background-position:left;
	background-repeat:no-repeat;
}

/*----------------------------------*/
/*onglet page*/
/*----------------------------------*/
.ongletPage a:link {color: #383838; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 30px; font-weight: 300; text-decoration:none}
.ongletPage a:visited {color: #383838; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 30px; font-weight: 300; text-decoration:none}
.ongletPage a:hover {color: #9f2223; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 30px; font-weight: 300; text-decoration:none}
.ongletPageEnable {color: #9f2223; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 30px; font-weight: 300; text-decoration:none}
.ongletPageDisable {color: #d8d8d8; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 30px; font-weight: 300; text-decoration:none}

.traitOnglet{
	background-image:url(pictures/traitOnglet.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

.traitOngletSelected{
	background-color:#9f2223;
}

.traitOngletUnselected{
}

/*----------------------------------*/
/*Home*/
/*----------------------------------*/
.citationTexte {
	color:#9f2223;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 14px;
	font-weight: 400; 
 	font-style: normal;
}

.citationSignature {
	color:#484848;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 12px;
	font-weight: 400; 
 	font-style: normal;
}

/*----------------------------------*/
/*eLearning*/
/*----------------------------------*/
.elearningTitre {
	color: #9f2223;
	font-size: 16px;
}

.elearningDuree {
	color: #a5a5a5;
}

/*Lecteur video*/
#videoarea {
    width:800px;
    height:480px;
    margin:10px;    
    border:1px solid silver;
}

/*----------------------------------*/
/*Plan*/
/*----------------------------------*/
.itemMenu {
	color: #9f2223;
 	font-size: 14px;
}

.itemSubmenu {
	color: #9f2223;
 	font-size: 12px;
}

.descriptifItem {
	color: #484848;
 	font-size: 14px;
}

.descriptifSubitem {
	color: #484848;
 	font-size: 12px;
}

/*----------------------------------*/
/*Newsletter*/
/*----------------------------------*/
.newsletterTitre {
	color: #9f2223;
 	font-size: 14px;
}

.newsletterDate {
	color: #484848;
 	font-size: 11px;
}

/*----------------------------------*/
/*Telechargement*/
/*----------------------------------*/
.telechargementTitre {
	color: #9f2223;
 	font-size: 14px;
}

.telechargementDescription{
	color: #484848;
 	font-size: 11px;
}


/*----------------------------------*/
/*Texte*/
/*----------------------------------*/
.titrePage {
	color:#383838;
	
	font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif;
	font-size: 52px;
	font-weight: 300; 
}

.titreChapitre {
	color:#383838;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
	font-size: 42px;
	font-weight: 400; 
}

.soustitreChapitre {
	color:#9c9c9c;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
	font-size: 32px;
	font-weight: 300; 
}

.titreChapitreWhite {
	color:#ffffff;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
	font-size: 42px;
	font-weight: 400; 
}

.soustitreChapitreWhite {
	color:#d6d6d6;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
	font-size: 32px;
	font-weight: 300; 
}

.titreZone {
	color:#383838;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
	font-size: 32px;
	font-weight: 400; 
}

.soustitreZone {
	color:#383838;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
	font-size: 20px;
	font-weight: 400; 
}

.titreTexte {
	color:#9f2223;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
	font-size: 18px;
	font-weight: 700; 
}

.texteStandard {
	color: #484848;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 16px;
	font-weight: 400; 
 	font-style: normal;
}

.texteGros {
	color: #7d7d7d;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 22px;
	font-weight: 300; 
 	font-style: normal;
}

.texteSoutenu {
	color: #101010;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 15px;
	font-weight: 400; 
 	font-style: normal;
}

.texteLight {
	color: #8e8e8e;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 14px;
	font-weight: 400; 
 	font-style: normal;
}

/*----------------------------------*/
/*Bandeaux*/
/*----------------------------------*/
.titreBandeau {
	color:#0c0c0c;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
	font-size: 26px;
	font-weight: 400; 
}

.lienBandeau a:link {color: #9f2223; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 26px; font-weight: 300; text-decoration:none}
.lienBandeau a:visited {color: #9f2223; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 26px; font-weight: 300; text-decoration:none}
.lienBandeau a:hover {color: #383838; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 26px; font-weight: 300; text-decoration:none}

/*----------------------------------*/
/*Définition des liens*/
/*----------------------------------*/
a:link {color: #9f2223; text-decoration: none}
a:visited {color: #9f2223; text-decoration: none}
a:hover {color: #3e3e3e; text-decoration: underline}

.linkGlobal a:link {color: #169ec4; font-size:9px; text-decoration: none}
.linkGlobal a:visited {color: #169ec4; font-size:9px; text-decoration: none}
.linkGlobal a:hover {color: #169ec4; font-size:9px; text-decoration:underline}

/*item liste style webinar*/
.itemList a:link {color: #9f2223; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 20px; font-weight: 300; text-decoration:none}
.itemList a:visited {color: #9f2223; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 20px; font-weight: 300; text-decoration:none}
.itemList a:hover {color: #383838; font-family: 'Open Sans Condensed',arial,sans-serif, sans-serif; font-size: 20px; font-weight: 300; text-decoration:none}

/*menu*/
.menuDisable a:link {color: #9f2223; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 16px; font-weight: 400; text-decoration:none}
.menuDisable a:visited {color: #9f2223; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 16px; font-weight: 400; text-decoration:none}
.menuDisable a:hover {color: #3e3e3e; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 16px; font-weight: 400; text-decoration:none}

.menuEnable {color: #3e3e3e; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 16px; font-weight: 400; text-decoration:none}
.menuEnableWhite {color: #ffffff; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 16px; font-weight: 400; text-decoration:none}

.menuBottomDisable a:link {color: #9f2223; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 11px; font-weight: 400; text-decoration:none}
.menuBottomDisable a:visited {color: #9f2223; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 11px; font-weight: 400; text-decoration:none}
.menuBottomDisable a:hover {color: #3e3e3e; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 11px; font-weight: 400; text-decoration:none}

.menuBoutonDemo a:link {color: #9f2223; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 13px; font-weight: 400; text-decoration:none}
.menuBoutonDemo a:visited {color: #9f2223; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 13px; font-weight: 400; text-decoration:none}
.menuBoutonDemo a:hover {color: #3e3e3e; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 13px; font-weight: 400; text-decoration:underline}

.menuBottomEnable {color: #3e3e3e; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 11px; font-weight: 400; text-decoration:none}
.menuBottomSeparateur {color: #919191; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 11px; font-weight: 400; text-decoration:none}

.texteAdresse {color: #383838; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 11px; font-weight: 400; text-decoration:none}
.texteCopyright{color: #878787; font-family: 'Lato',arial,sans-serif, sans-serif; font-size: 9px; font-weight: 400; text-decoration:none}


/*----------------------------------*/
/*Champs de saisie*/
/*----------------------------------*/
.champObligatoire {
	color:#169ec4;
	
	font-size: 11px;
	font-weight: bold;
}

.champOptionnel {
	color:#919191;
	
	font-size: 11px;
	font-weight: bold;
}

.fieldArea {
	background: #f4f4f4;
	
	border-bottom: #5c6978 1px solid;
	border-left: #5c6978 1px solid;
	border-right: #5c6978 1px solid;
	border-top: #5c6978 1px solid;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
    padding: 5px 11px 5px 11px;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 14px;
	font-weight: 400; 
 	font-style: normal;
	
	line-height: normal;
	color: #504f4f; /*couleur libelle : #cdcdcd - couleur texte : #504f4f*/
	
	scrollbar-3dlight-color: #f4f4f4;
 	scrollbar-arrow-color: #5c6978;
 	scrollbar-darkshadow-color: #f4f4f4;
 	scrollbar-face-color: #f4f4f4;
 	scrollbar-highlight-color: #f4f4f4;
 	scrollbar-shadow-color: #f4f4f4;
 	scrollbar-track-color: #f4f4f4;
}

.fieldAreaEmpty {
	background: #f4f4f4;
	
	border-bottom: #5c6978 1px solid;
	border-left: #5c6978 1px solid;
	border-right: #5c6978 1px solid;
	border-top: #5c6978 1px solid;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
    padding: 5px 11px 5px 11px;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 14px;
	font-weight: 400; 
 	font-style: normal;
	
	line-height: normal;
	color: #cdcdcd; /*couleur libelle : #cdcdcd - couleur texte : #504f4f*/
	
	scrollbar-3dlight-color: #f4f4f4;
 	scrollbar-arrow-color: #5c6978;
 	scrollbar-darkshadow-color: #f4f4f4;
 	scrollbar-face-color: #f4f4f4;
 	scrollbar-highlight-color: #f4f4f4;
 	scrollbar-shadow-color: #f4f4f4;
 	scrollbar-track-color: #f4f4f4;
}

.fieldAreaErr {
	background: #fbd8d0;
	
	border-bottom: #cd624c 1px solid;
	border-left: #cd624c 1px solid;
	border-right: #cd624c 1px solid;
	border-top: #cd624c 1px solid; 
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
    padding: 5px 11px 5px 11px;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 14px;
	font-weight: 400; 
 	font-style: normal;
	
	line-height: normal; 
	color: #504f4f;
	
	scrollbar-3dlight-color: #fec4b7;
 	scrollbar-arrow-color: #cd624c;
 	scrollbar-darkshadow-color: #fec4b7;
 	scrollbar-face-color: #fec4b7;
 	scrollbar-highlight-color: #fec4b7;
 	scrollbar-shadow-color: #fec4b7;
 	scrollbar-track-color: #fec4b7;
}

.fieldAreaErrEmpty {
	background: #fbd8d0;
	
	border-bottom: #cd624c 1px solid;
	border-left: #cd624c 1px solid;
	border-right: #cd624c 1px solid;
	border-top: #cd624c 1px solid; 
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
    padding: 5px 11px 5px 11px;
	
	font-family: 'Lato',arial,sans-serif, sans-serif;
 	font-size: 14px;
	font-weight: 400; 
 	font-style: normal;
	
	line-height: normal; 
	color: #b69b9b;
	
	scrollbar-3dlight-color: #fec4b7;
 	scrollbar-arrow-color: #cd624c;
 	scrollbar-darkshadow-color: #fec4b7;
 	scrollbar-face-color: #fec4b7;
 	scrollbar-highlight-color: #fec4b7;
 	scrollbar-shadow-color: #fec4b7;
 	scrollbar-track-color: #fec4b7;
}