body {
width: 100%;
margin: 0;
padding: 0;
padding-top:4px;
background-image:url("images/bgblanc.gif");
font-size:12px;
text-align: center;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #333333;
line-height:1.4em;
list-style-type:none;
}
body img, #contenu img {
border:0;
}
/*---------------------------------------
---couleurs et comportements des liens---
----------------------------------------*/
a {
text-decoration:none;
}
a:link {
color:#666666;
border-bottom: 1px dotted #CC0066;
}
a:visited {
color:#666;
}
a:hover {
border-bottom: 1px solid #CC0066;
}
a:active {
border-bottom: 1px solid #000;
}

/*---------------
----boites-------
----------------*/
#page {
min-height: 100%;
width: 960px;
padding: 0;
margin: auto;
text-align:justify;
}
#colgauche {
padding:0 10px 0 0;
margin:0;
width:150px;
height:100%;
float:left;
}
#titre {
padding:2px;
height:220px;
width:100%;
background-color:#000;
background-image:url("images/titre.gif");
background-repeat:no-repeat;
float:left;
clear:both;
}
#photosentete {
width: auto;
margin-left:265px;
text-align:center;
line-height:0em;
}
#photosentete img {
padding:1% 1%;
}
/* Fil d'Ariane */
#hierarchie {
padding:0 0 0 15px;
margin-bottom: 2em;
font-size: 0.8em;
color:#999;
}
#hierarchie a.current {
color:#fff;
}
#principal {
height:auto;
background-color:#fff;
width:800px;
margin:0;
padding:0;
float:left;
}
#contenu {
width:90%;
min-width:400px;
min-height:360px;
background-color:#FFFFFF;
margin: 0;
padding: 0 0 0 15px;
}
#fleche {
width:6%;
min-height:100%;
float: right;
border: 1px solid #ccc;
background-color:#fff;
text-align:center;
}
#fleche  img {
padding:10% 0;
}
#bas {
height:80px;
background-color:#fff;
width:80%;
margin-top:60px;
float:left;
} 
#pied {
text-align:center;
width: 100%;
height:40px;
bottom: 0;
background:#333333;
color: #fff;
margin:0;
clear:both;
}
#pied a {
color: #fff;
}

/*--------------------------
----sommaire----------
---------------------------*/
#sommaire {
width: 100%;
margin: auto;
padding: 0;
font-size:12px;
text-align: left;
font-family: Verdana, Geneva, Arial, sans-serif;
color: #333333;
line-height:1.4em;
list-style-type:none;
}
#pagesommaire {
margin: 60px auto;
padding: 0;
text-align: center;
width: 800px;
background-color:#000
}

h1.sommaire {
font-size:1.2em;
font-family:helvetica, arial;
color:#fff;
background-color:#333;
padding:4px;
text-align:center;
}
#logo {
width: 600px;
margin:auto;
padding-bottom: 40px;
padding-top: 40px;
text-align: center;
}
#logo img { border:0; }
#logo a { text-decoration: none; border:0; }
#logo ul { text-align: center;}

#bloctext {
text-align:center;
font-size:1em;
width:800px;
height:auto;
background-color: #ccc;
margin-bottom: 60px;
float: left;
}

#piedsom {
text-align:center;
width: 950px;
height:40px;
bottom: 0;
background:#333333;
color: #fff;
margin:auto;
clear:both;
}

/*--------------------------
----menu depliant de gauche-
---------------------------*/


#menu {
margin:-9px 0 0 0;
padding:0;
width: 95%;
min-height:100%;
background-color:#fff;
list-style-type:none;
font-size:1.2em;
}
#menu ul {
list-type-style: none;
cursor: pointer;
margin: 0;
padding: 1px;
height: 100%;
width:auto;
min-width: 20px;
background: #999;
}
#menu a.head {
cursor:pointer;
padding:4px 2px;
text-align: left;
background:#999999;
border:0;
color:#FFFFFF;
text-decoration:none;
display:block;
}
#menu a.head:hover {
color:#000000;
text-decoration:none;
border-bottom:0;
}
#menu a.head.selected {
color:#cc0066;
}
#menu a.selected {
background-color:#CCCCCC;
}
menu a.current {
background-color:#CC0066;
}
#menu li {
line-width:100%;
text-align: left;
margin: 0;
padding: 2px 0 2px 2px;
font-size: 0.9em;
list-style-type:none;
}
#menu li li a {
color: #000;
border:0;
display: block;
}
#menu li li a:hover {
background: #CC0066;
color:#FFFFFF;
border-bottom:0;
}
#menu li ul li a.current {
background-color:#ccc;
border-bottom: 2px solid #CC0066;
}

/*------------------------------------
--------texte du contenu------------------------
------------------------------------*/
#contenu h2.carre {
padding-left:-12px;
text-align:left;
font-size:1.2em;
color:#000000;
text-indent:14px;
background-image:url(images/puce1.png);
background-repeat: no-repeat;
}
h3.titrarticle {
padding:4px;
font-weight:bold;
font-size:1.5em;
text-align:left;
color:#FFF;
background-color:#333;
}
h3.soustitre {
font-size:1.4em;
text-indent:10px;
font-family: "Courier new", Georgia, Garamond, Serif;
border-left:2px solid #999;
}
h4 {
font-size:1.3em;
}
h5 {
font-size:1.1em;
}
div.chapo {
font-family: "Courier new", Georgia, Garamond, Serif;
font-size: 1.3em;
color:#333;
padding-left:10px;
border-left:2px solid #999;
margin-bottom:40px;
}
h4.blocs_titre {
	background:url(images/puce2.png);
        background-repeat: no-repeat;
        text-indent:18px;
}
h4.blocs_replie {
	background:url(images/puce1.png);
        background-repeat: no-repeat;
}
.spip_surligne {
	background-color:#00FFFF;
        border-top:1px solid #999;
}

/*----------------------------------------
----page partenaires-------------
-----------------------------------------*/
ul#partenaire {
list-style-type:none;
}
ul#partenaire li a {
	line-height: 16px ;
	text-indent: 22px ;
	text-decoration: none ;
	background: url("images/survol.gif");
        background-repeat: no-repeat;
}
ul#partenaire li a:hover {
	background: url("images/survol.gif");
        background-repeat: no-repeat;
        background-position: 0 -16px;
}

/*----------------------------------------
----colonnes pour actualites-------------
-----------------------------------------*/
ul.actu, li.actu {
list-style-type:none;
margin:0;
padding:0;
width:95%;
}
p.colaster, .coldate {
margin:0;
padding:0;
width:2%;
height:100%;
}
p.colaster {
text-align:left;
font-family: Trebuchet !important ;
font-size:8em;
padding-top:40px !important ;
float:left;
}
p.coldate {
text-align:right;
float:right;
}

/*----------------------------------------------
----------couleurs actualites-------------
----------------------------------------------*/

.couleur1 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #C66; }
.couleur2 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #F9F; }
.couleur3 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #906; }
.couleur4 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #C06; }
.couleur5 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #C6F; }
.couleur6 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #C0F; }
.couleur7 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #909; }
.couleur8 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #606; }
.couleur9 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #609; }
.couleur10 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #6CF; }
.couleur11 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #09F; }
.couleur12 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #06F; }
.couleur13 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #0FF; }
.couleur14 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #03F; }
.couleur15 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #006; }
.couleur16 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #309; }
.couleur17 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #69C; }
.couleur18 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #069; }
.couleur19 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #036; }
.couleur20 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #06C; }
.couleur21 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #393; }
.couleur22 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #9F6; }
.couleur23 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #060; }
.couleur24 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #9F3; }
.couleur25 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #9C0; }
.couleur26 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #396; }
.couleur27 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #CF0; }
.couleur28 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #6F3; } 
.couleur29 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #FF0; }
.couleur30 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #FC0; }
.couleur31 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #FF3; }
.couleur32 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #FC3; }
.couleur33 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #930; }
.couleur34 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #C60; }
.couleur35 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #900; }
.couleur36 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #C03; }
.couleur37 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #F60; }
.couleur38 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #F90; }
.couleur39 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #F63; }
.couleur40 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #F66; }
.couleur41 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #090; }
.couleur42 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #C00; }
.couleur43 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #F00; }
.couleur44 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #F33; }
.couleur45 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #F30; }
.couleur46 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #CCC; }
.couleur47 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #999; }
.couleur48 { padding:2px; margin-left:40px; width:80%; position:relative; border: 30px solid #666; }