* {margin:0; padding:0;}

body {
position:relative;
background-color: #fff;
font: 71%/1.3 Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
text-align: center;
color: #000; 
}
/* Généralités */
hr {
clear: both;
visibility: hidden;
}
ul {
margin:0;
padding:0;
list-style:none;
line-height:1.1em;
}
li {
margin: 0 0 1em 0;
padding: 0 0 0 12px;
background:url(img_squelette/puce_orange2.gif) no-repeat;
}
p{margin-bottom:.8em;}

/** bordure images **/
img, img a, .logo, .logo a, logos, logos a {border: 0;}

/** Liens **/
a, a:link, a:visited, a:active {
color:#933;
text-decoration: none;
}
a:hover {
color: #298EAA; /*bleu*/
text-decoration:underline;
}

a.spip_in {text-decoration: none; }
a.spip_in:link, 
a.spip_in:visited, 
a.spip_in:active{
color:#933; /*bordeaux*/
border-bottom: 1px dotted #933; 
font-weight: 550;
}
a.spip_out{text-decoration: none;}
a.spip_url,
a.spip_out:link, 
a.spip_out:visited, 
a.spip_out:active{
color:#066; /*vert*/
border-bottom: 1px dotted #066; 
font-weight: 550;
}

a.nopuce {text-decoration: none;}
a.nopuce:link,
a.nopuce:visited,
a.nopuce:active { 
font-weight:normal; color:#666; list-style-type: none;
list-style-image: none;
}
a.lienon, a.lien1{
color:yellow;
text-decoration:none;
}
#barremenu a, a:visited a:active {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
#barremenu a:hover {
	color: #f93;
	text-decoration: underline;
}

#articles li a:hover {
color: #298EAA; /*bleu*/
text-decoration: underline;
}
.bouton a:hover{
background: #666; 
color: #fff; 
}

/** Titres **/
h2 {
margin-top: 1.1em;
margin-bottom: 1.3em;
font-size: 1.2em;
font-weight: bold;
color:#e07352;
line-height: 1.1em;	
}
h3 {
	margin-top: 2em;
	margin-bottom: 1.5em;
	padding: 0em;
	font-size: 1em;
	font-weight: bold;
	color:#e07352;	
}
h4 {
	margin-top: 2em;
	margin-bottom: 1.5em;
	padding: 0em;
	font-size: 1em;
	font-weight: bold;
    color:#e07352;
}
h5 {
	margin: 5px 0px 10px 0px;
	font-size: 1em;
	font-weight: bold;
    color:#e07352;
	text-transform: uppercase;
}
h6 {
	margin: 5px 0px 10px 0px;
	font-size: 1em;
	font-weight: bold;
    color:#e07352;
}
/** Classes diverses **/
.nopuce {
list-style: none;
}

.encadre {
	border: 1px solid #ccc;
	padding : 5px;
}

.legende {
	font-size : 11px;
	font-style : italic;
	color: #666;    
}
.orange {
color: #f93;
font-weight: bold;
}
.bleu {
color: #69c;
font-size: 10px;
font-weight: bold;
}
.date {
color: #666;
font-weight: bold;
}				
.dategris {
color: #666;
font-size: 9px;
}
.motclef {
color: #333;
font-weight: bold;
}
.smallcaps { font-variant: small-caps; }
.retour { 
margin-top: 2em;
font-size: 11px;
color: #f93;
text-align: right;
display:none;
}
.retour2 { 
margin-top: 0px;
font-size: 10px;
color: #ff9933;
text-align: center;
}
.crochet_orange { 
margin-top: 0px;
font-size: 11px;
color: #f93;
font-weight : 550;
text-align: right;
}
.lien { 
margin-top: 0px;
font-size: 11px;
color: #ff9933;
font-weight : 600;
text-align: left;
}

.bouton{
margin:0; 
padding:0;
background-color: white;
color: #666;
border: #666 1px solid;
float:right;
display:block;	
line-height:1.5em;
}
.bouton a {
display:block;	
padding:.5em;
text-decoration:none; 
color:#666;
line-height:1.5em; 
background:#ececec;
}



p.message {
margin: 1em 0;
padding : 1em .5em;
background:#ececec;
}
/** Id diverses **/
#encadre {
border: 1px solid #ccc;
padding : 1em .5em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* STRUCTURE 1 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html,body{background:#933;}

#container {
width:95%;
min-width:65em;
max-width:80em;
margin:0 auto;
text-align: left;
background:#FEF5EE;
background:white;
border-top:1.5em solid #F6CAA5;
}

/* float clearing - technique explained @ http://www.csscreator.com/attributes/containedfloat.php */
#container:after, #barremenu:after, #sub:after, form:after, form div:after {
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; 
}
 /* Hides from IE Mac \*/ 
* html #container, * html #barremenu, * html #sub, * html form, * html form div {height: 1%;} 
#container, #barremenu, #sub, form, form div{display:block;} 
 /* End Hack */ 

#titresite {
background:#F6CAA5 url(img_squelette/entete.jpg) repeat-x bottom left;
height:107px;
}
#barremenu {
background:#F6CAA5;
height:2.5em;
}
#sub{
width:67%;
float:right;
background:white;
margin-left:1%;
}
#droite {
width:31%;
min-height:500px;
background:#fef5ee url(img_squelette/madonne.jpg) no-repeat left top;
margin-top:0;
float:left;
}
#content{
width:74%;
float:left;
}
#gauche {
width:23%;
float:right;
margin-left:2%;
}

/** spécificités **/

#rubrique #gauche, 
#article #gauche{
display:none;
width:1%;
}

#rubrique #content, 
#article #content {
width:94%;
}

#menus {
margin:5em 0 1em;
}
#menus ul.niv1 {margin:0 1em; padding:0;}

#pied {
clear:both;
margin:0;
padding:1% 0;
font:.9em/1 Arial, tahoma, verdana, sans-serif;
background:#FCEADC /*url(img_squelette/madonne.jpg) no-repeat left top*/;
padding-left:20.5%;
}

#pied p {
position:relative;
/*line-height:1.2em;*/
margin-left:100px;
margin-top:0;
margin-bottom:.3em;
}
#pied span.logo {position:absolute;left:-35px; bottom:0; margin-right:.8em;}


/* FIN STRUCTURE 1~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* gauche~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#cadre_gauche{
margin:0 7px 0 113px;
}
#tutelles{
margin-bottom:2.5em;
}
#tutelles .logo {
display:block;
margin-top:1.5em;
text-align:right; 
}

#forum{
font: normal .95em/1 verdana, arial, sans-serif;
}
#forum ul {margin:1.5em 0;}
#forum li {
margin: 0 0 .8em 0;
padding: 0 0 0 .8em;
background:url(img_squelette/puce_orange2.gif) no-repeat;
}
#forum h2 {
font: bold italic 1.2em/1 Georgia, "Times New Roman", Times, serif;
color: #298EAA;
margin-top:3em;
margin-top:1.5em;
}

/* Bandeau + Barremenu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#titresite h1 {
	color: #666;
	font-family: "palatino linotype", palatino, "times new roman", times, serif; 
    letter-spacing: 0.5px; 
	font-size: 25px;
	line-height: 1.1em;
}
#titresite h1 img {float:right;}
#titresite h1 span, #accueil h1 span { text-indent: -9000px; visibility: hidden}

/**********************/
#barremenu * {margin:0; padding:0;}
#barremenu form#rechercher {
float:right;
width:20%;
background:transparent;
padding-right:1em;
}

form#rechercher label{display:none;}

#barremenu #search {
position:relative;
height:2em;
bottom:0;
}

#barremenu input{
margin:0; padding:0;
border: 1px solid #ddd; 
color: #000; 
cursor:pointer;
font-size:.9em;
position:absolute;
top:50%;
margin-top:-1em;
}

#barremenu input#requete{
right:31px; 
width:12em;
padding:1px;
margin-right:.5em; /* important pour safari (sinon texte pas affiché) */
}
#barremenu input.submit{ 
right:0;
width: auto; /* important pour safari (sinon texte pas affiché) */
text-align:center;
padding:1px;
margin-left:.5em;
}
#barremenu input[type=submit]:hover{
background: #666; 
color: #fff; 
}

#barremenu ul {
margin-right:22%;
list-style-type:none;
font: normal 1em Verdana,arial,sans-serif;
position:relative;
list-style-type:none;
text-align:right;
}
#barremenu li {
display:inline;
margin:0;
padding: 0 .5em;
background:0 none;
border-left:1px solid #ececec;
}
#barremenu li.first {border:0 none;}

/* Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#marge {margin-left: 1.5em;}

/** articles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.titre_article {
	margin: 5px 0px 10px 0px;
	font-size: 13px;
	font-weight: 600;
	color: #FF6600;	
    color:#D27957;
	text-transform: uppercase;
}

#articles2 ul li {	
padding: 0 0 0 1em;
background:url(img_squelette/puce_bleu.gif) no-repeat;
}
#articles li.none {
list-style-type:  none;
list-style-image:  none;
margin: 0px 0px 5px 15px;
}

#articles li.square {
color : #69c;
padding: 0 0 0 1em;
background:url(img_squelette/puce_carre.gif) no-repeat 0 50%;
}
#articles li.square a {
	font-weight: normal;
	color: #666;
}
#articles2 input {
	margin-top: 0px;
}
#articles input {
	margin-top: 0px;
}
#photo img, #cartouche img, .spip_documents img {
	border: 1px solid #aaa;
}

#articles p.spip img {margin:.5em 1em 0 0;}


#photo_articles {
	width: 150px;
	background-color: #ccc;
	text-align: center;
}	
#photo_articles_left {
	width: 120px;
	float: left;
	background-color: #ccc;
	text-align: center;
}
#photo_articles_right {
	float: right;
	background-color: #ccc;
}
#voir-aussi {
	position: relative;
	width: 100%;
	line-height: 1.1em;
}
#voir-aussi-marge {
	margin : 10px 0px 0px 40px;
	padding : 5px 10px 5px 10px;;
	border: 1px solid silver;
}
/* menus ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	

#menus h1 {
	margin: 10px 0 5px 0;
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-align: left;
	border-bottom : 2px solid #ccc;
}
#menus ul {
	margin: 0 0 1em;
    padding:0;
    list-style:none;
}
#menus li {
	margin: .5em 0 0 0;
	padding: 0 0 0 1em;
	background:url(img_squelette/puce_bleu.gif) no-repeat 0 0;    
}
#menus li a {color:red;}
#menus li a.lien1, #menus li a.lienon {color:green;}
#menus ul ul li{background: url(img_squelette/puce_carre.gif) no-repeat 0 50%;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#keywords {
	text-align: left;
	line-height: 2em;
}
#keywords ul {
	display: block;
	margin: 0;
	margin-left: 15px;
}
#keywords li {
	list-style: url(img_squelette/puce_carre.gif) square;
	padding-top: 5px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#vignettes {
	float: left;
	width: 120px;
	height: 240px;
	margin-left: 20px;
	margin-bottom: 10px;
	border: 1px dashed #cccccc;
	text-align: center;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#liste {
	font-size: 11px;
}
#liste a {
	color: #cccccc;
	text-decoration: none;
	font-weight : 600;
}
#liste a:link a:visited a:active {
	color: #cccccc;
	text-decoration: none;
	font-weight : 600;
}
#liste a:hover {
	color: #ff9966; 
	text-decoration: none;
	font-weight : 600;
}
#liste-sous {
	font-size: 11px;
	margin-bottom : 7px;
}
#liste-sous  a {
	text-decoration: none;
	font-weight : normal;
}
#liste ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 10px 10px;
	line-height: 15px;
	list-style-type: none;
}
#liste li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 15px;
	list-style-type: none;
}
#liste-sous ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 10px;
	line-height: 16px;
}
#liste-sous li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 16px;
	list-style-image: url(img_squelette/puce_orange2.gif);	
}
a.lien-souligne {
	color: #ccc;
	text-decoration: underline;
}
/* Plan ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#plan li {font-size:1.5em;margin:1em 0 0 0;}
ul#plan li li {
font-size:.6em;
margin:.8em 0 .5em 0; 
padding:0;
color : #69c;
padding: 0 0 0 1em;
background:url(img_squelette/puce_carre.gif) no-repeat 0 .5em;
line-height:1.2em;
}
ul#plan li li li, ul#plan li li li li {background:url(img_squelette/puce_carre.gif) no-repeat 0 .3em;font-size:1em;}
ul#plan div.sousniv {margin-left:1em;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~22~~ */
#discussions {
margin: 1em;
line-height: 1.1em;	
}
#cadre-discussions {
margin:1em;
border: 1px solid #f93;
}
#cadre-discussions  h1 {
border: 0;
border-bottom : 1px solid silver;
padding : 0 0 0 5px;
}
#cadre-discussions ul {margin:0; padding:0;}
#cadre-discussions li {margin-top: 1em; margin-left:1em;}
#cadre-discussions a {font-weight:bold;}

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


.spip_documents {
font-family: verdana,Arial,helvetica,sans-serif;
font-size : 70%;
}
table.spip {}
table.spip tr.row_first {background-color: #b5c6dd;}
table.spip tr.row_odd {background-color: #E3E4E8;}
table.spip tr.row_even {background-color: #F7F1EC;}

table.spip td {
padding: .2em .5em;
text-align: left;
vertical-align: middle;
}

.forml {
	width : 100%;
	background-color: #ccc;
	font-size: 14px;
	color: #333;
	border: #ff9966 1px solid;
}
.spip_encadrer {
	width: 100%;
	margin-top: 10px;
	text-align: left;    
}
.spip_cadre {
	width : 100%;
}
.spip_bouton { 
	background-color: #999999;
	font-size: 14px;
	color: #000000;
	border: #cccccc 1px solid;
	text-align: center;
}
.formrecherche { 
	width : 80%;
	margin: 0;
	background-color: #ccc;
	font-size: 14px;
	color: #666;
	border: #f96 1px solid;
	text-align: center;
}
.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}
.spip_surligne { background-color: #FFFF99; }
.spip-admin {
	clear: both;
    display:block;
}
.plan-secteur {
	margin-left: 20px;
}
p.spip {text-align:justify;line-height:1.5em; }
.spip_puce {
	list-style-position: inside;
}
.forum {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size : 12px;
}
.forum-fil {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
}
.forum-titre {
	font-weight: bold;
	color : #666;
	font-size: 11px;
}
.forum-titre2 {
	font-weight: normal;
	color : #666;
	font-size: 10px;
}
.forum-chapo {
	font-weight: normal;
	font-size: 11px;
	color :#000;
}
.forum-date {
	font-weight: bold;
	color :#fff;
}
.forum-item {
	margin: 0px;
	padding: 0;
	text-align: justify;
	color: #666;
	font-size: 11px;
}

.forum-repondre-message {
	text-align: right;
    font-weight:bold;
    color:#666;
}

/*
 *  2 colonnes-photo pour fiche auteur
 */
#cartouche {
	float: right;
	width: 100%;
}

#cart_gauche {
	margin-right: 180px;	
}

#cart_droite {
	float: right;
	width: 150px;/* taille des vignettes param?tr?e pour le site */
	margin: 0;
	text-align: right;
}

/*
--------------------------------------------------
 FEUILLE DE STYLES CSS2 POUR LE MODELE CIDCEDILLE
 01/2004 - CID, ENS LSH, LYON
--------------------------------------------------
*/
div.doc TABLE {
display: table;
margin: 1em;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
border: 1px solid black;
empty-cells: show;
font-size: 0.9em;
align:left;
}
div.doc TR {
display: table-row;
}
div.doc TD {
display: table-cell;
margin: 0;
padding: 0.25em;
border:1px solid black;
vertical-align: top;
text-align: left;
}
/*
div.doc OL, div.doc UL {
display: block;
list-style-position: outside;
margin: 0.5em 0 0 5%;
padding: 0;
}
*/
div.doc OL {
list-style-type: decimal;
}
#articles div.doc ul {
margin:0; 
padding:0;
margin: 5px 0 0 10px;
padding: 0 0 10px 5px;
list-style:none;
}
#articles div.doc li{
padding: 0 0 0 .5em;
background:none;
list-style: url(puce.gif);
}
div.doc HR {
display: block;
margin: 2em 0 1em 0;
padding: 0;
height: 1px;
width: 50%;
text-align: left;
}
div.doc BR {
display: inline;
}
div.doc IMG {
display: inline;
}
div.doc A {
display: inline;
color: blue;
text-decoration: none;
}
div.doc A:hover {
text-decoration: underline;
}
div.doc B {
display: inline;
}
div.doc I {
display: inline;
}
div.doc P {
display: block;
margin: 0;
padding: 0;
line-height:1.5em;
}
div.doc P.neutre {
}
div.doc P.titre {
margin-top: 0.5em;
margin-bottom: 1em;
font-size: 2em;
text-align: center;
}
div.doc p.titre1, div.doc p.titre2, div.doc p.titre3 {
margin-top: 1em;
margin-bottom: 0.5em;
padding-top:1px;
color:#f60;
color: #933;
color:#D27957;
font-weight:bold;
}
div.doc p.titre1 {
font-size: 1.2em;
line-height:1.5em;
}
div.doc P.titre2 {
font-size: 1.1em;
line-height:1.3em;
}
div.doc P.titre3 {
margin-left: 5%;
font-size: 1em;
font-weight: bolder;
}
div.doc P.normal {
margin-top: 0.5em;
text-align: justify;
}
div.doc P.normal_centre {
margin-top: 1em;
text-align: center;
}
div.doc P.normal_retrait {
margin-top: 0.5em;
margin-left: 5%;
text-align: justify;
}
div.doc P.legende {
margin-top: 0.5em;
margin-bottom: 1em;
font-style: italic;
text-align: center;
}
div.doc P.signature {
margin-top: 1em;
font-size: 1.4em;
text-align:right;
}
div.doc P.note {
margin-top: 0.5em;
}
div.doc SPAN {
display: inline;
}
div.doc SPAN.code {
font-family: "Courier New", Courier, monospace;
}
div.doc SPAN.effet1, div.doc SPAN.effet2 {
font-weight: bolder;
}
div.doc SPAN.effet1 {
color: #E03030;
}
div.doc SPAN.effet2 {
color: #40A040;
}
div.doc SPAN.fonction, div.doc SPAN.parametre {
background-color: #DBDBDB;
}
div.doc SPAN.fonction {
font-weight:bolder;
}
div.doc SPAN.parametre {
font-style: italic;
}

/* A vérifier~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clear {clear: both;}
.clearl {clear: left;}
.cleard {clear: right;}

/* Suppressions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
html {padding: 2px;}

#titresite {
display: block;
position: relative;
height: 26px !important;
}
#barremenu {
display: block;
position: relative;
height: 15px;
}

#cadre_slogan {
	margin: 0px 5px 0px 5px;
	border-left: 1px dashed #ddddde;
	border-right: 1px dashed #ddddde;
	background-color: #fff;
}	
#slogan {
	margin: 0px 5px 20px 5px;
	text-align: left;
	background-color: #fff;
	color: #ccc;
	font-size: 10px;
	line-height: 16px;
	font-weight: 580;
}
#slogan-fond {
	background-image: url(img_squelette/fd_newcharte3.jpg); 
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 94px;
}
#slogan h1 {
	margin: 1px 0px 10px 0px;
	padding: 0px 5px 0px 5px;
	font-size: 16px;
	font-weight: 600;
	line-height : 1.1em;
	color: #6699cc;
	text-align: center;
}
#slogan ul {
margin: 0;
padding: 0;
list-style:none;
}
#slogan li {
margin: 0 0 5px 0;
padding: 0 0 0 1em;
background:url(img_squelette/puce_orange.gif) no-repeat;
}

*/

#articles {margin-bottom:2.5em;}
.une-surtitre, 
#chemin {
margin-top:1em;
padding:.5em 0;
font-size: 1em;  
color: #6c4942;  
border-top: #835247 1px solid;
border-bottom: #835247 1px solid;
}

#articles h1, .une {
margin:.5em 0 1em 0;
padding:1px;
font:italic 2em/1.3 Georgia, "Times New Roman", Times, serif;
color:#2763a0;
}


 /**************************/
 /* modifs 2006-09-13 */
ul.sousRubriques, ul.listeArticles {
margin: 1.5em 0 1em 1.5em;
padding-top:1px;
}
.sousRubriques li,.listeArticles li {
margin-bottom:2em;
padding-left:12px;
background:url(img_squelette/puce_carre.gif) no-repeat 0 .3em;
}

div.imageRubrique{margin-top:-71px;float:right;}

/*********************/
#gauche {text-align:center;}
#forumAnnonces{
margin-top:5em;
display:block;
position:relative;
text-align:center;
}
#nouveautes{
margin-top:5em;
display:block;
position:relative;
text-align:center;
}

div.angle{
width:95%; 
margin: 2em auto;
text-align:left;
background:transparent;
}
.angle .top, .angle .bottom {
display:block; 
background:transparent; 
font-size:1px;
}
.angle .b1, .angle .b2, .angle .b3, .angle .b4, .angle .b1b, .angle .b2b, .angle .b3b, .angle .b4b {
display:block; 
overflow:hidden;
}
.angle .b1, .angle .b2, .angle .b3, .angle .b1b, .angle .b2b, .angle .b3b {height:1px;}
.angle .boxcontent {
display:block;  
padding:0;
margin-bottom:0;
}
.angle .b1 {margin:0 5px;} 
.angle .b2, .angle .b2b {margin:0 3px; border-width:0 2px;}
.angle .b3, .angle .b3b {margin:0 2px;}
.angle .b4, .angle .b4b {height:2px; margin:0 1px;}
.angle .b1b {margin:0 5px;}

.angle h2 {
font-size:1.1em;
margin:0; 
padding:0 0 .5em;
text-align:center;
}

.angle ul {margin:.5em;padding:0;}

#forumAnnonces .b1, #forumAnnonces .b2, #forumAnnonces .b3, #forumAnnonces .b4 {
background:#ac7d6a;
border-left:1px solid #ac7d6a; 
border-right:1px solid #ac7d6a;
}
#forumAnnonces .b1b, #forumAnnonces .b2b, #forumAnnonces .b3b, #forumAnnonces .b4b {
background:#fceadc;
border-left:1px solid #fceadc; 
border-right:1px solid #fceadc;
}

#nouveautes .b1, #nouveautes .b2, #nouveautes .b3, #nouveautes .b4 {
background:#ac7d6a;
border-left:1px solid #ac7d6a; 
border-right:1px solid #ac7d6a;
}
#nouveautes .b1b, #nouveautes .b2b, #nouveautes .b3b, #nouveautes .b4b {
background:#fceadc;
border-left:1px solid #fceadc; 
border-right:1px solid #fceadc;
}

#forumAnnonces .boxcontent {
background:#fceadc;
border-left:1px solid #fceadc; 
border-right:1px solid #fceadc;
}
#forumAnnonces h2 {
background:#ac7d6a;
color:#fceadc;
}
#nouveautes .boxcontent {
background:#fceadc;
border-left:1px solid #fceadc; 
border-right:1px solid #fceadc;
}
#nouveautes h2 {
background:#ac7d6a;
color:#f5e4d3;
}
.angle ul {margin:1em .5em 0;}
#forumAnnonces div.retour2{padding-bottom:1em;}
#nouveautes div.retour2{visibility:hidden;height:0;}
/*****/
/* Style pour le menu spipien*/
div#menu *{margin:0; padding:0;font-weight:normal;background:0 none;list-style:none;}

div#menu {
background:#fef5ee;
margin:0 0 1em 0;
border-top:1px solid #fef5ee;
}
#menu a {
display:block;
color:#6C4941;
text-decoration:none;
text-align:left;
width:auto;
}
#menu a:hover{
background:#FCEADC;
font-weight:bold;
}
#menu li{
line-height:1.3em;
border-top:1px dotted #666;
border-top:1px dotted #835247;
margin: 1em 0 0;
}
#menu li li {
line-height:1.1em;
margin-top:0;
margin-bottom:0;
margin-bottom:.6em;
font-size:0.9em;
border:0 none;
}
#menu li li a {
padding-left:15px;
font-size:0.9em;
}

#affiche{
visibility:visible;
}
#cache{
/*display:none;*/
}
.lien{
color: #666 ;
color:#835247;
text-decoration: none;
}

#menu ul.racine{
margin-top:1em; 
list-style:none;
}
#menu ul.rubrique{
margin-top:.5em;
}
.rubrique, .article{
margin:0;
padding:0;
}

#menu .rubrique a, #menu .article a {/*background:yellow;border:0 none;font-weight:normal;margin:0; padding:0;*/}
#menu .lienon, #menu a.lienon:hover{
font-weight:bold;
text-decoration: none;
background:url(img_squelette/puce_carre.gif) no-repeat left .3em;
}
h3.spip, div.doc p.titre1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: 550;
color: #dc816f;
font-size: 1.2em;
text-align: left;
border-bottom: 0;
margin-top: 1.5em 0 0 0;
}

/* 2006-10-06 */
#texte{}

#texte img {border:0 none;}

#texte #image_droite {
float:right;
margin-left:1em;
margin-bottom:1em;
text-align:center;
}

#texte #image_droite img {
margin:1em 1em .5em;
background:white;
border: 1px solid #aaa;
padding:.75em;
}


/* 2006-12-08 pour ie */
* html #barremenu a {height: 1em;} /* bug des padding et margin sur les elements inline dans ie5 win */
* html #titresite h1 img {float:right;margin-right:-3px; }
* html #articles div.spip_documents {font-size:.75em;}
* html #articles div.spip_documents a{display: inline-block;clear:both;}
* html #articles table td {margin:0; padding:0;}
* html #rubrique #sub, * html #article #sub {width:64%;}
* html #rubrique #content, * html #article #content {width:90%;margin:0;position:relative;}
* html #rubrique #droite, * html #article #droite {width:29%;margin:0;}
* html #rubrique #gauche, * html #article #gauche {}