/*- ---- Annulation des Styles de bases-------*/
* {margin:0;padding:0}
body { 
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#606441;
}
#backgrounde {background:#FEFEFE url(images/accueil/fond-top.jpg) repeat-x;}
#centre {
width:1027px; /* joue sur le positionnement menu central*/
position:relative;
left:auto;
right:auto;
margin:0 auto;
overflow:auto;
/height:1%;
/overflow:visible;
}
/*----------------------------------------------------------------------------*/
/*---------------------        Tetière       -------------------------*/
/*----------------------------------------------------------------------------*/
#header { 
width:951px; 
height:341px;
background:url(images/accueil/accueil.jpg) no-repeat;
font-size:0.8em;
color: #fff;
}
#flags {
width:200px;
padding-top:0px;
}
#flags p {float:left; line-height:29px;}
#flags img {float:left;padding-left:20px;}
#flags a{color:#fff; text-decoration:none;}
#flags a:hover{ color:#E53E3E;
text-decoration:underline;}

/*----------------------------------------------------------------------------*/
/*--------------- Menu Central ---------------------*/
/*----------------------------------------------------------------------------*/
#droite { 
position:relative;
}
#menu {
position:relative;
float:right;
width:673px;
color:#fff;
margin-top:-90px;
padding:0 70px 0 21px;
overflow:auto;
/height:1%;
/overflow:visible;
background:url(images/accueil/bienvenue.jpg) left bottom no-repeat;
}
#menu h2 {
width:180px; 
padding-left: 15px; 
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:1.3em;
border-bottom:2px solid #fff;
padding-bottom:5px;
margin-bottom:15px;
}
#menu ul {
position:relative; 
float:left;
overflow:auto;
/height:1%;
/overflow:visible;
-padding-left:10px;
}
#menu li {
position:relative;
list-style-type: none;
}
/*--------- Changement de couleur des puces HOVER ------------------*/
#menu li a {
background:url(images/accueil/puce.gif) top left no-repeat;
padding-left: 15px;
}
#accueil li a:hover {background:url(images/accueil/puce-rouge.gif) top left no-repeat;}
#experiences li a:hover {background:url(images/accueil/puce-verte.gif) top left no-repeat;}
#coop li a:hover {background:url(images/accueil/puce-rouge.gif) top left no-repeat;}
/* -------- 3 colonnes redimensionnables en hauteur -----------*/
#accueil { 
width:195px;
padding-bottom:100px;
margin-left:-10px; 
}
#accueil h2 {}
#accueil li{}
#experiences { 
position:relative; 
width:200px;  
margin-left:27px; 
padding-bottom:210px;
}
#experiences  li {}
#coop{
width:207px; 
padding-bottom:210px;
margin-left:22px; 
}
#coop li{}
/*---------- Habillage du menu ----------------*/
#menu a {
color:#fff; 
text-decoration:none;
}
#menu a:hover {
color : #B20623;
}
#experiences a:hover{color:#58CD18;}
/*----------------------------------------------------------------------------*/
/*------------------Colonne de gauche-----------------------*/
/*----------------------------------------------------------------------------*/
/* Actualites*/
#actu {
position:relative;
width:230px;
margin:-33px 0 0 15px;
/margin:-263px 0 0 15px;/* bug ie */
border-bottom:1px solid #B9B987;
overflow:auto;
/height:1%;
/overflow:visible;
}
#actu div, #actu div dl, #actu div dt,{
width:200px;
}
/* Habillage*/
#actu h2 {
width:200px;
color:#B20623;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.9em;
font-style:italic;
padding-bottom:1em;
}
#actu h3 {
display:block; 
clear:both;
width:200px;
color : #B20623;
font-size:1em; 
font-weight:normal; 
margin-bottom:7px;
padding-right:0px;
margin-right:0px;
}
#actu h3 span { color:#B9B987; }
#actu p{ 
width:200px;
position:relative;
color:#606441;
font-size: 0.9em; 
clear:both;
margin-bottom:7px;
padding-right:0px;margin-right:0px;
}
#actu img { 
position:relative;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
#actu p.plus {
position:relative; 
float:right;
width:97px;
height: 23px;
padding:4px 0px 0 15px;
background:url(images/accueil/plus.jpg) left top no-repeat;
}
#actu p.plus a{color:#fff; text-decoration:none;}
#actu p.plus a:hover{color:#C40926;}
#actu .spip_documents_center { }
/*boutons*/
#boutons {
width:230px;
position:relative;
margin:12px 0 0 15px;
}
a#forum img{background:url(images/accueil/forum.gif);}
a#forum:hover img{background:url(images/accueil/forum2.gif);}
a#contactfr img{background-image:url(images/accueil/contact.jpg);}
a#contactfr:hover img{background-image:url(images/accueil/contact.gif);}
a#contacten img{background-image:url(images/english/contact.jpg);}
a#contacten:hover img{background-image:url(images/english/contact_us.gif);}
/*------------------------------------------------ Recherche ------------------------------------------------*/
#formrecherche {
width:230px;
border:0px;
margin:0px;
padding:6px 0 0 6px;
}
#formrecherche fieldset{
border:0px;
margin:0px;
padding:0px;}
#formrecherche label {
margin:0px;
padding:0px; 
color:#606441;}
input#recherche { /* styles de la zone de saisie*/
width: 170px; 
height:18px;
background-color:#FEFEFE; 
background-position:top;
border-top:1px solid #9E9E9E;
border-bottom:0px;
border-left:1px solid #9E9E9E;
border-right:0px;
color:#B9B987;
margin-bottom:6px;
}
.rechercher{
	padding: 0px;
	color:white;
	background: url(images/accueil/fond-recherche.jpg); 
	background-repeat:no-repeat;
}
/*survol du bouton OK*/
input#ok {
border-bottom:1px solid #949488;
border-right:1px solid #949488;
border-top:1px solid #E3E1CA;
border-left:1px solid #E3E1CA;
} 
input#ok:hover {
border-bottom:1px solid #C7C8A0;
border-right:1px solid #C7C8A0;
border-top:1px solid #949488;
border-left:1px solid #949488;
} 
/*----------------------------------------------------------------------------*/
/*    ---------------- Contenu  -----------------------*/
/*----------------------------------------------------------------------------*/
#contenu {
position:relative; 
float:right; 
width:730px;/*détermine la position du texte central*/
font-size:0.95em; 
}
#article {
width:385px; 
color:#606441; 
text-align:justify; 
float:left;
text-indent:10px;
}
#guideaccueil { 
width:215px; 
float:left; 
margin-left:25px;
}
#guideaccueil h2 { 
color:#E0051C;
font-size:1.1em; 
font-weight:normal; 
margin-bottom:7px;
}
#guideaccueil p{margin-bottom:7px;}
#guideaccueil img {
float:left;
margin-right:7px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
#guideaccueil p.plus {float:right;
padding:4px 5px 0px 15px;
margin:0px;}/* CSS Document */

/*----------------------------------------------------------------------------*/
/*    ---------------- Le pied de page -----------------------*/
/*----------------------------------------------------------------------------*/
#footer {
position: relative;
width:100%;
background:#F3F3E9;
min-height:150px;
-height:150px; 
border-top:6px solid #E9E8D3; 
margin-top:60px;/* positionnement image à cheval*/
}
#footercentre {
width:951px; /* joue sur le positionnement menu central*/
position:relative;
left:auto;
right:auto;
margin:0 auto;
}
#carte {/* La carte de France */
position:relative;
margin-top: -55px; /* positionnement image à cheval*/
float:left;
}
#footer p { 
width: 350px;
position:relative;
float:left;
margin-left:15px;
padding-top: 15px;
padding-bottom:20px;
font-size:0.95em;
}
#footer p a {color:#000; text-decoration:none;}
#footer p a:hover {color:#000;text-decoration:underline;}

#footer span {color: #000;}
#logo { 
position:relative; 
float:left;
padding-top: 15px;
}
#menufooter {
position:relative;
margin-top: 15px;
float:right;
border-left:1px solid #B9B987;
}
#menufooter a { 
color:#606441;
text-decoration:none;
padding-left:10px;
padding-right:20px;
}
#menufooter a:hover { 
color:#FFB300;
text-decoration:underline;
}
/*----------------------------------------------------------------------------*/
/*    ---------------- Trousse à outils  -----------------------*/
/*----------------------------------------------------------------------------*/
/*Couleurs*/
.orange {color:#FFB300;}
.darkorange {color:#F3A100;}
.kakiclair { color:#B9B987;}
.kakifonce {color:#606441;}
.rouge {color:#E0051C;}
.vert { color:#1EAF2F;}
/*----- Images------*/
a img { border:0px;}
/*-------- Habillage En savoir plus ------------*/
p.plus {background:url(images/accueil/plus.jpg) left top no-repeat;
width:113px;
height: 23px;
}
p.plus a{color:#fff; text-decoration:none;}
p.plus a:hover{color:#C40926;}
.hidden {display:none;}
#article p.spip{ 
margin:7px 0 7px 0px;
}
#article span {text-indent:0px;}
/*----- Images------*/
a img { border:0px;}
#article img, #coldroite img, #actu img { margin : 0 auto;}
#contenu img.left { position:relative; float:left; margin: 0px 7px 5px 0px;}
#contenu img.right {position:relative; float:right; margin: 0px 0px 5px 7px;}
#contenu img.center {position:relative; float:none; margin: 0px auto;}
/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }
.spip_documents { text-align:center}/* width:50%;peut-on indiquer la taille de l'image dans la div englobant le spip-doc?permttrai d'enlever le width 50%*/
.spip_documents img{ border:3px solid #E9E9D9; }
dl.spip_documents img { border: 0px;}
.spip_documents_center { clear:both; width:100%; margin: 0 auto;}
span.spip_documents_center { display: block; margin-top:1em;}
.spip_documents_left { float: left;}
.spip_documents_right { float: right;}
.spip_doc_titre { clear: both;font-weight: bold; font-size: 0.87em; margin-left: auto; margin-right: auto;}
.spip_doc_descriptif { clear: both; font-weight: bold;font-size: 0.87em; margin-left: auto; margin-right: auto;}
.crayon-icones img, ABW, .AI, .AIFF, .ASF, .AVI, .BIN, .BLEND, .BMP, .BZ2, .C, .CSS, .CSV, .DEB, .DEFAUT, .DJVU, .DOC, .DVI, .EPS, .FLV, .GZ, .H, .HTML, .MID, .MNG, .MOV, .MP3, .MP4, .MPG, .ODB, .ODC, .ODF, .ODG, .ODI, .ODM, .ODP, .ODS, .ODT, .OGG, .OTG, .OTP, .OTS, .OTT, .PAS, .PDF, .PGN, .PPS, .PPT, .PS, .PSD, .QT, .RA, .RAM, .RM, .RPM, .RTF, .SDD, .SDW, .SIT, .SMIL, .SPIP, .SVG, .SWF, .SXC, .SXI, .SXW, .TEX, .TGZ, .TIF, .TORRENT, .TTF, .TXT, .WAV, .WMV, .XCF, .XLS, .XML, .ZIP, .PNG, .JPG, .GIF, .MP3, .PDF {border:0px !important;}
/* Tableaux */
table.spip {
	margin-left:1px;
	margin-bottom: 1em;
	border: 1px solid #ccc;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background:#F3A100;color:#FFF; }
table.spip tr.row_odd { background: #fff;color:#F3A100; }
table.spip tr.row_even { background:#E9E9D9; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
/* Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color:#F3A100; } /* liens internes */
a.spip_out { color: #F3A100; } /* liens sortants */
a.spip_url { color: #F3A100; } /* liens url sortants */
a.spip_glossaire { color: #F3A100; } /* liens vers encyclopedie */
/******---------------Habillage des listes----------------*/
ul.spip {
margin-bottom:10px;
margin-left:0px;
-margin-left:15px; 
padding-left:5px; 
float:none;
list-style-position:inside;
-list-style-position:outside;
list-style-image:url(images/article/puce-orange.gif);
}
li.spip {color:#666;
}
ul.spip ul.spip {list-style-type:square; list-style-image:none; margin-left:10px
}
ul.spip ul.spip ul.spip {list-style-type:circle;
}
ol.spip {margin-left:30px; margin-bottom:10px;
}
ol li.spip{list-style-type:decimal;list-style-image:none;
}