/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 3.2
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic
*/
@import "css/reset.css";
@import "css/layout.css";
/********Site-general*********/


.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}


html{width: 100%; height: 100%;}
a {outline: none;}
img{outline: none;}
body{color: #000; font-family: helvetica; background-color: #f2dcac; font-size: 13px; line-height: 17px;}
#site{width: 960px; margin-left: auto; margin-right: auto;}
.clearer{clear: both;}
header {
float: left;
position: relative;  width: 100%;
}
#bandeau {
background-image: url("/wp-content/uploads/background-header.png");
height: 163px;
position: relative;
}
article {
float: left;
position: relative;  width: 100%;
}
#slogan {
float: left;
font-size: 19px;
line-height: 21px;
margin-left: 34px;
position: relative;
text-align: center;
top: 65px;
width: 535px;
}
#logo {
float: left;
height: 137px;
margin-left: 13px;
margin-top: 11px;
position: relative;
width: 138px;
}
#logo img {
width: 138px;
}
#call-tracking {
color: #E98E44;
float: right;
font-size: 29px;
font-weight: bold;
margin-right: 20px;
margin-top: 45px;
text-align: right;
width: 227px;
}
.menu-navigation-container {
float: right;
font-size: 12px;
margin-right: 13px;
position: relative;
top: 62px;
width: 780px;
}
.menu-navigation-container ul .current-menu-item a{ border-bottom: 1px solid; #000;  }
.menu-navigation-container ul li a:hover{ border-bottom: 1px solid; #000;  }
.menu-navigation-container ul li:first-child {background-color: #f3ca5c;}
.menu-navigation-container ul li:nth-child(2) {background-color: #f3b15c;}
.menu-navigation-container ul li:nth-child(3) {background-color: #e98e44;}
.menu-navigation-container ul li:nth-child(4) {background-color: #be7b4a;}
.menu-navigation-container ul li:last-child{background-color: #b15e35;}
.menu-navigation-container ul li a {display: inline; padding: 1px 10px; text-decoration: none; color: #000;}
.menu-navigation-container ul li{display: inline; margin-left:5px; padding: 6px 24px; background-color: #f3ca5c;}
#slider{height: 419px; position: relative; }
/*****************************/
/**********Accueil************/
#contenu-accueil{background-color: #f3ca5c; padding: 20px;}
#left-accueil{ float: left; width: 450px; margin-top: 25px;}
#right-accueil{ float: right; width: 450px; }
#text-accueil{margin-bottom: 50px; text-align: justify;}
#text-accueil p{margin-bottom: 15px;}
#text-accueil p span{font-weight: bold;}
/*****************************/
/************Cours************/
#contenu-cour {
background-color: #F3B15C;
float: left;
padding: 20px;
    width: 100%;
    box-sizing: border-box;
}
.etape-cours {
border-bottom: 1px solid #000000;
float: left;
padding-bottom: 21px;
width: 100%;
}
.text-cours{
float: left;
width: 100%;
}
.page-id-8 .text-cours{
float: right;
width: 732px;
}
.text-cours p span{font-weight: bold;}
.text-cours p {
line-height: 21px;
margin-bottom: 15px;
margin-top: 19px;
color: #000;
}
li span{font-weight: bold;}
#img-cours{height: 206px; margin-top: 45px;}
#img-cours img:first-child{ margin-left: 0px;}
#img-cours img{ margin-left: 23px;}
/*****************************/
/***********Tarifs************/
.tarif1 {
font-size: 20px;
/* padding-top: 143px; */
text-align: center;
}
.tarif1 > span {
color: #672e17;
font-size: 25px;
margin-top: 15px;
}
#contenu-tarif {
background-color: #E98E44;
float: left;
padding: 20px;
width: 100%;
box-sizing: border-box;
}
#list-tarif{list-style:disc inside none !important;}
table {
border: 1px solid #000000;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
width: 625px;
}
.image-2cours {
margin-top: -25px;
float: left;
padding: 2px;
width: 300px;
}
#tr-header{background-color: #e26c09; border: 1px solid #000000;}
.tr-jaune{background-color: #ffd78a;}
.tr-orange{background-color: #ffbb79;}
td{text-align: center;}
.tr-jaune td:last-child{text-align: left; padding-left: 15px; padding-right: 15px; border: none;}
.tr-jaune:nth-child(3) .td-lieu{border-bottom: 1px solid #000000;}
.tr-orange td:last-child{text-align: left; padding-left: 15px; padding-right: 15px;}
#tr-header .td-jour{height: 22px; width: 90px;}
#tr-header .td-horaire{height: 22px; width: 120px;}
#tr-header .td-horaire-soir{height: 22px; width: 120px;}
#tr-header  .td-lieu{vertical-align: middle; border-bottom: 1px solid #000000;}
.td-jour{vertical-align: middle;  border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
.td-horaire{vertical-align: middle;  border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
.td-horaire-soir{vertical-align: middle;  border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
.td-pedagogie {
border-bottom: 1px solid;
border-right: 1px solid;
}
/*****************************/
/***********Galerie***********/
#contenu-galerie{background-color: #be7b4a; padding: 20px;}
dt.gallery-icon {float: left; margin-left: 15px; margin-right: 15px;}
/*****************************/
/***********Contact***********/
#contenu-contact{background-color: #b15e35; padding: 20px;}
.slogan-page{font-size: 23px; line-height: 25px; margin-top: 20px; text-align: center; margin-bottom: 30px; color: #672e17;}
.page-id-8 .slogan-page {
color: #672E17;
font-size: 23px;
line-height: 25px;
margin-bottom: 17px;
margin-top: 33px;
text-align: center;
}
.image-cours {
float: left;
width: 161px;
}
.slogan-page span{font-weight: bold;}
.wpcf7{float: left; margin-left: 50px !important; width: 360px;}
.wpcf7-textarea{background-color: #f6e5b4; width: 360px; height: 150px; border:none;}
.wpcf7-submit{background-color: #873a0c; color: #f6e5b4; border: none;}
.wpcf7-text{background-color: #f6e5b4; width: 360px; border:none;}
.wpcf7 p{margin-bottom: 15px;}
.adresse-contact{color: #f6e5b4; float: right; font-size: 10px; line-height: 13px; text-align: left; width: 360px; margin-bottom: 15px;}
#adresse-contact span{font-size: 20px; }
#map{float: right; text-align: right; width: 360px; margin-right: 50px;}
/*****************************/
/***********Mentions**********/
#contenu-mention{background-color: #f3ca5c; padding: 20px;}
/*****************************/
/***********Footer************/
#footer{background-image: url("/wp-content/uploads/background-footer.png"); font-size: 11px; font-weight: bold; padding-bottom: 10px; padding-top: 10px;}
#footer p{text-align: center; width: 300px; margin-left: auto; margin-right: auto;}
#footer a{color: #000; text-decoration: none;}
#footer a:hover{opacity: 0.5}
#facebook{float: left; margin-left: 25px; width: 25px; margin-top: 6px;}
#facebook img{width: 25px}
/*****************************/
/*modif*/
.new-text-left {
background-color: #F3B15C;
float: left;
width: 390px;
padding: 20px 30px 0;
height: 179px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
.new-text-left > p {
margin-bottom: 20px;
text-align: center;
font-size: 14px;

}
.new-text-left span {
font-weight: bold;
}
.new-text-right {
background-color: #F3B15C;
float: right;
width: 390px;
padding: 20px 30px 0;
height: 179px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
}
.new-text-right > p {
margin-bottom: 20px;
text-align: center;
font-size: 14px;
}
.new-text-right span {
font-weight: bold;
}
#new-slogan {
color: #AA3416;
font-size: 21px;
line-height: 26px;
margin: 25px 30px;
width: 880px;
}
#new-renseignement span {
font-weight: bold;
}
#new-renseignement {
background-image: #fad064;
padding: 43px 30px;
font-size: 18px;
margin-bottom: 30px;
}
/*****************************/
/************COURS DE DANSE************/
.page-id-8 .su-tabs-nav > span{
background-color: #672E17 !important;
color: #F3B15C !important;
font-size: 18px !important;
text-transform: uppercase !important;
}
.page-id-8 .su-tabs-nav span:hover {
background: none !important;
background-color: #672E17 !important;
color: #F3B15C !important;
font-weight: bold;
}
.page-id-8 .su-tabs-nav span.su-tabs-current {
background: none !important;
background-color: #672E17 !important;
color: #F3B15C !important;
font-weight: bold;
}
.page-id-8 .su-tabs-nav > span:last-child {
float: right !important;
margin-right: 15% !important;
}
.page-id-8 .su-tabs-nav > span:first-child{
margin-left: 171px;
}
.page-id-8 .su-tabs {
background: none !important;
}
.page-id-8 .su-tabs-pane {
background: none !important;
padding: 0px !important;

}
.italic1 {
color: #672E17;
font-size: 14px;
font-style: italic;
font-weight: bold;
margin-top: -35px;
text-align: center;
display: block;
}
.italic0 {
color: #672E17;
font-size: 14px;
font-style: italic;
font-weight: bold;
text-align: center;
display: block;
}
.alignnone.size-full.wp-image-260 {
margin-top: 10px;
}
.titre2 {
color: #000000;
font-size: 17px;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
}
.liste-cour {
list-style: disc outside none;
padding-left: 25px;
}
.liste-cour > li {
color: #000000;
font-size: 14px;
padding-top: 8px;
padding-bottom: 8px;
}
/****************************************/
/**********TARIFS ET PLANNING*************/
.page-id-10 .su-tabs-nav > span{ background-color: #672E17 !important; color: #F2DCAC !important; font-size: 18px !important; text-transform: uppercase !important;}
.page-id-10 .su-tabs-nav span:hover { background: none !important; background-color: #672E17 !important; color: #F2DCAC !important; font-weight: bold;}
.page-id-10 .su-tabs-nav span.su-tabs-current { background: none !important; background-color: #672E17 !important; color: #F2DCAC !important; font-weight: bold;}
.page-id-10 .su-tabs-nav > span:last-child { float: right !important; margin-right: 15% !important;}
.page-id-10 .su-tabs-nav > span:first-child{margin-left: 171px;}
.page-id-10 .su-tabs {background: none !important;}
.page-id-10 .su-tabs-pane { background: none !important; padding: 0px !important;}
.alignnone.size-full.wp-image-155 { margin-top: 44px;}
.text-cours2{  width: 869px; padding-left: 15px;}
.text-cours2 p span{font-weight: bold;}
.text-cours2 p {line-height: 34px; color: #000;}
.avantage { color: #F2DCAC !important; font-size: 20px;  padding-bottom: 15px; padding-top: 20px;}
.promotion { background-color: #F3B15C; border-radius: 75px; color: #000000; height: auto; margin-left: 21px; margin-top: 20px; padding: 20px 51px 29px; width: 84%;}
.offre {color: #672E17; font-size: 19px !important; font-weight: bold; text-align: center !important; margin-bottom: 20px;}
.promotion p {text-align: justify;}
.adresse-promo { font-size: 15px;font-weight: 800;  padding-bottom: 10px; padding-top: 10px; text-align: center !important; text-transform: uppercase;}
.adresse-promo2 {padding-bottom: 10px; padding-top: 10px; text-align: center !important; text-transform: uppercase;}
.liste {
color: #B15E35;
font-size: 15px !important;
font-weight: 600;
padding-bottom: 5px;
padding-top: 10px;
}
.citation {
color: #672E17;
font-style: italic;
font-weight: bold;
padding-left: 30px;
padding-right: 30px;
padding-top: 5px;
}
.promotion a {
color: #000000;
font-size: 14px;
font-weight: bold;
}