/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */

body {
background: #683136;
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #fff; 
height:100%; /* Hack pour faciliter la sélection de texte sous IE */
}

a , a:link , a:visited , a:active {
color:#F90; 
text-decoration : none;
} 

a:hover {
color:#FDA; 
text-decoration: none;
} 

img {
border:none;
margin:0;
} 

hr {
border-top: 1px solid #7F4752;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
color : #7F4752; 
height : 1px;
width: 100%;
} 


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les classes et conteneurs */

.nospace {width:100%;margin: 0px}

#agenda {
float: right;
z-index: 10;
position : relative;
width: 280px 
}

#agenda .box {
padding: 10px 0;
background: #683136;
padding-top: 0;
margin: 15px;
border: 1px solid #54212A;
text-align: left 
}

#agenda .title {
color: #fff;
background: #54212A;
padding: 3px 5px;
text-align: center;
margin-bottom: 5px;
font-weight: bold;
font-size: 12px 
}

#agenda .evenement {
margin: 0 12px;
padding: 7px;
}

#header {
position:absolute;
top:0px;
width:100%;
right:15px;
margin-right:-15px;
height:110px;
background : #54212A;
border:0; 
color : #FFF; 
}
	
#header #nom_site{
position : absolute; 
top : 16px; 
left : 16px; 
text-transform : uppercase; 
font-weight : bold; 
font-size : 32px; 
color : #FFF; 
} 

#header #nom_site a:hover {
color : #FDA;
text-decoration: none;  
}


#menus {
position:absolute;
height:100%;
width:230px;
top:0px;
left:0px;
padding:10px 0 10px 10px;
}
	
#menus h1 {
margin :0; 
overflow : hidden; 
} 

#menus li a{
display: block;
background: transparent;
font-weight:normal;
text-decoration: none; 
}

#menus li a:hover{
background: #7F4752;
text-decoration: none;
color:#F90; 
}

#menus ul{
list-style-type: none;
margin: 0;
padding: 0;
font-weight:normal; 
}

#menus ul li{
padding: 0.5ex 0;
border-bottom: 1px solid #7F4752;
}

#options {
position:absolute;
top:89px;
left:0;
width:100%;
right:15px;
margin-right:-15px;
background: #54212A; 
height : 21px; 
font-weight: normal;
} 

#options a, #options a:link, #options a:visited {
display : block; 
float : left; 
margin:0 10px 0 10px;
height : 21px;  
line-height : 21px; 
font-size : 11px;
text-align : center; 
text-decoration : none;
color: #FFF;
} 

#options a:hover {
background: #7F4752;
color:#FFF;
text-decoration: none;  
}
	
.main {
position:absolute;
top:110px;
width:100%;
right:15px;
margin-right:-15px
}
	
* html body .main {
height:100%;
overflow:hidden
}

/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .main {
height:0px;
overflow:visible
} 
/* fin du text caché pour IE/mac */

.central {
position:relative;
top:0px;
width:auto;
margin:0px;
margin-left:240px;
margin-right:240px;
padding:10px;
}

.corps {
position:relative;
padding:4px;
border: 2px solid #54212A;
}

* html body .corps {
height:300px;
} 

.comment {
width: 100%;
margin: 1em auto 0 0;
padding:0;
}

.commentbox {
float: left;
width: 150px;
background-color:#54212A;
padding:10px;
margin:0;
}

.commenttext {
background-color:#54212A;
padding:10px;
margin:0;
border-left: 170px solid #54212A;
}

.articles {
margin:15px 0 15px 0;
line-height : normal; 
font-family : verdana; 
font-size : 13px; 
text-align : justify;
} 

.cadre_clair{
background-color:#54212A;
padding:10px;
margin:0;
position:relative;
}

.cadre_sombre{
background-color:#54212A;
padding:10px;
margin:0;
position: relative; /* Nécessaire pour éviter que les caractères ne disparaissent sous IE */
}

.cleaner { /* Utilisé avec la balise <HR /> */
height:1px;
margin: -0.5em 0;
padding: 0;
border: 0;
clear:left;
visibility:hidden;
}

.div-min-height {
position:relative;
height:300px;
width:0px;
float:left;
}
	
.div-min-height-bottom {
position:relative;
height:0px;
clear:left;
}

.flux {
position : relative; 
display: block;
float : left; 
margin-bottom:15px;
width:50%;
}

.footer {
background: #683136 url(/squelettes/img_squelette/footerd.jpg) repeat-x;
height: 52px;
width:100%;
padding-top:25px;
}

.leger {
font-size : 11px; 
color : #fda;
line-height: 15px; 
}

.liencomment {
text-align:right;
}
	
.logo {
position:relative;
float:left;
display: block;
z-index:10;
margin: 0 10px 10px 0;
padding:0;
border:1px solid #000000;
} 

.navbutton {
position : relative; 
float:right;
}

.notes {
position:absolute;
float : right;
height:100%;
width:230px;
top:0px;
right:0px;
padding:10px 10px 10px 10px ;
}
	
.petitgras {
font-size : 10px; 
color : #fff;
font-weight:bold; 
}
	
.petitgras a, .petitgras a:link , .petitgras a:visited , .petitgras a:active  {
color : #fff; 
text-decoration : none;
} 

.petitgras a:hover {
color : #fff; 
text-decoration: underline;
} 

.titre {
font-family : Georgia, "Times New Roman", Times, serif; 
font-size : 15px; 
font-weight : bold;
margin-top: 15px;
color : #fff; 
} 

.titre a, .titre a:link , .titre a:visited , .titre a:active {
	COLOR: #F90; TEXT-DECORATION: none
}

.titre a:hover {
	COLOR: #fda; TEXT-DECORATION: none;
}

.titre_article {
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
font-size : 20px; 
font-weight : bold;
color : #F90; 
letter-spacing : 1px; 
} 

.titre_article A, .titre_article a:link , .titre_article a:visited , .titre_article a:active {
	COLOR: #F90; TEXT-DECORATION: none
}

.titre_article A:hover {
	COLOR: #fda; TEXT-DECORATION: none;
}

.titre_menu {
margin :0; 
overflow : hidden; 
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight: bold; 
color : #F90; 
}

div.null {
font-size: 0;
line-height: 0;
padding: 0;
margin: 0 
}

	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles SPIP */



/* Mise en forme des documents joints */
.spip_documents {
font-family : Verdana, Arial, helvetica, sans-serif; 
font-size : 70%; 
text-align:center;
position : relative; 
} 

.spip_doc_titre { font-weight: bold; font-size: 10px ; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { font-size: 10px ; margin-left: auto; margin-right: auto; }

/* Apparence des formulaires */
.forml {
width:100%;
background-color : #fff; 
border : 1px solid #54212A; 
font-size : 14px; 
color : #000; 
} 

/* Formulaire d'inscription à la liste de distribution */
.form2 {
width : 200px;
background-color : #fff; 
border: 1px solid #54212A; 
font-size : 14px; 
color : #000; 
text-align : center; 
} 

/* Rajout d'un fond derrière les icônes de mise en forme des formulaires */
.spip_barre {
background-color:#E4E4E4;
}

/* Pour que les titres des formulaires s'affiche dans la bonne couleur dans IE */
legend {
margin :0; 
overflow : hidden; 
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight: bold; 
color : #F90; 
}

form {
padding: 0;
margin: 0;
}

h3.spip {
margin-top : 2em; 
margin-bottom : 1.5em; 
padding : 0; 
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-size : 120%; 
text-align : center; 
} 


table.spip tr.row_first {
background-color : #54212A; 
} 

table.spip tr.row_odd {
background-color : #8e5963; 
} 

table.spip tr.row_even {
background-color : #8e5963; 
} 

table.spip td {
padding : 1px; 
text-align : left; 
} 


.spip_encadrer {
margin-top : 10px; 
padding:10px;
text-align : left;
border: 1px solid #7F4752;
color:#fff;
} 

/* Surlignage pour la recherche de mots */
.spip_surligne {
background-color : #FFFF66;
color:#000000; 
} 

.spip-admin {
float : left; 
clear : both; 
} 

.plan-secteur {
margin-left : 20px; 
}

.formulaire_spip fieldset {
    display: block;
	border: 0px; }