/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none;

}

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
a{
text-decoration:none;
color:#333333;
}
a:hover{
text-decoration:underline;
color:#000000;
}

body{
	margin:0px;
	color:#666666;
	background-image:url(../images/background1.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	line-height:20px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}
body.bg2{
	background-image:url(../images/background2.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
body.bg3{
	background-image:url(../images/background3.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
body.bg4{
	background-image:url(../images/background4.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
body.bg5{
	background-image:url(../images/background5.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

h1{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#61872e;
	
}
h1.blanc{
	color:#FFFFFF;
}
h1.bleu{
	color:#256499;
}
h2{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#88bc41;
	margin-bottom:15px;
	font-weight: 600;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #88bc41;
}
h3{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#61872e;
	margin-bottom:5px;
}
strong{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	margin-bottom:5px;
	display:block;
	margin-bottom:5px;
}
b {
	text-decoration:none;
	color:#1D4873;
}

#conteneur{
	width: 1009px;
	height:100%;
	margin:0px auto;
	
}

#menu{

}

#bandeau_flash{
	margin-top:10px;
}
#colonne_gauche{
	width:258px;
	float:left;
}
#colonne_droite{
	width:680px;
	float:left;
	padding-top:40px;
	padding-left:70px;
}
#recherche{
	background-image:url(../images/bg_recherche.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-bottom: 30px;
}
.lettre_recherche a{
	color:#4f96d8;
	font-weight:bold;
	display:block;
	width:10px;
	padding:7px;
	float:left;
	text-align:center;
	font-size: 16px;

}
.lettre_recherche a:hover{
	color:#254463;
	font-weight:bold;
	display:block;
	width:10px;
	padding:7px;
	float:left;
	text-align:center;
	background-image:url(../images/fleche.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.liste a{
color:#4f96d8;
}
.liste a:hover{
	color:#000000;
	text-decoration: underline;
}
#calendrier{
	background-image:url(../images/bg_onglet.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:20px;
	padding-bottom: 20px;
}
#sous_menu1{
	background-image:url(../images/bg_mot.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:20px;
	height:150px;
	padding-right: 33px;
}
#sous_menu1 a{
	text-decoration:none;
	display:block;
	padding-left:10px;
	color:#1D5181;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4F96D8;
}
#sous_menu1 a:hover{
	text-decoration:none;
	display:block;
	background-image:url(../images/bg_bt_sous_section.jpg);
	background-repeat:repeat-y;
	padding-left:10px;
	color:#FFFFFF;
}
#sous_menu2{
	background-image:url(../images/bg_relation.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:20px;
	height:120px;
	padding-right: 33px;
}
#sous_menu2 a{
	text-decoration:none;
	display:block;
	padding-left:10px;
	color:#23649E;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4F96D8;
}
#sous_menu2 a:hover{
	text-decoration:none;
	display:block;
	background-image:url(../images/bg_bt_sous_section.jpg);
	background-repeat:repeat-y;
	padding-left:10px;
	color:#FFFFFF;
}
#sous_menu3{
	background-image:url(../images/bg_action.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:20px;
	height:120px;
	padding-right: 33px;
}
#sous_menu3 a{
	text-decoration:none;
	display:block;
	padding-left:10px;
	color:#415A1F;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #88BA41;
}

#sous_menu3 a:hover{
	text-decoration:none;
	display:block;
	background-image:url(../images/bg_bt_sous_section.jpg);
	background-repeat:repeat-y;
	padding-left:10px;
	color:#FFFFFF;
}
#sous_menu4{
	background-image:url(../images/bg_onglet.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:20px;
	/*height:120px;*/
	padding-right: 33px;
}
#sous_menu4 a{
	text-decoration:none;
	display:block;
	padding-left:10px;
	color:#666666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #88BA41;
}
#sous_menu4 a:hover{
	text-decoration:none;
	display:block;
	/*background-image:url(../images/bg_bt_sous_section.jpg);
	background-repeat:repeat-y;*/
	padding-left:10px;
	color:#000000;
}
#membre{
	background-image:url(../images/bg_onglet_membre.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:20px;
	height:135px;
	font-size:11px;
}
#activites{
	width:285px;
	float:left;
}
#actualites{
	width:285px;
	margin-left:45px;
	float:left;
}
#sous_page{
	float:left;
	width: 680px;
}
.lien a{
text-decoration:underline;
color:#6d9535;
}
.lien a:hover{
text-decoration:underline;
color:#364a1a;
}
.date{
	background-image:url(../images/bg_date.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:5px;
	
}
.la_date{
	padding-bottom:17px;
	width:40px;
}
.carre_ajout{
	background-image:url(../images/bg_ajout.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:10px;
	margin-top:60px;
	color:#FFFFFF;
}
.carre_ajout a{
	text-decoration:underline;

	color:#FFFFFF;
}
.carre_ajout a:hover {
	text-decoration:underline;
	color:#445F21;
}
.carre_inscrire{
	background-image:url(../images/bg_inscrire.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-top:10px;

	color:#FFFFFF;
}
.carre_inscrire a{
	text-decoration:underline;

	color:#FFFFFF;
}
.carre_inscrire a:hover {
	text-decoration:underline;
	color:#999999;
}

a.archive{
	display:block;
	width:610px;
	color:#FFFFFF;
	background-color:#88bb41;
	margin-bottom: 3px;
	padding: 5px;

}
a:hover.archive{
	display:block;
	color:#FFFFFF;
	background-color:#78a539;
	margin-bottom:3px;
	text-decoration: none;
}
.archive_date{
	background-color:#61872e;
	margin-right:10px;
	font-weight:bold;
	border: 1px solid #415920;
	padding: 3px;
}


.bouton {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #88bb41;
	border: 1px solid #e3e3e3;
	padding: 1px;
}
a.bt{
	display:block;
	width:208px;
	margin-top:5px;
	text-decoration:none;
	background-image:url(../images/bg_bouton.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
}
a:hover.bt{
	display:block;
	margin-top:5px;
	width:208px;
	text-decoration:none;
	background-image:url(../images/bg_bouton.jpg);
	background-repeat:no-repeat;
	color:#999999;
	font-size:11px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
}
a.en_savoir_plus{
	text-decoration:none;
	float:right;
	display:block;
	font-size:11px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#61872e;
	background-image:url(../images/puce.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:120px;
}
a:hover.en_savoir_plus{
	text-decoration:none;
	float:right;
	display:block;
	font-size:11px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#003300;
	background-image:url(../images/puce.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:120px;
}
a.en_savoir_plus2{
	text-decoration:none;
	
	display:block;
	font-size:11px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#61872e;
	background-image:url(../images/puce.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:120px;
}
a:hover.en_savoir_plus2{
	text-decoration:none;

	display:block;
	font-size:11px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#003300;
	background-image:url(../images/puce.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:120px;
}
.champ_recherche{
	border:solid #e9e9e9 4px;
	background-image:url(../images/bg_champ.jpg);
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-right:5px;
	color:#61872e;
}
.photo{
	border:#88bb41 solid 1px;
	float:left;
	margin-right:8px;
	margin-bottom:40px;
}
#footer{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#88bd42;
	
	padding-bottom:50px;
	padding-top:50px;
}
#footer a{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#88bd42;
	text-align:center;
}
#footer a:hover{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:center;
}
.babillard{
	border:1px solid #999999;
	width:610px;

}
.titre_babillard{
	background-color:#dafda9;

	
	font-weight:bold;
	font-size:12px;
	padding:2px;
	padding-left:12px;
	color:#586B0C;
	border-bottom:1px solid #CCCCCC;
}
.footer_babillard{

	background-color:#dafda9;
	font-weight:bold;
	font-size:10px;
	padding:2px;
	padding-left:2px;
	color:#586B0C;
	border-top:1px solid #CCCCCC;
	
}
.lannonce{
	padding:5px;
	padding-left:12px;
	padding-right:12px;
}
.photo_permanence{
	border: #708F0D solid 2px;
	margin-top:5px;
}
.photo_activite{
	border: #708F0D solid 2px;
	margin-top:5px;
	margin-right:5px;
	float:left;

}
.pagination{
	text-align:center;
	padding-top:30px;

}
.pagination a{
	padding:5px;
	margin:10px;
	background-color:#88bb41;
	width:20px;
	font-weight:bold;
	color:#FFFFFF;

}
.pagination a.selec{
	padding:5px;
	margin:10px;
	background-color:#a2d65a;
	width:20px;
	font-weight:bold;
	color:#FFFFFF;

}
.pagination a:hover{
	padding:5px;
	margin:10px;
	background-color:#6c9435;
	width:20px;
	color:#FFFFFF;
	text-decoration:none;

}
.pale{
	color:#CCCCCC;
}
.bg_tableau{
	background-color:#FFFFFF;
	padding:5px;
}
.tableau{
	border:#F3F3F3 solid 1px;
}

.pad_tableau{
	padding:5px;
}


div#eventslayer {
	background-color:#ffffff;
	color:#333333;
	padding:8px;
	overflow:inherit;
	display:block;
	width:200px;
	border:1px solid #999999;
	z-index:1;
	text-align:left;
}
.eventhere{

color:#FFFFFF;
font-weight:bold;
background-image:url(../images/fond_calendrier.jpg);
}

.calendrier_jour{
color:#FFFFFF;
font-weight:bold;
background-image:url(../images/fond_calendrier_jour.jpg);
}
