/*
Theme Name: La Forge
Theme URI: http://wordpress.org/
Description: Template réalisé sur mesure pour www.laforge-sports.com
Version: 1.0
Author: Site Web Création
Author URI: http://www.site-web-creation.net

*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
body{font-family: 'Oswald', sans-serif; background-color:black; padding-top:50px}
#bt-retour-rappel{display:none; text-align:center}
.padding-0 { padding:0}
.margin-bottom30{ margin-bottom:30px;}
.contenu-int ul li { list-style-type:none}
.contenu-int ul li:before{content:"- "}
.center{ text-align:center}
.container{ max-width:1200px}
#sous-header{ position:relative}
.content{-moz-box-shadow: 0px 5px 60px 20px #494949;-webkit-box-shadow: 0px 5px 60px 20px #494949;-o-box-shadow: 0px 5px 60px 20px #494949;box-shadow: 0px 5px 60px 20px #494949;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#494949, Direction=180, Strength=60); background-color:white}
header{}
.navbar{ border:none; box-shadow:0 6px 20px -4px #333333}
.navbar-default{ background-color:#000000; border:none; text-align:center }
.slide-info{ position:absolute;top:15%;background: url(images/fond-news-bandeau.png); color:white; padding:15px; z-index:5}
.slide-info h1, .info-index h1 { color:#99782C; font-size:2.2em; margin-top:0}
.bloc-logo{position:absolute; top:0%; width:100%; z-index:2}
.info-index  { margin:5px 0; padding-bottom:5px; border-bottom:1px solid #99782C;}
.bloc-rappel{height:auto; position:absolute; bottom:0px; right:15px; height:279px; width:279px; background:#99782C; padding:90px 50px 0;  border-radius:50%;}
.bloc-rappel h2{ color:white; text-transform:uppercase; margin:0 0 10px 0; text-align:center; font-size:26px}
.form-rappel .form-control{ padding:6px; height:27px}
.form-rappel .form-group{ margin-bottom:5px}
.btn-rappel{ background-color:white; border-radius:50%; border:none; color:#99782C; padding:5px; width:30px; height:30px}
.bloc-resa-ligne h2 {font-size:35px;text-shadow:2px 2px 5px #000}
.bloc-resa-ligne h2 span{font-size:25px;}
.bloc-resa-ligne a{text-align:center; display: inline-block}
.bloc-resa-ligne{background: url(images/fond-resa.jpg);text-align:center}
.figure-home figure{ margin-bottom:15px; padding:0 15px 0 0; position:relative}
.figure-home a figure img{transition:all 0.4s ease 0s}
.figure-home figure figcaption { position:absolute;font-weight: bold; text-shadow:2px 2px 5px #000; color:white; text-transform:uppercase; font-size:2em; top:0; left:0; padding:5px 10px; z-index:99}
.figure-home a:hover img, .figure-page a:hover img{ opacity:0.8;}
ul#breadcrumbs { margin:5px 0; padding:0}
ul#breadcrumbs  li { float:left; margin-right:5px; list-style:none}
.news h2{ color:#99782C; text-transform:uppercase; margin-top:0}
.news h2 a{ color:#99782C;}
.news h3{ color:#99782C; font-size: 22px}
.news img{ max-height:150px; overflow:hidden}
.img-alune{ max-height:290px; overflow:hidden}
/*page intérieures*/
.liste-news{ margin-bottom:10px; padding:10px; background-color:#F9EDE0; border-radius:15px}
a .liste-news { color:#333;}
.contenu-int .liste-news:hover  h3{ color:white}
.liste-news:hover{ background-color:#99782C;}
.news p{ color:#ffffff!important;}
#lien-galerie{ margin-bottom:15px}
#avantages-club{ text-align:center; background-color:white; color: #99782C; border:1px solid #99782C; margin:0 0 15px 0}
#avantages-club a{ color: #99782C}
a:hover #avantages-club{ color:white; background-color:#0074B3; border:1px solid #FFF;}
#avantages-club h2{ margin:0; padding:10px 0; text-transform:uppercase}
#ligne-vie{color:#999}
#ligne-vie a{ text-decoration:underline; color:#999}
.contenu-int { text-align:justify}
.contenu-int h1{ color:#99782C; text-align:left}
.contenu-int h2, .contenu-int h3{color:#99782C; text-align:left}
.contenu-int h3.tt-galerie-photo { font-size:1.5em; margin-bottom:1px}
.contenu-int ul { padding:10px}
.figure-page figure{ margin-bottom:15px; position:relative; overflow:hidden; height:85px}
.figure-page figure figcaption { position:absolute; color:white; text-shadow:2px 2px 5px #000; text-transform:uppercase; font-size:2em; top:0; left:0; padding:5px 10px; z-index:99}
.photo-galerie { text-align:left}
.photo-galerie img{ margin-bottom:3px}
.photo-galerie a:hover { text-decoration:none}
a:hover img{}
/*fin pages intérieures*/
#logos{ text-align:center; padding:10px 0}
footer{ min-height:50px; background-color:#494949; color:white; margin-top:15px}
footer a{ color:white}
footer h2 { text-transform:uppercase}
footer h2 span{color:#99782C}
footer  .bloc-info{ background-image:url(images/sep-bloc-bas.png); background-repeat:no-repeat; background-position:top right; padding-top:5px; padding-bottom:5px; min-height:160px}
.pdf-planning{ font-size:22px; background-color:#000000; width:100%; border:none; margin-bottom: 1px}
#coopy{ text-align:center; background-color:#333333; border-top:2px solid white; padding:10px 0; font-size:13px}
#lien-galerie{ position:relative}
#fond-lien-gallerie { position:absolute; top:0; width:100%}
#lien-galerie h2 { position:absolute; padding:25% 0%; width:100%; text-align:center; text-transform:uppercase; z-index:5}
a #lien-galerie h2 { color:white; text-shadow:2px 2px 5px #000}
a:hover #lien-galerie h2 { color:black}
.btn-info{background-color: #99782C; color: black; border :none}
.btn-info:hover{background-color: #6b511a; color: black;}
@media (max-width: 767px) {
.bloc-logo { display:none}
.figure-home figure{ padding:0}
footer  .bloc-info{ border-right:none; border-bottom:1px solid; min-height:inherit; background-image:none}



}