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

button.Li_no:active, button.Li_no:focus, a.Li_no:active, a.Li_no:focus { outline: none; }
body {
	padding-top: 80px;
	background: #ffffff;
	/*font-family: 'Roboto', Arial, sans-serif;*/
	/*font-family: 'Roboto Condensed', Arial, sans-serif;*/
	/*font-family: 'Lato', Arial, sans-serif;*/
	font-family: "Roboto", Arial, sans-serif;
	/*font-family: 'Open Sans', Arial, sans-serif;*/
	/*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: #E3000B; border-bottom: solid 1px #4a271f;  transition: all 500ms ease; }
a.li_base:hover { color: #4a271f; border-bottom: solid 1px #EA4E43; text-shadow: 3px 3px 0px rgba(0,0,0,0.2); }

a.li_bas:link, a.li_bas:visited { font-weight: 600; text-decoration: none; color: #E3000B; border-bottom: solid 1px #999999; transition: all 500ms ease; }
a.li_bas:hover { color: #000000; border-bottom: solid 1px #E3000B; }
.Bas_Imp { font-size: 18px; font-weight: 600; }
blockquote { border-color: #E3000B; }

a.li_sns { display: block; float: left; margin: 0; padding: 0 6px; transition: all 500ms ease; }
a.li_sns:link, a.li_sns:visited { color: #E3000B; font-size: 20px; }
a.li_sns:hover { color: #800006; /*background-color: #ffffff;*/ }


/* 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 #330003; padding: 9px 12px 7px 12px; background: #E3000B; color: #ffffff; -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 #E3000B; background: #330003; color: #ffffff; }

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



/*
gris base : #3e3e3e
Vert base : #3c9520

Code du rouge : #E3000B  + foncé #B00C00 #511511 /
Rouge mono : #9f000d #ffbfc4 #ff808a
Rouge + sombre : #E3000B #cc000a #b30009 #990008 #800006 #660005 #4d0004 #330003 #1a0001 #000000
Rouge + clair : #ff000d #ff1a25 #ff333d #ff4d55 #ff666e #ff8086 #ff999e #ffb3b6 #ffcccf #ffe5e7 #fff5f5
Orange : #e35200
Couleur plus clair : #EA4E43 #d85a4c
Typo Raleway Black et bold
font-family: "Raleway", sans-serif;


 */

/* ------ MENU ------ */
.navbar-fixed-top { border-width: 0; }
.navbar_act { /*border-bottom: solid 1px #E3000B;*/ 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: 500; color: #ffffff; font-family: "Raleway", sans-serif; font-size: 32px; text-shadow: none; transition: all 500ms ease; }
a.navbar_logo:hover { color: #efedff; }
a.navbar_logo img { height: 70px; margin-top: 5px; 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;*/ line-height: 20px; font-family: "Raleway", sans-serif; font-optical-sizing: auto; font-size: 16px; color: #3e3e3e; letter-spacing: 0.2px; text-decoration: none; text-shadow: none; text-transform: uppercase; transition: all 500ms ease; font-weight: 900; }
.navbar_act ul.nav li a:hover { color: #E3000B; /*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: #fff5f5; -webkit-box-shadow: none; box-shadow: none; color: #E3000B; border-bottom: solid 2px #E3000B; /*font-weight: bold;*/ }

.navbar-default .navbar-toggle { border-color: #ffffff; background-color: #E3000B; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border-color: #E3000B; background-color: #9f000d; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: #ffbfc4; }
.navbar-toggle { margin-top: 22px; }

/*.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: #E3000B; }*/

a.link-71 { text-decoration: none; position: relative; }

a.link-71::before { content: ""; position: absolute; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 8px solid #E3000B; bottom: 0; left: 50%; transform: translateX(-50%) scaleY(0); transition: all 0.4s; }

a.link-71:hover::before { transform: translateX(-50%) scaleY(1); }


