body {
	margin: 0; /* pour éviter les marges */
	padding:0 10px;
}

#conteneur {width:960px;margin: 10px auto;}

#tete {float:left;width:960px;height:110px;}

#gauche {
float:left;
width:165px;
margin-right:15px;
height:443px;/*height:425px;*/
font-weight:bold;
}

#centre {float:left;width:580px;}
#boxcentral {margin:0;width:580px;}

.box_haut {margin-top:15px;height:15px;}
.box_bas {height:15px;}
#contenu {padding:8px;}

#droite {float:left;width:170px; margin:0 0 0 15px;}
.box_dr {margin-bottom:15px;vertical-align:top;}
.box_dr_haut, .box_dr_bas {background-color:white;}
.box_dr .padding_cotai ul {padding-left:15px;}
.box_dr_bas img {vertical-align:top;}
.box_newsletter p, .box_newsletter form {margin:0;padding:0;}
#droite h2 {padding:0px;margin:0px;}
#droite h3 {padding:0px;margin:5px;}


#foot {clear:both;text-align:center;padding:10px 0;height:15px;}

/**** menu *****/
#menu {padding-top:20px;margin-left:10px;}
.bouton {position: relative; height:40px;margin:0;}
.bouton a {display: block; width:140px; height:30px; text-align:center; padding: 6px 6px 5px 6px; /*line-height:30px;*/ text-decoration:none;white-space:nowrap; }
.bouton:hover .smenu {display: block;}
.smenu {position:absolute; left:153px; top:0px; width:166px; display:none;font-weight:normal;}
.smenu a {display: block; width:140px; text-align:center; padding: 5px 6px;text-decoration:none; line-height:normal; white-space:normal; height:auto;}
.sbouton {margin:0px 0 0px 12px; }
.psbouton {margin:0px 0 0px 12px; }
.psbouton a {padding: 13px 6px 5px 6px;}
.dsbouton {margin:0px 0 0px 12px; height:15px;}
hr.hrmenu {color:#ececec; width:60%; margin:0 auto;}

.bouton {z-index:100;}

/* recherche */
#recherche, .submitrech {display:inline;vertical-align:middle;}
#recherche {width:120px;}
/* styles */

h1 {margin:-25px 0 0 15px;}
h1 span {background-color:white;padding:0 10px;}
h4, h4 a {margin:0;display:inline;font-weight:normal;font-size:1em;}
a {text-decoration:none;}

.ariane,.ariane a {margin-left:5px;}
.texte, .texte strong {text-align:justify;}

#droite a.caption {color:#E10873;font-size:1.6em;}
.descriptif {margin:15px 0;}
#boxcentral .descriptif {text-align:justify;}
#adress {margin: 10px 10px 10px;font-size:9px;text-align:center;}
#newsletter, .padding_cotai {padding:0 8px;}
#newsletter b {font-size:10px;}
.box_newsletter input.submit {width:42px;}
.bgbox {}
.uppercase {text-transform:uppercase;}
ul.puce, ul.puce p, ul.puces, ul.puces p {margin-top: 0;margin-bottom: 0;}
ul.puce p, ul.puces p {display:inline;}

#news {color:#000;position:relative;/*border: 1px solid #DDD;*/min-height:300px;padding-right:10px;margin-top:15px;clear:both;}
#news, #news img, #news .logo_info {z-index:0;}
/*********** images et documents **************************/
/*#galerie {margin:0 0 0 10px;}*/
.imgright {float:right;/*width:175px;height:175px;*/margin:0 5px 8px 8px;}
.imgleft {float:left;width:90px;height:90px;margin:9px;}
img {border:0;vertical-align:middle;}
.spip_documents_left {margin:0 5px 5px 0;/*clear:left;*/}
.imagelogodroite {margin-bottom:15px;}
/**** placements ****/
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}
.floatleft {float:left;}
#droite .floatleft {float:left;margin:0 5px 5px 0;}
#droite .floatleft3 {float:left;margin:0 5px 5px 0;}
.floatleft2 {width:180px;float:left;margin:0 8px 10px 0;font-size:0.9em;}
.floatright {float:right;}
.marginbottom0 {margin-bottom:0}
.pagination {clear:left;padding:5px;}
/* page les animations de réseau */
#calendrier {
float:left;
width:200px;
/*height:213px;*/
/* background:url('../wiki/lib/exe/fetch.php?media=documents:calendrier.jpg') no-repeat top left; */
margin-right:15px;
margin-bottom:25px;
}
#calendrier_themes {margin-left:230px;width:325px;margin-top:35px;}
.box_anim {margin-bottom:4px;}
.box_anim_haut {height:2px;}
.box_anim_bas {height:3px;}

#calendrier_themes h2 {font-size:0.8em;margin:0;display:inline;padding-left:10px;}
#calendrier_themes img.bouton_anim {
margin:0 0 0 10px;
display:inline;
vertical-align:middle;
}

/* page anim reseau : mix party */
.box_anim2 {width:325px;margin-bottom:15px;}
.box_anim2_haut {height:8px;}
.box_anim2_bas {height:8px;}

.box_anim2 h3 {margin-top:-17px;font-size:1.1em;}
.box_anim2 h3 span {background-color:white; padding:0 5px;}

#archives {margin-top:30px;}
#archives div{ margin-bottom:15px;}
#archives div img {vertical-align:middle;}

/* page plateforme */
.box_ssrub {clear:right;margin-top:30px;width:560px;margin-bottom:15px;}
.box_ssrub_haut {height:8px;}
.box_ssrub_bas {height:8px;}
.box_ssrub .padding_cotai {text-align:justify;}

h3.plateforme {margin-top:-17px;margin-left:5px;}
h3.plateforme span {background-color:white;padding:0 10px;}

.box_ssrub2 {font-size:0.9em;float:left;clear:right;margin-top:10px;width:265px;margin-bottom:15px;}
.box_ssrub2 div.texte {text-align:left;}
.box_ssrub2_haut {height:8px;}
.box_ssrub2_bas {height:8px;}
.box_ssrub2 h2 {margin-top:0px;}

/* projets */
#projets_en_cours {margin-top:30px;}
#projets_en_cours div.projet_rub {
float:left;
/*font-size:xx-small;*/
width:260px;
}
#projets_en_cours div.projet_rub div {padding:0 5px 5px 0;}
#projets_en_cours div img {display:inline;vertical-align:middle;}
#menu_sous_rub {margin-left:10px}
/*mot*/
.artmot img {vertical-align:middle;}
.artmot div {margin-bottom:10px;}
div#menu_mots {margin-top:30px;}


/* contact */
.formulaire_ecrire_auteur {text-align:left;}
.formulaire_ecrire_auteur ul {padding:0;}
.formulaire_ecrire_auteur li, #formulaire_forum li {list-style-type:none;}
.formulaire_ecrire_auteur input, .formulaire_ecrire_auteur textarea, #formulaire_forum input, #formulaire_forum textarea {width:99.5%}
.formulaire_ecrire_auteur .erreur_message {color:red;font-weight:bold;}


/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first {color:white;}
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin:0 15px 5px 0;}
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/*  calendrier  */
div#calendrier{}
div#calendrier table{
	width: 170px;
	font-size: 0.7em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}
div#calendrier table caption{margin: 0 auto;}
div#calendrier table td{width: 12%;line-height: 2em;border: 1px solid #DDD;}
div#calendrier table td a{
	display: block;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
div#calendrier table td.today a{border: 1px solid #493;}
div#calendrier table td a:hover{background: #DBB8DC;color: #636;}
div#calendrier table td.today a:hover{border: 1px solid #636;}
div#calendrier span{	display: none;}

