body {
	margin:auto;
	padding:0px;
	background:url(../im/bckgrd.jpg) repeat-x fixed;
	text-align:center; /* pour IE5.5 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
        color:#22539f
	}

body * {
	margin:0px;
	padding:0px;
	text-align:justify;
	}


.separ {
	background-color:white;
	clear:both;
	font-size:0px;
	height:5px;
        line-height:0px;
	}

h1 {
	color:#22539f;
	font-size: 14px;
	font-weight:bold;
	background:url(../im/1px_bleu_titre.gif);
	}

h3 {
	color:#22539f;
	font-size: 11px;
	font-weight:normal;
	}

h4 {
	color:#000000;
	font-size: 14px;
	font-weight:normal;
	}

h2 {
	color:black;
	font-size: 11px;
	font-weight:bold;
	}

ul.borderbottom {
                  border-bottom:dashed #FE5815 1px;
                  }
ul.nobordertop { background:white url(../im/menu_picto_fond.jpg) no-repeat left 0px; }

ul { 
        list-style:none; 
	padding:0px;
	font-weight:bold;
	color:white;
        background:white url(../im/menu_picto_fond.jpg) no-repeat left 2px;
     }

li.nobordertop{ border-top:none;
                 }

li { 

        text-align:top;
        border-top:dashed #FE5815 1px;
     }

ul a {
       line-height:23px; /* hauteur de cellule niveau 1 (l'ancre est inline donc pour lui donner une hauteur) */
       padding-left:26px;
       color:white;
       }

ul a:link, ul a:visited, ul a:hover, ul a:active {color:white;
     }

ul ul a { 
        line-height:23px; /* hauteur de cellule niveau 2 et 3 (l'ancre est inline donc pour lui donner une hauteur) */
        /* parceque IE et firefox interprete differemment les listes : taille espacement ... des puces, les puces sont dans l'ancre */
        background:url(../im/menu_puce_1.gif) no-repeat left center;
        padding-left:11px; /*retrait du texte par rapport a la puce = retrait + largeur puce = 6+4 */
       }

ul ul {
	list-style: none;
	padding:0px;
	font-weight:normal;
	}

li li { 
        padding-left:5px;
        background:#F9FAFC;

        }

ul ul ul a { 
        line-height:20px; /* hauteur de cellule niveau 2 et 3 (l'ancre est inline donc pour lui donner une hauteur) */
        background:url(../im/menu_puce_2.gif) no-repeat left center;
       }

ul ul ul {
	list-style: none;
	padding: 0px;
	font-weight:normal;
	}

li li li { 
        margin-left:-5px;
        padding-left:19px;
        background:white;
           }

ul ul a:link, ul ul a:visited, ul ul a:hover, ul ul a:active { color:#22539f;}


br { clear:both; line-height:0px;}
.promo br { clear:none }
.envoi br { line-height:auto}
.hr { height:1px; line-height:1px; font-size:0px; border-bottom:solid red 1px; margin-bottom:-1px;	background:url(../im/1px_bleu_menu.gif);}

.break { clear:right; height:-1px; font-size:0px; line-height:0px }

#container {
	 width:750px; /* largeur - border -padding = 760-2*1-2*4  */
	background-color:white;
	 margin:10px auto 10px auto;
	padding:4px;
            border:solid #5777b0 1px
	}


#menu {
        clear:left;
	float:left;
	text-align:left;
        padding:20px 4px 20px 4px;
	width:174px;
	}

.bienvenue {
	background-color:white;
	padding:0px 16px 0px 0px;
	}

.bienvenue h1 {
	background:#EFF3F8 url(../im/picto_titre.jpg) left bottom no-repeat;
	padding-left:26px;
        border-bottom:solid 2px #AFC3DC;
	}

.bienvenue p {
	margin-top:20px;
	}

.date { color:#6E90BF;font-size:9px; }

.chapo {
        font-size:12px;
        color:#6E90BF;
	margin-top:20px;
	}

p.spip { /* paragraphes generes par spip */
         margin:0px 0px 10px 0px;
         }
.spip_documents { margin:10px; padding:4px; border:solid 1px #D1D8E8; text-align:center; background:#F8FAFC}
.spip_documents_left{ margin-left:0px }
.spip_documents_right{ margin-right:0px }
.spip_documents_center{border:none}

.vignette {  background-color:#F8FAFC; border-right:solid 1px #D1D8E8; border-bottom:solid 1px #D1D8E8; margin:4px; padding:4px; float:left }

#actus { 
         width:265px;
         float:left;
         margin:30px 5px 0px 0px;
         
         }

#promos {
	float:right;
	width:265px;
        margin:24px 0px 0px 5px;
        padding:6px;
        background:url(../im/1px_bckgrd_actu-et-promo.gif);
	}

#actus h1, #promos h1 {
        margin-bottom:5px;
	padding:4px 0px 0px 26px;
	background:url(../im/bckgrd_picto_actus.jpg);
	height:19px;
        color:white;
	}

.actu h2 {
	 padding:0px 0px 0px 14px;
	background:url(../im/puce_actus.gif) 0px 6px no-repeat;
        color:#22539f;
	}

#promos h2{ 
          color:#22539f; 
          }

#actus .separ {
	 margin-top:-1px;
	background-color:#EFF7DF;	
	}

#actus a.lienbreves { margin-top:5px; float:right }
#actus a.lienbreves:link, #actus a.lienbreves:visited,  #actus a.lienbreves:hover,  #actus a.lienbreves:active { color:#22539f;}
#actus a.lienbreves:link span, #actus a.lienbreves:visited span,  #actus a.lienbreves:hover span,  #actus a.lienbreves:active span { color:#FE5815; text-decoration:none}


.actu {
	padding:5px 0px 5px 0px;
	border-bottom: dashed #22539f 1px;
	}

.promo{ 
	padding:5px;
        margin-bottom:6px;
        background:url(../im/1px_div_promo.gif);
        }

.plus{ 
       margin-top:6px;
       border-top:solid 1px;
       width:255px;
       }

#centre .plus a {
          float:right;
          width:99px;
          height:15px;
          padding-left:6px;
          margin-top:-1px;
          border-top:0px;
          background:url(../im/promo_bouton.gif);
          color:white;
          }

#centre .plus a:link, #centre .plus a:visited, #centre .plus a:hover, #centre .plus a:active, #centre .plus a:focus {
	color:white;
	}


#centre{
	float:left;
	margin:0px;
	background:url(../im/bckgrd_centre.gif);
	}

#header {
	height:49px;
	}
#header a.logo, #header a.logo img {height:49px; border:none; float:left}


#frise { 
         background: url(../im/bckgrd_bando.gif) repeat-x;
         height:40px;
         width:564px;
         float: right;;
         }


#contenu {
           float:right;
           width:552px;
           vertical-align:top;
           padding:30px 0px 0px 16px;
           background-color:white;
           }

#envoi{margin-top:10px;
      }

#envoi input, #envoi textarea{font-size::11px; border:solid 1px #22539f;
      }

#envoi textarea{ width:400px }

#envoi .bouton{border:solid 1px; width:60px;margin:4px 0px 0px 0px; cursor:pointer }
#envoi .valid{text-align:center; background:url(../im/1px_bleu.gif); color:white; border:solid white 1px}

#modules{
        float:right;
	color:#22539F;
          margin-top:3px;
	}

#modules a { margin:0px 15px 0px 15px }

#image { 
         float:left;
         padding:4px 0px 4px 0px;
         width:182px;
         height:144px;
         background:url(../im/1px_orange.gif);
 }

#image img { 
             border-top:solid white 3px;
             border-bottom:solid white 3px;
             }

#footer{
	clear:both;
	background:url(../im/1px_footer.gif);
	height:21px;
	text-align:right;
	color:white;
        padding-top:7px;
	}

#footer span { margin-right:10px }

#footer a { 
          margin:0px 10px 0px 10px;
          color:white;
}

#recherche{ 
            float:right;
            width:222px;
            height:16px;
            margin-top:12px;
            padding-right:4px;
	}

#recherche * {
               border:0px;
               
	}

#recherche .ok {
	background:url(../im/chercher.gif);
	height:16px;
	width:62px;
        float:right;
	}

#recherche .textrecherche {
	font-weight:normal;
        float:left;
	height:16px;
	width:155px ;
	}

#select { float:right;
          margin-left:15px;
          display:none;
          }

#resultats p, #resultats h2 {margin-top:10px } 


.erreur { 
          color:red;
          font-weight:bold;
          }

a:link, a:visited {
	color:#22539f;
	text-decoration:none ;
	}

a:hover {
	color:#22539f;
	text-decoration:underline ;
	}

a:active, a:focus {
	color:#22539f;
	text-decoration:none  ;
	}

#contenu a { color:#FE5815 }