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

button.Li_no:active, button.Li_no:focus, a.Li_no:active, a.Li_no:focus { outline: none; }
body {
	padding-top: 60px;
	background: #fbfbfb;
	/*font-family: 'Roboto', Arial, sans-serif;*/
	/*font-family: 'Roboto Condensed', Arial, sans-serif;*/
	/*font-family: 'Lato', Arial, sans-serif;*/
	font-family: "Lato", 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: #007458; border-bottom: solid 1px #fb9039; transition: all 500ms ease; }
a.li_base:hover { color: #4b4737; border-bottom: solid 1px #00755f; }
a.li_bas:link, a.li_bas:visited { font-weight: 600; text-decoration: none; color: #E2F8FE; border-bottom: solid 1px #fb9039; transition: all 500ms ease; }
a.li_bas:hover { color: #ffffff; border-bottom: solid 1px #00755f; }
.Bas_Imp { font-size: 18px; }
blockquote { border-color: #8CA484; }

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; }
a.li_basSN:link, a.li_basSN:visited { color: #fb9039; padding: 6px; transition: all 500ms ease; }
a.li_basSN:hover { color: #ffc419; }

/* 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 #007458; padding: 9px 12px 7px 12px; background: #ffffff; color: #0b9db6; -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 #fb9039; background: #E2F8FE; color: #002f45; }

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



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

#f0de84
Matching Palette : #f0de84 #4b4737 #b0ab99 #56f5dd #00bca6 | Classy : #1cddd0 #00a599 |
Shades : #f0de84 #bdad56 #8c7f2a #5c5400 #342c00
Switch : #3d3600 #00755f #f2fedc
Friends : #4f4800 #00755f #00c9ac




#03889f #0b9db6 #6dcdde #8ad8e4 #ace5f0 #beecf5 #E2F8FE

#0b9db6 : div : #324a51 #e6f4f1 #002f45 #007458
friends :#fb9039 #9e4400 #005269

 */

/* ------ MENU ------ */
.navbar-fixed-top { border-width: 0; }
.navbar_act { /*border-bottom: solid 2px #8CA484;*/ background: #000000; text-shadow: none; box-shadow: none; }
a.navbar_logo:link, a.navbar_logo:visited { height: 60px; line-height: 60px; padding: 0; margin: 0; text-decoration: none; /*text-transform: uppercase;*/ font-weight: 500; color: #ffffff; font-family: "Libre Baskerville", 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: 10px 0 0 0; }
.navbar_act ul.nav { /*margin: 25px 0 0 0;*/ }
.navbar_act ul.nav li a { padding: 10px 10px; margin-left: 5px; line-height: 20px; font-size: 14px; color: #ffffff; text-decoration: none; text-shadow: none; text-transform: uppercase; transition: all 500ms ease; font-weight: 700; }
.navbar_act ul.nav li a:hover { color: #E2F8FE; transition-delay: .5s; }
.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: #E2F8FE; -webkit-box-shadow: none; color: #000000; /*font-weight: bold;*/ }

.navbar-default .navbar-toggle { border-color: #ffffff; background-color: #03889f; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border-color: #E2F8FE; background-color: #6dcdde; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: #03889f; }
.navbar-toggle { margin-top: 22px; }


a.MenH { text-decoration: none; position: relative; }
a.MenH::before, a.MenH::after { content: ""; position: absolute; display: block; border: 0 solid transparent; width: 0%; height: 0%; transition: all 0.7s ease; }
a.MenH::after { top: 0; left: 0; border-top: 1px solid transparent; border-left: 1px solid transparent; }
a.MenH::before { right: 0; bottom: 0; border-bottom: 1px solid transparent; border-right: 1px solid transparent; }
a.MenH:hover::before, a.MenH:hover::after { width: 100%; height: 100%; border-color: #E2F8FE; }


.btnM { position: relative; color: var(--inv); transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); cursor: pointer; user-select: none; }
.btnM:before, .btnM:after { content: ''; position: absolute; transition: inherit; z-index: -1; }
.btnM:hover { color: var(--def); transition-delay: .5s; }
.btnM:hover:before { transition-delay: 0s; }
.btnM:hover:after { background: var(--inv); transition-delay: .35s; }

/* From Top */
.from-top:before, .from-top:after { left: 0; height: 0; width: 100%; }
.from-top:before { bottom: 0; border: 1px solid var(--inv); border-top: 0; border-bottom: 0; }
.from-top:after { top: 0; height: 0; }
.from-top:hover:before, .from-top:hover:after { height: 100%; }

/* From Left */
.from-left:before, .from-left:after { top: 0; width: 0; height: 100%; }
.from-left:before { right: 0; border: 1px solid var(--inv); border-left: 0; border-right: 0; }
.from-left:after { left: 0; }
.from-left:hover:before, .from-left:hover:after { width: 100%; }

/* From Right */
.from-right:before, .from-right:after { top: 0; width: 0; height: 100%; }
.from-right:before { left: 0; border: 1px solid var(--inv); border-left: 0; border-right: 0; }
.from-right:after { right: 0; }
.from-right:hover:before, .from-right:hover:after { width: 100%; }

/* From center */
.from-center:before { top: 0; left: 50%; height: 100%; width: 0; border: 1px solid var(--inv); border-left: 0; border-right: 0; }
.from-center:after { bottom: 0; left: 0; height: 0; width: 100%; background: var(--inv); }
.from-center:hover:before { left: 0; width: 100%; }
.from-center:hover:after { top: 0; height: 100%; }

/* From Bottom */
.from-bottom:before, .from-bottom:after { left: 0; height: 0; width: 100%; }
.from-bottom:before { top: 0;border: 1px solid var(--inv); border-top: 0; border-bottom: 0; }
.from-bottom:after { bottom: 0; height: 0; }
.from-bottom:hover:before, .from-bottom:hover:after { height: 100%; }

.btnM, .btnM:before, .btnM:after, .from-left, .from-left:before, .from-left:after, .from-right, .from-right:before, .from-right:after, .from-center, .from-center:before, .from-center:after, .from-bottom, .from-bottom:before, .from-bottom:after { box-sizing: border-box; }

body { --def: #000000; --inv: #ffffff; }