/* vert :#33CC33; bleu:#3198FF; bleu clair:#0099FF jaune:#FFFF99; */

/* style généraux*/
body {
        background-color:#3198FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        padding:0px;
        margin:0px;
}

#cadre_global {/*centré en css, contient tous les autres*/
        position:relative;
	    margin-left:auto;
		margin-right:auto;
	width:  970px;
        min-height:580px;
       /* left:50%;
        margin-left:-485px; moitié de la largeur totale
        margin-right:0px;*/
        margin-top:0px;
        margin-bottom:0px;
        padding:0px 0px 0px 0px;
        background-color:#FFF;
        border-right-color:#FFF;
        border-bottom-color:#FFF;
        border-right-width:1px;
        border-bottom-width:5px;
        border-right-style:solid;
        border-bottom-style:solid;
}
#cadre_global2 {/* uniquement pour la déco*/
        width:99%;
        min-height:580px;
        border-right-color:#33CC33;
        border-bottom-color:#33CC33;
        border-right-width:5px;
        border-bottom-width:5px;
        border-right-style:solid;
        border-bottom-style:solid;
}        

h1 { font-size: 1.5em; font-weight: bold ;}
p {  font-size: 0.9em ; text-align: justify;}
td {  font-size: 0.9em ; }
h2 {  font-size: 1.2em; font-weight: bold; }
h3 {  font-size: 1em; font-style: italic ; font-weight: normal;}
h4 { font-size: 0.9em ; font-weight: normal;}
hr{color: #2DC84C;}

#navigation{
       float:left;
       height:550px;
}

#principal{
        float:left;
		width:520px;  
        margin:170px 0px 0px 140px;
        padding:0px 0px 10px 0px;
        
}

#principal a {   
font-size: 0.8em; 
text-decoration: underline; 
font-weight: bold; 
color: #0099FF;
}
#principal a:hover { 
text-decoration: none; 
font-weight: bold; 
color: #33CC33;
}
#principal strong.spip{
        color:#3198FF;
		font-family: "Comic Sans MS";
}
#accueil_message{
        float:left;
        margin:180px 5px 0px 80px;
        padding:5px;
		width:350px;
 
        filter:alpha(opacity=85);
		-moz-opacity:0.85;
		opacity: 0.85;
        background-color:#fff;
		color:#000;/*#3198FF*/
        font-size:0.7em;
        font-weight: normal;

        border-left:;
        border-top:;
        border-right: 1px solid #33CC33;
		border-bottom: 1px solid #33CC33;
}
#accueil_message strong{
		font-size:1.5em;
        font-weight: bold;
        color:#000;
}
#evenement{
        float:left;
        width:400px;
        padding:45px 5px 5px 25px;
        margin:5px 0px 0px 180px;
    
      
}


#pied{
        clear:left;
		width:940px;
}

#pied a.flot_droite{
        background-image: url(fioritures/fond_piedb.gif);
        background-repeat:no-repeat;
        background-position:center -2px ;
        padding-top:15px;

       font-size: 10px;
        vertical-align:text-bottom;
        text-decoration: none; 
        font-weight: bold; 
        font-style:normal;
        color: #0099FF;
}
#pied a.flot_left{
		font-size: 12px;
        font-weight: bold; 
}
a.flot_droite span.vert {
        color: #33cc33;
}
#pied a:hover.flot_droite{
        background-image: url(fioritures/fond_piedr.gif);
}
#liens{
         position:relative;
         margin-left:auto;
         margin-right:auto;
         width:  970px;
         font-size: 0.6em;
         color: #002DFF;
}
#liens a{
       text-decoration: none;
       color: #002DFF;
}
#liens a:hover{
       text-decoration: none;
       color: #FFFFFF;
       border-bottom:thin dotted #fff;
}
.flot_droite{float:right;}
.flot_left{float:left;}
/*************************************
         menu CSS 
*************************************/

#conteneurmenu{
       position:absolute;
       width:279px;
       top:100px;
       left:0px;
}

ul.menu , li.menu  {
/* Ne pas trop toucher*/
	padding:0;
	margin:0;
	list-style-type:none;
        
}

li.menu a {
	text-decoration:none;
	padding:0px;
        margin:0px;
        

}

li.menu a img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border: none ;
        padding:0px;
        margin:0px 0px -3px 0px;

}

.ss_menu{
        position:absolute;
        left:130px;
        top:220px;
	width:160px;
        z-index:2;
        padding:20px 0px 30px 0px;
        margin:0px;
        font-size: 0.7em; 
        /*background-image: url(fioritures/ss_menu_ligne.gif);
        background-repeat:repeat-y;
        background-position:right ;*/
}
.ss_menu ul,.ss_menu li {
        list-style-type:none;
        padding:0px 0px 0px 10px;
        margin:0px;

}
.ss_menu a.off{
        
        text-decoration: none; 
        font-weight: bold; 
        color: #3198FF;
        background-image: url(fioritures/ss_menu.gif);
        background-repeat:no-repeat;
        background-position:right ;
        padding:5px 10px 5px 0px;
        margin:0px 0px -1px 0px;
        width:150px;
        display:block;
        
}
.ss_menu a.off:hover{
        color: #ff0000;
}
.ss_menu a.on{
        text-decoration: none; 
        font-weight: bold; 
        color: #ff0000;
        background-image: url(fioritures/ss_menu_r.gif);
        background-repeat:no-repeat;
        background-position:right ;
        width:150px;
        display:block;
        padding:2px 10px 2px 0px;
        margin:0px 0px -1px 0px;
}



/*************************************************
        spécifiques
**************************************************/
#durand_adresse{
        margin-top:300px;
        margin-left:10px;
}

#logo {
       
        margin-top:-40px;
        margin-left:-30px;
}
.lien_rapides{
	float:right;
	margin:20px 5px 0px 0px;
	}
.lien_rapides a{
	margin:5px;
	}	
.adresse_durand{
        color:#000;
        font-family: "Bitstream Vera Serif", "Bodoni MT", Arial;
        font-size:0.7em;
        margin:0px 0px 0px 10px;
}

.titre-texte{
        color:#3198FF;
        /*margin-top:80px;*/
        margin-left:100px;
}
.menu-titre{
        margin-top:10px;
}

.titre-texte-int{   /*pour le titre des articles directement intégrés au squelettes des rubriques, on suprime la marge*/
        color:#00CC00; 
}
.titre-doc{
        margin-bottom:2px;
        font-size: 0.7em;
	font-weight: bold;
}
#bloc_document{
	margin: 10px 0px 0px 0px;
	Padding:10px 0px 0px 0px;
	clear : left;

}

.spip_documents_center{
	margin: 0px;
	Padding:0px;
	text-align:center;
}

.spip_documents_left .spip_doc_titre{
	text-align:left;
}

.spip_documents_left .spip_doc_descriptif{
	text-align:left;
	margin: 5px 0px 0px 5px;
}

.spip_documents_right .spip_doc_titre{
	text-align:right;
}

.spip_documents_right .spip_doc_descriptif{
	text-align:right;
	margin: 5px 0px 0px 5px;
}

.spip_documents_center .spip_doc_titre{
	text-align:center;
}

.spip_documents_center .spip_doc_descriptif{
	text-align:center;
	margin: 5px 0px 0px 5px;
}

.titre_liste{
	font-size: 1.6em;
	font-family: "Comic Sans MS";
}
.surtitre{
	font-size: 0.8em;
	font-weight: bold;
}

.chapo{
	font-size: 0.7em;
	font-weight: bold;
        margin:5px 5px 5px 10px;
        text-align: justify;
}
.chapo2{        /*pour le message d'accueil*/
	font-size: 0.8em;
	font-weight: bold;
        
}
.descriptif_liste{
	font-size: 0.8em;
	font-weight: normal;
	font-style:italic;
        margin-left:10px;
        text-align: justify;
}
.texte{
        margin-left:10px;
        clear: left;
        font-size: 0.9em ;
}
.texte_rub{
	font-size: 0.9em;
	font-weight: bold;
        margin-left:10px;
        text-align: justify;
}
.notes{
	font-size: 0.6em;
	font-style: oblique;
        margin-left:10px;
        text-align: justify;
}



.rubriques{
        list-style-type:none;
        padding-left:0px;
        margin-left:10px;
}

.menu-liste{

}
.menu-item{
        list-style-type:none;
        padding-left:0px;
        margin:10px 0px 10px 10px;
        clear:left;
}


.liste-articles{}
.spip_logos {
	margin: 3px;
	border :1px solid  #004FBE;
}


blockquote.spip {
	margin-left : 40px;
	margin-top : 20px;
	margin-bottom : 20px;
	margin-right: 0px;
	/*border : solid 1px #3198FF;*/
	padding-left: 10px;
	padding-right: 10px;
        font-size: 0.9em ; 
        /*background-color:#2DC84C;*/
        

}

.transparence{
        filter:alpha(opacity=55);
	-moz-opacity:0.55;
	opacity: 0.55;
        background-color: #2DC84C;
}

/*****************************************************************
        Traitement des images
*****************************************************************/

#image{
     margin-left: 5px;  margin-top: 10px;  width: 540px; 
}

#vignettes{
border-left: 1px;
border-left-style: solid;
border-left-color: #FFFFFF;

padding-left:0px;
float:right;
width:80px; 
}
#vignettes ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
#vignettes li{
	padding:0;
	margin:0;
	list-style-type:none;
}
#vignettes li.on {
	border: 2px solid red;
	width:85px;
}

#gd_taille{
 float:left;
 width:445px;

}
.ampil  {
  margin:0px 0px 5px 5px;
}
.titre_vignettes{
 font-size:70%;
}