body{background-image: url("http://projets.floryannagnelot.fr/fond.jpg"); background-size: cover; background-repeat:no-repeat; background-attachment: fixed; width: 100%; height:100%; overflow: auto <!-- hidden -->; overflow-x : hidden ; }
h1 {background-image: url("http://projets.floryannagnelot.fr/fond_h1.png"); background-repeat:repeat; background-position:auto; background-attachment:fixed; margin-bottom: 0px; margin-left: 20px; margin-right: 40px; margin-top: 30px; background-position: auto; color: white; text-align: center; border-bottom: 5px solid #45444C; border-right: 5px solid #45444C; border-left: 5px solid #45444C; border-top: 5px solid #45444C;}
h2 {color:white ; text-align: center;}
h3 {color:white ; text-align: center;}
a {color: blue; text-decoration: none;}
ul {display: inline; text-align: center;list-style-type: none;margin: 10px ;padding: 0px 0px;width: 400px;}
li a {color: #696969;padding: 16px 32px;text-decoration: none;}
li a:hover {text-align: center; background-color: #E1DEDD;color: #7C6F6B;}
li {display: inline;}

img.menu {display: block; margin-left: auto; margin-right: auto; max-width: 25%;}
.menu2 {margin-left: 320px; margin-right: auto; max-width: 25%; width: auto; height: 400px;}


ul.accueil {display: inline; text-align: center;list-style-type: none;margin: 0;padding: 0;background-color: #7C6F6B; font-size: 19px;}
ul.accueil2 {display: inline; text-align: center;list-style-type: none;margin: 0;padding: 0;background-color: #7C6F6B; font-size: 30px;}

ul.liste {float: auto; display: inline; text-align: center;margin-bottom: 10px;padding: 10px 10px;color: #95D5FF}


div.menu {color: #FFFFFF; display: block; display: block;color: #000;padding: 16px 32px;text-decoration: none;}
li.menu{display: block; text-align: center;list-style: square;color: #FFFFFF; }
li.menu a:hover {text-align: center; background-color: #E1DEDD;color: #A9A9A9;}
li.menu a {color: #FFFFFF; display: block; display: block;padding: 9px 0px;text-decoration: none; }

div.menu2 {color: #FFFFFF; display: block; display: block;color: #000;padding: 32px 64px;text-decoration: none; position: relative;}
li.menu2 {display: block; text-align: center;list-style: square;color: #FFFFFF; }
li.menu2 a:hover {text-align: center; background-color: #E1DEDD;color: #A9A9A9;}
li.menu2 a {color: #FFFFFF; display: block; display: block;padding: 10px 0px;text-decoration: none;margin-bottom: 0px}

div.menu3 {color: #FFFFFF; display: block; color: #000;padding: 16px 32px;text-decoration: none; margin-top: 10px; position: relative;}
li.menu3 {display: block; text-align: center;list-style: square;color: #FFFFFF; position: relative;}
li.menu3 a:hover {text-align: center; background-color: #E1DEDD;color: #A9A9A9; position: relative;}
li.menu3 a {color: #FFFFFF; display: block; display: block;padding: 10px 0px;text-decoration: none;margin-bottom: 0px; position: relative;}


p.copyright {text-align: left; }

iframe.video {position: absolute; left: 50%; margin-bottom: 50px; transform: translate(-50%, -50%); margin-top: 100px}

div.video4 {position: absolute; left: 50%; transform: translate(-50%, -50%); margin-top: 10px}

iframe.video2 {position: absolute; left: 50%; margin-bottom: 50px; transform: translate(-50%, -50%); margin-top: 100px}

iframe.video3 {position: absolute; left: 50%; margin-bottom: 70px; transform: translate(-50%, -50%); margin-top: 100px}

div.text_camera {margin-right: 100px; margin-left: 100px; margin-top: 50px; margin bottom: 50px; text-align: center; }
p.text_camera {color: #95D5FF; text-align:center; font-size: 23px }


div.vide {position: relative; display: block; }

p.video_presentation { color: #95D5FF; text-align:center; font-size: 30px; font-weight: bold;}