#header, #nav, #main, #footer { clear:both; }
    
  body {
    /*background: #dadada; */
    font-family: Arial, Verdana, 'Trebuchet MS', Helvetica,  sans-serif;
    font-size: 75.00%;
    color: #444;
	background-color: #c5cacd;
    background-image:url('img/degrade-gris.gif');
    background-repeat: repeat-x;
  }

  /* Layout Alignment | Layout-Ausrichtung */
  body { text-align:center; }
  body * { text-align:left; }
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins {  width: auto;  min-width: 740px; max-width: 100em; padding: 2px; margin-top: 1em;}
  .page { padding: 12px 24px; border: 1px #0a0 solid; background: #fff; }
  #header { padding: 0; color: #000; background: #fff;  border-bottom: 1px #ddd solid;}
  #topnav { top: 24px; right: 24px; color: #aaa; background: transparent; }
  #main { margin: 12px 0; background: #Fff; }
  #footer { padding: 0px 24px; color:#666; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #main { padding: 5px; }

  #header .subc  { padding: 0 24px; }
  .subcl { padding: 0 24px 0 0; }
  .subcr { padding: 0 0 0 24px; }
  #header .subc  { border-left: 1px #ddd solid; border-right: 1px #ddd solid; }
  #main .subcl { border-right: 1px #ddd solid; }
  .subcolumns { border-bottom: 1px #ddd solid; }
  .subcolumns  .subcolumns {border-bottom: 0px #ddd solid; }

  .maincontent { padding-left: 36px; }

   /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { width:100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width:100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }


#header {
    height: 120px;
    /*background: url(img/bandeau.jpg) no-repeat top left;*/
    /*background-color: red;*/
} 
 
#header #search_menu { position: relative ; float: right; padding: 12px 0 0 12px; height: 120px; background: url(img/degradeblanc.png) no-repeat top right; z-index : 1000;}

#header #search_menu #search { padding: 0 0 0 5px; }

input.search_input { width: 292px; border: 0; background: #fff url(img/input.png) no-repeat; padding: 5px; color: #0c3188; font-weight: bold; margin: 0; float: left; }

input.submit_input { background: /*#E0691A*/ url(img/submit-vert.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; text-align: center}
h2.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }
.column{float:left;margin:0 10px;padding:0;}
.first{margin-left:0;}
.span-6{width:400px;}
.last{margin-right:0;}
.push-0{margin:0 0 0 1.5em;float:right;}
.none { display: none; }
#menu { width: 400px; float: right; margin: 10px 0 0 2px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }
#menu li { float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 0.9em; }
#menu li a { padding: 0; text-decoration: none; color: #000; }
#menu li a:hover { padding: 0; text-decoration: underline; }
#menu li span { display: block; float: left; padding: 0 0px 0 22px; }
#menu li span.home { background: url(img/home.gif) no-repeat; }
#menu li span.about { background: url(img/info.gif) no-repeat; }
#menu li span.archives { background: url(img/hourglass.gif) no-repeat; }
#menu li span.subscribe { background: url(img/favourite.gif) no-repeat; }
#menu li span.contact { background: url(img/mail.gif) no-repeat; }



/* category list */

ul {
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
}

.window-title { 
    margin: 0 0 0 0;
    border: 0px solid #dadada; 
    background: url(img/fond-wt.png) repeat-x top left;
    /*color: #69AF23;*/
    

   }
   
.window-title .mast {
    text-align: left;
    padding: 0.2em;
    margin:0;
    margin-left: 20px;
    font-size: 1.0em;
    color: #fff;
    font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    }

.window-content { 
    margin: 0;
    padding: 3px;
/*    border-left: 1px solid #9a96c5; 
    border-right: 1px solid #9a96c5; */
   border-left: 1px solid #dadada; 
    border-right: 1px solid #dadada; 
    background: url(img/fond-wc.png) no-repeat bottom left;
   }

.window-content  h3 { 
    text-align: center; 
    color: #0c3188;
    margin:0;
    padding:0;
}

.window-footer {
    height: 6px;
    background-image: url(img/fond-wf.png);
    margin-bottom: 10px;
}
ul.cat {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    list-style: none;
}

ul.cat li { 
    padding-bottom: 3px;
    margin: 0;
    list-style: none;
}

ul.cat li a {
    display: block;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #dadada;
    border-left: 3px solid #dadada;
    padding: 3px 12px 0 7px;
    margin: 0;
    background: url(img/arrow.png) no-repeat center right;
    height: 19px;
}

ul.cat li a.lienon { 
    font-size: 1em;
    font-weight: bold;
    background: url(img/arrow-down.png) no-repeat center right;
}

ul.cat li a:hover { 
    background: #f1f1f1 url(img/arrow2.png) no-repeat center right;
    color: #224970;
}

ul.cat li ul { 
    list-style: none; 
    list-style-image: url(foo.gif); 
    margin: 0; 
    padding: 0.3em 0 0 0.8em;
}
ul.cat li ul li { 
    padding: 0;
    margin: 0; 
}


ul.cat li ul li a { 
    border: 0; 
    margin: 0; 
    padding: 0 0 0 12px; 
    text-transform: none; 
    font-size: 0.9em; 
    height: 19px; 
    background: url(img/sub.png) no-repeat;
}
ul.cat li ul li a:hover { 
    background: #f1f1f1 url(img/sub1.png) no-repeat;
}

ul.art {
    padding-left: 1em;
    padding-right: 0;
    margin: 0;
}

ul.art li { 
    margin-top: 3px;
    margin-bottom: 3px;
}

.left {
    float: left;
}
.right {
    float: right;
}
img {
    border: 0;
    vertical-align: middle;
}
.spip_logos {
    margin-right: 5px;
}
.smallLogo {
    float: left;
    min-width: 30px;
}
#defil {
    margin-left:14px;
    margin-right:14px;
}
.conteneur-defil {
}

.fleche-left {
    width: 12px;
    float: left;
}
.fleche-right {
    width: 12px;
    float: right;
}
.breve {
    background-color: transparent;
    }
.breve p{
    margin:0;
    padding: 0;
}

.titreBreve {
	color: #0c3188;
	text-decoration: none;
	font-weight: bold;
}
.titreBreve:hover {
	color: #9a96c5;
	text-decoration: underline;
	font-weight: bold;
}
a {
    color: #0c3188;
    text-decoration: none;
}
a:hover {
    color: #9a96c5;
}

.articles h2 {
    display: block;
    width:50%;
    text-align: left;
    padding: 0.2em;
    padding-left: 1em;
    margin:auto;
    font-size: 1.2em;
    color: #fff;
    font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
    font-weight: bold;
    border: 0px solid #dadada; 
    background: url(img/fond-wt.png) repeat-x top left;
}


#calendar { padding: 0; margin: 0;}
#calendar h2 {display: none;font-style: italic; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color:#08A927; font-weight:bold; margin-bottom:5px; padding-bottom:3px; background:url(../images/gifs/pointbleu.gif) repeat-x bottom left; }
#calendar table {
border: 1px;
width: 90%;
}

#calendar th { 
background-color: #96d800;
text-align: center;
padding: 0.2em;
}
#calendar td { 
text-align: center;
}

/* Personnalisation des cellules du mois en cours :*/

#calendar td.libre{ 
background-color: #fff;
}

/* Personnalisation des cellules n'appartenant pas au mois en cours : */

#calendar td.horsperiode{
background-color: #eeeeee;}

/* Personnalisation de la cellule du jour en cours : */


/* Personnalisation des cellules des jours occup?s : */

#calendar td.occupe {
background-color: #fff;
font-weight: bold; }

#calendar td.today{
background-color: #96d800; }


#calendar table { margin: auto; margin-bottom: 0; border: 1px solid #c4aec4; border-collapse: collapse; }
#calendar table caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin: auto; padding: 5px; 	font-weight: bold; }

dt {
    text-align: center;
}
dd {
    text-align: center;
    margin: 0;
    font-size: 0.8em;
}
.desc {
margin:0;
padding: 0;
list-style: none;
}
.desc li {
    margin:0;
    padding: 0;
    list-style: none;
    font-size: 0.8em;
}
.desc p {
    margin:0;
    padding: 0;
}

#projets .window-content {
    max-height: 200px;
    overflow: auto;
}

#liensdirects  .window-content {
    max-height: 200px;
    overflow: auto;
}
#telechargements  .window-content {
    max-height: 200px;
    overflow: auto;
}
#breves .window-content { 
    padding: 0;
}

#agenda p {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}
#agenda h3{
    text-decoration: underline;
}

#agenda .titre {
    font-size: 1em;
    font-weight:bold;
}
#agenda .date {
    text-align: center;
}
#agenda .lieu {
    text-align: center;
}
#agenda .gras {
    text-align: center;
}
#agenda .desc {
    text-align: center;
}

.on {
    font-weight: bold;
}

table.spip tr.row_first {
    background-color: #073188;
    }
table.spip tr.row_odd {
    background-color: #eefdeb;
 }

table.spip tr.row_even {
    background-color: #ebf4fd;
 }
 
table.spip th  strong {
    color: #fff;
    }
table.spip th {
    vertical-align: middle;
    }
table.spip td {
    vertical-align: middle;
    }
    
.page_article .entry-title {
    color: #073188;
    border-bottom: 1px solid #dadada;
   }
.page_article h3.spip {
    color: #073188;
}

div.buzz span.colonnes {
float: left;
text-align: justify;
width: 42%;
padding: 3%;
}

a.spip_mail:before { content: "\002709 "; }
.page_plan .maincontent ul {
    margin: 0;
    padding: 0;
    margin-left: 1.2em;
    list-style: none;
}

.page_plan .maincontent li {
    background: url(img/sub.png) no-repeat;
    margin: 0;
    padding: 0;
    list-style: none;
}
.page_plan .maincontent li a{
    margin: 0;
    padding: 0;
    margin-left: 1.2em;
    list-style: none;
}

#agenda .window-content { 
   background: url(img/calendrier.jpg) no-repeat bottom right;
   }
#telechargements .window-content { 
   background: url(img/download3.png) no-repeat bottom right;
   }

#telechargements .spip_logos {
    margin-bottom: 3px;
}

#projets .window-content { 
   background: url(img/projets2.png) no-repeat bottom right;
   }
#liensdirects .window-content { 
   background: url(img/liensdirects.png) no-repeat bottom right;
   }
#breves .window-content { 
   background: url(img/breves.png) no-repeat bottom right;
   }


.rubriques h2 {
    display: block;
    width:50%;
    text-align: left;
    padding: 0.2em;
    padding-left: 1em;
    margin:auto;
    font-size: 1.2em;
    color: #fff;
    font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
    font-weight: bold;
    border: 0px solid #dadada; 
    background: url(img/fond-wt.png) repeat-x top left;
}
   
/*
.articles .spip_logos {
    float: none;
    margin: 5px;
}

.logoOrange {
    background-image: url(img/fond-wt-orange.png);
}

.logoJaune{
    background-image: url(img/fond-wt-jaune.png);
}
.logoBleuciel{
    background-image: url(img/fond-wt-bleuciel.png);
}
.logoRouge{
    background-image: url(img/fond-wt-rouge.png);
}
.logoViolet{
    background-image: url(img/fond-wt-violet.png);
}*/

/* ----------------- Spécifique sondages ------------------*/
#sondage .erreur_message {
    color: red;
    font-weight: bold;
}

#sondage .formulaire_ok  {
    color: green;
    font-weight: bold;
}
#sondage .question  {
    font-weight: bold;
}
#sondage .editer_syndication {
    list-style: none;
}
#sondage  h2 {
    border-bottom: 1px solid #dddddd;
    }
#evenements h3 {
    text-align: left;
    border-bottom: 1px solid #dddddd;
}

#quatrecentquatre  h2 {
    color: #073188;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dadada;
}

#quatrecentquatre  .big {
    font-size: 2em;
    font-weight: bold;
}

.ps { 
    border: 1px solid #DDDDDD;
    background: #EEEEEE;
    padding: 5px;
    }