/* html style */
p, body, ul, li, ol, blockquote {
font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
sup {
font-size: 80%;
}
body{
margin:0px;
padding:0px;
background: #F1EFEF url(pics/fond_orange.gif) scroll no-repeat top left;
}
table, a img {
border:none;
}
p{
color: #333333;
}
/* style generaux */
.centre{
text-align:center;
}
.bgcouleur {
background-color: #FA9733;
}
.bgblanc {
background-color: #FFF;
}
.couleur {
color: #CC6600;
}
.titre {
font-size: 17px;
font-weight: bold;
color: #CC6600;
}
.titre-article {
font-size: 12px;
font-weight: bold;
color: #999999;
}
.titre-rubrique {
font-size: 12px;
font-weight: bold;
color: #CC6600;
}
.texte-blanc {
font-size: 11px;
color: #FFFFFF;
}
.fonction {
font-size: 12px;
color: #FFFFFF;
}
.date {
font-size: 10px;
color: #000000;
}
.recherche {
font: 11px Arial, Helvetica, sans-serif;
width: 120px;
}
/* style du calendrier */
.calendrier-mois{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; font-size: 11px;
font-weight: bold;
color: #666666;
}
.calendrier-semaine {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; font-size: 11px;
font-weight: bold;
color: #CC6600;
}
table div.centre th{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}
.today {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
color: #666666;
}
.weekday {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
color: #666666;
}
.weekendday {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
color: #666666;
}
.activeday {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
background-color: #D3D3D3;
color: #ff0000;
}
.activeweekendday {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
background-color: #D3D3D3;
color: #ff0000;
}
.maj {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
#agenda_mae h2 {
font-size: 15px;
font-weight: bold;
color: #666666;
}
/* couleur des liens nivo 0 dans le menu de gauche et dans la zone centrale en page rubrique */
#lefter p a, #righter p a, #contentrub a { text-decoration: none; font-size: 12px; font-weight: bold; color: #CC6600}
#lefter p a:visited, #righter p a:visited, #contentrub a:visited { color: #CC6600}
#lefter p a:link, #righter p a:link, #contentrub a:link { color: #CC6600}
#lefter p a:hover, #righter p a:hover, #contentrub a:hover { color: #999999}
#lefter p a:active, #righter p a:active, #contentrub a:active { color: #000000}
/* couleur des liens dans la zone centrale en page article */
#contentart a { text-decoration: none; font-size: 12px; color: #CC6600}
#contentart a:visited { color: #CC6600}
#contentart a:link { color: #CC6600}
#contentart a:hover { color: #999999}
#contentart a:active { color: #000000}
/* couleur des liens langue dans le menu de gauche et des liens avec la class rubrique */
#lefter a.rubrique, a.rubrique { text-decoration: none; font-weight: bold; color: #666666}
#lefter a.rubrique:visited, a.rubrique:visited{ color: #666666}
#lefter a.rubrique:link, a.rubrique:link{ color: #666666}
#lefter a.rubrique:hover, a.rubrique:hover { color: #CC6600}
#lefter a.rubrique:active, a.rubrique:active { color: #000000}
/* couleur des liens nivo 1 dans le menu de gauche et des liens de la colonne de droite et la hierarchie */
#lefter a, #righter a, #hierarchie a{ text-decoration: none; font-size: 11px; color: #666666}
#lefter a:visited, #righter a:visited, #hierarchie a:visited{ color: #666666}
#lefter a:link, #righter a:link, #hierarchie a:link{ color: #666666}
#lefter a:hover, #righter a:hover, #hierarchie a:hover{ color: #CC6600}
#lefter a:active, #righter a:active, #hierarchie a:active { color: #000000}
/* couleur des liens avec ma class ssmenu1 */
a.ssmenu1, #contentrub a.ssmenu1 { text-decoration: none; font-size: 12px; color: #666666; font-weight: normal;}
a.ssmenu1:visited, #contentrub a.ssmenu1:visited { color: #666666}
a.ssmenu1:link, #contentrub a.ssmenu1:link { color: #666666}
a.ssmenu1:hover, #contentrub a.ssmenu1:hover { color: #336699}
a.ssmenu1:active, #contentrub a.ssmenu1:active { color: #000000}
/* couleur des liens avec ma class lire */
a.lire { text-decoration: none; font-size: 12px; color: #CC6600}
a.lire:visited { color: #CC6600}
a.lire:link { color: #CC6600}
a.lire:hover { color: #999999}
a.lire:active{ color: #000000}
/* couleur des liens avec ma class texte-blanc */
p.texte-blanc a { text-decoration: none; color: #FFF}
p.texte-blanc a:visited { color: #FFF;}
p.texte-blanc a:link { color: #FFF}
p.texte-blanc a:hover { color: #FFF}
p.texte-blanc a:active { color: #FFF}
/* menu de droite #righter et de gauche #lefter*/
div.boite{
border:1px solid #FA9733;
background-color:#FFF;
padding:0px 6px 6px 6px;
margin:6px 6px 12px 6px;
}
#lefter div{
padding:0px 6px 6px 6px;
margin:12px 0px 12px 0px;
}
#lefter p, #righter td p{
margin:0px 0px 0px 0px;
padding:0px;
}
#righter ul{
margin:0px 17px 0px 17px;
padding:0px;
}
#lefter ul{
margin:0px 15px 6px 15px;
padding:0px;
list-style-type:none;
}
#lefter li{
margin:0px;
padding:0px;
}
/* correction de bug pour internet explorer pc */
/* \*/
* html #righter table{
margin:0px 0px -15px 0px;
}
* html #righter div.centre table{
margin:0px 0px 0px 0px;
}
/* */
#righter p{
margin:5px 0px 5px 0px;
padding:0px;
}
li.liste{
list-style-image:url(../puce.gif);
}
li.liste_rtl{
list-style-image:url(../puce_rtl.gif);
}
#meteo div p a{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
/* stye de la page zone centrale pour la page d'accueil, la page contact et la page organigramme */
#alaune, #actu, #ecrire, #organigramme{
border:1px solid #FA9733;
background-color:#FFF;
padding:0px 0px 0px 0px;
margin:6px 6px 12px 6px;
}
#alaune p.titre-rubrique, #actu p.titre-rubrique {
padding:0px 6px 0px 6px;
margin:6px 0px 6px 0px;
}
#alaune p, #actu p{
padding:0px 6px 6px 6px;
margin:0px 0px 0px 0px;
}
#alaune h1{
border-top:1px solid #FA9733;
padding:6px 6px 0px 6px;
margin:0px 0px 0px 0px;
font-size:16px;
font-weight:bold;
}
#alaune ul {
list-style-type: circle;
margin:12px 30px 12px 30px;
padding:0px;
}
#actu h2{
border-top:1px solid #FA9733;
padding:6px 6px 6px 6px;
margin:0px 0px 0px 0px;
font-size:13px;
font-weight:bold;
}
#alaune h1 img, #actu h2 img{
float:left;
margin:0px 5px 5px 0px;
}
#actu{
border-bottom:none;
}
#actu p, #actu h2, #actu a img{
position:relative;
}
#actu h2 {
border:none;
}
#actu p.titre-rubrique{
padding-bottom:5px;
border-bottom:1px solid #FA9733 ;
}
#actu div{
background-color:#FA9733 ;
}
#ecrire h1{
font-size: 13px; font-weight: bold; color: #666666;
margin:3px 0px;
padding:0px 6px 6px 6px;
border-bottom:1px solid #FA9733;
}
#ecrireauteur{
margin-top:30px;
}
#ecrireauteur fieldset{
border:none;
}
#organigramme{
margin:6px 0px 12px 0px;
}
#organigramme h2{
margin:0px;
padding:0px;
text-align:center;
font-weight:bold;
color:#FFF;
font-size:14px;
}
/* stye de la hierarchie */
#hierarchie{
margin:6px 6px 12px 6px;
}
#hierarchie p{
margin:0px;
padding:0px;
}
/* stye de la zone centrale pour les pages rubriques */
#contentrub{
margin:6px 6px 12px 6px;
}
#contentrub h1{
font-size: 17px;
font-weight: bold;
color: #CC6600;
padding:0px;
margin:0px;
}
#contentrub ul{
list-style-type:none;
margin:12px 40px 6px 40px;
padding:0px;
}
#contentrub ul ul{
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px;
}
#contentrub ul ul ul{
list-style-type:none;
margin:0px 0px 0px 10px;
padding:0px;
}
#contentrub ul li {
clear:right;
margin:0px 0px 12px 0px;
padding:0px;
}
#contentrub ul li li{
clear:right;
margin:0px 0px 0px 0px;
padding:0px;
}
#contentrub ul li.soussoussousrub{
clear:right;
margin:0px 0px 0px 0px;
padding:0px;
}
#contentrub #listeactu li {
clear:right;
margin:0px 0px 12px 0px;
padding:0px;
}
#contentrub #listeactu li img{
float:right;
margin:0px 0px 5px 5px;
}
/* stye de la zone centrale pour les pages articles */
#contentart{
margin:6px 6px 12px 6px;
}
#contentart h1{
font-size: 17px;
font-weight: bold;
color: #CC6600;
padding:0px;
margin:0px;
}
#chapo {
text-align:justify;
font-weight:bold;
font-size:12px;
}
ul.sommaire{
list-style-type: circle;
margin:12px 20px 12px 20px;
padding:0px;
list-style-image:url(../puce.gif);
}
ul.sommaire_rtl{
list-style-type: circle;
margin:12px 20px 12px 20px;
padding:0px;
list-style-image:url(../puce_rtl.gif);
}
#texte {
text-align:justify;
}
#texte ul{
list-style-type: circle;
margin:12px 30px 12px 30px;
padding:0px;
}
#texte ol{
list-style-type: decimal;
margin:12px 30px 12px 30px;
padding:0px;
}
#texte ol ol, #texte ul ul{
margin:12px 0px 12px 15px;
padding:0px;
}
#texte ul, #texte ol{
text-align:left;
}
#texte h2{
font-size: 15px;
font-weight: bold;
color: #666666;
}
#texte h3 {
font-size: 14px;
font-weight: bold;
color: #666666;
}
#texte h4 {
font-size: 13px;
font-weight: bold;
color: #666666;
}
/* stye du pied de page */
#footer p{
margin:6px;
}
/* stye spip */
.spip_documents {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color : #666666;
}
.spip {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.spip_documents_center{
margin: auto;
text-align: center;
width: 80%;
}
.spip_documents_right{
margin:0px 0px 10px 10px;
}
.spip_documents_left{
margin:0px 10px 10px 0px;
}
table.spip {
margin-left:auto;
margin-right:auto;
width:75%;
}
table.spip caption{
margin-left:auto;
margin-right:auto;
width:75%;
}
table.spip tr.row_first {
background-color: #FA9733;
}
table.spip tr.row_odd {
background-color: #C0C0C0;
}
table.spip tr.row_even {
background-color: #F0F0F0;
}
table.spip td, table.spip th {
padding: 3px;
text-align: left;
vertical-align: center;
}
.texteencadre-spip {
color: #000033;
background: #EEE;
border-bottom: 2px solid #666;
border-left: 1px solid #999;
border-right: 2px solid #666;
border-top: 1px solid #999;
margin: 1em 0;
padding: 5px;
position: relative;
}
.caractencadre-spip {
color: #CC6600;
}