@media only screen and (max-width : 736px) {
                    h1, h2, h3{ 
                        white-space: normal;
                        
                        }
                        img{
                        width:100%;
                        height: auto;
                        margin: 0 auto;
                        }
                }
#BanniereBA42_1
{
	width: 900px;
	height: 205px;
	background-image: url("image/BanniereBA42_3.png");
	background-repeat: no-repeat;
	border: 0px #696969;
    margin: auto;	
}

	
body
{
	background-color :  #696969;
	background-repeat : repeat;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	box-shadow : 0px 0px 300px rgb(200,200,200);
	border-radius: 10px;

}


a img
{
border : none;
}

.sansbord
{
border : none;
}

.marge5
{
margin : 5px;
}

.bouton
{
background: url("image/bouton5_last_version.png");
width: 90%;
height: 20%;
background-repeat: no-repeat;
font-size: 16px;
padding: 5px;
text-align: center;
border-radius: 10px;
font-family: arial, Verdana, sans-serif;
text-shadow : 3px 3px 6px black;

}

.lien
{
border: solid rgb(45,0,125) 0px;
width: 890px;
height: 20px;
background-color: rgb(0,0,0);
background-image : url("image/fontlien2.png");
background-repeat :repeat-y;
box-shadow: 6px 6px 6px black;
margin: auto;
border-radius: 10px;
padding : 5px;
text-align : right;
color : white;
font-family: Arial, Verdana, sans-serif;
}

.bouton:hover
{
background: none;
background-color: rgba(255,255,255,0.5);
}
.bouton:active
{
background-color: rgba(150,150,255,0.5);
}

nav
{
width: 100px;
padding: 5px;
display: inline-block;
background-color: rgba(150,150,150,0.2);
border-radius: 10px;
margin-top: 5px;
}

section
{
border: outset rgb(81,146,189) 2px;
border: outset rgb(150,150,180) 2px;
width: 790px;
min-height: 600px;
background-color: rgb(20,20,20);
display: inline-block;
vertical-align: top;
border-radius: 10px;
text-align: left;
text-align : justify;
}


section h1
{
background-color: rgb(50,50,50); 
text-align: center;
margin-top: 0px;
border-radius: 4px 4px 0px 0px;
color: white;
text-shadow : 2px 2px 6px black;
box-shadow: 0px 6px 6px rgba(0,0,0,0.3);
padding-bottom : 3px;

}

section h3,h4
{
text-align: center;
color: white;
text-shadow : 2px 2px 6px black;

}

section-video
{
width: 1280px;
height: 720px;
background-color: rgb(20,20,20);
display: inline-block;
vertical-align: top;
}

.bordure-video
{
border: outset rgb(81,146,189) 4px;
border: outset rgb(150,150,180) 4px;
border-radius: 10px;
display: inline-block;
}

form
{
margin: 10px;
}

footer
{
	height: 82px;
	background-repeat: repeat;
	margin: auto;
	
}

nav a
{
text-decoration : none;
color : #708090;
}

.foot
{
border : ridge rgb(81,146,189) 2px;
background-color: rgb(0,0,0,0);
background-color: rgba(0,0,0,0.5);
background-color: rgb(1,43,62);
background-color: rgb(9,70,162);

background-color: rgb(45,140,187);

color : rgb(255,255,255);
width : 782px;
margin : auto;
border-radius : 10px;
padding : 5px;
text-align : justify;
}

.foot
{
position : relative;
left : 62px;
}


input ,textarea
{
opacity: .5;
}

h3
{
font-family: "Arial Black", Arial, Verdana, sans-serif;
}


video
{
margin-left : 0px;
box-shadow : 10px 10px 6px rgba(0,0,0,0.5);
}


section p,h2,h3,h4,span
{
color : white;

}

.resume
{
font-family : arial;
font-size : 20px;
}

.auto
{
margin : auto;
width : 800px;
}
.table2
{
margin-left :60px;
}
.td1
{
position : absolute;
margin-left : -115px;
}

.centrer
{
margin-left :225px;
}

.centrer2
{
margin-left :80px;
}

.centrer3
{
margin-left : 215px;
}

.centrerTXT
{
margin-left : 185px;
}

.soustitre
{
font-size : 20px ;
}

.interieur
{
padding: 10px;
color : white;
}

.galplace
{
margin-top : -16px;
}

.entxt
{
border-radius : 8px;
}

.imgcentre
{
margin-left : 135px;
text-align : center-left;
}

section a
{
text-decoration : none;
}

.lientxt
{
color : white;
text-decoration : underline;
}

.haut
{
margin-left :25px;
background-image : url("image/haut.png");
background-repeat : no-repeat;
width : 220px;
height : 52px;
color : white;
font-size : 12px;
}

.haut:hover
{
background-image : url("image/haut2.png");
}

ul
{
list-style-image : url("liste.png");
}

.ul
{
list-style-image : url("liste2.png");
}


li
{
padding : 5px;

}

li:hover
{
background-color : rgba(81,146,189,0.2);
border-radius : 0px 0px 20px 20px;
box-shadow : 3px 3px 6px black; 
}
   

.left
{
float : left;
margin-left : 10px;
}

.left-pre
{
float : left;
margin-left : 10px;
margin-top : -10px;
}

.gauche
{
float : left;
margin-left : 10px;
margin-right : 25px;
}

.droite
{
float : right;
margin-left : 25px;
}

.droite-onair
{
float : right;
margin-top : -29px;
}

.droite-resimg
{
float : right;
margin-left : 25px;
margin-top : 5px;
}

.centre
{
text-align : center;
}

.taille
{
background-color : rgb(25,25,25);
border-radius : 10px;
width : 450px;
margin-left : 310px;
padding : 10px;
text-align : justify;
margin-top : -20px;
}

.taille3
{
background-color : rgb(25,25,25);
width : 350px;
padding : 10px;
border-radius : 10px;
text-align : justify;
}

.taille2
{
background-color : rgb(25,25,25);
width : 350px;
margin-left : 400px;
padding : 10px;
border-radius : 10px;
text-align : justify;
}

.table-collapse
{
border-collapse: separate;
border-spacing: 0px 40px;
}

.table-photos
{
border-spacing : 4px 0px;
background-color : rgb(35,35,35);
border-radius : 10px;
border : 2px rgb(12,12,12) solid;
padding : 5px;
}

.vi-video
{
padding-left : 7px;
padding-top : 5px;
}

.vi-txt
{
width : 370px;
background-color : rgb(35,35,35);
border-radius : 10px;
border : 2px rgb(12,12,12) solid;
text-align : justify;
padding-left : 20px;
padding-right : 15px;
}

.vi-aeq
{
padding-left : 50px;
padding-top : 5px;
}

.grostxt
{
font-size : 34px;
color : white;
}

.tigal
{
font-family : verdana;
font-size : 25px;
color : white;
font-weight : bold;
background-color : rgb(35,35,35);
border-radius : 10px;
border : 2px rgb(12,12,12) solid;
border-bottom-style : none;
}

.nomcont
{
background-color : rgb(35,35,35);
border-radius : 10px;
border : 2px rgb(12,12,12) solid;
padding : 5px;
}

.adresse
{
background-color : rgb(35,35,35);
border-radius : 10px;
border : 2px rgb(12,12,12) solid;
padding : 15px;
float : right;
font-size : 16px;
margin-right : 35px;
line-height : 22px;
color : white;
}

.taille4
{
background-color : rgb(25,25,25);
width : 350px;
padding : 10px;
border-radius : 10px;
text-align : justify;
}

.taille5
{
background-color : rgb(25,25,25);
border-radius : 10px;
width : 450px;
margin-left : 310px;
padding : 10px;
text-align : center;
font-size : 40px;
margin-top : 75px;
font-weight : bold;

.table
{
width : 780px;
text-align : center;
}

section h4
{
margin-top : -10px;
}

.diminu
{
font-size : 16px;
}

.diminu2
{
font-size : 14px;
}

.bluelien
{
color : rgb(50,50,255);
}

.logo
{
	position : relative;

}

section p
{
background-color : rgb(25,25,25);
border-radius : 10px;
}

.mention
{
border: outset rgb(150,150,180) 2px;
background-color : rgb(25,25,25);
width : 350px;
margin-left : 600px;
padding : 10px;
border-radius : 10px;
color : white;
}

.mention:hover
{
background-color : rgb(50,50,50);
}

.phrase
{
padding : 10px;
background-color : rgb(50,50,50);
text-align : justify;
}

.solution
{
position : relative;
right : 350px;
bottom : 10px;
}

.partage
{
position : relative;
right : -580px;
bottom : 0px;
}
.partage2
{
position : relative;
right : -680px;
bottom : 20px;
}