div { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
div#global {  width:90%; padding:0 0px; margin:0 auto; }
@media screen and (min-height: 100px) and (max-height: 150px) { div#global { font-size : 10%; }}
@media screen and (min-height: 150px) and (max-height: 200px) { div#global { font-size : 15%; }}
@media screen and (min-height: 200px) and (max-height: 250px) { div#global { font-size : 20%; }}
@media screen and (min-height: 250px) and (max-height: 300px) { div#global { font-size : 25%; }}
@media screen and (min-height: 300px) and (max-height: 350px) { div#global { font-size : 30%; }}
@media screen and (min-height: 350px) and (max-height: 400px) { div#global { font-size : 35%; }}
@media screen and (min-height: 400px) and (max-height: 450px) { div#global { font-size : 40%; }}
@media screen and (min-height: 450px) and (max-height: 500px) { div#global { font-size : 45%; }}
@media screen and (min-height: 500px) and (max-height: 550px) { div#global { font-size : 50%; }}
@media screen and (min-height: 550px) and (max-height: 600px) { div#global { font-size : 55%; }}
@media screen and (min-height: 600px) and (max-height: 650px) { div#global { font-size : 60%; }}
@media screen and (min-height: 650px) and (max-height: 700px) { div#global { font-size : 65%; }}
@media screen and (min-height: 700px) and (max-height: 750px) { div#global { font-size : 70%; }}
@media screen and (min-height: 750px) and (max-height: 800px) { div#global { font-size : 75%; }}
@media screen and (min-height: 800px) and (max-height: 850px) { div#global { font-size : 80%; }}
@media screen and (min-height: 850px) and (max-height: 900px) { div#global { font-size : 85%; }}
@media screen and (min-height: 900px) and (max-height: 950px) { div#global { font-size : 90%; }}
@media screen and (min-height: 950px) and (max-height: 1000px) { div#global { font-size : 95%; }}
@media screen and (min-height: 1000px) and (max-height: 1050px) { div#global { font-size : 100%; }}
@media screen and (min-height: 1050px) and (max-height: 1100px) { div#global { font-size : 105%; }}
@media screen and (min-height: 1100px) and (max-height: 1150px) { div#global { font-size : 110%; }}
@media screen and (min-height: 1150px) and (max-height: 1200px) { div#global { font-size : 115%; }}
@media screen and (min-height: 1200px) and (max-height: 1250px) { div#global { font-size : 120%; }}
@media screen and (min-height: 1250px) and (max-height: 1300px) { div#global { font-size : 125%; }}
@media screen and (min-aspect-ratio: 12/20 ) and (max-aspect-ratio: 13/20 ) { div#global { width:95%; }}
@media screen and (min-aspect-ratio: 13/20 ) and (max-aspect-ratio: 14/20 ) { div#global { width:90%; }}
@media screen and (min-aspect-ratio: 14/20 ) and (max-aspect-ratio: 15/20 ) { div#global { width:85%; }}
@media screen and (min-aspect-ratio: 15/20 ) and (max-aspect-ratio: 16/20 ) { div#global { width:80%; }}
@media screen and (min-aspect-ratio: 16/20 ) and (max-aspect-ratio: 17/20 ) { div#global { width:75%; }}
@media screen and (min-aspect-ratio: 17/20 ) and (max-aspect-ratio: 18/20 ) { div#global { width:70%; }}
@media screen and (min-aspect-ratio: 18/20 ) and (max-aspect-ratio: 19/20 ) { div#global { width:65%; }}
@media screen and (min-aspect-ratio: 19/20 ) and (max-aspect-ratio: 20/20 ) { div#global { width:60%; }}
@media screen and (min-aspect-ratio: 20/20 ) and (max-aspect-ratio: 21/20 ) { div#global { width:58%; }}
@media screen and (min-aspect-ratio: 21/20 ) and (max-aspect-ratio: 22/20 ) { div#global { width:56%; }}
@media screen and (min-aspect-ratio: 22/20 ) and (max-aspect-ratio: 23/20 ) { div#global { width:54%; }}
@media screen and (min-aspect-ratio: 23/20 ) and (max-aspect-ratio: 24/20 ) { div#global { width:52%; }}
@media screen and (min-aspect-ratio: 24/20 ) and (max-aspect-ratio: 25/20 ) { div#global { width:50%; }}
@media screen and (min-aspect-ratio: 25/20 ) and (max-aspect-ratio: 26/20 ) { div#global { width:48%; }}
@media screen and (min-aspect-ratio: 26/20 ) and (max-aspect-ratio: 27/20 ) { div#global { width:46%; }}
@media screen and (min-aspect-ratio: 27/20 ) and (max-aspect-ratio: 28/20 ) { div#global { width:44%; }}
@media screen and (min-aspect-ratio: 28/20 ) and (max-aspect-ratio: 29/20 ) { div#global { width:42%; }}
@media screen and (min-aspect-ratio: 29/20 ) and (max-aspect-ratio: 30/20 ) { div#global { width:40%; }}
@media screen and (min-aspect-ratio: 30/20 ) and (max-aspect-ratio: 31/20 ) { div#global { width:39%; }}
@media screen and (min-aspect-ratio: 31/20 ) and (max-aspect-ratio: 32/20 ) { div#global { width:38%; }}
@media screen and (min-aspect-ratio: 32/20 ) and (max-aspect-ratio: 33/20 ) { div#global { width:37%; }}
@media screen and (min-aspect-ratio: 33/20 ) and (max-aspect-ratio: 34/20 ) { div#global { width:36%; }}
@media screen and (min-aspect-ratio: 34/20 ) and (max-aspect-ratio: 35/20 ) { div#global { width:35%; }}
@media screen and (min-aspect-ratio: 35/20 ) and (max-aspect-ratio: 36/20 ) { div#global { width:34%; }}
@media screen and (min-aspect-ratio: 36/20 ) and (max-aspect-ratio: 37/20 ) { div#global { width:33%; }}
@media screen and (min-aspect-ratio: 37/20 ) and (max-aspect-ratio: 38/20 ) { div#global { width:32%; }}
@media screen and (min-aspect-ratio: 38/20 ) and (max-aspect-ratio: 39/20 ) { div#global { width:31%; }}
@media screen and (min-aspect-ratio: 39/20 ) and (max-aspect-ratio: 40/20 ) { div#global { width:30%; }}
@media screen and (min-aspect-ratio: 40/20 ) and (max-aspect-ratio: 41/20 ) { div#global { width:29%; }}
@media screen and (min-aspect-ratio: 41/20 ) and (max-aspect-ratio: 42/20 ) { div#global { width:28%; }}
@media screen and (min-aspect-ratio: 42/20 ) and (max-aspect-ratio: 43/20 ) { div#global { width:27.5%; }}
@media screen and (min-aspect-ratio: 43/20 ) and (max-aspect-ratio: 44/20 ) { div#global { width:27%; }}
@media screen and (min-aspect-ratio: 44/20 ) and (max-aspect-ratio: 45/20 ) { div#global { width:26.5%; }}
@media screen and (min-aspect-ratio: 45/20 ) and (max-aspect-ratio: 46/20 ) { div#global { width:26%; }}
@media screen and (min-aspect-ratio: 46/20 ) and (max-aspect-ratio: 47/20 ) { div#global { width:25.5%; }}
@media screen and (min-aspect-ratio: 47/20 ) and (max-aspect-ratio: 48/20 ) { div#global { width:25%; }}
@media screen and (min-aspect-ratio: 48/20 ) and (max-aspect-ratio: 49/20 ) { div#global { width:24.5%; }}
@media screen and (min-aspect-ratio: 49/20 ) and (max-aspect-ratio: 50/20 ) { div#global { width:24%; }}
@media screen and (min-aspect-ratio: 50/20 ) and (max-aspect-ratio: 51/20 ) { div#global { width:23.5%; }}
@media screen and (min-aspect-ratio: 51/20 ) and (max-aspect-ratio: 52/20 ) { div#global { width:23%; }}
@media screen and (min-aspect-ratio: 52/20 ) and (max-aspect-ratio: 53/20 ) { div#global { width:22.5%; }}
@media screen and (min-aspect-ratio: 53/20 ) and (max-aspect-ratio: 54/20 ) { div#global { width:22%; }}
@media screen and (min-aspect-ratio: 54/20 ) and (max-aspect-ratio: 55/20 ) { div#global { width:21.5%; }}
@media screen and (min-aspect-ratio: 55/20 ) and (max-aspect-ratio: 56/20 ) { div#global { width:21%; }}
@media screen and (min-aspect-ratio: 56/20 ) and (max-aspect-ratio: 57/20 ) { div#global { width:20.5%; }}
html { height: 100%; font-size: 100%; }
body { height: 100%; background: no-repeat center center fixed; background-color:#ffffff; font-size: 0.9em; margin:0; padding:0; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } 
.titre { margin: 1.25%; font-family: "Times New Roman", Times, serif; font-size: 2em; font-weight: normal; text-align: left; text-decoration: none; color: #000000; font-style: normal; }
.titre a:link {color: #0000FF;text-decoration:none;}
.titre a:visited {color: #FF0000;text-decoration:none;}
.soustitre { margin: 1.25%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; text-align: left; text-decoration: none; color: #000000; font-style: normal; }
.soustitre a:link {color: #0000FF;text-decoration:none;}
.soustitre a:visited {color: #FF0000;text-decoration:none;}
.inter { margin: 1.25%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; text-align: left; text-decoration: none; color: #000000; font-style: normal; }
.inter a:link {color: #0000FF;text-decoration:none;}
.inter a:visited {color: #FF0000;text-decoration:none;}
.texte { margin: 1.25%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; text-align: left; text-decoration: none; color: #000000; font-style: normal; }
.texte a:link {color: #0000FF;text-decoration:none;}
.texte a:visited {color: #FF0000;text-decoration:none;}
.legende { margin: 1.25%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: normal; text-align: left; text-decoration: none; color: #000000; font-style: normal; }
.legende a:link {color: #0000FF;text-decoration:none;}
.legende a:visited {color: #FF0000;text-decoration:none;}
.lien { margin: 0%; font-family: ; font-size: nullem; font-weight: normal; text-align: ; text-decoration: none; color: #0000FF; font-style: normal; }
.lien a:link {color: #0000FF;text-decoration:none;}
.lien a:visited {color: #FF0000;text-decoration:none;}
.lien appuyé { margin: 0%; font-family: ; font-size: nullem; font-weight: normal; text-align: ; text-decoration: none; color: #FF0000; font-style: normal; }
.lien appuyé a:link {color: #0000FF;text-decoration:none;}
.lien appuyé a:visited {color: #FF0000;text-decoration:none;}
.encadrement_1 { margin: 1.25%; padding: 1.25% 0px 1.25% 0px; -moz-border-radius: 10px; -webkit-border-radius:10px; -moz-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5);  -webkit-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow::  0px 0px 10px 0px rgba(0,0,0,0.5); border: 1px  solid #CCCCCC; }
.encadrement_2 { margin: 1.25%; padding: 1.25% 0px 1.25% 0px; -moz-border-radius: 10px; -webkit-border-radius:10px; -moz-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5);  -webkit-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow::  0px 0px 10px 0px rgba(0,0,0,0.5); border: 1px  solid #CCCCCC; }
.encadrement_3 { margin: 1.25%; padding: 1.25% 0px 1.25% 0px; -moz-border-radius: 10px; -webkit-border-radius:10px; -moz-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5);  -webkit-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow::  0px 0px 10px 0px rgba(0,0,0,0.5); border: 1px  solid #CCCCCC; }
.encadrement_4 { margin: 1.25%; padding: 1.25% 0px 1.25% 0px; -moz-border-radius: 10px; -webkit-border-radius:10px; -moz-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5);  -webkit-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow::  0px 0px 10px 0px rgba(0,0,0,0.5); border: 1px  solid #CCCCCC; }
.photo { margin: 1.25%; padding: 1.25% 0px 1.25% 0px }