@charset "UTF-8";
/* CSS Document */

body {
	background-color: #999999;
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 125%;
	padding:0;
	margin:0;
}
img{
	border-style: none;
}

html {
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 125%;
}

.spip_documents_right {
	margin-left:10px;
	margin-bottom:10px;
}
.spip_documents_left {
	margin-right:10px;
	margin-bottom:10px;
}
#texte .spip_surligne {
	background-color: yellow;
}

#legend {
	padding: 0;
	text-align: center;
	margin-bottom: 0;
}

#legend img {
	vertical-align: middle;
}

#legend li {
	display: inline;
	margin-right: 5px;
}

.rss_sport {
	text-align: right;
}

.logo_jeu {
	float:left;
	padding: 5px;
	text-align: center;
}

.logo_jeu a img {
	border:1px solid #b1067c;
}

.logo_jeu a:hover img {
	border:1px solid black;
}

/* Formulaires du plugin Forms & Tables */

#gauche .spip_forms, #gauche .spip_forms fieldset {
	border:0;
}

#gauche .spip_forms fieldset legend {
	display: none;
}

#gauche .spip_forms fieldset .spip_form_label, 
#gauche .spip_forms fieldset .spip_form_label label, 
#gauche .spip_forms fieldset .spip_form_label .label {
	color: white;
	font-weight: normal;
}

#gauche .spip_forms fieldset .spip_form_champ {
	margin-top: :0;
}

#gauche .spip_bouton {
	margin-right: 20px;
}
/* Pave central 800 px centre */

#centre {
	position: absolute;
	width: 950px;
	left: 50%;
	margin-left: -475px;
	margin-top: 10px;

}

#prec_suiv {
}

#prec_suiv .precedent {
	float:left;
}

#prec_suiv .suivant {
	float:right;
}

#bandeau {
	height:115px;
}


#etab .icones {
}

#etab .icones img {
	float:left;
}


#articles_freres {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-top: 5px;
	list-style: none;
	border-top:1px solid grey;
}

#articles_freres h3 {
	display: none;
}

#articles_freres small {
	display: block;
}

div.socialtags {
	width: 430px;
	clear: none;
	text-align: right;
	margin-top: 10px;
	padding-bottom: 10px;
}

.socialtags ul {
}

.socialtags ul li {
	display: inline;
}

.zoom{
	position: absolute;
	left: 180px;
	top: 29px;
	color: #FFFFFF;
	
}
.zoom a{
	display:block;
	height: 26px;
	width: 98px;
	color:#FFFFFF;
	text-align:center;
	background: url(../images/fond-zoom-off.gif) no-repeat 0px 0px;
	line-height:26px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.zoom a:hover{
	background: url(../images/fond-zoom-on.gif) no-repeat 0px 0px;
}

.event{
	position: absolute;
	left: 180px;
	top: 66px;
}
.event a{
	display:block;
	height: 26px;
	width: 121px;
	color:#FFFFFF;
	text-align:center;
	background: url(../images/fond-event-off.gif) no-repeat 0px 0px;
	line-height:26px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.event a:hover{
	background: url(../images/fond-event-on.gif) no-repeat 0px 0px;
}

.air{
	position: absolute;
	left: 482px;
	top: 68px;
}
.mer{
	position: absolute;
	left: 641px;
	top: 68px;
}
.terre{
	position: absolute;
	left: 799px;
	top: 68px;
}
.rss{
	position: absolute;
	left: 867px;
	top: 18px;
	width:70px;
}
.rss a{
	color: #FFFFFF;
	text-decoration: none;
}
.rss a:hover{
	text-decoration: underline;
}
.rss img{
}

#selection {
	background-color: #622181;
	background-image: url(../images/lannuaire.gif);
	height: 30px;
	background-repeat: no-repeat;
	background-position: center left;
}

#selection img {/*
	margin-top: 3px;
	margin-bottom: 3px;
*/}

#menus{
	float: right;
	width: 485px;
}
#menus select {
	width: 139px;
	margin-left:17px;
}

#page {
	clear: both;
	background: #FFFFFF;
	padding-top: 10px;
}

/* ---------- Partie gauche------- */

#gauche {
	float: left;
	width: 455px;
	padding: 0 10px 10px 10px;
}

#gauche .spip_logos {
	margin-bottom:20px;
	margin: auto;
}
#gauche a{
	color: #FFFFFF;
	text-decoration: none;
}
#gauche a:hover{
	color: #000000;
	text-decoration: none;
}
#titre{
	display: block;
	margin-right: 20px;
}
#titre .spip_logos{
	float: left;
	border: 5px solid #FFFFFF;
	margin-right: 15px;
}
.jeu{
	margin-top: 15px;
	border-style: none;
}
#titre h1{
	font-size: 22px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0px;
	padding: 20px 0px 0px;
	line-height: 26px;

}

/*
- - - - -Pavés gauche Sport
*/

.paves{
	float: left;
	width: 140px;
	margin-right: 10px;
}
.paves h1{
	margin: 0px;
	font-size: 16px;
	color: #FFFFFF;
	padding: 2px 0px 0px;
}
.paves ul{
	margin: 5px 0px 0px;
	padding: 0px;
	list-style: none;
	color: #000000;
}
.paves li{
	margin: 0px;
	padding: 2px 0px 5px;
	border-bottom: 1px dotted #CBEB89;
}
.paves small{
	font-size: 11px;
	line-height: 15px;
}


.savoir{
	background: #E6408D;
}
.lien{
	background: #5B54A5;
}
.agenda{
	background: #93107E;
}

.desc_accueil {
	color: white;
	margin-bottom: 15px;
	text-align: center;
	font-size: 14px;
}

#actu .formulaire_recherche {
	padding:10px 0px 10px 10px;
	text-align: right;
	display: none;

}

#droite .formulaire_recherche {
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;	
	padding: 5px 0 5px 0;
	margin: 10px 0 5px 0;
}

.formulaire_date_events 
{
	background: #F9F0C5 none repeat scroll 0 0;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;	
	padding: 5px 0 5px 0;
	margin: 10px 0 5px 0;
}

.formulaire_date_events a, .formulaire_date_events a img {
	text-decoration: none;
	color: grey;
}

.formulaire_date_events a:hover, .formulaire_date_events a:hover img {
	text-decoration: underline;
}

.formulaire_date_events label {
	color: gray;
	font: 13px bold;
}

#actu{
	clear:left;
	padding-top: 15px;
	color: #FFFFFF;
	width: 438px;
}

#actu img{
	margin-bottom: 10px;
	
}
#actu h1{
	margin: 0px;
	font-size: 16px;
	color: #FFFFFF;
	background: #F29400;
	padding: 2px 0px 0px;
}
#actu ul{
	margin: 5px 0px 0px;
	padding: 0px;
	list-style: none;
}
#actu li{
	margin: 0px;
	padding: 3px 0px 10px;
	border-bottom: 1px dotted #CBEB89;
}
#actu .descriptif{
	display:block;
	margin-top: 3px;
	color: #000000;
}
#actu a{
	font-size:14px;
}
#search {
	margin-top:15px;
}
#search form{
	margin: 0px;
	padding: 0px;
	width: 220px;
	float: left;
	margin-top:-3px;
}
#search label{
	display: none;
}
#search input{
	padding: 3px;
	border-style: none;
	background: url(../images/fond-input.jpg) repeat-x 0px 0px;
	width: 200px;
	font-size:13px;
}

/* ---------- Galerie pour zoom------- */

#galerie{
margin-top: 15px;
}
#galerie a {
}
#galerie a:hover {
	color: #000000;
}
#galerie img {
	border: 1px solid #FFFFFF;
}
.vignette {
	float: left;
	width: 140px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	height: 140px;
}
.separateur {
clear:left;
height:10px;
}

/* ---------- Pagination------- */

#gauche .pagination {
	margin-top: 5px;
}

#gauche .pagination a {
	text-decoration: none;
	color:#000000;
	padding: 0 3px 0 3px;
	background: #FFFFFF;
}
#gauche .pagination a:hover {
	text-decoration: none;
	color:#FFFFFF;
	padding: 0 3px 0 3px;
	background: #6666FF;
}

#gauche .pagination .on {
	padding: 0 3px 0 3px;
	color:#FFFFFF;
	background: #6666FF;
}


/* ---------- Partie droite------- */

#droite{
	margin-left: 490px;
	padding-right: 20px;
}
#pub-droite{
	margin-bottom:20px; 
}
#chemin{
	font-size: 11px;
	color: #666666;
	padding-bottom: 10px;
}
#chemin a{
	color: #004F67;
}
#chemin a:hover{
	text-decoration: none;
}

#texte{
	line-height: 140%;
}

#droite .boutonstexte {
	display:none;
}

#texte h1{
	font-size: 22px;
	line-height: 22px;
}
#texte h2{
	font-size: 15px;
	line-height: 140%;
	color: #801871;
}
#texte h3{
	font-size: 14px;
}
#texte ul{
}
#texte li{
}
#texte a{
	color: #5851A0;
}
#texte a:hover{
	color: #E6408D;
}
#texte .date {
	text-align: right;
	color: grey;
}

#inscription
{
	background: #F9F0C5;
	color: #622181;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ---------- Liste des articles d'une rubrique------- */

#liste-article {
}
#liste-article ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#liste-article li {
	clear: right;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}
#liste-article a{ 
	font-size: 15px;
	color: #91187F;
	text-decoration: underline;
}
#liste-article a:hover {
	text-decoration: none;
}
#liste-article .spip_logos {
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
	border:1px solid #CCC;
}
#liste-article .soustitre {
	font-weight: bold;
	display: block;
}
#liste-article .resume {
	display: block;
}

/* ---------- Pagination------- */

#liste-article .pagination {
	margin-top: 15px;
	margin-bottom: 0;
	padding-bottom: 15px;
}

#liste-article .pagination a {
	text-decoration: none;
	color:#000000;
	padding: 0 3px 0 3px;
	background: #DDA8E3;
	font-size: 13px;
}
#liste-article .pagination a:hover {
	text-decoration: none;
	color:#FFFFFF;
	padding: 0 3px 0 3px;
	background: #821571;
}

#liste-article .pagination .on {
	padding: 0 3px 0 3px;
	color:#FFFFFF;
	background: #931880;
	text-decoration: none;
}

/* ---------- Bas de page------- */

#bas {
	color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 10px;
	background: url(../images/logo-bas.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #5A5099;
}

#bas .bande{
	padding: 5px;
	background: #622181;
	text-align: center;
}

#bas a{
	color: #FFFFFF;
	text-decoration: underline;
}
#bas a:hover{
	text-decoration: none;
}
#bas h1{
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	margin: 20px 0px 0px;
	padding: 0px 25px;
}
#bas ul {
margin-left:0px;
margin-right:0;
	padding: 0px 25px;

text-align:justify;
text-decoration:none;
text-transform:uppercase;
}
#bas li {
display:inline;
list-style-type:none;
text-transform:lowercase;
}

#bas-copyright{
	margin-right: 25px;
	margin-left: 25px;
	margin-top:10px;
	font-size: 14px;
}
#bas-copyright p{
	margin-left: 120px;
	text-align: center;
	margin-right: 50px;
	margin-bottom: 30px;
}

/*
Recommander ce site
*/

#recommander {
	text-align: center;
	margin-bottom: 20px;
}

#texte h3.mail_dest {
	text-align: center;
	font-size: 18px;
	color: black;
	margin: 10px;
	margin-bottom: 20px;
}

/*
Nuage de tags
*/

#nuage {
	padding: 10px 20px 20px 20px;
	line-height: 25px;
	text-align: center;
}