/* ------ BASE ------ */

button.Li_no:active, button.Li_no:focus, a.Li_no:active, a.Li_no:focus { outline: none; }
body {
	padding-top: 83px;
	font-family: 'Roboto', Arial, sans-serif;
	/*font-family: 'Roboto Condensed', Arial, sans-serif;*/
	/*font-family: 'Lato', Arial, sans-serif;*/
	/*font-family: 'Open Sans', Arial, sans-serif;*/
	/*font-family: 'Source Sans Pro', Arial, sans-serif;*/
	/*font-family: 'Ubuntu', Arial, sans-serif;*/
	/*font-family: 'Oxygen', Arial, sans-serif;*/
	/*font-family: 'Luckiest Guy', cursive;*/
	/*font-family: 'Lato', sans-serif;*/
	/*font-family: Arial, sans-serif;*/
	}
a:link, a:visited { text-decoration: underline; color: #000000; }
a:hover {  }
a.li_base:link, a.li_base:visited { font-weight: 600; /*text-decoration: none;*/ color: #e5650b; transition: all 500ms ease; }
a.li_base:hover { color: #4f5c64; /*text-decoration: underline;*/ }
a.li_baseR:link, a.li_baseR:visited { font-weight: 600; /*text-decoration: none;*/ color: #4f5c64; transition: all 500ms ease; }
a.li_baseR:hover { color: #e5650b; /*text-decoration: underline;*/ }
a.li_bas:link, a.li_bas:visited { font-weight: 600; /*text-decoration: none;*/ color: #ffffff; }
a.li_bas:hover { /*text-decoration: underline;*/ }
.Bas_Imp { font-size: 18px; }

/* BT_Top */
#top-link-block.affix-top { position: absolute; /* allows it to "slide" up into view */ bottom: -82px; right: 10px; }
#top-link-block.affix { position: fixed; /* keeps it on the bottom once in view */ bottom: 18px; right: 10px; }
#top-link-block button.BT_Top { border: solid 1px #ed8942; padding: 9px 12px 7px 12px; background: #e5650b; color: #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; transition: all 500ms ease; }
#top-link-block button.BT_Top:hover { border: solid 1px #e5650b; background: #ed8942; color: #ffcb05; }

/* Log */
#top-link-log.affix-top { position: absolute; /* allows it to "slide" up into view */ top: 138px; right: 0; }
#top-link-log.affix { position: fixed; /* keeps it on the bottom once in view */ top: 128px; right: 0; }
#top-link-log { z-index: 200; }
.CS_Log { /*float: right;*/ /*margin-top: 70px;*/ /*padding: 10px;*/ /*background: red;*/ text-align: right; }
.CS_LogI { background: #f7f7f7; border: solid 1px #cfcfcf; border-right: none; padding: 10px 20px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 3px 3px 3px #cfcfcf; -webkit-box-shadow: 3px 3px 3px #cfcfcf; box-shadow: 3px 3px 3px #cfcfcf; }

.Txt300 { font-weight: 300; } .Txt400 { font-weight: 400; } .Txt700 { font-weight: 700; } .Txt900 { font-weight: 900; }
.ClearB { clear: both; } /* AKA .clearfix */
/*.TotalB { position: relative; }*/ /* Pour Menu spé défile */
.img-recen { margin: 0 auto; }
.DNone { display: none; }


/*
Orange: #e5650b #ed8942 #edcfb9 #f7efe9
Bleu: #4f5c64 #cadde8 #e6eff5 | F : #32393d
Prune admin : #6a5464 #52424d
*/
.Co_Orange { color: #e5650b; } .Bg_Orange { background-color: #e5650b; color: #ffffff; }
.Co_Prune { color: #7b2482; } .Bg_Prune { background-color: #7b2482; color: #ffffff; }/*#e9e6f5 #ddd8f0 #6a5464 #52424d*/
.Co_Vert { color: #008957; } .Bg_Vert { background-color: #008957; color: #ffffff; }/*#4f5c64 #487e88 #41a29a #61c497 #a4e284 #f9f871*/
.Co_Bleu { color: #00a2ef; } .Bg_Bleu { background-color: #00a2ef; color: #ffffff; }
.Co_Rouge { color: #cf3838; } .Bg_Rouge { background-color: #cf3838; color: #ffffff; }
.Co_Jaune { color: #fcba03; } .Bg_Jaune { background-color: #fcba03; color: #ffffff; }

	.Co_PSBleu { color: #00c1d7; }
	.Co_PSBleuF { color: #008ba0; }

.Co_BlHand { color: #094696; } .Bg_BlHand { background-color: #094696; color: #ffffff; }
.Co_Sect { color: #00a983; } .Bg_Sect { background-color: #00a983; color: #ffffff; }

/* ------ MENU ------ */

.navbar_act { border-bottom: solid 3px #4f5c64; background: #ffffff; }
a.navbar_logo:link, a.navbar_logo:visited { height: 80px; line-height: 80px; padding: 0; margin: 0; text-decoration: none; text-transform: uppercase; font-weight: 700; }
a.navbar_logo img { height: 80px; }

.navbar_nav { margin: 30px 0 0 0; }
.navbar_act ul.nav { /*margin: 25px 0 0 0;*/ }
.navbar_act ul.nav li a { padding: 15px 10px; line-height: 20px; font-size: 14px; /*color: #bbbbbb;*/ text-decoration: none; transition: all 500ms ease; }
.navbar_act ul.nav li a:hover { /*color: #ffffff;*/ }
.navbar_act ul.nav li.active a { /*color: #000000;*/ }
.navbar_act ul.nav li.active a, .navbar_act ul.nav li.active a:hover, .navbar_act ul.nav li.active a:focus { background: #4f5c64; -webkit-box-shadow: none; box-shadow: none; color: #ffffff; /*font-weight: bold;*/ }


/* OFF (warning Co_PSBleu) #efefdc #8a6d3b */
.Co_Off { color: #00c1d7; } .Bg_Off { background-color: #00c1d7; color: #ffffff; }
.Co_OffP { color: #b9e6eb; } .Bg_OffP { background-color: #b9e6eb;/* color: #ffffff;*/ }
/* DEM (info Co_Orange) #d9edf7 #31708f */
.Co_Dem { color: #d65c06; } .Bg_Dem { background-color: #d65c06; color: #ffffff; }
.Co_DemP { color: #ffc196; } .Bg_DemP { background-color: #ffc196; /*color: #ffffff;*/ }
/* POS (info Co_Vert) #d9edf7 #31708f */
.Co_Pos { color: #008957; } .Bg_Pos { background-color: #008957; color: #ffffff; }
.Co_PosP { color: #61c497; } .Bg_PosP { background-color: #61c497; /*color: #ffffff;*/ }
/* REF */
.Co_Ref { color: #e31288; } .Bg_Ref { background-color: #e31288; color: #ffffff; }
.Co_RefP { color: #e8b9b0; } .Bg_RefP { background-color: #e8b9b0; /*color: #ffffff;*/ }
/* BAI */
.Co_Bai { color: #0b7bde; } .Bg_Bai { background-color: #0b7bde; color: #ffffff; }
.Co_BaiP { color: #adc7de; } .Bg_BaiP { background-color: #adc7de; /*color: #ffffff;*/ }
/* MVS */
.Co_Mvs { color: #7a40c2; } .Bg_Mvs { background-color: #7a40c2; color: #ffffff; }
.Co_MvsP { color: #7a40c2; } .Bg_MvsP { background-color: #7a40c2; /*color: #ffffff;*/ }
/* AUTO */
.Co_Auto { color: #ff0000; } .Bg_Auto { background-color: #ff0000; color: #ffffff; }
.Co_AutoP { color: #ff0000; } .Bg_AutoP { background-color: #ff0000; /*color: #ffffff;*/ }


.Co_Cyan { color: #21ad9b; } .Bg_Cyan { background-color: #21ad9b; color: #ffffff; }
.Co_Violet { color: #7a40c2; } .Bg_Violet { background-color: #7a40c2; color: #ffffff; }


.Blo_Pos { margin: 5px 0; padding: 5px; border: solid 1px #7b2482; background: #f2effe; }
.Blo_OffreMin { padding: 0 5px; border-bottom: dashed 1px #6A5464; border-left: dashed 1px #6A5464; background: #efefdc; }

.DPE_Bloc {  }
.DPE_A { background: #319a31; color: #ffffff; }
.DPE_B { background: #33cc33; }
.DPE_C { background: #ccff33; }
.DPE_D { background: #ffff00; }
.DPE_E { background: #ffcc00; }
.DPE_F { background: #ff9a33; }
.DPE_G { background: #ff0000; color: #ffffff; }

/* MSG */
.TriIso { position: relative; padding: 15px; margin: 1em 0 3em; color: #000; background: #f3961c; border-radius: 10px; background: linear-gradient(top, #f9d835, #f3961c); }
/* creates triangle */
.TriIso:after { content: ""; display: block; /* reduce the damage in FF3.0 */ position: absolute; bottom: -15px; left: 50px; width: 0; border-width: 15px 15px 0; border-style: solid; border-color: #f3961c transparent; }

.TriDro { position: relative; /*padding: 10px;*/ margin: 0 10% 2em 0; color: #000000; /*background: #fafafa;*/ border: groove 2px #e5e5e5; background: linear-gradient(#f7f7f7, #cfedc0); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.TriDro:after { content: ""; position: absolute; bottom: -24px; /* value = - border-top-width - border-bottom-width */ left: 50px; border-width: 25px 0 0 25px; border-style: solid; border-color: #cfedc0 transparent; display: block; width: 0; }
.TriDro.TDAlt { margin: 0 0 2em 10%; border: ridge 2px #e5e5e5; /*background: #fafafa;*/ background: linear-gradient(#f7f7f7, #dddddd); }
.TriDro.TDAlt:after { right: 50px; left: auto; border-width: 0 0 25px 25px; border-color: transparent #dddddd; }

.MesC_Auth { padding: 3px 10px 3px 10px; font-size: 16px; line-height: 14px; font-weight: 600; border-bottom: solid 1px #eeeeee; }
/*.TriDro.TDAuto .MesC_Auth { background: #e04257; color: #ffffff; }*/
.MesC_Date { float: right; padding: 3px 10px 3px 10px; text-align: right; font-style: italic; font-size: 12px; }
.MesC_Add { padding: 0 10px; background: #000000; color: #ffffff; font-size: 12px; line-height: 11px; text-transform: uppercase; font-weight: 600; }
.TriDro.TDAuto .MesC_Add { background: #f51818; background: linear-gradient(to right, #f51818, #f7dade); }
.TriDro.TDMVS .MesC_Add { background: #7a40c2; background: linear-gradient(to right, #7a40c2, #d9a2de); }
.TriDro.TDREF .MesC_Add { background: #e31288; background: linear-gradient(to right, #e31288, #e8b9b0); }
.TriDro.TDDEM .MesC_Add { background: #d65c06; background: linear-gradient(to right, #d65c06, #ffc196); }
.TriDro.TDBAI .MesC_Add { background: #0b7bde; background: linear-gradient(to right, #0b7bde, #adc7de); }
.MesC_Mes { padding: 6px 10px 8px 10px; }
.MesC_Opts { float: right; padding: 3px 10px 3px 10px; text-align: right; font-size: 12px; }