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

button.Li_no:active, button.Li_no:focus, a.Li_no:active, a.Li_no:focus { outline: none; }
body {
	padding-top: 80px;
	background: #fef6ff;
	/*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: 'Bangers', cursive;*/
	/*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: #00b49b; border-bottom: solid 1px #38edd2; transition: all 500ms ease; }
a.li_base:hover { color: #007e68; border-bottom: solid 1px #00b49b; }
a.li_bas:link, a.li_bas:visited { font-weight: 600; text-decoration: none; color: #00c9a8; border-bottom: solid 1px #38edd2; transition: all 500ms ease; }
a.li_bas:hover { color: #007e68; border-bottom: solid 1px #f3f3f3; }
.Bas_Imp { font-size: 18px; }
blockquote { border-color: #00c9a8; }

a.li_sns:link, a.li_sns:visited { display: block; float: left; height: 70px; width: 70px; margin: 0; padding: 6px; transition: all 500ms ease; }
a.li_sns:hover { background-color: #ffc419; }
a.li_snsb:link, a.li_snsb:visited { display: block; float: left; height: 70px; width: 70px; margin: 0; padding: 6px; transition: all 500ms ease; }
a.li_snsbp:link, a.li_snsbp:visited { height: 50px; width: 50px; }
a.li_snsb:hover { background-color: #272618; }
a.li_snsb2:hover { background-color: #cc9900; }

/* 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 #00c9a8; padding: 9px 12px 7px 12px; background: #ffffff; color: #00c9a8; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-shadow: none; transition: all 1000ms ease; }
#top-link-block button.BT_Top:hover { border: solid 1px #4d8076; background: #fef6ff; color: #4d8076; }

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

/* POKE
 Jaune : Base : #ffcb05
 Bleu : Base : #316ab2 | foncé : #1d2c5e
 Rouge ligue : #ed1c24 | 
 Gris ligue : #d1d2d4
 */
/* NET
	Bleu || Base : #3f99d6 | + foncé : #2288cc | artisan : #0159a1
	Gris || très clair : #f3f3f3 | clair : #e6e6e6 | foncé : #888888
	Spot palette : bleu foncé : #00669f | bleu très clair: #d3f4ff | marron : #6e3a00
	Cube Palette : vert canard : #007265 (#e6f7f5 #daf5f2) | jaune : #eee8a9
*/
/*
blanc : #edecdc #f6edd9
Vert base : #8CA484
Cube palette base #8CA484 | vert #4f5800 | violet #9999cc
Shades #8ca484 #6b8263 #4b6245 #2e4328 #12260c
Neighbor Palette #8ca484 #838907 #545422 #272618

violet base #9999cc
Spot Palette #9999cc foncé #656696 | clair #efedff | brun #5c4400
________________

Base : #2d1853 | Entre 2 : #968ba7
Spot : #2d1853 #5e4585 #fbeaff #00c9a8
Skip Gradient : #2d1853 #38edd2 #00b49b #007e68
natural : #2d1853 #9c89b3 #2d1853 #fffade
Discreet : #2d1853 #9c89b3 #fef7ff #e8d5b5
Matching : #2d1853 #4b4453 #b0a8b9 #004839 #007a68

 */

/* ------ MENU ------ */
.navbar-fixed-top { border-width: 0; }
.navbar_act { /*border-bottom: solid 2px #8CA484;*/ background: #2d1853; }
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: 500; color: #ffffff; font-family: century-gothic, sans-serif; font-size: 32px; text-shadow: none; transition: all 500ms ease; }
a.navbar_logo:hover { color: #efedff; }
a.navbar_logo img { height: 80px; color: #ffffff; }
a.navbar_logo img:hover { color: #efedff; }
.navbar-default .navbar-brand:hover { color: #efedff; }

.navbar_nav { margin: 14px 0 0 0; }
.navbar_act ul.nav { /*margin: 25px 0 0 0;*/ }
.navbar_act ul.nav li a { padding: 15px 10px; margin-left: 5px; font-family: century-gothic, sans-serif; line-height: 20px; font-size: 14px; color: #ffffff; text-decoration: none; text-shadow: none; text-transform: uppercase; transition: all 500ms ease; font-weight: 900; }
.navbar_act ul.nav li a:hover { color: #00c9a8; }
.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: #5e4585; -webkit-box-shadow: none; box-shadow: none; color: #000000; color: #ffffff; /*font-weight: bold;*/ }

.navbar-default .navbar-toggle { border-color: #ffffff; background-color: #656696; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border-color: #efedff; background-color: #9999cc; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: #656696; }
.navbar-toggle { margin-top: 22px; }

.link-71 { text-decoration: none; transition: 0.4s; position: relative; }
.link-71::before { content: ""; position: absolute; width: 0; height: 4px; background-color: #00c9a8; bottom: 0; left: 0; transition: width 0.4s; }
.link-71:hover::before { width: 100%; }
/*
.link-71 { color: #ffffff; font-size: 20px; text-decoration: none; padding: 10px 20px; margin: 0 5px; position: relative; display: inline-block; }
.link-71::before, .link-71::after { content: ""; position: absolute; display: block; border: 0px solid transparent; width: 0%; height: 0%; transition: all 0.3s ease; }
.link-71::after { top: 0; left: 0; border-top: 2px solid transparent; border-left: 2px solid transparent; }
.link-71::before { right: 0; bottom: 0; border-bottom: 2px solid transparent; border-right: 2px solid transparent; }
.link-71:hover::before, .link-71:hover::after { width: 10px; height: 10px; border-color: #00c9a8; }
*/