
body {
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
}  

a {	
	color: #d85b00;
}

a:hover {
	color:#f00;
	text-decoration: underline;
}

img {
	border: none;
}		  

/* styles spip */

tr.row_even {
	background-color: #e0e0e0;
}

/***
BLOCS
***/

#page {
	margin: 0 auto;
	width: 1002px;
}

#banniere {
/*	border-top: 1px #777 solid;
	border-right: 2px #777 solid;
	border-bottom: 2px #777 solid;
	border-left: 1px #777 solid;  */
}

.titre .gauche {
	float: left;
	width: 45%;
}

.titre .droite {
	float: right;
	width: 45%;
}

#corps {
	margin: 25px 0;
	color: #000;
}

#menu-std {
	height: 20px; 
	margin: -25px 0;
	text-align: right;
}

#menu-std a {  
	margin: 0 10px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#menu-std a:hover {  
	color:#ff0;
	text-decoration: underline;
}

/* styles spécifiques SPIP */

table.spip td {
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	vertical-align: top;
}

/* Colonne de gauche */

#bloc-gauche {
	float: left;
	width: 20%;	
	background-color: #ffffc0;
    border-right: 1px #aaa solid;
}

#bloc-gauche ul.menu-bloc {
	margin: 20px 0 20px -35px;
}

#bloc-gauche ul.sous-menu-bloc {
	margin: 0 0 5px -20px;
}

#bloc-gauche li {
	list-style-type: none;
}

#bloc-gauche li a {
	width: 90%;	
	padding: 0 5px;
	color: #000;
	text-decoration: none;
	font-size: 13px;
}  

#bloc-gauche li.masque a {
	color: #999;
}  

#bloc-gauche ul.sous-menu-bloc a {
	font-size: 12px;
	border-bottom: none;
}

#bloc-gauche li a:hover {
	color: #f00;
	background-color: #ffde00; 
}

/* Colonne centrale */

#bloc-central {
    padding-left: 15px;
	float: left;
	width: 55%;
}

#bloc-central-droit {
    padding-left: 15px;
	float: left;
	width: 75%;
}

#bloc-central-droit a:hover {  
	color: #f00;
	text-decoration: underline;
} 

#hierarchie {
	margin: 0 5px;
	font-size: 12px;
}

#hierarchie a {
	text-decoration: none;
	/*color: #777; */
} 

#logo img {
	margin: 0 20px 10px 0;
}

#bloc-central .titre,
#bloc-central-droit .titre {
	margin: 20px 0;
	font-size: 20px;
	text-align: center;
}

#bloc-central .event,
#bloc-central-droit .event {
	margin: 10px 0;
	text-align: center;
}

#bloc-central .accueil-article,
#bloc-central-droit .accueil-article {
	margin: 10px 0;	
	padding: 10px 0 0 10px;
	/*border-top: 1px #c00000 solid;*/
}

#bloc-central .accueil-article .article-gauche,
#bloc-central-droit .accueil-article .article-gauche { 
	float: left;
	width: 20%;
}

#contenu-cours .bloc-gauche { 
	float: left;
	width: 20%;
	margin: 10px 0;
}

#contenu-cours .bloc-gauche a { 
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#contenu-cours .bloc-gauche a:hover { 
	color: #f00;
	text-decoration: underline;
}

#bloc-central .accueil-article .article-gauche .theme,
#bloc-central-droit .accueil-article .article-gauche .theme { 
	font-weight: bold;
	color: #c00000;
}

#bloc-central .accueil-article .article-droite,
#bloc-central-droit .accueil-article .article-droite { 
	float: right;
	width: 75%;
}

#contenu-cours .bloc-droite { 
	float: right;
	width: 75%;
	margin: 10px 0;
}

#contenu-cours .bloc-droite a { 
	font-size: 14px;
	text-decoration: none;
}

#contenu-cours .bloc-droite a:hover { 
	color: #f00;
	text-decoration: underline;
}

#bloc-central .stitre-article,
#bloc-central-droit .stitre-article { 
	margin: 10px;
	font-size: 14px;  
	font-weight: bold; 
	text-align: left;
}

#bloc-central .stitre-article a,
#bloc-central-droit .stitre-article a { 
	text-decoration: none;
} 

#bloc-central .stitre-article a:hover,
#bloc-central-droit .stitre-article a:hover { 
	text-decoration: underline;
}

#bloc-central .descro-article,
#bloc-central-droit .descro-article { 
	margin-left: 20px;
	color: #555;
	font-weight: normal;
}  

#bloc-central .texte-rubrique,
#bloc-central-droit .texte-rubrique { 
	float: right;
	width: 200px;
}


#bloc-central .accueil-article .titre,
#bloc-central-droit .accueil-article .titre {
	margin: 0;
	font-size: 14px;  
	font-weight: bold; 
	text-align: left;
	color: #c00000;
}	 

#contenu {
	margin-top: 20px;
}

#lieu {
	clear: both;
	width: 50%;	 
	margin: 15px;
	padding: 10px;
	border: 1px #aaa solid;
	-moz-border-radius: 5%;
}

#lieu .titre {
	margin: 0px 0 10px 0;
	font-size: 13px; 
	font-weight: bold;
	text-align: left;
}

#lieu .texte {
	margin: 20px;
}

.lien {
	float: right;
	width: 25%;
	text-align: right;
}

/* colonne droite */

#bloc-droite {
	float: right;
	width: 22%;
	/*background-color: #c0ffff;*/
} 

#bloc-droite a {
} 

#bloc-droite a:hover {
	color: #f00;
	text-decoration: underline;
} 

#bloc-droite .adresse,
#bloc-droite .paratonnere,
#bloc-droite .cadre,
#bloc-droite .cadre-liens {
	margin: 20px 0;
	/*border: 1px #bbb solid;*/
	border: 1px #e2b2b2 solid;
	-moz-border-radius: 5%;
}

#bloc-droite .adresse {
	padding: 10px;
}

#bloc-droite .paratonnere {
	text-align: center;
}

#bloc-droite .paratonnere a {
	margin: 0px 0;
}

#bloc-droite .paratonnere a:hover {
	background-color: #e0e0e0;
}	

#bloc-droite .cadre {
	padding: 10px;
}

#bloc-droite .cadre-liens {
	padding: 10px;
}

#bloc-droite .cadre-liens img {
	margin: 5px 0;
}

#bloc-droite .cadre a,
#bloc-droite .cadre-liens a {
	text-decoration: none;
}

#bloc-droite .cadre a:hover,
#bloc-droite .cadre-liens a:hover {
	color: #f00;
	text-decoration: underline;
}


#bloc-droite .adresse .titre,
#bloc-droite .cadre .titre {
	margin: 0;
	font-size: 14px;  
	font-weight: bold; 
}

#bloc-droite .cadre-liens .doc {
	margin-top: 5px;
}

/*
#bloc-droite .paratonnere br {
	margin: 10px 0;
}
*/
.bloc-droite .stitre {
	margin: 10px 0;
}


#bloc-contenu {
	float: right;
	width: 77%;
}

#bloc-contenu #titre-page,
#bloc-central #titre-page {
	margin: 24px 0;
	font-size: 20px;
	text-align: left; 
	color: #c00000;
} 

#bloc-contenu .descro,
#bloc-central .descro {
	margin: 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #c00000;
}

#bloc-contenu .texte,	 
#bloc-central .texte {	 
	margin: 10px 0;
	text-align: justify;
}

#bloc-contenu .encart-gauche,
#bloc-central .encart-gauche {
	float: left;
}		

/* Espaceur de blocs */
.nettoyeur { 
	clear: both; 
	margin: 0; 
	padding: 0; 
	border: none; 
	height: 0; 
	line-height: 1px; 
	font-size: 1px; 
}		

#redac-cache {
	position: absolute;
	top: 0;
	left: 0;
} 

.pagination {
	text-align: center;
}

/* styles des événements du mois */
/* redéfini plus loin...
.mois-event {
	clear: left;
	font-family: verdana,arial,sans-serif; 
	margin: 10px 0px 0px 15px;
}	
*/

.mois-event-titre a {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.mois-event-titre a:hover {
	font-size: 10pt;
	text-decoration: underline;
	color: #f00;
}

.mois-event-chapo {
	margin-left: 67px;
	font-size: 9pt;
	color: #666;
}

/* redéfini plus loin...
.mois-event-gauche {
	float: left;
	margin-right: 2px;
	width: 65px;
	font-family: arial,sans-serif; 
	font-size: 8pt;
	color: #666;
}  
*/

.mois-event-mot {
	padding: 0px 1px;
	border: 1px #ddd solid;
	font-family: arial, sans-serif; 
	background-color: #aaa;
	font-size: 8pt;
	color: #fff;
}

.chapo-date {
	font-family: georgia, "courier new", "times new roman", serif;
	font-size: 11pt;
	font-weight: bold;
	color: #666;
}	

.date-agenda {
	/*font-family: georgia,times new roman,serif;*/
	font-size: 12px;
	line-height: 120%;
}

/* événements de #contenu-agenda */

#contenu-agenda h3 {
	margin: 0 0 -10px 15px;
	font-size: 16px;
	text-align: right;
}	   

/* suppression de "#contenu-agenda"
#contenu-agenda > .mois-event {
	clear: both;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; 
	margin: 0px 0px 30px 0px;
}

#contenu-agenda > .cercle-event {
	clear: both;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; 
	margin: 0px 0px 30px 0px;
}

#contenu-agenda .mois-event-gauche {
	float: left;
	margin: 10px 2px 0 0;
	width: 20%;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #666;
}

#contenu-agenda .mois-event-titre,
#contenu-agenda .mois-event-stitre {
	float: right;
	width: 75%;
	margin: 10px 0 0 0;
}

#contenu-agenda .mois-event-titre a,
#contenu-agenda .mois-event-stitre a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #d85b00;
}

#contenu-agenda .mois-event-stitre a {
	font-weight: normal;
}

#contenu-agenda .mois-event-titre a:hover {
	font-size: 13px;
	text-decoration: underline;
	color: #f00;
}

#contenu-agenda .mois-event-chapo {
	margin-left: 0px;
	font-size: 13px;
	color: #666;
}

#contenu-agenda .mois-event-mot {
	padding: 0px 1px;
	border: none;
	font-family: arial, sans-serif; 
	background-color: #fff;
	font-size: 12px;
	font-weight: bold;
	color: #777;
}
*/

#contenu-agenda .chapo-date {
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666;
}	

.mois-event {
	clear: both;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; 
	margin: 0px 0px 30px 0px;
}

.cercle-event {
	clear: both;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; 
	margin: 0px 0px 30px 0px;
}

.mois-event-gauche {
	float: left;
	margin: 10px 2px 0 0;
	width: 20%;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #666;
}

.mois-event-titre,
.mois-event-stitre {
	float: right;
	width: 75%;
	margin: 10px 0 0 0;
}

.mois-event-titre a,
.mois-event-stitre a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #d85b00;
}

.mois-event-stitre a {
	font-weight: normal;
}

.mois-event-titre a:hover {
	font-size: 13px;
	text-decoration: underline;
	color: #f00;
}

.mois-event-chapo {
	margin-left: 0px;
	font-size: 13px;
	color: #666;
}

.mois-event-mot {
	padding: 0px 1px;
	border: none;
	font-family: arial, sans-serif; 
	background-color: #fff;
	font-size: 12px;
	font-weight: bold;
	/*color: #c60000; */
	color: #777;
}

/* sélection des saisons */

.bloc-saisons {
	margin-top: 15px;
	font-size: 9pt;
}

.bloc-saisons select {
	border: 1px #ccc inset;
	background-color: #eee;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
}

.bloc-saisons option {
	background-color: #eee;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
}
	
.bloc-saisons input {
	 border: 1px #ccc outset;
	 background-color: #666;
	 color: #fff;
}

.bloc-saisons input:hover {
	 border: 1px #ccc outset;
	 background-color: #ddd;
	 color: #000;
}

/* styles utilisés par les formulaires persos */

/*
p.spip {
}

fieldset.form-groupe {
	padding: 5px;
	border: 1px #aaa solid;
}

fieldset.form-groupe legend {
	font-family: verdana,arial; 
	font-size: 10pt;
	color: #666;
}

.form-ligne {
	clear: both;
	width: 100%;
	margin-top: 10px; 
	padding: 2px;
	font-family: verdana,arial; 
	font-size: 9pt;
	text-align: left; 
}

.form-label {
	float: left;
	width: 190px;
	vertical-align: top;
	font-family: verdana,arial; 
	font-size: 9pt;
	text-align: right;
}

.form-champ, .form-champ-texte, .form-boutons {
	float: right;
	width: 360px;
}

.form-champ-texte input, .form-champ-texte textarea {
	 border: 1px #ccc inset;
	 background-color: #ddd;
}

.form-boutons input {
	 border: 1px #ccc outset;
	 background-color: #666;
	 color: #fff;
}

.form-boutons input:hover {
	 border: 1px #ccc outset;
	 background-color: #ddd;
	 color: #000;
}

.rouge-fort {
	font-size: 11pt;
	font-weight: bold;
	color: #f00;
}

a.lien {
}
*/

/* autres formulaires de deutschmobil */
/*
.spipform-ligne {
	margin: 10px 0;
}

.spipform-ligne label {
	display: block;
	font-weight: bold;
}

input.text-field, textarea.text-field {
	width: 95%;
}

span.obligatoire {
	color: #f00;
	font-weight: bold;
}

span.info-champ {
	color: #000;
	font-weight: normal;
	font-size: 11px;
}

.spipform-masquer {
	display: none;
}	
*/

.form-ligne {
	margin: 10px 0;
}

.form-ligne label {
	display: block;
	font-weight: bold;
}

input.text-field, textarea.text-field {
	width: 95%;
}

span.obligatoire {
	color: #f00;
	font-weight: bold;
}

span.info-champ {
	color: #000;
	font-weight: normal;
	font-size: 11px;
}

.form-masquer {
	display: none;
}

/* formulaire de recherche */

form#form-recherche {
	margin: 10px;
}

form#form-recherche input.formrecherche {
	width: 80%;
	background-color: #ffffc0;
	border: 1px #777 solid;
}

form#form-recherche input.boutonrecherche {
	width: 15%;
	padding: 1px;
	font-size: 11px;
}
	

/* l'équipe */

.equipe td {
	text-align: center;
} 

.equipe tr {
	background-color: #fff;
}	

.equipe img {
	margin-bottom: -15px;
}

/* tableau pour les partenaires (et autres ?) */

.tableau-petits-cars {
	font-size: 13px;
} 

.tableau-petits-cars a {
	text-decoration: none;
} 

/* Petites annonces */

.pa-numero {
	margin: 20px 0;
}

.pa-date {
	margin: 20px 10px;
}

.pa-reponse {
	margin: 20px 10px;
} 

.pa-rappel {
	margin: 20px;
	font-size: 85%;
	color: #666;
}

.pa-rappel .titre {
	font-weight: bold;
}

/* autres formulaires de deutschmobil */

table.klasse-a-classe td.titre-ligne {
	font-size: 80%;
} 

form#form-klasse-a-classe input.formulaire,
form#form-klasse-a-classe textarea {
	width: 90%;
} 
