@keyframes slide{
0%{left:0px;}
10%{left:0px;}
35%{left:-100%;}
45%{left:-100%;}
75%{left:-200%;}
85%{left:-200%;}
90%{left:0px;}
}

header
{
background-color: orange;
margin-top:10px;
margin-bottom:20px;
padding-top: 15px;
text-align:center;
width:100%;
}

.titre
{
font-family: 'Arial', sans-serif;
color : white;
font-size : 1.5em;
}

.titre1
{
font-family: 'Arial', sans-serif;
color : orange;
font-size : 1.1em;
text-align:center;
}

#conteneur
{
    display:flex;
    justify-content:space-around;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}

nav a
{
padding-top:10px;
padding-bottom:15px;
font-family: 'Arial', sans-serif;
color : #6600CC;
font-size : 0.9em;
}

a
{
font-family: 'Arial', sans-serif;
color : #660000;
font-size : 1em;
text-align:center;
}

#centre
{
text-align:justify;
}

#centre:after
{
display:inline-block;
width:99%;
content:'';
}



section[id="colonne1"]
{
position:relative;
display:inline-block;
vertical-align:top;
width:10%;
text-align:center;
padding-left:2px;
padding-right:2px;
}

section[id="colonne2"]
{
position:relative;
display:inline-block;
vertical-align:top;
width:33%;
text-align:center;
}

section[id="colonne3"]
{
position:relative;
display:inline-block;
vertical-align:top;
width:25%;
text-align:center;
}

section[id="colonne6"]
{
position:relative;
display:inline-block;
vertical-align:top;
width:33%;
text-align:center;
}

section[id="colonne4"]
{
position:relative;
display:inline-block;
vertical-align:top;
width:75%;
text-align:center;
}

section[id="colonne5"]
{
position:relative;
display:inline-block;
vertical-align:top;
width:60%;
text-align:center;
    margin-left: auto;
    margin-right: auto;
}

section[id="colonne7"]
{
position:relative;
display:inline-block;
vertical-align:top;
width:33%;
text-align:left;
}

section[id="colonne67"]
{
position:relative;
display:inline-block;
vertical-align:top;
width:23%;
text-align:center;
}
@media all and (max-width:700px)
{
    section[id="colonne1"]
    {
    display:none;
    }

    section[id="colonne2"]
    {
    display:inline-block;
    vertical-align:middle;
    width:95%;
    text-align:center;
    }
    section[id="colonne4"]
    {
    display:inline-block;
    vertical-align:middle;
    width:95%;
    text-align:center;
    }
    section[id="colonne3"]
    {
    display:none;
    }
    section[id="colonne6"]
    {
        display:inline-block;
        vertical-align:middle;
        width:95%;
        text-align:center;
    }
    section[id="colonne5"]
    {
        display:inline-block;
        vertical-align:top;
        width:95%;
        text-align:center;
        margin-left: auto;
        margin-right: auto;
    }
     section[id="colonne7"]
    {
    display:inline-block;
    vertical-align:middle;
    width:95%;
    text-align:left;
    }
}


#plusgros:hover
{-moz-transform:scale(2);
-o-transform:scale(2);
-webkit-transform:scale(2);
-ms-transform:scale(2);
}

.textejs
{
margin-top:10px;
padding-top:10px;
padding-bottom:10px;
font-family: 'Arial', sans-serif;
color: rgb(153, 51, 0);
font-size : 0.8em;
background-color: rgb(200,200,200);
text-align:center;
width:100%;
min-height:230px;
}

.text1
{
padding-top:5px;
font-family: 'Arial', sans-serif;
color: rgb(153, 51, 0);
font-size : 1.1em;
}

.text2
{
padding-top:5px;
font-family: 'Arial', sans-serif;
color: rgb(255, 102, 0);
font-size : 0.9em;
}

.text3
{
padding-top:5px;
font-family: 'Arial', sans-serif;
color: rgb(0, 130, 0);
font-size : 0.9em;
}

.text4
{
padding-top:5px;
font-family: 'Arial', sans-serif;
color: rgb(102, 102, 102);
font-size : 0.9em;
}

.text5
{
padding-top:5px;
font-family: 'Arial', sans-serif;
color: rgb(26, 26, 242);
font-size : 0.9em;
}

.text6
{
padding-top:5px;
font-family: 'Arial', sans-serif;
color: rgb(130, 50, 10);
font-size : 0.9em;
}
.text17
{
padding-top:5px;
font-family: 'Arial', sans-serif;
color: rgb(153, 51, 0);
font-size : 1.3em;
}


.img1
{
float:left;
padding:20px;
width:330px;
height:220px;
}

.img0
{
float:center;
padding-top:10px;
width:140px;
height:200px;
}

.img2
{
    float:left;
    width:30px;
    height:30px;
}

.img3
{
    float:right;
    width:30px;
    height:30px;
    }

footer
{
    margin-top:10px;
    font-family: 'Arial', sans-serif;
    color : #660066;
    font-size : 0.5em;
    text-align:center;
}

li
{
    text-align:center; 
}

ul
{
    list-style-position: inside;
}

.text7 {
padding-top:5px;
font-family: 'Arial', sans-serif;
color: rgb(153, 51, 0);
font-size : 1.1em;
cursor: pointer;
transition: 0.4s;
}

.active, .text7:hover{
}

.lise1{
    display:none;
    overflow: hidden;
}