/*
By Herreman David
http://www.free-css-templates.com
*/

body {
 background: #FFF url(bg.jpg) repeat-x;
 color: #000;
 padding: 0; margin: 0; font: 0.7em Arial, sans-serif;
}

#annu1 a { color: #99CC00; background: inherit; text-decoration:none; font-weight:bold}
#annu1 a:hover { color: #46574D; background: inherit; font-weight:bold}
#annu2 a { color: #99CC00; background: inherit; text-decoration:none; font-weight:bold}
#annu2 a:hover { color: #46574D; background: inherit; font-weight:bold}
a { color: #46574D; background: inherit; text-decoration:none;}
a:hover { color: #99CC00; background: inherit; font-weight:bold}

h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a { color: #46574D; background: inherit;  }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
h3 { font: 10px Arial, Sans-Serif; margin: 0 0 0px 0; padding: 0; color: #46574D; background: #FFF; }
p {	margin: 0 0 0px 0; line-height:normal; }
form { margin: 0; }

input.search { width: 250px; height: 20px; border: 2px dotted #FFFFFF; background: #FFF; padding: 3px; color: #616161; color:#99CC00; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold }
input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #FFF; padding: 3px; color: #616161; }



.content { margin: 0 auto; padding: 0px; color: #000; }
.header { color: #000; width: 800px; height: 81px;	margin: 0 auto; padding: 0; }
.hearder .leftside {	width: 350px; float: left;  }
.header h1 {

	padding: 0px 0 0 0px;
	color: #000;
	font: bold 2.5em Arial, sans-serif;
	
}

.header h2 {

	
	padding: 0;
	color: #99CC00;
	font: bold 1.8em Arial, sans-serif;
	
	
}
.h1 {

	
	padding: 0;
	color: #99CC00;
	font: bold 1.8em Arial, sans-serif;
	
	
}
.text_padding h3 {

	
	padding: 0;
	color: #99CC00;
	font: bold 1.8em Arial, sans-serif;
	
	
}

.header .searchf {
	float: right;
	margin-right: 15px;
	clear: both;
	margin-top: 30px;
}
#annu1 {float:left; width:220px; position:absolute}
#annu2 {float:right; margin-left:240px; }

.searchpad { padding-top: 15px; }

#lnews { 
	padding: 15px;
	color: #FFFFFF;
text-align:justify;
	width: 800px;
		font: 11px verdana;
	margin-left: auto; margin-right: auto; margin-top: 35px;
}

#lnews h2 { font: bold 1.4em Arial, sans-serif; color: #FF6600; }
#lnews a { color: #FFFFFF; text-decoration: none; } 
#lnews a:hover { color: #006600; text-decoration: underline; }




#nav {
	margin: 10px auto;
	width: 800px;
	height: 28px;
	
}

#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { display:block; font: bold 1.3em arial, sans-serif; color:#99CC00; padding: 5px 10px 5px 10px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #FFF; margin:0; padding:0 0 0 0px; }
#nav #current a { float:left; color:#FFF; border-bottom: 10px solid #0066CC; border-top: 2px solid #FFFFFF; padding: 0 10px 5px 10px;}
#nav a:hover { float:left; color:#FFFFFF; padding: 0 10px 7px 10px; border-bottom: 10px solid #FFFF66; text-decoration:none;}  
#nav .padding { padding: 5px 0 0 10px; font-weight: bold; }


#bottomb {
	clear: both;
	width: 100%;
	background: #C3FE0C url(topb.jpg) repeat-x top;
	font: 1.25em Arial, sans-serif;
backgrund-color: #C3FE0C;
}


#bottomb .padding {
	width: 800px;
	margin: 0 auto;
	padding: 30px 40px 10px 60px;
	
	
}
#bottomb ul { margin:0; list-style:none; padding: 0; }
#bottomb li { 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 3px 0px; 
	border-bottom: 1px dotted #ccc; 
	list-style: none;
}
#bottomb li a { color: #546078; text-decoration: none;  padding: 5px 0 0 0; display: block; margin-bottom: 2px; font-size:11px; font-family:verdana }
#bottomb li a:hover { color: #075181; text-decoration: none; font-weight:normal; background-color: #99FF66; display: block; margin-bottom: 2px; font-size:11px; font-family:verdana }
#bottomb h2 {
	padding: 5px 0 5px 0;
	color: #99CC00;
	font: bold 1.6em Arial, sans-serif;
}

#bottomb .rights {
	float: right;
	width: 200px;
	z-index: 1;
	width: 200px;
}

#bottomb .bottomc {
	width: 200px;
	margin: 0 auto;
	z-index: 2;
	float: center;
	
}
#bottomb2 .bottomc2 {
	width: 460px;
	margin: 0;
margin-right:20px;
	z-index: 3;
	float: left;

}

#bottomb .bottomd {
	width: 200px;
	margin: 0 auto;
	z-index: 3;
	float: left;
	
}


.imgd {
	border: 1px solid #ccc;
	padding: 5px;
	
}
.textetx {line-height:normal}

.main_content {
	margin: 0 auto;
	margin-top: 10px;
	width: 800px;
}


.sd_left {
	float: left;
	color: #000;
	margin: 0 0 0px 5px;
	padding: 0px 20px 0px 5px;
	width: 500px;
	font: 1.3em arial, helvetica, verdana, sans-serif;
}	

.sd_right {
    clear:both;
    float: right;
	color: #000;
	margin: 0 5px 0 0;
	padding: 0px 0px 0 0px;
	width: 250px;
	font: 1.3em arial, helvetica, verdana, sans-serif;
}	
	
.text_padding2 {
	padding: 10px 10px 10px 10px; color:#666666
}

.text_padding {
	padding: 10px 10px 10px 10px;
}
.text_padding2 a:link {
	color:#0099CC; font-size:11px;
}
.text_padding2 a:visited{
	color:#0099CC; font-size:11px;
}
.text_padding2 a:hover {
	color:#99CC00; font-size:11px;
}
.text_padding3  {
	padding:0; color:#0099CC; font-size:20px; font-family:arial;
}
.text_padding3 a:link {
	color:#0099CC; font-size:20px; font-family:arial;
}
.text_padding3 a:visited{
	color:#0099CC; font-size:20px; font-family:arial;
}
.text_padding3 a:hover {
	color:#99CC00; font-size:20px; font-family:arial;
}
.text_padding {
	color:#999999; font-size:12px; font-family:verdana;
}
.text_padding4  {
	padding:0; color:#0099CC; font-size:16px; font-family:arial;
}
.text_padding4 a:link {
	color:#0099CC; font-size:16px; font-family:arial;
}
.text_padding4 a:visited{
	color:#0099CC; font-size:16px; font-family:arial;
}
.text_padding4 a:hover {
	color:#99CC00; font-size:16px; font-family:arial;
}
.main_content h2 {
	padding: 5px 0 5px 0;
	color: #0099CC;
	font: bold 18px Arial, sans-serif;
}
.main_content h3 {
	padding: 5px 0 5px 0;
	color: #0099CC;
	font: bold 18px Arial, sans-serif;
}


.date { 
	color: #46574D; 
	background: #FFFFFF;
	text-align: right; 
	margin: 10px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #FFDEAB;
}
.date img {
	vertical-align: middle;
}

input.button { 
	background: #FFFFF4; 
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}

.footer { 
	background: #99CC00 url(footer.jpg) repeat-x top;
	width: 100%;
	color:#eee;  
	text-align:center; 
	clear:both;
	font: 1.3em arial, helvetica, verdana, sans-serif;
	
}
.footer .padding { padding: 25px 70px 25px 70px; }
.footer a { color:#FFCF83; text-decoration: none;}
.footer a:hover { color:#FFDF83; text-decoration: underline; }
.bottomd {color:#006600; font-size:11px;}
.post {
		position: relative;
		line-height: 1.5em;
		margin: 0 0 1.2em 40px;
		padding: 0 20px 0 0;
	}
	.post a:link {color:#0099CC; text-decoration:none;}
	.post a:visited {color:#0099CC; text-decoration:none;}
	.post a:hover {color:#99CC00; text-decoration:none;}
	.post .day-date {
		position: absolute; top: -2px; left: -45px;
		background: transparent url(images/bgBotDate.gif) no-repeat bottom center;
		width: 40px; color: #adbcc4;
		font-family: Helvetica, Arial, Geneva, sans-serif;
		margin: 0; padding: 0;
		}
	.post .day-date span {
		display: block; text-align: center; font-weight: bold;
		}
	.post .day-date .day {
		text-shadow: 2px 2px 2px #ccc;
		background: transparent url(images/bgTopDate.gif) no-repeat top center;
		font-size: 2em; padding: 8px 0 0 0;
		}
	.post .day-date .month {}
.post-info {
		font-size: 10px;
			color: #999999;
 }

	.post .post-info {
		font-size: 0.7em;
			color: #999999;
		font-family: "HelveticaNeue-Light", Helvetica Neue Light, Helvetica, Arial, Geneva, sans-serif;
		margin: 0 0 0.3em 0; padding: 0 0 0 15px; position: absolute;
		line-height: 1.3em;
		}
.post .post-info2 {
		font-size: 0.7em;
			color: #999999;
		font-family: "HelveticaNeue-Light", Helvetica Neue Light, Helvetica, Arial, Geneva, sans-serif;
		margin: 0 0 0.3em -18px; padding: 0 0 0 15px; position: absolute;
		line-height: 1.1em;
		background: transparent url(images/icn_etoile.png) no-repeat left center;
		}
	.post .content { font-family:verdana; font-size:11px; font-color:#666666; line-height:15px;}
	.post .post-info a:link {
		color: #999999; text-decoration:none;
	   }
.post .post-info a:visited {
		color: #999999; text-decoration:none;
	   }
	.post .title  {
	   font-size: 1.8em;
	   color: #56017d;
	   margin: 0 0 5px 0;
	   }
.post h1  {
	   font-size: 1.6em;
	   color:#FF0099;
	   margin: 0 0 5px 0;
	   }
	.post .title a {
		text-decoration: none;
		color: #56017d;
		}
	.post-content p img {
		float: left; display: block;
		padding: 0.5em 1em 0.5em 0;
		}
	.post .post-info-co {
		background: transparent url(images/icn_Comments.png) no-repeat 5px 51%;
		padding: 0 0 0 25px; margin: 0;
		line-height: 1.5em; vertical-align: middle;
		color: #8C99A5; border-bottom: 1px #cddae1 dotted;
		}
	.post .post-info-co a {
		color: #8C99A5;
		text-decoration: none;
	   }
	.post .post-title a:hover {color: black}
#tag {border:1px dotted; border-color:#CCCCCC; background-color:#F3F3F3; padding:5px; font-style:verdana; font-size:11px; color:#666666;}
.hr {border: 1px dashed; border-color: #E6E6E6;  height:0px;  width:80%; margin-bottom:5px; margin-top:5px; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
color:#99CC00;
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }
 .formm {
	width: 160px;
	padding: 1px;
	border: 0px;
	font-family:"Courier New", Courier, mono;
	font-size: 12px; color:#999999; }
.fond_recherche {
	background: url(images/fond-search.gif) no-repeat ;
width:400px; height:40px;
margin-top:5px;
	 }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #99CC00; }
fieldset.reponse_formulaire { border: 1px dotted; border-color:#99CC00; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 12em; padding-bottom:0px;}
.formulaire_google { text-align: left; width: 12em; padding-bottom:0px;}
.formulaire_recherche label { display: none; }