/* ppal : le cadre exterieur */
#ppal {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-color:#000;
}

#header {
	background-position: center top;
	background-image: url(img/barre_horizontale.gif);
	margin: 0px;
	padding: 0px;	
	background-repeat:no-repeat;
}

#footer {
	background-position: center bottom;
	background-image: url(img/barre_horizontale.gif);
	margin: 0px;
	padding: 0px;	
	background-repeat:no-repeat;
}

/* pays : en haut à droite*/
#pays {
	text-align: right;
}

/* logo : banniere en haut */
#logo {
	padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	/* ne pas modifier */
	height: 201px;
    /* ne pas modifier */
	width: 778px;
	border-style: double;
	border-color: #9c6b9b;
	background-image: url(img/head.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* nav : navigation en dessous de la banniere */
#nav {
	text-align: center;
	border-top: 0px;
	border-bottom : 0px;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #333333;
	vertical-align: center;
	margin-top: 0px;
	margin-bottom: 15px;
	word-spacing: 5px;
	background-color: #91B924;
}

.navdeb a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.navelt a:hover {
	color: #FFFF9e;
	text-decoration: none;
	font-weight: bold;
}
/* col : colonne de gauche taille fixe et flottant,
donc il faut mettre une margin-left a #main au moins de la largeur
de #col */

#col {
	float:left;
	width: 220px;
	/*width:30%;*/
	text-align: center;
	font-size: 11px;
	margin-top: 20px;
	padding-top: 15px;
	background-color: #FFFF9e;
	margin-left: 5 px;
	border-style: double;
	border-color: #80A223;
}

/* colbox : boite element de col */
.colbox {
	text-align: center;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
}
/* Categories pour les galeries de photo */
.colbox>h3 {
	font-weight: bold;
	text-align: center;
	color: #91B924;
	font-size: 12px;
	padding:3px;
	padding-bottom : 0px;
}

/* pour avoir des listes centrees et sans puce, pour les categories et les archives */
.colbox ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* colboxmini : comme colbox mais avec marges bidouillees pour rendre bien avec le formulaire de recherche */
.colboxmini {
	text-align: center;
	padding:3px;
	padding-bottom : 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* colboxtitle : titre de boite colbox */
.colboxtitle {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	color: #91B924;
}

#links {
	/*color: red;*/
}

#links h3 {
	/*color:blue;*/
	color: #91B924;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

#links a {
	/*color:white;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;

}

/* bidouilles voir avant */
.colboxtitle:before {
	content: " ";
	color: #91B924;
}

.colboxtitle:after {
	content: " ";
	color: #91B924;
}

/* colhr : separation entre les colbox */
.colhr {
	height: 0px;
	border: 0px;
	padding: 0px;
}

/* bas : conteneur de #col et #main : ne sert a rien d autre */
#bas {
}

/* main : partie principale du layout qui contient les posts, etc. 
NB: - taille fixe (pas au pixel pres sinon ie fait nimp)
    - marge gauche taille superieure a largeur #col
*/
#main {
	float: right;
	width: 500px;
	/*margin:0 0 0 30%;*/
	padding-right: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}

/* postbox : boite contenant un post */
.postbox {
	/*padding-left: 15px;*/
}

/* posttitle : titre de post */
.posttitle {
	font-size: 14px;
	font-weight: bold italic;
}

h3.posttitle {
	color: #91B924;
	text-align:left;
	border-bottom: 1px solid #9EBD2E;
}

p.posttitle {
	font-weight: normal;
	color: #91B924;
	font-size: 11px;
}
/* postmain : corps du post */
.postmain {
	padding-left: 30px;
	text-align: justify;
}

/* postchapo : chapo du post */
.postchapo {
	padding-left: 30px;
	text-align: justify;
}

/* postfoot : bas du post */
.postfoot {
	text-align: left;
}

/* spacer : bidouille css pour que #col et #main aient
des hauteurs correctes */
.spacer {
	clear: both;
	background-color: #FFFFCC;
}	

a:link {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #91B924;
	text-decoration: none;
	font-weight: bold;
}

h1{
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 18px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #91B924;
}

h2 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #91B924;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #91B924;
	margin-left: 0px;
	font-weight: bold;
	background-image: url(img/cep.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 20px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin-top: 0px;
}

h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin-top: 0px;
}

/* img : pour eviter d' avoir une marge quand dans un lien */
img {
	border: 0px;
}


form {
	padding: 0px;
}

/* fieldset : conteneur des elements d'un formulaire */
fieldset {
	border: 0px;
	padding: 0px;
	padding-top: 10px;
}

input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;

}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #333333;
}

/* mise en forme du calendrier */
.cal th{
	width:5px;
	font-weight: normal;
	font-size: 80%;
	text-decoration: none;
	border-style: double;
	border-color: #80A223;
}

/* mise en forme du calendrier */
.cal td {
	width:5px;
	font-weight: normal;
	font-size: 80%;
	text-decoration: none;
	border-style: groove;
	border-color: #80A223;
	text-align:right;
}

.cal abbr {
	border: none;
}

.cal a {
	font-size:150%;
}

body {
	text-align: center;
	background-position: center top;
	background-image: url(img/background.gif);
	margin: 0px;
	padding: 0px;

}
#trackbacks {
	margin-top: 30px;
}

#tb {
	border-bottom: 1px solid #9EBD2E;
	color: #91B924;
}

#comments {
	margin-top: 30px;
	color: #91B924;
}

#co {
	border-bottom: 1px solid #9EBD2E;
	color: #91B924;
}


#comments fieldset,#content fieldset {
	background-image: url(img/background-green.gif);
	padding: 10px;
	color: #000;
	border:1px solid #9EBD2E;

}
#comments legend {
	font-size: 11px;
	color: #000;
	font-weight:bold;
}
#comments p {
	font-size: 11px;
	color: #000;
}
#comments input, #comments textarea,#content textarea,#content input{
	border: 1px solid #9EBD2E;
	background-color: #FFF;
	font-size: 12px;
	color: #5B6C1C;
	font-family: Arial, Helvetica, sans-serif;
  	moz-border-radius: 4px; /* pas valable sous IE */
}

#comments label {
	vertical-align:top;
	float:left;
	text-align:right;
	width:40%;
	color: #000;
}

#comment-preview {
	font-size: 12px;
	color: #000;
	font-weight:bold;
}

/* Formulaire de contact CSS */

.erreur-form {
	border: 1px solid red;
	font-weight:bold;
	text-align:center;
}

.ok-form {
	border: 1px solid #91B924;
	font-weight:bold;
	text-align:center;
}

/* Fin du formulaire de contact CSS */

/* Magouille pour permettre à la barre verte d'en bas de se positionner toujours au plus bas des deux colonnes */
hr.cleaner {
    clear:both;
    height:1px;
    margin: -1px 0 0 0; padding:0;
    border:none;
    visibility: hidden;
}