body { margin: 0 auto; background: #333366; margin-top: 1%; margin-left: auto; margin-right: auto; font-family: verdana, arial, universe, sans-serif; } 

h1 { font-weight: normal; font-size: 11pt; color: #ffffff; margin-top: 1em; margin-bottom: 1em; text-align: center; width: 100%; font-style: normal; text-align: center; } 

div.titre { background:#fab513; height: 84px; width: 100%; margin-bottom: 0; text-align: center; font-style: italic; font-size: 36pt; font-weight: bold; 
font-family: arial, sans-serif; color: #ffff00; }
div.www { text-decoration: none; font-weight: normal; font-size: 12pt; font-style: normal; color: #333366; line-height: 1.5em; }

img.tete { width: 100%; height: auto; border: 0; }

div.colgauche { background: #333366; width: 100%; height: 130px; vertical-align: top; padding-bottom: 3em; margin-top: -0.3em; }
div.coldroite { background: #333366; width: 100%; }
div.nouv { background: #ffffff; padding-top: 2em; padding-bottom: 2em; } 
img.firew { float: left; margin-top: 0.2em; margin-bottom: 0.8em; margin-left: 0em; margin-right: 0.6em; width: 100px; height: 100px; border: 0; } 
img.prodmois { border: solid 2px; width: 380px; max-width: 96%; height: auto; display: block; margin-left: auto; margin-right: auto; } 
img.flagright,img.flagleft { width: 30px; height: 21px; border: none; padding: 4px; }
img.flagleft { float: left; }
img.flagright { float: right; }

p, ul, li { margin-top: 0.3em; margin-bottom: 0em; font-size: 11pt; line-height: 1.5em; color: #000000; font-style: normal; font-weight: normal; margin-left: 1%; margin-right: 1%; }
h3,p.redac { text-align: justify; margin-right: 4px; margin-left: 4px; }
p.mois { text-align: center; }
p.colg { color: #ffffff; text-align: justify; }
p.quest { color: #ffffff; text-align: center; }
p.jaune { color: #ffff00; margin-top: 1em; }
p.petit { margin-top: 1em; margin-bottom: 1em; }
h2 { margin-bottom: 0em; font-weight: normal; font-size: 18pt; margin-top: 0em; }
h2,h3 {font-style: italic; }
h3 { margin-bottom: 1em; font-size: 12pt; font-weight: normal; margin-left: 1%; }
div.end { background: #ccffff; padding-left: 3px; padding-top: 1em; padding-bottom: 2em; }
div.bigscreen, span.bigscreen { display: none; }
a:link {color: #0000cc; }
a:visited {color: #ff33ff; }
a:hover {color: #ff3300; }
a:active {color: #999999; }

a.col:visited { color: #99ffff; }
a.col:hover { color: #0000cc; }
a.col:link { color: #ffff66; }
a.col:active { color: #ff00ff; }

span.cat1,span.cat2,span.cat3{ display: block; max-width: 100%; padding: 10px; background-color: #000099; margin-bottom: 4px; margin-top: 0; text-decoration: none; font-size: 12pt; border-radius: 8px; border: solid #ffff00 5px; color: #ffffff; }

span.cat1:link { color: #ffffff; }
span.cat1:visited { color: #eeeeee; } 
span.cat1:hover { background-color: #ffffff; color: #000099; }
span.cat1:active { color: #ff00ff; } 

span.cat2:link { color: #ffffff; }
span.cat2:visited { color: #eeeeee; } 
span.cat2:hover { background-color: #ffffff; color: #000099; }
span.cat2:active { color: #ff00ff; } 

span.cat3:link { color: #ffffff; }
span.cat3:visited { color: #eeeeee; } 
span.cat3:hover { background-color: #ffffff; color: #000099; }
span.cat3:active { color: #ff00ff; } 

span.cat5 { display: block; max-width: 100%; padding: 10px; background-color: #000099; margin-bottom: 0; margin-top: 0; text-decoration: none; font-size: 12pt; border-radius: 8px; border: solid #ffff00 5px; color: #ffffff; }
span.cat5:link { color: #ffffff; }
span.cat5:visited { color: #eeeeee; } 
span.cat5:hover { background-color: #ffffff; color: #000099; }
span.cat5:active { color: #ff00ff; } 

a.cat1,a.cat2,a.cat3{ display: block; max-width: 100%; padding: 10px; background-color: #000099; margin-bottom: 4px; margin-top: 0; text-decoration: none; font-size: 12pt; border-radius: 8px; border: solid #ffff00 5px; color: #ffffff; }

a.cat1:link { color: #ffffff; }
a.cat1:visited { color: #eeeeee; } 
a.cat1:hover { background-color: #ffffff; color: #000099; }
a.cat1:active { color: #ff00ff; } 

a.cat2:link { color: #ffffff; }
a.cat2:visited { color: #eeeeee; } 
a.cat2:hover { background-color: #ffffff; color: #000099; }
a.cat2:active { color: #ff00ff; } 

a.cat3:link { color: #ffffff; }
a.cat3:visited { color: #eeeeee; } 
a.cat3:hover { background-color: #ffffff; color: #000099; }
a.cat3:active { color: #ff00ff; } 

a.cat5 { display: block; max-width: 100%; padding: 10px; background-color: #000099; margin-bottom: 0; margin-top: 0; text-decoration: none; font-size: 12pt; border-radius: 8px; border: solid #ffff00 5px; color: #ffffff; }
a.cat5:link { color: #ffffff; }
a.cat5:visited { color: #eeeeee; } 
a.cat5:hover { background-color: #ffffff; color: #000099; }
a.cat5:active { color: #ff00ff; } 


img.posgoogle { margin-bottom: -0.3em; margin-top: 0; margin-left: 0.3em; margin-right: 0; margin-top: 0em; }

.red { padding: 0; font-size: 10pt; font-weight: normal; color: #ff0000; background-color: #ffff00; }
.vert { padding: 0em; font-size: 10pt; font-weight: bold; color: #ffffff; background-color: #00cc00; }

.clear { clear: both; }

/* Demi-espace typo */
span.demi { font-size: 0.4em; }

span.cut,span.blu,span.blufin { -webkit-hyphens: auto; 
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }
span.cutblu { color: #000099; }