/* http://www.mentalized.net/cssdepot/layouts/LeftFluid_RightFluid_PagewideHeader.asp */

#header {
 	margin: 0;
     padding: 0 0.5em;
     }

.chemin {
	background: InfoBackground;
	}

#container, #footer {
       margin-left:  0.5em;
       margin-right: 0.5em;
       clear:        both;
            }

#footer1 {
/*     margin-left:  0.5em;*/
       margin-right: 0.5em;
       clear: both;
       }

#left {
     float:  left;
     margin-right: 0.5em;
     width:  20%;
/*	padding-left: 1%; */
	_margin-left: 0px;
	_padding: 0%;
	padding-bottom: 10px;
	text-align: left;
     }

#right {
       float:  right;
       width:  75%;
       }

#right-img {
       float: right;
       margin-right: 0.5em;
	width: 500px;
     }

#left-txt {       margin-right: 10px;

            }

#right-auteur {
	float:  right;
     margin-right: 0.5em;
     width: 45%;
     }

#left-auteur {
     float:  left;
     width: 45%;
            }

	@import "all.css"; /* just some basic formatting, no layout stuff */

body {
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	color: #000000;
	height:100%;
	width:100%;
}

/* Bandeau */
	.entete {
	background-color: #A3C5F5; /*#99CDFF */
/*	height: 28%; */
	width:100%;
}

/* Bandeau */
	.entetecmd {
/*	height: 28%; */
	width:100%;
}

.carte {
	width:19%;
	z-index:-1;
		margin: 5px;
}
#titre-gen {
	float: right;
	width: 80%;
	color: #0000FF;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.titre-gen {
	font-size: 3em;
	color: #0000FF;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background: center;
	margin: 15px 25px;
}
#liens-titre {
	font-size: 2em;
	color: #0000FF;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background: center;
	margin: 15px 30px 0px 30px;
}

#titre-gencmd {
	float: right;
	width: 78%;
	color: #0000FF;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.titre-gencmd {
	font-size: 2em;
	color: #0000FF;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background: center;
	margin: 30px 30px;
}

.menu-gen {
	float: none;
	font-size: 1em;
	color: #0000FF;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

.menu a {
	margin: 2px 2px 2px 2px;
	width: 150px; /* on dýfinit la taille du bouton de menu */
	height: 30px;
	float: center;
	display: inline;
	text-align: center;
	border: 1px solid #FFCC66;
	text-decoration: none;
	background: #99CDFF;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.menu li {
	display: inline;
	}

.menu a:hover {
	background: #FFCC66;
	border: 1px solid #99CDFF;
}

.menu a:active {
     background: #FFCC66;
     border: 1px solid #99CDFF;
     color: #fff;
     }


.menu-spip {
	background-color: #99CDFF; /*92C4F3*/
	height: 5%;
	width:100%;
}

.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	background-color: #FFCC66;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.navigation2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	background-color: #99CDFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Fin Bandeau */

a.info{position: relative;z-index:24;background-color:#99CDFF; color:#000; text-decoration:none}
a.info:hover{z-index:25;background-color: #FFCC66}
a.info span{display: none;text-decoration:none}
a.info:hover span{display:block;
    position:absolute; top:2em;left:2em; width:40em;
    border:1px solid #0cf; background-color:#99CDFF; color:#000;text-align: left;text-decoration:none}


	/* Elýments */

	p,h1,pre {
		margin:0px 30px 10px 30px;
		}

	h1 {
		font-size:16px;
		padding-top:10px;
		}

	h1 a {
		font-size:16px;
	}
	h2 a {
		font-size:14px;
	}
	h3 a {
		font-size:12px;
	}

	#rightcontent p {
		font-size:10px;
		margin-left:0px;
		}

		a {
	color:#09c;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}

a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #FF6600;
}
a:hover { color:#2D8263; text-decoration: underline}


ul {
	list-style-type: none;
	} /* on supprime les puces, inutiles */

li {
	float: left;
	} /* on aligne les listes sur la gauche */

#Menu-region {
	width: 97%;
	padding: 5px;
	background-color: transparent;
	border: #99CDFF;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1em;
	line-height: 17px; /* Again, the ugly brilliant hack. */
	voice-family: "\";
}\"";
	voice-family:inherit;
	width:97%;
	}
/* Again, "be nice to Opera 5". */
body>#Menu-region {width:97%;}

#Menu-auteurs {
	width: 97%;
	padding: 5px;
	background-color: transparent;
	border: #FFCC66;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1em;
	line-height: 17px; /* Again, the ugly brilliant hack. */
	voice-family: "\";
}\"";
	voice-family:inherit;
	width: 97%;
	}
/* Again, "be nice to Opera 5". */
body>#Menu-auteurs {width:97%;}

.Rub1 {
	font-size: larger;
	width: 90%;
	padding: 5px;
	background-color: transparent;
	border: #FFCC66;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 21px;
	line-height: 17px; /* Again, the ugly brilliant hack. */
	voice-family: "\";}\"";
	voice-family:inherit;
	width:90%;
	}
/* Again, "be nice to Opera 5". */
body>.Rub1 {width:90%;}

.Rub2 {
	width: 70%;
	padding: 5px 2em 2em 1em;
	background-color: transparent;
	border: #99CDFF;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 14px;
	margin-left: 1em;
	line-height: 17px; /* Again, the ugly brilliant hack. */
	voice-family: "\";}\"";
	voice-family:inherit;
	width:70%;
	}
/* Again, "be nice to Opera 5". */
body>.Rub2 {width:70%;}

.Rub3 {
	width: 70%;
	padding: 5px 2em 2em 4em;
	background-color: transparent;
	border: #FFCC66;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 7px;
	margin-left: 2em;
	line-height: 17px; /* Again, the ugly brilliant hack. */
	voice-family: "\";}\"";
	voice-family:inherit;
	width:70%;
	}
/* Again, "be nice to Opera 5". */
body>.Rub3 {width:70%;}

.decal1 {
	width: 100%;
	padding: 0 0 0 0;
}
.decal2 {
	width: 100%;
	padding: 0 0 0 1em;
color: #FF6800;
}
.decal3 {
	width: 100%;
	padding: 0 0 0 2em;
	font-size: 85%;
}

.decalrub1 {
	width: 100%;
	padding: 0 0 0 0;
}
.decalrub2 {
	width: 80%;
	padding: 0 0 0 1em;
	font-variant: small-caps;
	text-align: justify;
}
.decalrub3 {
	width: 50%;
	padding: 0 0 0 2em;
	font-size: 85%;
	font-variant: small-caps;
}
.decalrub4 {
	width: 50%;
	padding: 0 0 0 4em;
	font-size: 75%;
}

.decalrubliste{
	width: 80%;
	padding: 1em 0 1em 4em;
	font-size: 65%;
	text-align: justify;
}



h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #BA015E}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #F3B972; font-weight: bold}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #559755}
h4 {  font-size: 12px; color: #999999}
h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; font-weight: normal}
h6 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: normal}

p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

/* encadrement des articles */
table { font-size: 12px; }

td {padding: 5px 5px 5px 0px}
.td-article1 {  border: #FFE6B3; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333}
.td-article2 {
	border: #9DC89D;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.td-sommaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	border: 1px solid Blue;
	padding: 5px 5px;
}
.td-som-articles {  background-color: #FFF7E6; border: #FFE6B3; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #559755}

.tdliste{
	padding-left: 7em;
}
.entete {
	font-size: 14px;
	font-weight: bold;
}
.tete {
	font-size: 12px;
	font-weight: bold;
}

/* formatage des articles */

.date {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.surtitre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #559755}
.titreC {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #633463}
a.titreC1 {  color: #D23200}
.titreT {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #BA015E}
.titre {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #67349A}
.soustitre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #F3B972; font-weight: bold}
.ps {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #A60053; font-size: 10px}
.auteur {  font-size: 12px; color: #999999}



/* styles pour le formulaire */

.bouton {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-color: #FFFFFF }
.champ {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; color: #333333}


/* styles forum */

.forum-fond {  background-color: #A60053}
.forum-haut {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #498549; background-color: #E2EFE2}
.forum-milieu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; background-color: #FFF3D9}
.forum-bas {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #FFFFFF}


/* styles SPIP */

a.spip_url ý{ }
a.spip_in ý {font-size:16px; }ý
a.spip_out ý{ }

.spip_code { }

p.spip_note { font-family: Verdana, Arial, Helvetica, sans-serif; color: #A60053; font-size: 10px }

h3.spip { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #559755}

table.spip {}
table.spip tr.row_first { background-color: #FCF4D0;}

table.spip tr.row_odd {	padding: 5px; background-color: #FEF4EB; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #565555; border: 4px #FEF4EB solid;  padding: 5px;}
table.spip tr.row_even { padding: 5px; background-color: #F0F0F0;}
table.spip td {	padding: 5px; text-align: left;	vertical-align: center;}

hr.spip { font-weight: lighter; color: #E4E4E4; width : 80%}

b.spip { }

i.spip { }

.forml { width: 100% ; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}

.spip_encadrer { width : 90%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #FEF4EB; padding: 5px; border: 1px #FFDDB3 solid; }

.spip_cadre { width : 90%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #EBEFEB; padding: 5px; }
.spip_bouton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; color: #333333}
.bouton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; color: #333333}
.formrecherche { width: 100% ; background-color: #FFFFFF;}
.reponse_formulaire { font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 110%; color: #A60053;}
.note {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}