html, body {
height: 100%;
}
body  { background-color: #333399; 
   scrollbar-face-color : #FEEEAF; 
   scrollbar-shadow-color : #FFCC00; 
   scrollbar-highlight-color : #FFCC00; 
   scrollbar-3dlight-color : #FFCC00; 
   scrollbar-darkshadow-color : #FFCC00; 
   scrollbar-track-color : #FFCC00; 
   scrollbar-arrow-color : #CC0000; 
}

html>body #contenu {
 height: 550px;
 min-height: 550px;
}


div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 190px;
padding-top: 40px;
background: url(images/decouvrez_r1_c1.gif) top left no-repeat;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(images/decouvrez_r2_c1.gif) bottom left no-repeat;
padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;
}
div#bloccadre p {

}
div#cadrebottom {/* bas et arrière-plan du titre du cadre */
width: 190px;
padding-top: 30px;
background: url(images/decouvrez_r3_c1.gif) bottom left no-repeat;
}


div#piedpage { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px
; float: right ; width: 340px;
}

div#contenu {
border: 1px #FFCC00 none
; height: 500px;
 min-height: 500px;
; vertical-align: middle
}


h1 {  font-size: 36px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 36px; width: 95%; border-color: black black #0099FF; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
h2 {  font-size: 24px; margin-top: 20px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 24px; border-color: black black #0099FF; width: 100%; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px}
h3 {  font-size: 18px; margin-top: 20px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 18px; width: 100%; border-color: black black #66CCFF; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
h4 {  font-size: 16px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 18px}
h5 {  font-size: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 14px}
h6 {  font-size: 9px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 11px}



a { font-family: Verdana, Arial, Helvetica, sans-serif}
a:hover {text-decoration: none;}
a:link {; text-decoration: underline}


ul {margin-top:3px; margin-bottom:3px;} 

li {list-style-position:outside; list-style-image: url(site_img/point.gif);  text-align: left;  first-line: -5px; margin-top: 2px; margin-bottom: 2px}

p.spip {margin: 4px 0px 4px 0px;
line-height: 110%;}

.spip_puce {}
.spip_code {}

p.spip_note { }

.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
}



table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
; font-size: 11px;
}
table.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;	
}

b.spip { }
i.spip { margin-left: 5px}

blockquote.spip {
	margin-left : 40px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0px;
	padding: 0px;
}



.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.spip_surligne { background-color: #FFFF66; }


/*
 * Barre de raccourcis
 */

a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}

.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}


  h3.spip { font-family: sans-serif; font-size: 
130%; text-align: left; font-variant: small-caps; ; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; height: 50px} 
  
 
  
  table.spip tr.row_first { ; } 
  
  table.spip tr.row_odd { ; } table.spip tr.row_even { ; } 
  
   
  td { padding: 0px; text-align: left; vertical-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #3333CC} 
  
  .forml { ; border: 1px #666666 solid; color: #333333; font-size: 11px; background-color: #FEEEAF; overflow: auto; text-align: left} 
  
  .spip_encadrer { width : 100%; background-color: 
#eeeeee;  border: 1px #cccccc dashed; } 
  
  .spip_cadre { width : 100%; 
  background-color: #FFFFFF;} 
  
  .spip_bouton { background-color: 
  #eeeeee; font-size: 9px; color: #000000; vertical-align: middle; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px} 

.reponse_formulaire { font-family: 
Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 110%; color: 
#CC0000; } 
  
    
  .cadrespip { ;}
  
a:hover {color: #CC0000;}
a:visited {text-decoration: underline;}

.Titrepage {font-size: 24px; color: #CC0033; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: bold; margin-bottom: -2px; line-height: 30px;}

.SousTitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: italic; margin-top: 5px; margin-bottom: 5px; background-position: center}

h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #CC0033; border-color: black black #CC0000; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: thin; border-left-width: 0px}


.ps {  font-style: italic;; text-decoration: none}

.chapo {  font-size: 10px; text-decoration: none;; color: #666666; font-weight: bold}

a {  text-decoration: underline; cursor: hand; color: #0000CC}
a:active { text-decoration: underline;}

.form { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border: none; border-color: #666666 #FFFFFF; margin-top: -8px; margin-bottom: -4px; height: 18px;}

.formulaire {  border: 1px none; border-color: #666666 #FFFFFF; color: #333333; font-size: 11px;}

#entete {background-repeat: no-repeat; float: left; background-position: left top;  background-image: url(images/logo.gif); width: 245px; height: 160px;margin-bottom:20px;}



img.logo {float: right; border-color: black black #FFCC00; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;} 

div#texte { 
border: 2px #FEEEAF none;
; font-size: 11px; 
 width: 440px
; line-height: 14px
; background-color: #FFCC00
; color: #3333CC
; font-family: Verdana, Arial, Helvetica, sans-serif
; text-align: justify
;
; float: left;
}

.fond {  background-color: #FFD528; border: #FEE996 solid; border-width: 2px 2px 2px 2px;  width: 760px;
min-height: 450px}

div#menugauche {font-size: 11px;  background-repeat: no-repeat ; color: #AA2B2B ;  background-image: url(images/nouvelles.gif);  text-align: left; height: 240px;   float: left; background-position: left top; width: 175px; margin-top: 70px; margin-left: 20px;  padding-top: 30px; padding-right: 35px; padding-bottom: 10px; padding-left: 10px; margin-right: 0px; margin-bottom: 0px; left: 0px; top: 0px; text-decoration: none; 
}



div#menutop {display: block; float: right; vertical-align: top}

div#bloctexte {left: 0px; top: 0px; width: 760px; height: auto;}

div#chemin { border: 1px #CCCCCC none; color: #CC0000; float: right; width: 500px; font-size: 11px; margin-right: 20px; text-align: right; text-decoration: none; clip:  rect(   ); margin-top: -35px}

div#encart {margin-right: 5px; visibility: visible; margin-left: -2px;; clear: right; float: left}

div#document { border: #FEEEAF; ; font-size: 11px;  float: left; color: #3333CC ; font-family: Verdana, Arial, Helvetica, sans-serif }

div#docrub { border: #FEEEAF; ; font-size: 11px; clip: rect( ); line-height: 16px ; color: #3333CC ; font-family: Verdana, Arial, Helvetica, sans-serif ; padding-left: -20px; padding-right: 5px}

div#accroche { border: 2px #FEEEAF none; ; background-image: url(images/titre.gif); background-repeat: no-repeat; height: 40px; width: 380px; text-align: center; float: right; margin-right: 40px; margin-top: 20px}

div#decouvrez { font-size: 11px; background-repeat: no-repeat ; color: #666666; text-align: left; float: left; background-position: left top; width: 180px;  padding-top: 0px; padding-right: 20px; padding-bottom: 10px; padding-left: 10px ; text-decoration: none}

div#texteart { border: 2px #FEEEAF groove; ; font-size: 11px; width: 440px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px ;  background-color: #FFCC00 ; margin-right: 15px; margin-bottom: 10px; margin-left: 0px; color: #3333CC ; font-family: Verdana, Arial, Helvetica, sans-serif ;  padding-top: 0px;
 float: right; margin-top: 20px;
 text-align: justify ;
}

hr.spip {height: 1px; border:none; color: #FFCC00; padding: 5px;}
p.spip {margin: 4px 0px 4px 0px;
line-height: 140%;
text-align: justify ;}

a.chapo {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; cursor: hand;}
a.chapo:link {text-decoration: none; cursor: hand;}
a.chapo:visited {text-decoration: none; cursor: hand;}
a.menugauche { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; cursor: hand;}
a.menugauche:visited { text-decoration: none; cursor: hand;}
a.menugauche:link {text-decoration: none; cursor: hand }.chapoart { font-size: 11px; text-decoration: none;}

div#avoir { font-size: 11px; text-align: left; float: left; background-position: left top; margin-left: 15px; text-decoration: none ; width: 180px;}

a.ps { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; cursor: hand;}

.spip_ps { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; cursor: hand ; color: #666666;; font-weight: bold; font-size: 12px}

div#bloccadre1 { padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; ; background-image: url(images/nouvelles_top.gif); background-repeat: no-repeat; background-position: bottom left;}

div#cadre1 { width: 190px; padding-top: 40px; ; background-image: url(images/nouvelles_top.gif); background-repeat: no-repeat; background-position: top left;}
a.spip_ps { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; cursor: hand; ; font-weight: bold}