/*** 

====================================================================
  Le concept
====================================================================

 ***/
 


.titre_concept{
    text-align:center;
    font-family:'Stockport';
    font-size:50px;
}

#logos-crossfit{
    text-align: center;
}

.icone_crossfit{
    width:15%;
    text-align: center;
}

.icone-crossfit_secondaire{
    width:10%;
    text-align: center;
}

@media screen and (max-width: 1000px) {
.icone_crossfit{
    width:12%;
    text-align: center;
}

.icone-crossfit_secondaire{
    width:9%;
    text-align: center;
}
}

#test{
    margin:0;
    margin-right:0 !important;
    margin-left:0;
    padding:0;
    width:100%;
}

.concept .row{
    
    margin:0;
   
}


.container_noir{
	width:100%;
	padding-left: 0;
}


.txt_boite_concept{
        margin: 5px!important;      
        font-size:15px !important;
}




.txt_boite_concept_principe_gauche{
        margin: 5px!important;
        font-size:22px !important;
       
}


.txt_boite_concept_principe_droite{
        margin: 5px!important;
        font-size:22px !important;
}
/**
.txt_boite_concept_principe_gauche:before{
     border-radius: 50%;
    width: 8px;
    height: 8px;
    content: "";
    display: inline-block;
    background-color: black;
    border: 1px black solid;
    z-index: 22;
}


.txt_boite_concept_principe_droite:before{
     border-radius: 50%;
    width: 8px;
    height: 8px;
    content: "";
    display: inline-block;
    background-color: black;
    border: 1px black solid;
    z-index: 22;
} **/

.txt_pourqui{
    font-size:22px!important;
}


.boite_sombre{
    border: 1px #efe51f solid;
    padding:60px;
    width:100%;
    border-radius: 5px;
    background-color:rgba(0,0,0,0.65);
    height: 500px;
    color:white;
	margin-bottom: 35px;
}
.pourqui{
    padding-bottom:20%;
	
}

.pourquoi{
    padding-bottom:8.25%;
}
.titre_boite_sombre{
    font-size:25px;
}

.txt_boite_principe{
    font-size:22px;
}

.titre_icones{
    font-family:'Stockport';
    font-size:200%;
}

.text_icones{
    text-align:center;
    font-size:130%;
    
}

.text_concept{
    width:100%;
    margin:0;
    text-align: center;
}


#textPuissance{
    display:none;
}

#textVitesse{
    display:none;
}

#textSouplesse{
    display:none;
}

#textAgilite{
    display:none;
}

#textEndurance{
    display:none;
}

#textPrecision{
    display:none;
}

#textCoordination{
    display:none;
}

#textEquilibre{
    display:none;
}

@media screen and (max-width: 1750px){

.txt_pourqui {
    font-size: 15px!important;
}

.txt_boite_principe {
    font-size: 15px;
}
	
.txt_boite_concept_principe_gauche {
    font-size: 15px !important;
}

.boite_sombre{
    height: 450px;

}
	
}
@media screen and (max-width: 1200px){
.col-md-4 {
    width: 100%!important;
}

.txt_pourqui {
    font-size: 24px!important;
}

.txt_boite_principe {
    font-size: 24px;
}
	
.txt_boite_concept_principe_gauche {
    font-size: 24px !important;
}
}

@media screen and (max-width: 740px){
	
.boite_sombre{
    padding:30px;
}

.col-md-4 {
    width: 100%!important;
}

.txt_pourqui {
    font-size: 19px!important;
}

.txt_boite_principe {
    font-size: 19px;
}
	
.txt_boite_concept_principe_gauche {
    font-size: 19px !important;
}
}

@media screen and (max-width: 500px){
.col-md-4 {
    width: 100%!important;
}

.txt_pourqui {
    font-size: 15px!important;
}

.txt_boite_principe {
    font-size: 15px;
}
	
.txt_boite_concept_principe_gauche {
    font-size: 15px !important;
}
}

@media print{
	.boite_sombre{
    display: none;
}
}