/*******************
***grand container**
*******************/
#next
{
   /* background-color: #0e0354;*/
    width: 100%;

}

#grid
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
#score
{
    /*background-color: #3a5795;*/
    width: 100%;
}
/*******************
***sous container***
*******************/
.target1
{

    margin-right: auto;
    margin-left: auto;
}
.target2
{

    margin-right: auto;
    margin-left: auto;
}
.target3
{

    margin-right: auto;
    margin-left: auto;
}
.target4
{

    margin-right: auto;
    margin-left: auto;
}
.blackTarget
{
    /*border-style: groove;*/
    /*border-width: 10px;*/
    /*border-color: aqua;*/
    /*margin-right: auto;*/
    /*margin-left: auto;*/


    border: solid 4px #000000;
    margin-right: auto;
    margin-left: auto;
    padding: 2.5%;
}
.layer
{
    right: 1%;
    left: 1%;
    position: absolute;
    z-index: 1;
}


/****************************
***bidouillage de carousel***
****************************/

.carousel-control
{
    display:block;
    width:100%;
    height:100%;
}



.slideshow {
    width:100%;
    /*height: 200px;*/
    height: inherit;
    overflow: hidden;


    height: inherit;
    font-size: 0px;

    float:left;

}

.slideshow ul {
    /* 4 images donc 4 x 100% */
    /*width: 400%;*/
    width: 132.8%;
    height: inherit;
    padding:0; margin:0;
    margin-left:-33%;
    list-style: none;






    height: inherit;





}
.slideshow li {

    display:inline-block;
    width:25%;

    padding:0; margin:0;

}


/*****************************
***font and style and stuff***
*****************************/

h2  {
    font-size: 50px;
    text-align:start; /* centrage horizontal */
    margin-left: auto;
    margin-right: auto;
    color: #000000;
}

/******************************
***********@media**************
******************************/



@media screen and (max-width: 640px)
{
    h2
    {
        font-size: 29px;
    }
}
/******************************
***********last update*********
******************************/

.btn{
    border-radius: 0;
}

body{
    background-image: url("fond5.jpeg");
}
.menuapp{
   margin-top: 15%;
}
.separation{
    margin-top: 5%;
}
.separer{
    margin-top: 10%;
}

.blanc{
    color: #FFFFFF;
    border: solid 4px #FFFFFF;
    border-radius: 4px;
    padding: 8px;
}

#mode1{

    padding-left: 60px;
    padding-right: 60px;
}

#mode2{
    padding-left: 60px;
    padding-right: 60px;
}

#mode3{
    padding-left: 42px;
    padding-right: 42px;
}

#mode4{
    padding-left: 75px;
    padding-right: 75px;
}

a:hover{
    text-decoration: none;
    color: #FFFFFF;
}
h1{
    color: #FFFFFF;
}
#scoring{
    color: #ffffff;
}

#rainsquare_title{
    font-size: 25px;
}

#back_btn{
width: 100%;

   margin-right: 0;
   margin-left: 0;
    z-index: 2;
    position: absolute;
}
#scnd_back_btn{
    width: 69px;
float: right;
    margin-right: 0;
    margin-left: 0;
    z-index: 2;
    position: relative;
}
#addedScore
{
    /*display: inline;*/
}