body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-repeat:repeat-y;margin-left:30px;margin-top:0px;}
table{font-size:1em;}
p {max-width:80em}
a:visited,a:active,a:link{color:#069;}
a:hover{color:#F66;}
a img {border: none;}
h1{font-family:alex_brushregular,Verdana,Arial, Helvetica, sans-serif;
   font-size:48px;
   padding-left:80px;   
   height:60px;
   background-image:url(/images/filet02.gif);
   background-repeat:no-repeat;
   color:#069;
   font-weight:bold;}
h2{font-size:1.5em;font-weight:bold;color:#069;}
.dn{border:none 1px #000;width:591px;min-height:455px;margin:2px;overflow:hidden;background-color:rgba(235, 235, 235, 0.9);
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
     margin: 8px 0 8px 0;
}
.cl{text-align:center;color:#069;font-weight:normal;width:605px;margin:2px;margin-top:0px;background-color:#FFF;margin-bottom:1em;}
.tn{height:1.5em;font-weight:bold;float:left;text-align:left;color:#000;width:400px;padding-left:2em;padding-top:3px;}
.qn{font-size:smaller;float:right;padding-right:20px;padding-top:3px;}
.dn img {max-width:500px;margin:auto;}
.nc{clear:both;margin:0px 8px 8px 8px ;border-top:solid #069 1px;padding:4em 0em 1em 2em;min-height:455px;}
.tm{height:1.5em;padding:3px;background-color:#CCF;color:#000;font-weight:bold;text-align:center;vertical-align:middle;border:solid 4px #069;}
.b1{border:#069 solid 2px;margin:4px auto;width:920px;;height:1000px;background-color:#FFF;}
.mg{width:250px;vertical-align:top;float:right;background-color:#069;}
.zn{vertical-align:top;width:650px;float:left;background-color:#FFF;text-align:justify;padding:10px;}
ul.w{text-align:left;color:#FFF;}
a.w,a.w:visited,.w{color:#FFF;}
.fort{font-weight:bold;color:#069;}
#divPubBas{clear:both;text-align:center;margin-top:3em;}
#dStat{visibility:hidden;height:0px;width:0px;}
.savoir_plus { clear:both;background-color:#CCF;min-width:30em; max-width:90em;min-height:5em;padding:0 0 1em 0;}
.savoir_plus li {list-style-type:none;display:inline;margin-left:1em;}
.savoir_plus h2 {font-size:1em;padding:0.2em 0.2em 0.2em 2em;font-weight:bold; color :#CCF;background-color:#069;min-width:30em;}
.savoir_plus h3 {font-size:0.8em;padding:0.2em 0.2em 0.2em 2em;font-weight:bold; color :#069;background-color:#CCF;min-width:30em;}

.gaFeedbackDiv { display:none; position:fixed; bottom:10px; right:10px; padding: 5px; background-color:#b4edfe; border: dashed 3px blue; }   		    
.gaFeedbackThanks { position:relative; font-weight:bold; }   
.awesome{ background: #222; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222; position: relative; cursor: pointer; }   
.small.awesome { font-size: 11px; }   
.colour.awesome { background-color: #2167B1; } 

.clear {clear:both;}

@font-face {
    font-family: 'alex_brushregular';
    src: url('css/alexbrush-regular-webfont.eot');
    src: url('css/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/alexbrush-regular-webfont.woff') format('woff'),
         url('css/alexbrush-regular-webfont.ttf') format('truetype'),
         url('css/alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@media (min-width: 700px) {
        div#contenu
        {
            width:60em;
        }
        img#hm 
        {
            width:400px; float:left;
            margin-right:1em;
        }
        img#lhy
        {
            width:600px;
            height:224px;
        }
        .savoir_plus 
        {
            background-color:#CCF;
            min-width:30em;        
            min-height:5em;
        }
        .savoir_plus li 
        {
           list-style-type:none;
           display:inline;
           margin-left:1em;
        }
        .savoir_plus h2 
        {
            font-size:1em;padding:0.2em 0.2em 0.2em 2em;
        
            font-weight:bold;
            color :#CCF;
            background-color:#069;
            min-width:30em;
        }
    }
    @media (max-width:699px) 
    {
        body 
        {
            margin-left:1em;
        }
        div#contenu
        {
            width:100%;            
        } 
        img#hm 
        {
            max-width:50%;
            float:left;
            margin-right:1em;
        }
        img#lhy
        {
            width:100%;
        }
        .savoir_plus 
        {
            background-color:#CCF;
            width:100%;        
        }
        .savoir_plus li 
        {
           list-style-type:none;
           margin-left:1em;
        }
        .savoir_plus h2 
        {
            font-size:1em;
            padding:0.2em 0.2em 0.2em 2em;      
            font-weight:bold;
            color :#CCF;
            background-color:#069;
            width:100%;
        }
    }