body{
    /*background: url(images/agrigrenat.jpg) no-repeat center center fixed;
    background-color: #b71d23;*/
    background-size: cover;
    
}
@font-face {
	font-family: 'maghribi';
	src: url("fonts/maghribi-font\ 1.ttf");
}
.bismi{
    font-family: 'maghribi';
    text-align: center;
    color: rgb(105, 126, 11);
}
.con{
    width: 93%;
    background-color: #fff;
    margin: auto;
}
.rouge{
    border-top: #b71d23;
    background-color: white;
    height: 90px;
    border-top: 20px;
}

.registred{
    /*background-color: #ffffff*/
    /*height:280px;*/
    margin-right:50px;
    margin-left: 50px;   

}
.cadreVert{
    border: 3px solid #83cd65;
    max-height: 100%;
}

.presentation{
    padding: 40px;
    font-size: 10px;
    color: #ececec;
    
    outline: 5px solid white;
    outline-offset: -18px;
    background-color: #00a039;
}
.green{
    background-color: #00a039; /* #83cd65; /* #30ac13;*/
    /*height:242px;*/
}
.borderWhite{
    
    border: 3px solid white;
    height: 100px;
}

.member{
    background-color: #00a039;
    outline: 5px solid white;
    /*outline-offset: -5px;*/
    margin-top: -5px;
    /*height:252px;*/
}

.memberimg
{
    height:215px;
    margin-top:20px;
} 
/*.one{
     margin: auto;    
    display: block;
    /*height:230px;*/
    /*margin-left: 60px;
    margin-left: -20px;
}*/
.register{
    width:190px; 
    text-align: center;
    /*height:191px; */
    
}
@font-face {
	font-family: 'numberlin';
	src: url("fonts/Numberlin.ttf");
}

.lettreP{
    font-family: 'numberlin'; /* lobster;*/
    font-size:2.5em;
    color:#ffd700;
}
/*.lettrine{
    line-height : 2;
    text-align:justify;
}
p.lettrine::first-letter {
    font-family:lobster;
    font-size:6.5em;
    float:left;
    color:#ffd700; /*rgb(7, 71, 10);
    margin-top: -65px; 
    
  }*/
.borderWhite{
    border: 10px solid white !important;
    border-radius: 5px;
    margin-top: 15px;
}
.borderGreen{
    border-top: 2px solid #05a23e !important;
    border-bottom: 2px solid #05a23e !important;
}

.titre{
	color: #333;
	text-align: center;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	position: relative;
	margin: 30px 0 60px;
}
.titre::after {
	content: "";
	width: 100px;
	position: absolute;
	margin: 0 auto;
	height: 3px;
	background: #8fbc54;
	left: 0;
	right: 0;
	bottom: -10px;
}
/*------------------------Animation TEXT---------------------------

.ml10 {
    position: relative;
    font-weight: 600;
    font-size: 1.5em;
    font-family: Helvetica, sans-serif;
    color: white;
  }
  
  .ml10 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.2em;
    padding-right: 0.05em;
    padding-bottom: 0.1em;
    overflow: hidden;
  }
  
  .ml10 .letter {
    display: inline-block;
    line-height: 1em;
    transform-origin: 0 0;
  }
/*----------------------------FIN Animation-------------------------------------*/



.collapse{
    width: 100px;
}
.nav-item{
    width: 140px;
    text-align: center;
}

.nav-link{
    color: #b71d23 !important;
    font-size: 20px;
    border-bottom: 1px solid transparent;
    
}
.navbar-nav > li{
    padding-left:20px;
    padding-right:20px;
  }
.nav-link:hover{
    text-decoration: underline;
    text-decoration: 6px;
    border-bottom-color: #b71d23;
     transition: border 1s linear;
     
}

/*------------------------------------Video Testmonials-------------------------*/
.video_test{
    margin-left: 40px;
    margin-right: 40px;
    background-color: white;
}

.jumbotron{
    background-color: #6d908c;
    padding: 80px;
    height: 300px;
}

.bg{
    width: 1400px;
}
.white{
    background-color: white;
}

/*------------------------------------------------NAVBAR------------------------------------------*/

  code {
    background: #fff;
    padding: 0.2rem;
    border-radius: 0.2rem;
    margin: 0 0.3rem;
  }
  .grenat{
    color: rgb(87, 15, 15);
  }
  
/*-----------------------------------------Video----------------------------------------------*/

/*-----------------------------------------Card Caroussel----------------------------------------------*/
.img{
    width:100%;
    height: 230px;

}
a.danger:hover{
    color: #b61b21;
}
/********************-----Taille de titre dans petit écran------***************/


/*-----------------------------------------Footer----------------------------------------------*/
  .footer{
    /*background: url(images/abstract-luxury-gold-yellow-gradient-studio-wall-well-use-as-backgroundlayoutbanner-product-presentation.jpg) no-repeat center center fixed;
    */
    background-color:#f0e68c; /*#daa520;  /* #ce864c;*/
    text-align: center;
    bottom: 0;    
    line-height : 50px;
    border-width:5px !important;
    
}

.carte{
    border-width:2px !important;
    border-radius: 0.2rem;
}

/******************************Contact******************************************/



h1 {
    margin-bottom: 40px;
}


.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    width: 100%;
    margin-left: 3px;
    }
.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;

}

.card{
	margin-left: 8px;
	margin-right: 8px;
    margin-bottom: 40px;
    height: 560px; 
    width: 90%;
}



.logoTem{
    margin-left: 80px;
}

.red{
    margin-right: 0px;
}

.letters{
    font-size: 18px;
}
@media (max-width: 660px)
{
    .letters{
        font-size: 13px;
    }
    .carousel{
        padding: 0 !important;
    }
    .taille{
        font-size: 14px;
    }
   
}

.concarte {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  
  /*---------------- Barre news ------------*/
  .news{width: 160px}.news-scroll a{text-decoration: none}.dot{height: 6px;width: 6px;margin-left: 3px;margin-right: 3px;margin-top: 2px !important;background-color: rgb(207,23,23);border-radius: 50%;display: inline-block}
/*  .rowW{
    background-color: bisque;
}
.red{
    text-align: end;
    background-color: red;
}
.green{
    background-color: rgb(3, 173, 54);
}  */
/* *, ::after, ::before{
    box-sizing: content-box;
} */
 
/*---------------------------------------------MEDIA QUERIES---------------------------------------------

@media(max-width:1317px)
{
    .one{
        width:220px;
        height:220px;
    }
    .register{
        width:180px;
        height:181px;
    }
   
}

@media(max-width:1258px)
{
    .one{
        width:220px;
        height:220px;
    }
    .register{
        width:170px;
        height:181px;
    }
   
}

@media(max-width:1200px)
{
    .one{
        width:190px;
        height:200px;
    }
    .register{
        width:160px;
        height:171px;
    }
   
}

@media(max-width:1140px)
{
    .one{
        width:180px;
        height:200px;
    }
    .register{
        width:150px;
        height:171px;
    }
   
}
@media(max-width:1077px)
{
    .one{
        width:170px;
        height:200px;
    }
    .register{
        width:140px;
        height:171px;
    }
   
}
@media(max-width:1020px)
{
    .one{
        width:170px;
        height:200px;
    }
    .register{
        width:130px;
        height:171px;
    }
   
}
@media(max-width:960px)
{
    .one{
        width:160px;
        height:200px;
    }
    .register{
        width:120px;
        height:171px;
    }
   
}
@media(max-width:900px)
{
    .one{
        width:155px;
        height:200px;
    }
    .register{
        width:110px;
        height:161px;
    }
   
}

@media(max-width:840px)
{
    .one{
        width:150px;
        height:190px;
    }
    .register{
        width:100px;
        height:151px;
    }
   
}
@media(max-width:783px)
{
    .one{
        width:130px;
        height:180px;
        margin-top: 20px;
    }
    .register{
        width:90px;
        height:141px;
        margin-top: 40px;
    }
   
}
@media((min-width:668) and (max-width:723px))
{
    .one{
        width:120px;
        height:170px;
        margin-top: 20px;
    }
    .register{
        width:80px;
        height:131px;
        margin-top: 40px;
    }
   
}

/*----Extra Large-----
@media(max-width:667px)
{
    .cadreVert{
        width: 500px;
        text-align: center;
    }
    .green{
        display:block;
    }
    .one{
        width:150px;
        height:200px;
        margin-top: 20px;
    }
    .register{
        width:80px;
        height:131px;
        margin-top: 40px;
    }
   
}


*/