body {background-color: #f9f9f9;}

A:link {color: #C06000; background-color: transparent; }
A:visited {color: #D00000; background-color: transparent; }
A:hover {color: #D00000; text-decoration: none; background-color: #ffffff; }

img {text-align: center; border: 0px; margin: 0px} 
img.image_border {border-right: #4A4A4A 1px solid; border-top: #B3B3B3 1px solid; border-left: #B3B3B3 1px solid; border-bottom: #4A4A4A 2px solid;}

div.im_gauche {margin: 2px; padding: 2px; font : italic 10px Arial, Helvetica, sans-serif; color: #BBB; float: left; text-align : center; clear : none ;}
div.im_droite {margin: 2px; padding: 2px; font : italic 10px Arial, Helvetica, sans-serif; color: #BBB; float: right; text-align : center; clear : none ;}
div.im_centre{margin: 2px; padding: 2px; font : italic 10px Arial, Helvetica, sans-serif; color: #BBB; text-align : center; clear : both;}

a.image:hover {text-decoration: none; background-color: transparent;}
a.image_border:hover {text-decoration: none; background-color: transparent;}

.saut { clear: both; line-height: 25%}
.saut2 { clear: both; line-height: 50%} /* Modèle */
.saut3 { clear: both; line-height: 75%}
.saut4 { clear: both; line-height: 100%}
.saut5 { clear: both; line-height: 125%}
.saut6 { clear: both; line-height: 150%}

html, font, textarea, select, input, ul, dl
  {font : 12px Arial, Helvetica, sans-serif; }
form {margin-top: 0px; margin-bottom: 0px }

p {margin:0px; padding: 0px; line-height: 140%;}
p.liste {text-indent: -20px; margin: 0em 0em 0.2em 3em ; }
p.liste2 {text-indent: -20px; margin: 0em 0em 0.2em 5em ; }

div.paragraphe_indente {text-indent: 20px; margin: 0em 0em 0em 0em ; }
div.paragraphe_encadre {border: #C06000 1px solid; margin: 0px; padding : 4px 6px 4px 6px  ; }
div.colonned {width:350px; padding-right: 0px; padding-left: 4px; padding-top: 0px; padding-bottom: 0px; margin:0px; text-align:justify; float: right;}
div.colonneg {width:350px; padding-right: 4px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; margin:0px; text-align:justify; float: left;}
div.note_paragraphe { text-indent: -20px; font : 11px Arial, Helvetica, sans-serif; margin: 3px 0px 0px 20px ;}
div.centre { text-align: center; }
				   
.petit_decale { font : 11px Arial, Helvetica, sans-serif; padding-left:10px;}
.petit { font : 11px Arial, Helvetica, sans-serif;}
.note_numero { font : 11px Arial, Helvetica, sans-serif; vertical-align : super ;  font-size : 70% ;}
/* Ca, c'est du trucage pour le b du fil d'archives */
.petit_gras { font : 11px Arial, Helvetica, sans-serif; padding-left:10px; font-weight : bold;}
.gras {font-weight : bold; }
.italique {font-style: italic; }
.souligne {text-decoration : underline  }
.justifie { text-align: justify; }
.agauche { text-align: left; }
.adroite { text-align: right; }
.citation {border: #44A844 1px dotted; margin-bottom: 3px; margin-top: 3px; margin-right: 5px; margin-left: 5px; background-color: #eeeeee; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; }
.justifie { text-align: justify; }
.agauche { text-align: left; }
.adroite { text-align: right; }
.exposant {vertical-align : top ; font-size : 80% ; }
.majuscule {font-variant: small-caps;}

.gw_extra_style_1{ color: rgb(200,0,0) ; font-weight : bold; }
.gw_extra_style_2{ color: rgb(200,0,0) ; vertical-align : top ; font-size : 80% ; }
.gw_extra_style_3{ color: rgb(000,0,200) ; }

hr.petit { width: 25% ; text-align: center ;}
hr.moyen { width: 50% ; text-align: center ;}
hr.grand { width: 75% ; text-align: center ;}
hr.note_delimiteur { width: 25% ; margin-left: 0; text-align: left ;}

h1, h2 { text-align: left; font-family: sans-serif; font-weight: normal; color: #003377; margin-bottom: 10px; margin-top:12px; }
h3 { text-align: left; font-family: sans-serif; font-weight: bold; color: #003377; margin-bottom: 10px; margin-top:12px; }

.t1 {color: #003377; text-align : left; font : bold 48px/48px Times, times new roman, serif; margin-top : 10px; background-color: transparent; text-decoration: none; } 
a .t1, .t1:link, .t1:visited, .t1:hover {background-color: transparent; text-decoration: none; color : #888888 ;}
.t2 {color: #003377; text-align : left; margin-left : +135px; margin-top : -20px; font : italic 36px/36px Times, times new roman, serif; margin-bottom : 0px; background-color: transparent; text-shadow : 0.2em 0.2em; text-decoration: none; } 
a .t2, .t2:link, .t2:visited, .t2:hover {background-color: transparent; text-decoration: none; color: #003377;} 
.t3 {color : gray; text-align : left; margin-left : +0px; margin-top : -5px; font : italic 12px/12px Times, times new roman, serif; margin-bottom : 0px; background-color: transparent;text-shadow : 0.2em 0.2em; } 
.t4 {color : silver; text-align : center; font : bold 52px/52px Times, times new roman, serif; margin-left : 0px; margin-top : 0px; margin-bottom : 0px; background-color: transparent;} 
.t5 {color : #800000; text-align : center; margin-left : 0px; margin-top : -20px; font : italic 32px/32px Times, times new roman, serif; margin-bottom : 0px; background-color: transparent; text-shadow : 0.2em 0.2em;} 


#page { width:720px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding:0px; text-align:left;}
#titreg { margin:1px; padding-left: 10px; padding-top: 0px; margin-top: 5px; float: left; width: 400px; text-align: left; height: 80px; }
#titred { margin:1px; padding-right: 20px; padding-top: 0px; padding-bottom: 5px; float: right; width: 270px; text-align: center; height: 80px; background-color: transparent; text-decoration: none;}

.ligne_bleue { border: 0px; clear: both; padding:0px 5px; width:710px; float: left; background-color: #C06000; border: 0px;}
#sous_titre { margin: 0px ; float: left; text-align: left; background-color: #C06000; font: bold 12px Arial, Helvetica, sans-serif; color : #ffffff; }
#date { margin: 0px ; float: right; text-align: right; background-color: #C06000; font: bold 12px Arial, Helvetica, sans-serif; color : #ffffff; }

#logos {width:720px; margin:0px; padding: 2px; float: left; text-align: center; background-color: #F8F8F8; color: black; border: 1px solid #a2c2e1;}
.logo3 {width: 100px ; float: left; margin-left: 15px; margin-top: 16px; }
.logo2 {width: 200px ; float: left; margin-top: 10px; }
.logo1 {width: 100px ; float: left; margin-top: 4px; margin-bottom: 4px; }
.logo4 {width: 140px ; float: left; margin-top: 10px; }
.logo5 {width: 80px ; float: right; margin-top: 14px; margin-right: 12px; }
#logoc {border: 0px solid #0F0; padding: 1px ; text-align: center; font : 11px Arial, Helvetica, sans-serif;}
#logod {border: 0px solid #F00; padding: 12px ; text-align: right; float: right;}
.compteur {width: 30px ; float: right; margin-top: 10px;  margin-right: 50px; }

#copiraille { text-align: center; font : bold 11px Arial, Helvetica, sans-serif; }
.disclaimer { text-align: center; border: 1px solid #C60 ; font : 11px Arial, Helvetica, sans-serif; font-weight : normal; padding: 3px;}

table {}
th {text-align: center; background-color: #DDD; font : bold 12px Arial ;}
td.orange {text-align: left ;  background-color: #ffe4c4}
td.orange_centre {text-align: center ;  background-color: #ffe4c4}
td.orange a:hover, td.orange_centre a:hover {background-color: #f5f5f5; text-decoration: none; }
td.gris {text-align: left ;  background-color: #f5f5f5}
td.gris_centre {text-align: center ;  background-color: #f5f5f5}
td.centre {text-align: center}

.menuminihaut {border: #c60 1px solid; margin-top: 2px; margin-bottom: 2px; background-color: #fff; PADDING: 1px; text-align: center; }
.petitmenuhaut, .petitmenuhaut a:link, .petitmenuhaut a:visited, .petitmenuhaut br {font: normal 11px Arial, Helvetica, sans-serif; background-color: transparent; color: #800000; text-decoration: none;margin-right: -1px; margin-left: -1px; }
.petitmenuhaut a:hover {background-color : #ffecce; color : #f60; text-decoration: none;}

