﻿
@font-face {
	font-family: "twemoji_mozillaregular"; 
	unicode-range: U+1F1E6-1F1FF;
	src: url('/css/twemojimozilla.woff2') format('woff2');
}
body {
	background-color: #7aabe5;
	margin: 0px;
}
.cFlag{
 font-size: 1.9em;
 vertical-align: middle;
}
.gradBandeau{background: linear-gradient(50deg, #fff 40%, #FF7E00 55%, #FF7E00 89%, #fff 99%) !important;}
.logo {padding-left:3px}	
.dbx,.bx {border-radius: 6px 6px 6px 6px;}
.dbx{width:100%;margin-bottom: 10px;}
.dbx>H2{font-size:inherit;margin:0 0 0 4px;padding: 3px 8px 3px 7px;display: inline-block;font-weight: bold;color: #FFFFFF;white-space: nowrap;border-radius: 12px 6px 12px 6px;box-shadow: -5px 5px 5px 0px #CCC;z-index: 1;position: relative;}
.bx{background-color:#FFFFFF; padding: 5px 6px 10px 7px;box-shadow: -5px 5px 5px 0px #CCC;z-index: 2;position: relative;text-align:justify}
.cbx{border-right: 0px!important;border-radius: 12px 0px 0px 12px;padding-left:5px}
.hofbx{border-top:0px!important;box-shadow:none;border-radius: 0px 0px 12px 12px;width:158px;margin-left:25px;background-color: #ffe7b5;}
.mshadow{box-shadow: -5px 4px 5px 0px rgba(128,128,128,0.4)}
.button {
	border-radius:48px 48px 48px 48px ;
	border:#000 solid 2px;
	background:linear-gradient(0deg,#000 25%,#555 60%,#ccc 99%);     
	color: white !important;
	margin: 1px 0px;
	padding-right: 5px;
	text-align: center;
	text-decoration: none !important;
	display: inline-block; /* table-cell;*/
	font-size: 11px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.button::before {
	content: "❯ ";
	font-weight: 700;
	border: #fff solid 1px;
	border-radius: 64px 64px 64px 64px;
	padding: 1px 1px 0 3px;
	margin-right: 3px;
	font-size: 10px;			
	color:white ;
}

.button.small {
	padding-right: 0px;
	overflow-x: unset;
}
.button.small::before {
	padding: 1px 4px 0 3px;
	margin-right: 0px;
}
.cl4 H2, H2.cl4, .bg4	{background-color:#FF7C00;}	
.cl4 .bx {border:#FF7C00 solid 1px;}
A.button.cl4::before,
.cl4 .button::before { background-color: #ff6300;}
a:hover.button.cl4,.cl4 .button:hover {color:#FFA130 !important;}
.cl4 a{color:#FF7C00}

.cl5 H2, H2.cl5, .bg5	{background-color:#ffb510;}	
.cl5 .bx {border:#ffb510 solid 1px; background-color:#FFE5B3; box-shadow:none !important}
A.button.cl5::before,
.cl5 .button::before { background-color: #ffb510;}
a:hover.button.cl5,.cl5 .button:hover {color:#ffb510 !important;}
.cl5 a{color:#d78100}

.cl3 H2,  H2.cl3, .bg3	{background-color:#9c0063}	
.cl3 .bx {border:#9c0063 solid 1px;}
A.button.cl3::before,
.cl3 .button::before {background-color: #9c0063;}
a:hover.button.cl3,.cl3 .button:hover {color:#CF9BEC !important;}
.cl3 a{color:#9c0063}

.cl2 H2, H2.cl2, .bg2	{background-color:#009a00;}	
.cl2 .bx {border:#009a00 solid 1px;}
A.button.cl2::before,
.cl2 .button::before {background-color: #009c00;}
a:hover.button.cl2,.cl2 .button:hover {color:#30Dc30 !important;}
.cl2 a{color:#009a00}

.cl1 H2, H2.cl1, .bg1	{background-color:#0c549a;}	
.cl1 .bx {border:#0c549a solid 1px;}
A.button.cl1::before,
.cl1 .button::before  {background-color: #08529c;}
a:hover.button.cl1,.cl1 .button:hover {color:#7abbfb !important;}
.cl1 a{color:#0C549A}

.dbx  H2.cl5 {font-weight: normal;} 
.dbx > H2 > A {color: white;text-decoration: none;}
table{font-size:9pt;text-align:justify}


.col-container {
  display: table;
  width: 100%;
}


.col1 {
	width: 55%;
	display: table-cell;
}
.col2 {
	width:auto;
	vertical-align: top;
}

.linesep TH, .linesep TD {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	padding-top: 5px;
}

.imgshw {box-shadow: -4px 5px 8px 0px #CCC;}

.mainshadow:before {
    box-shadow: -15px 0 10px -15px #AAA inset;
    content: " ";
    height: 100%;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
.mainshadow:after {
    box-shadow: 15px 0 10px -15px #AAA inset;
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    right: -15px;
    width: 15px;
}

.mainshadow {
	 position: relative;
	 background: none repeat scroll 0 0 #FFFFFF;
	 min-width: 1251px;
	 max-width: 1337px;
	 width: 100%;
}

img{border:0}
.calDispType,.cita,body, TD,TH,/*.lb,*/.cartGrisFonce,.login,.loginO,.Copyright,.MentionsLegales,.PMEMultimedia,.Recherche,.Edito,.TexteEditoGris,.tegb,.TexteEditoBlancBold,.TexteGrisFonce,.TexteGrisClair,.TexteGrisClairBold,.TexteGrisFonceTable,a.lienAnnonceGoogle:link,a.lienNewsletter:link,a.lienMentionsLegales:link,a.lienCopyright:link,a.lienMotdePasse:link,.TexteGrisClairTable,.TexteBleu,.TexteBleuBold,.TexteBlancShadow,.TexteOrange,.TitreInfo,.TitreBlocGris,.TitreBlocGrisClair,.TitreGoogle,.TexteAnnonceGoogle,INPUT,TEXTAREA,SELECT,.Note,
.fmnav,.lienRubrique,.lienRubriqueOn,
.fmsubnav,.lienSousRubrique,.lienSousRubriquePreSel,.lienSousRubriqueOn,
a.lienBouton,a.lienBlancBold,a.lien3Bold,a.lien2Bold,a.lien1Bold,a.lienFondgris,a.lienFondbleu,.lienRubriquePreSel,
.calWeekNum,.calDayTitle,.calDayOutBound,.calDayOutBoundBank,.calDayOffOutBound,.calDayOffOutBoundBank,.calDay,.calDayBank,.calDayOff,.calDayOffBank,.calDayCurrent,.calDayCurrentBank,.calEventMonth,.calEvent,.tPays,.uEvent
{
font-family:  twemoji_mozillaregular,Arial,Tahoma,Helvetica,Verdana,sans-serif;
}

.toggle_overlay {
       display:none;
}

/*styles dont la taille de police peut être paramétrée*/
.TexteBleu,.TexteBleuBold,.TexteGrisClair,.TexteOrange,.TexteBlancShadow{
	font-size: 9pt;
}


.TitreBlocGris,.TitreBlocGrisClair,.TitreInfo {
	font-size: 9pt;
}
.cita {
	font-size: 10pt;
}
.tPays {
font-size:16pt;
}

/* Fin styles */

/* Supprimés:
TexteGrisFonceBoldTable (remplacé par TexteGrisFonceTable et <b>)
TexteGrisClairBoldTable (remplace par TexteGrisClairTable et <b>)
TexteGrisFonceBold (remplacé par texteGrisFonce et <b>)
lienTexteGrisClair (remplacé par texteGrisClair)
lienOrangeBold par texteOrangeBold)
lienTexteGrisFonce par TexteGrisFonce
*/

.TexteGrisFonce {
	font-size: 9pt;
}


.cc_1 {
	background-image: url("/i/c/rl.gif");
}
.cc_2 {
	background-image: url("");
}
.cc_3 {
	background-image: url("");
}

.login {
	font-size: 7pt;
	color: #999999;
}
.loginO {
	font-size: 7pt;
	color: #FFD;
	text-shadow: 1px 1px 1px #940;
}
.Copyright {
	font-size: 8pt;
	color: #333333;
	padding-left: 10px;
}

.MentionsLegales {
	font-size: 8pt;
	color: #666666;
}

TH {font-weight: bold;}


.PMEMultimedia {
	font-size: 8pt;
	color: #999999;
}

.Recherche {
	font-size: 9pt;
	font-weight: bold;
	color: #333333;
	padding-left: 5px;
}

.Edito {
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
}

.TexteEditoGris {
	font-size: 9pt;
}

.tegb { /*TexteEditoGris2Bold*/
	font-size: 8pt;
	font-weight: bold;
	color: #333333;

}

.TexteEditoBlancBold {
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: justify;
    padding-top: 8px;
}

.cartGrisFonce {
 font-size: 8pt;
 color: #333333;
text-align: left;
}


.TexteGrisFonce,.TexteEditoGris {
	color: #333333;
	text-align: justify;
}


.uEvent{
 	font-size:8pt;
	/*color:#404040;*/
	text-align:left;
}
.uEvent a{color:#404040;}

a.TexteGrisClair:link, a.TexteGrisClair:visited,a.TexteGrisFonce:link, a.TexteGrisFonce:visited, a.cartGrisFonce, a.cartGrisFronce:visited {
	text-decoration: underline;
}


.TexteGrisClair {
	color: #666666;
	text-align: justify;
}


.TexteGrisClairBold {
	font-size: 8pt;
	font-weight: bold;
	color: #666666;
	text-align: justify;
}

.TexteGrisFonceTable,.TexteGrisClairTable {
	font-size: 9pt;
	text-align: justify;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
}

.TexteGrisFonceTable {
	color: #333333;
}

.TexteGrisClairTable {
	color: #666666;
}

.TexteBleu,.TexteBleuBold {
	color: #003399;
	text-align: justify;
}
.TexteBleuBold {
	font-weight: bold;
}


.TexteBlancShadow {
	color: #FFFFFF;
	text-align: justify;
	text-shadow: 1px 1px 2px #940;
}
.TexteOrange {
	color: #FF6600;
	text-align: justify;
}
a.TexteOrange:link, a.TexteOrange:visited, a.TexteBlancShadow:link, a.TexteBlancShadow:visited {
	text-decoration: underline;
}


.TitreInfo {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}


.TitreBlocGris {
	font-weight: bold;
	color: #333333;
	padding-left: 5px;
}

.TitreBlocGrisClair {
	font-weight: bold;
	color: #666666;
	padding-left: 5px;
}

.TitreGoogle {
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
}

.TexteAnnonceGoogle {
	font-size: 8pt;
	color: #333333;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}


.SousRubriqueOff{
	background-color:#666666;
}


.Note {
	font-size: 8pt;
	color: #CC6600;
}

/*
a.lb:link, a.lb:visited {
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
}
a.lb:hover{
	color:#FFA130;
	/*text-decoration: underline;* /
}*/

a.lienBlancBold:link, a.lienBlancBold:visited {
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}



a.lien3Bold:link, a.lien3Bold:visited {
	font-size: 8pt;
	font-weight: bold;
	color: #990066;
	text-decoration: underline;
}

a.lien2Bold:link, a.lien2Bold:visited {
	font-size: 8pt;
	font-weight: bold;
	color: #009900;
	text-decoration: underline;
}

a.lien1Bold:link, a.lien1Bold:visited {
	font-size: 8pt;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}

a.lienFondgris:link, a.lienFondgris:visited {
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #666666;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

a.lienFondbleu:link, a.lienFondbleu:visited {
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #3366CC;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

a.lienMotdePasse:link, a.lienMotdePasse:visited {
	font-size: 7pt;
	text-decoration: underline;
	color: #999999;
}

a.lienCopyright:link, a.lienCopyright:visited {
	font-size: 8pt;
	text-decoration: underline;
	color: #333333;
}

a.lienMentionsLegales:link, a.lienMentionsLegales:visited {
	font-size: 8pt;
	text-decoration: underline;
	color: #666666;
}


a.lienAnnonceGoogle:link, a.lienAnnonceGoogle:visited {
	font-size: 8pt;
	color: #333333;
	text-decoration: underline;
}

.calDispType{font-size: 9pt;	color: #000080;}
.calDispType a{text-decoration: underline;color: #1010B0;}

.calDayTitle{
	font-size: 9pt;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#40BA40;

}

.calWeekCell{
	/* background-color:#D8D8F0; */
}

.calWeekNum{
	font-size: 8pt;
	color: #A0A0A0;
}

.calDayOutBound{
	font-size: 8pt;
	background-color: #ECF1F6;
	vertical-align: top;
}

.calDayOutBoundBank{
	font-size: 8pt;
	background-color: #ECF1F6; /*#EEEAB2; ok*/
	vertical-align: top;
	background-image: url('/i/p/bankout.gif');

}

.calDayOffOutBound{
	font-size: 8pt;
	background-color: #FFD8D8;
	vertical-align: top;
	font-style: italic;
}

.calDayOffOutBoundBank{
	font-size: 8pt;
	background-color: #FFD8D8;
	vertical-align: top;
	font-style: italic;
	background-image: url('/i/p/bankoffout.gif');
}

.calDay,.calDay2 {
	font-size: 8pt;
	background-color: #FFFFFF;
	vertical-align: top;
}
.calDayHover{
	background-color: #FFE0E0;
	vertical-align: top;
}

.calDayBank,.calDayBank2{
	font-size: 8pt;
	background-color: #FFFFFF; /*ok*/
	vertical-align: top;
	background-image: url('/i/p/bank.gif');
}

.calDayOff,.calDayOff2{
	font-size: 8pt;
	font-style: italic;
	background-color: #FFE8E8; /*#E0E4E9;*/
	vertical-align: top;
}

.calDayOffBank,.calDayOffBank2{
	font-size: 8pt;
	font-style: italic;
	background-color: #FFE8E8; /*#E0E4E9;*/
	vertical-align: top;
	background-image: url('/i/p/bankoff.gif');
}

.calDayCurrent,.calDayCurrent2{
	font-size: 8pt;
	background-color: #E8FFE8;
	vertical-align: top;
}

.calDayCurrentBank,.calDayCurrentBank2{
	font-size: 8pt;
	background-color: #E8FFE8;
	vertical-align: top;
	background-image: url('/i/p/bankcurr.gif');
}
.calDay2{background-color: #FBFBFB}
.calDayBank2{background-color: #FBFBFB}
.calDayOffBank2{background-color: #FAE3E3}
.calDayOff2{background-color: #FAE3E3}
.calDayCurrent2,.calDayCurrentBank2 {background-color: #E3FAE3;}


.calEventMonth{
	font-weight: bold;
	background-color: #FFD19B;
}
/*.calEvent{
	font-size: 8pt;
}*/
.calEventMarked{
	background-color:FFE719; /*437ca7;*/
	/*color:ffffff;*/
}
.calLegend{
	font-size: 7pt;
	color: gray;
}



a.lienNewsletter:link, a.lienNewsletter:visited {
	font-size: 8pt;
	font-weight: bold;
	color: #FF6600;
	background-color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}


TEXTAREA,INPUT,SELECT {
	font-size: 8pt;
	color: #FF6600;
	background-color: #FFF7F7;
	font-weight: bold;
	text-decoration: none;
}
.pmbut{
	font-size: 9pt;
	color: #000000;
	background-color: #DDDDDD;
	font-weight: bold;
}
#nobold SELECT {
	font-weight: normal;
}
.skip {display:none}

#fmnav{padding:0;clear:both; }
#fmnav li sup{font-family:Arial,sans-serif;margin-left:-10px;font-size:13px;color:#FFE010}
#fmsubnav h5,#fmnav h5{display:none;}
#fmnav ul{margin:0;padding:0 0 0 4px;list-style:none;height:23px;}
#fmnav li{display:block;float:left;background:#EFEBEF url(/i/m/arg.gif) no-repeat;margin-right:2px;padding-left:8px;}
#fmnav li div{display:block;float:left;margin:0;background:url(/i/m/ard2.gif) no-repeat top right;padding-bottom:3px;padding-right:1px;}
#fmnav li a{display:block;float:left;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size:11px;
font-weight:bold;color:#FFFFFF;white-space:nowrap;
text-decoration:none;
padding:2px 6px;margin-top:4px;margin-left:-5px;}

#fmnav li a:visited{color:#FFFFFF;}
#fmnav li a:hover{text-decoration: underline;}
#fmnav li.on a{color:#FF7A21 ; text-decoration:underline;}
#fmnav li.on a:visited{color:#FF7A21 ; text-decoration:underline;}
#fmnav li.on2 a{color: #FFFFFF;	text-decoration: underline;}

#fmsubnav{padding:0; margin-bottom:0px; clear:both; float:left; width:100%}
#fmsubnav ul{list-style:none; margin:0; padding:0; float:left; width:100%; background:#666666}
#fmsubnav li{float:left; display:block; height:22px; background:url(/i/m/asd2.gif) right no-repeat;
}
#fmsubnav li a{float:left; display:block;
	margin:0px 1 0 0;	padding:4px 6 4 6;
	text-decoration:none; color: #ffffff;
	font-family: Arial,Tahoma,Helvetica,Verdana,sans-serif;
	font-size:11px;	font-weight:normal;
}
#fmsubnav li a:visited{text-decoration:none; color:#ffffff; }
#fmsubnav li a:hover{color:#ffffff; text-decoration: none; background:#EE5F00;}

#fmsubnav li.on {
margin:0px 1 0 0;	padding:0px;
 background:#FF7a21; /*url(/i/m/asd2s.gif) right no-repeat;*/
}
#fmsubnav li.on a{color:#ffffff ;text-decoration:none;
 font-family:  Arial,Tahoma,Helvetica,Verdana,sans-serif;
	font-size:11px;	font-weight:normal;
}
#fmsubnav li.on a:visited{color:#ffffff ; text-decoration:none;}

/*
.fmbut {
	cursor:hand;
	cursor:pointer;
}
*/

#progressMeter { padding-top: 15px; }
#progressMeterBar { margin: 2px auto; width: 350px; height: 13px; border: 1px inset; background: #eee; text-align: left; }
#progressMeterBarDone { width: 0; height: 13px;}
#progressMeterBarDone2 { width: 0; height: 20px; border-right: 1px solid #444; background: url(/i/ajaxupload.gif) repeat-x; }
#progressMeter table { width: 350px; margin: 20px auto; text-align: right; border-collapse: collapse; border: 0; border-bottom: 1px solid #bbb;}
#progressMeter table td { border-top: 1px solid #bbb; text-align: center; }
#progressMeter #upload-row-1, #progressMeter #upload-row-3 { background: #e6e6e6; }
#progressMeter #upload-row-2 { background: #efefef; }
#transferRate { font-style: italic; }
#tca1,#tcb1,#tcc1 { width: 14%; }
#tca2,#donet,#dones { width: 29%; }
#tca3,#leftt,#lefts { width: 28%; }
#tca4,#totalt,#totals { width: 29%; }

.evt2{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;
-o-text-overflow:ellipsis;
   display:block;
   clear: both;
   float:left;
}
.evt{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;
-o-text-overflow:ellipsis;
   display:block;
   clear: both;
   float:left;
   max-width:85px; /* à adapter en fonction des besoins */
}
#homep .evt{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;
-o-text-overflow:ellipsis;
   display:block;
   clear: both;
   float:left;
   max-width:115px; /* à adapter en fonction des besoins */
}

#cartouche .o{background-color: #fc6;}


.bog{width:5px;height:5px;background:url(/i/c/bog.gif)}
.hoflogo{background:url(/i/hof.gif)}
.bog2{width:5px;height:10px;background:url(/i/c/bog2.gif)}
.bog3{width:5px;height:4px;background:url(/i/c/bog3.gif)}
.bob1{width:10px;height:4px;background:url(/i/c/bob1.gif)}
.bob2{height:4px;background:url(/i/c/bob2.gif)}
.bob3{height:4px;width:15px;background:url(/i/c/bob3.gif)}
.bohg{width:5px;height:10px;background:url(/i/c/bohg.gif)}
.bod{width:15px;height:10px;background:url(/i/c/bod.gif)}


.floatRight {float:right}
.floatLeft {float:left}
.alignLeft {text-align:left;margin-left:0px;margin-right:auto}
.alignRight {text-align:right;margin-left:auto;margin-right:0px}
.textAlignLeft {text-align:left}
.textAlignRight {text-align:right}
.tableAlignLeft {margin-left:0px;margin-right:auto}
.tableAlignRight {margin-left:auto;margin-right:0px}

.pagination{background-color:#f7fafc;border:1px solid #eef1f3;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.pagination{padding:0px 0px 0;margin-top:1em;margin-bottom:1em;}
.pagination ul{margin:0;padding:0;}
.pages li{display:inline;margin:0 1px;}
.pages{list-style:none;text-align:left;}

.pages a{padding:3px 3px 3px 3px;}
.pages .current strong{padding:3px 4px;}
.pages a{border:1px #f7fafc;border-style:hidden solid hidden}
.pages a:hover{border:1px solid #fff;background-color:#ccf29b;border-color:#bbde92;}
.pages .current strong{background-color:#ccf29b;border:1px solid #83c53f;}
/* CoverFlow */
body{position: relative;}
canvas{position: absolute;}

#__cvfl-coverflow{ height: 375px; margin: auto; margin-left:30px; overflow: hidden; 
                  position: relative; width: 600px;
}
#__cvfl-coverflow-label { line-height: 1.3em;
	position: relative;top: 220px;z-index: 700;margin-left:25px; margin-top:15px;
}
#__lb-ol{vertical-align: top;position:absolute}
#__cvfl-coverflow-label TD{vertical-align: top; color: #888; font: 10pt Arial;}
#__cvfl-coverflow-label a{  color:#0099FF;}
#__cvfl-coverflow-holder{ width: 600px; background:#FFFFFF;padding:15px 0; } /*#272727*/
#__lb-im {  z-index:1000; left:-325px; width:740px; height:360px;}

blockquote {
	background: #ebeadd none 6px 8px no-repeat;
	border: 1px solid #DBDBCE;
	font-size: 1em;
	margin: 0.5em 1px 0 25px;
	overflow: hidden;
	padding: 5px;
	background-image: url("/i/quote.gif");
}

blockquote blockquote {
	background-color:#EFEED9;
	font-size: 1em;
	margin: 0.5em 1px 0 15px;	
}

blockquote blockquote blockquote {
	background-color: #EBEADD;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: bold;
	margin-left: 20px;
	display: block;
	font-size: 1em;
}

blockquote cite cite {
	font-size: 1em;
}

blockquote.uncited {
	padding-top: 25px;
}
