/* css by Das */
/* on met tout a zero */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* aspect general */
body {
	background-color:  #ffc900;
	text-align:  center;
	font-size:  10px;
	font-family:  myriad, verdana, helvetica, arial, sans-serif;
}

#container {      
	margin:  0 auto;
	width:  833px;
}
#model {
	background-image: url(img/model.png);
	background-position: right bottom;
	background-repeat:  no-repeat;
}

/* l'entete */
a #nom_site_spip {
	display: block;
	width:  833px;
	height:  130px;
	background-image: url(img/header.png);
	background-repeat: no-repeat;
	color: #ffc900;
	text-decoration:  none;
}
#nom_site_spip {
	display:  none;
}

/* le menu */
.rubriques ul, .rubriques li {
	list-style-type:  none;
	float:  left;
}
.rubriques li a {
	display:  block;
	float:  left;
	width:  159px;
	height:  30px;
	border-right:  1px solid #fff;
	background-image:  url(img/menu.png);
	color:  #fff;
	font-size:  14px;
	line-height:  30px;
	text-decoration:  none;
}
.rubriques li a:hover {
	background-image:  url(img/menu-hover.png);
}

/* le contenu */
#contenu {
	margin-top: 30px;
	padding: 1px 0 0 1px;               
	background-color:  #fff;
	background-image:  url(img/fond-contenu.png);
	background-repeat:  repeat-y;	
	text-align: left;
}
 
/* la page d'accueil */
#colonne-gauche, #colonne-droite {
	float: left;
	margin: 20px !important;
	margin: 10px;
	width: 300px;                 
}
#temoignage, #engagez, #presse, #programme {
	display:  block;
	margin: 20px 0;
	width: 300px;
	background-color: #ffc900;
	background-image: url(img/haut-bloc.png);
	background-repeat:  no-repeat;
	text-align:  left;
}
.art-bloc, .art-bloc-temoin {
	display:  block;
	margin:  20px;
	width: 600px;
	background-color: #ffc900;
	background-image: url(img/haut-art-bloc.png);
	background-repeat:  no-repeat;
	text-align:  left;
}
.bas-bloc {
	display:  block;                    
	background-image: url(img/bas-bloc.png);
	background-position: bottom;            
	background-repeat:  no-repeat;
}
.bas-art-bloc {
	display:  block;                    
	background-image: url(img/bas-art-bloc.png);
	background-position: bottom;            
	background-repeat:  no-repeat;
}
hr {
	clear:  both;
	color: #fff;
	background-color: #fff;
	height: 1px;
} 

/* les textes */ 
p {
	margin-bottom: 5px;
}
h3 {
	font-size:  14px;
	font-weight:  normal;
}
.titre-rub {
	margin-left:  10px;
} 
.txt-temoignage {
	display: block;
	padding: 10px 10px 10px 140px;
	background-image: url(img/guillemets.png);
	background-repeat:  no-repeat;
	background-position: 110px 0;  
	font-size:  12px;
}
.temoin {
	font-size:  9px;
	padding-left:  130px;
	margin: 5px !important;
	margin: -15px;
}  
.engagement {
	display: block;
	height: 75px;
	margin: 5px 5px 5px 90px;
} 
.soustitre-programmation {
	margin-right: 50px;
	padding-left: 10px;
	background-color: #fff;
}
.programmation {
	float: left;
	margin: 10px;
	height: 50px;
	line-height: 50px;
}
.art-bloc .titre-presse {
	display:  block; 
	padding: 20px;
	font-size:  16px;
	font-weight: bold;	
}
.art-bloc-temoin .txt-temoignage {
	padding: 20px 10px 20px 140px;
} 
.art-bloc-temoin .temoin {
	padding-bottom: 10px;
	padding-right: 20px;
	text-align: right;
	font-size:  10px;
}
.rub_programme {
	margin: 20px 200px 0 20px;
}
.rub_programme h2 {
	clear: both;
	padding-left: 20px;
	height: 24px;
	line-height: 24px;
	background-color: #CCC;
	font-size:  14px;
	border: 1px solid;
}
.art-programme {
	float: left;
	display: block;
	width: 151px;
	height: 170px;
	border: 1px solid;
	border-top: none;
	text-align: center;
}
.art-programme p {
	padding: 10px;
}
/* les images */
#temoignage .spip_logos {
	float:  left;
}
#temoignage img {
}
#engagez .spip_logos {
	float:  left;
	margin-left:  10px;
}
#engagez img {
}
#presse img, #presse .spip_logos {
	margin: 10px 20px;
}  
.art-bloc img, .art-bloc .spip_logos {
	margin:  20px 10px;
	float:  left;
}
.art-bloc-temoin img, .art-bloc-temoin .spip_logos {
	margin:  0;
	float:  left;
}
.art-programme img, #art-programme .spip_logos {
	margin: 5px;
}
.spip_doc_titre {
	text-align:  center;
}
#programme img {
	margin: 2px 5px;
}