body
{
font-family: 'Arial', sans-serif;
background-color : white;
}

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;
}

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;
}


nav[class="menu"]
{
position:relative;
display:inline-block;
width:14%;
    
}

#centre
{
text-align:justify;
}

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

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

section[class="colonne2"]
{
position:relative;
display:inline-block;
vertical-align:middle;
width:20%;
text-align:center;
}


section[class="colonne3"]
{
position:relative;
display:inline-block;
vertical-align:middle;
width:39%;
text-align:center;
padding-left:2px;
padding-right:2px;
}

section[class="colonneE"]
{
position:relative;
display:inline-block;
vertical-align:middle;
width:31%;
text-align:center;
padding-left:2px;
padding-right:2px;
}


@media all and (max-width:700px)
{
section[class="colonne1"]
{
display:none;
}

section[class="colonne2"]
{
display:inline-block;
vertical-align:middle;
width:50%;
text-align:center;
}


section[class="colonne3"]
{
display:inline-block;
vertical-align:middle;
width:45%;
text-align:center;
padding-left:1px;
padding-right:1px;
}


section[class="colonne4"]
{
display:none;
}
}


#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 : 1em;
background-color: rgb(200,200,200);
text-align:center;
width:100%;
min-height:230px;
}

.text1
{
padding-top:10px;
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;

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

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

.img2
{
float:center;
width:40px;
height:40px;
}

.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;
}