/*
CSS Trempo
--------------------------------------------------------------------------------------------------------------------
Fichier principal CSS. Ce qui n'est pas defini ici l'est peut etre dans d'autres fichiers CSS
--------------------------------------------------------------------------------------------------------------------
*/
/*corps principal de la page*/
body {
width: 90%;
margin: auto;
padding: 1em;
background-color: #FFFFFF;
font-size: 0.8em;
font-family: Helvetica, Verdana, sans-serif;
}

/*Couleurs des liens*/
a { text-decoration: none; color: #666666; }
a:hover { color: #FF3300;}

/*Titres*/
h1 {font-size: 1.2em; text-align:left;}

#breve_principale .titre_orange {padding:0; margin:0; color: #FF3300; font-size: 1em;}
#breves .titre_orange {padding:0; margin:0; color: #FF3300; font-size: 1em;}
.titre_pratiques {color: #00CCFF; font-size: 1em;}
.titre_orange {color: #FF3300; font-size: 1em;}
.titre_informations {color: #990099; font-size: 1em;}
.titre_initiatives {color: #99CC33; font-size: 1em;}
.titre_formation {color: #FF3399; font-size: 1em;}

.spip_documents_left {margin: 0 10px 3px 0;}

/*replace le bloc d'apres en bas a gauche*/
.nettoyeur {
visibility: hidden;
clear: both;
}
.logo_site {float: left;  margin-left: -95px;}
/*METTRE MARGIN POUR COLLER LOGO AU BORD;*/
#liste_articles li {list-style-type: none;}
#liste_breves li {list-style-type: none; padding-left: 0.5em;}
#liste_breves ul {margin:0; padding: 0;}
#logo {float: left; text-align: center;}
#menu_principal{clear: both;}

ul{margin: 0; padding: 0; list-style-type: none;}
li{margin: 0; padding: 0; list-style-type: none;}
img {padding-right: 1em; border:0;}
.spip_logos{padding-right: 1em; border:0;}

#conteneur {with: 100%;}
#entete {margin: 0; padding: 0; margin-bottom: 0px;}
#formulaire { margin: 0; margin-left: 45%;}
#logo {}

/* ----------------------------------Bloc contenu principal--------------------------------------------*/
#contenu {
float: left;
width: 620px;
padding: 0.7em;
margin: 1em;
margin-top: 0.7em;
text-align: justify;
background-color: #FFFFFF;
/*POUR CHANGER LA COULEUR DU BLOC CENTRAL;*/
}
#contenu h1 {font-weight: normal;}
#contenu h1 a.titre2 {color: #FF3300; clear: both;}/*L'ASSOCIATION;*/
#contenu h1 a.titre1 {color: #990099; clear: both;}/*S'INFORMER*/
#contenu h1 a.titre8 {color: #99CC33; clear: both;}/*DEVELOPPER SON PROJET*/
#contenu h1 a.titre6 {color: #00CCFF; clear: both;}/*PRATIQUER*/
#contenu h1 a.titre7 {color: #FF3399; clear: both;}/*SE FORMER*/
#contenu h1 a.titre10 {color: #FF3399; clear: both;}/*PARCOURS D'ARTISTES*/
#contenu h1 a.titre4 {color: #FF3300; clear: both;}/*SE SOUVENIR*/

#contacts {
padding-left: 3px;
width: 100%;
background-color: #FFF;
color: #000;
border: 1px dashed gray;
}
#presentation2 {
padding: 0;
width: 100%;
color: #666666;
font-size: 1.2em;
margin-top: 1em;
}
#presentation1 {
padding: 0;
width: 100%;
color: #666666;
font-size: 1.2em;
margin-top: 1em;
}
#presentation8 {
padding: 0;
width: 100%;
color: #666666;
font-size: 1.2em;
margin-top: 1em;
}
#presentation6 {
padding: 0;
width: 100%;
color: #666666;
font-size: 1.2em;
margin-top: 1em;
}
#presentation7 {
padding: 0;
width: 100%;
color: #666666;
font-size: 1.2em;
margin-top: 1em;
}
#presentation10 {
padding: 0;
width: 100%;
color: #666666;
font-size: 1.2em;
margin-top: 1em;
}
#presentation4 {
padding: 0;
width: 100%;
color: #666666;
font-size: 1.2em;
margin-top: 1em;
}
#presentation h1 {color: #666666;}
#presentation a {color: #666666;}

table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: 1px solid; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 1px;
	font-weight: bold; }
table.spip tr.row_first { background: #FF3399; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 1px; text-align: left; vertical-align: top; }

/*------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------Bloc bandeau lateral-----------------------------------------------*/
#colonne_outils {
// width: 60%;
margin-top: 0;
margin-left: 670px;
padding: 1em;
text-align: justify;
background-color: #FFFFFF;
}
#colonne_outils h1 {padding: 0.5em 0 0 0.2em; color: #666666}
#bandeau_lateral p {text-align: justify;}
/*------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------Bloc bas de page---------------------------------------------------*/
#pied_page {
clear: both;
width: 100%;
margin: 1em;
text-align: left;
}
/*------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------Menu------------------------------------------------------------------*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {clear: left; margin-left: 17px; margin-top: 0px; padding:0; padding-top: 20px; padding-bottom: 0;}

#menu ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}
#menu img {
float: left;
margin: -1px;
padding: 0px;
text-align: center;
text-decoration: none;
color: #000;
}
#menu li {
float: left;
}
#menu a {
}
#menu a:hover {
}
#menu a.menu2:hover , #menu a.menuon2 {
color: #FF3300;
}
#menu a.menu1:hover , #menu a.menuon1 {
color: #990099;
}
#menu a.menu8:hover , #menu a.menuon8 {
color: #99CC33;
}
#menu a.menu6:hover , #menu a.menuon6 {
color: #00CCFF;
}
#menu a.menu7:hover , #menu a.menuon7 {
color: #FF3399;
}
#menu a.menu10:hover , #menu a.menuon10 {
color: #FF3399;
}
#menu a.menu4:hover , #menu a.menuon4 {
color: #FF3300;
}
/*------------------------------------------------------------------------------------------------------------*/