body{
	background-color:#369;
	color:#fff;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvecat01
	tica,sans-serif;
	font-size:small;
	margin:2em 1%;
	padding:0;
}

acronym.premier{
	cursor:help;
	border-bottom:1px dotted #369;
}

code,pre{
color:#297700;
background-color:transparent;
font-family:"Courier New",Courier,monospace;
font-size:small;
}

pre{
border-left:5px solid #a2c2e1;
padding:0.5em 1em;
margin-left:2em;
}

blockquote,q{
font-style:italic;
color:#369;
background-color:transparent;
quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

samp{
font-size:small;
color:#000;
background-color:#d6e1ec;
}

caption{
margin:1em 0;
color:#369;
background-color:#a1c2e1;
font-weight:700;
}

thead{
	background-color:#d6e1ec;
	color:#369;
}

table{
	margin-top:1em;
}

table,td
{
	border-collapse:collapse;
	border:0px solid #a2c2e1;
	padding:0.2em;
}

:focus{
	background-image: none !important;
	background-color:#666 !important;
	color:#fff !important;
}

/**********************************************************************/
span.patronyme{
font-variant:small-caps;
font-size:1.1em;
}

/* Dfinitions des lments dans l'ordre du code XHTML */
#page{
	/*color:#000;*/
	color:#690;
	background-color:#fff;
	border:2px solid #000;
	/* permet de fixer une hauteur mini sur les navigateurs modernes */
	min-height:42.8em;
	/* pour obtenir le mme effet sur IE, sachant que si le contenu dpasse, il
	"poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes
	*/
	height:42.8em;
}

/*pour rtablir le mauvais effet sur les nav. modernes */
html>body #page{
	height:auto;
}

#accessible{
	left:0;
	position:absolute;
	top:0.2em;
	width:100%;
	margin:0;
	padding:0;
}

#accessible ul{
	margin:0 0 0 1em;
	padding:0;
	float:left;
}

#accessible li{
	background-color:transparent;
	color:#fff;
	display:inline;
	margin:0 1em 0 0;
}

#accessible a{
	background-color:transparent;
	color:#fff;
}

#accessible a:hover{
text-decoration:none;
}

#switcher{
margin:0;
padding:0;
}

#habillage label{
vertical-align:top;
margin-left:0.5em;
color:#fff;
background-color:transparent;
}

#habillage select{
background-color:#369;
color:#fff;
}

#habillage input{
border:1px solid #fff;
color:#fff;
background-color:#f90;
font-weight:700;
}

#habillage input:hover{
color:#036;
background-color:#d6e1ec;
cursor:pointer;
}

#moteur{
position:absolute;
right:6%;
top:4.9em;
text-align:right;
}

#moteurint label{
display:block;
text-align:left;
color:#c60;
background-color:#fff;
font-weight:700;
}

#moteur input.champs,#texte form input.champs{
	color:#333;
	background-color:#fff;
	background-image:url("champs.png");
	background-position:top;
	background-repeat:repeat-x;
	border:1px solid #999;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	width:12em;
}

#moteur input.valid,#texte form input.valid{
	background-color:#f90;
	background-image:url("ok.png");
	background-position:bottom;
	background-repeat:repeat-x;
	border-color:#c60;
	border-style:solid;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	font-weight:700;
	text-align:center;
}

#moteur input.valid:hover,#texte form input.valid:hover{
	background-color:#69c;
	background-image:url("oksurvol.png");
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #369;
	color:#fff;
}

#moteur input.valid:active,#texte form input.valid:active{
background-color:#9cf;
background-image:url("okclic.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #9cb4ce;
color:#fff;
}

#logo{
margin:4em 0 0 5%;
}

#logo img{
border:0;
}

#logo a{
color:#000;
background-color:transparent;
}

/*#menus{

}*/

#accueil{
margin-bottom:1em;
}

#accueil ul{
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#d6e1ec;
	padding:0;
	margin:0;
}

#accueil li{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
}

#accueil a{
display:block;
text-decoration:none;
color:#369;
background-color:#fff;
padding-left:1em;
}

#accueil a:hover{
background-color:#eff4fa;
color:#036;
}

#profil{
	background-color:#fff;
	color:#000;
	position:absolute;
	right:6%;
	text-align:center;
	top:9em;
	width:20.5em;
}

#profil h2{
border-bottom:3px solid #78705c;
font-size:small;
font-weight:500;
margin:0;
}

#profil h2 em{
color:#69c;
background-color:transparent;
font-style:normal;
font-weight:700;
}

#profil ul{
background-image:url("profil.png");
background-position:top;
background-repeat:repeat-x;
margin:0;
padding:3px 0 0 0;
}

#profil li{
display:inline;
font-weight:700;
margin:0;
padding:0;
}

#profil a{
color:#686151;
background-color:transparent;
padding:0 0.5em;
text-decoration:none;
}

#profil a:hover{
background-color:#c60;
color:#fff;
}

/* --------------- */
#sectionmenus{
	left:27px;
	position:absolute;
	top:41px;
	width:17%;
	overflow:hidden;
	/*background-color:#c60;*/
	background-color:#FFE1F0;
}
/*						MENU_CAT01										*/

#menu_cat01{
	color:#655f4b;
	/*background-color:#5FD7FA;*/
	/*background-color:#fff;*/
}

/* --------------- */
#menu_cat01 h2{
	border-color:#f90;
	border-style:solid;
	border-width:0 0 3px 0;
	/*font-size:16px;*/
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
}

#menu_cat01 ul{
	margin-bottom:1.5em;
	margin-top:0.5em;
}

#menu_cat01 li{
	display:inline;
	list-style:none;
}

#menu_cat01 a{
	color:#FF46A3;
	background-color:transparent;
	display:block;
	/*font-weight: bold;*/
	font-family:"Arial Black";
	font-size:1.4em;
	margin-left:-2.5em;
	padding-left:1em;
	text-decoration:none;
	line-height: 200%;
}

#menu_cat01 a:hover{
	background-color:#eaf2db;
	color:#690;
}

/*						MENU_CAT02										*/

#menu_cat02{
	color:#000;
	/*background-color:#5FD7FA;*/
}

#menu_cat02 h2{
	color:#993399;
	border-bottom:3px #993399 solid;
	font-family:"Arial Black";
	font-size:1.5em;
	/*font-weight: bold;*/
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
}

#menu_cat02 a
{
	color:#FF46A3;
	background-color:transparent;
	display:block;
	/*font-weight: bold;*/
	font-family:"Arial Black";
	font-size:1.4em;
	margin-left:-2.5em;
	padding-left:1em;
	text-decoration:none;
	line-height: 200%;
}

#menu_cat02 a:hover{
	color:#690;
	background-color:#eaf2db;
}

#menu_cat02 li{
	display:inline;
	list-style:none;
}

/*						MENU_CAT03										*/

#menu_cat03{
	color:#000;
	/*background-color:#FFE1F0;*/
}

/* --------------- */
#menu_cat03 h2{
	border-color:#f90;
	border-style:solid;
	border-width:0 0 3px 0;
	font-size:medium;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
}

#menu_cat03 ul{
	margin-bottom:1.5em;
	margin-top:0.5em;
}

#menu_cat03 li{
	display:inline;
	list-style:none;
}

#menu_cat03 a{
	color:#FF46A3;
	background-color:transparent;
	display:block;
/*	font-weight:bold;*/
	font-family:"Arial Black";
	font-size:1.4em;
	margin-left:-2.5em;
	padding-left:1em;
	text-decoration:none;
	line-height: 200%;
}

#menu_cat03 a:hover{
	background-color:#eaf2db;
	color:#690;
	background-image:url("chat01.gif");
	background-position:right;
	background-repeat:no-repeat;
}

/*						menu_cat04										*/

#menu_cat04{
	color:#655f4b;
	/*background-color:#FFE1F0;*/
}

/* --------------- */
#menu_cat04 h2{
	border-color:#f90;
	border-style:solid;
	border-width:0 0 3px 0;
	font-size:medium;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
}

#menu_cat04 ul{
	margin-bottom:1.5em;
	margin-top:0.5em;
}

#menu_cat04 li{
	display:inline;
	list-style:none;
}

#menu_cat04 a{
	color:#FF46A3;
	background-color:transparent;
	display:block;
	font-family:"Arial Black";
	font-size:1.4em;
	margin-left:-2.5em;
	padding-left:1em;
	text-decoration:none;
	line-height: 200%;
}

#menu_cat04 a:hover{
	background-color:#eaf2db;
	color:#690;
}


/* Listes de documents */
dl.listedocs{
	color:#000;
	background-color:#fff;
	border:1px dotted #69c;
	padding:1em;
}

dl.listedocs dt{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:85%;
	/*font-weight:500;*/
	margin:0.2em 0 0.4em 0;
	background-color:transparent;
	color:#69c;
}

dl.listedocs dt cite{
	display:block;
	font-style:normal;
	font-size:small;
	margin:0;
	margin-bottom:0.2em;
	color:#69c;
	background-color:transparent;
	/*font-weight: 700;*/
	border-bottom:1px dotted #69c;
}

dl.listedocs dd{
	margin:0;
	margin-bottom:1.4em;
	font-weight:500;
}

dl.listedocs p{
	margin:0.2em 0 0.2em 0;
}

/* Page d'accueil */
#texteaccueil{
	margin:0 2% 2em 20%;
}

#texteaccueil h2{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:medium;
	font-weight:700;
}

#texteaccueil h3{
	color:#690;
	background-color:transparent;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:small;
	font-weight:700;
}

#intro{
	float:right;
	margin-left:1%;
	width:30%;
}

#presentation{
	color:#000;
	background-color:#ffecce;
	border:1px solid #666;
	margin:0 0 1em 0;
	padding:0.5em 1em;
}

#presentation h2{
background-color:transparent;
color:#c60;
margin:0;
}

#presentation p{
margin:0.5em 0;
}

#presentation a{
color:#c60;
background-color:transparent;
}

#presentation a:hover{
color:#369;
background-color:transparent;
}

#humeur{
border:1px solid #6699cc;
margin:0;
padding:0 1em 1em 1em;
}

#humeur h2{
background-color:#eff4fa;
border-color:#69c;
border-style:solid;
border-width:0 1px 1px 1px;
color:#369;
margin:0 0 0.5em 0;
padding:0.4em 0.2em 0.2em 0.2em;
width:55%;
}

#humeur p{
margin:0;
}

#humeur a{
color:#f60;
background-color:transparent;
}

#humeur a:hover{
color:#369;
background-color:transparent;
}

#humeur .listedocs,#articles .listedocs{
border:none;
margin:0;
margin-bottom: 0.2em;
padding:0;
}

#humeur .listedocs dt,#articles .listedocs dt{
margin-top:0;
}

#humeur .listedocs cite,#articles .listedocs cite{
border-bottom:none;
}

#humeur .listedocs dt cite a{
color:#690;
background: transparent;
}

/* ---- debut blog --- */
#blogs{
color:#fff;
background:#7595c8;
border:1px solid #fff;
border-bottom:10px solid #f90; /* #aeb200; */
margin:1em 0;
padding:0.5em 1em;
padding:0
}

#blogs h2{
background:#306397 url("titre_blog.png") no-repeat 90% 50%;
color:#fff;
margin:0;
border-bottom:5px solid #fff;
padding:0.5em 1em
}

#blogs p{
margin:0.5em 0;
color:#fff;
}

#blogs ul{
list-style:none;
margin:0;
padding:0;
border-bottom: 5px solid #fff;
}

#blogs ul li{
margin:0;
padding:0.7em 0.5em 0.8em 10px;
border-bottom:1px dotted #c8e4e8;
}

#blogs ul li:hover{
background:#5a82bd url("puce_blog.png") no-repeat 0 10px;
}
#blogs ul li:hover a {
text-decoration:none;
}
#blogs a{
color:#fff;
background:transparent;
font-weight:700
}

#blogs a:hover{
text-decoration:none;
color: #fff;
}

/* ---- fin blog --- */

#articles .listedocs{
background:transparent;
color:inherit;
}

#actualite{
margin-bottom:2em;
}

#actualite,#articles{
padding:0 2%;
width:100%;
voice-family:"\"}\"";
voice-family:inherit;
width:63%;
}

html>body #actualite,html>body #articles{
width:63%;
}

#actualite h2{
border-bottom:2px solid #369;
color:#369;
font-size:large;
background-color:transparent;
padding:0 0 0.2em 0;
}

#actualite h3{
margin:0;
color:#69c;
background-color:transparent;
}


#actualite h4{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:85%;
	font-weight:500;
	margin:0.2em 0 1em 0;
}

#actualite p,#articles p{
margin:0 0 2em 0;
}

#actualite a,#articles a, .listedocs a{
background-color:transparent;
color:#f60;
}

#actualite a:hover, #articles a:hover, .listedocs a:hover{
color:#369;
background-color:transparent;
text-decoration:none;
}

#articles{
color:#000;
background-color:#eff4fa;
border:1px solid #9cb4ce;
}

#articles h2{
border-bottom:2px solid #369;
color:#369;
background-color:transparent;
padding:0.8em 0 0.2em 0;
}

#texteaccueil p.tous {
text-align:right;
}

#texteaccueil p.tous a{
background-color:#ffecce;
border:1px solid #c60;
color:#000;
font-weight:500;
padding:0.2em;
text-decoration:none;
}

#texteaccueil p.tous a:hover{
background-color:#ffecce;
color:#c60;
}


/* Pages intrieures */
#texte_accueil{
	color:#000;
	background-color:#FFAED7;
	background-image:url("chat01.gif");
	background-position:top left;
	background-repeat:repeat-x;	
	border:1px solid #69c;
	line-height:150%;
	margin:0 3% 0em 21%;
	padding:2em 0 1.2em 2%;
}

#texte_photos{
	color:#000;
	background-color:#FFAED7;
	border:1px solid #69c;
	line-height:150%;
	margin:0 3% 0em 21%;
	padding:2em 0 1.2em 2%;
}

#texte_poeme{
	color:#000;
	/*background-color:#A2FDA6;*/
	background-color:#A2FDA6;
	border:1px solid #69c;
	line-height:150%;
	margin:0 3% 2em 21%;
	padding:2em 2% 3em 2%;
}


#texte{
	color:#000;
	background-color:#f5f8fc;
	border:1px solid #69c;
	line-height:150%;
	margin:0 3% 2em 21%;
	padding:2em 2% 3em 2%;
}

#texte01
{
	color:#000;
	background-color:#f5f8fc;
	border:1px solid #69c;
	line-height:100%;
	margin:0 3% 2em 21%;
	padding:2em 2% 3em 2%;
}

#texte a[hreflang]:after{
	content:"\0000a0[" attr(hreflang) "]";
}

#texte .abstract{
	background-color:#fff;
	background-image:none;
	border:1px dotted #69c;
	color:#333;
	margin:0;
	padding:0 1em;
	display:block;
}

#texte .abstract em{
	font-weight:700;
	font-style:normal;
	color:#690;
	background-color:transparent;
}

#texte .abstract hr{
	display:block;
	clear:both;
	visibility:hidden;
}

#texte .auteur{
	margin:1em 0 0 0;
	float:right;
	display:block;
}

#texte .auteur ul{
	color:#000;
	background-color:transparent;
	margin:0 0 0 0.5em;
	padding:0 1em;
	border-left:1px solid #69c;
}

#texte .auteur li{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:80%;
	border-bottom:1px dotted #69c;
	list-style:none;
	color:#369;
	background-color:transparent;
}

#texte .auteur li.dernier{
border-bottom:0;
}

#texte .auteur strong{
background-color:transparent;
color:#690;
}

/**********************************************************************/
#texte div.attention, #texte div.important, #texte div.note, #texte div.astuce{
	color:#000;
	background-color:transparent;
	border:1px dotted #69c;
	padding:1em;
}

#texte span.attention, #texte span.important, #texte span.note, #texte span.astuce{
	font-variant:small-caps;
	font-size:1.1em;
}
/**********************************************************************/

#texte hr{
	display:none;
}

#texte li{
	list-style:disc;
}

#texte ul ul li{
list-style-type:circle;
}

#texte ol li{
list-style-type:decimal;
}

#texte h2,#texte h3,#texte .resultat dt{
font-family:Georgia,"Times New Roman",Times,serif;
}

#texte h2{
background-color:transparent;
color:#369;
font-size:130%;
}

#texte h3 code{
color:inherit;
background-color:transparent;
}

#texte h3,#texte .resultat dt{
background-color:transparent;
color:#369;
font-size:small;
margin:2em 0 0 0;
line-height:110%;
}

#texte h4{
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	background-color:transparent;
	color:#69c;
	/*font-weight:700;*/
	font-size:small;
	border-bottom:1px dotted #a1c2e1;
}

#texte h5{
color:#69c;
background-color:transparent;
font-weight:500;
font-size:small;
}

#texte a{
	color:#000;
	background-color:transparent;
}

#texte a:hover{
	color:#000;
	background-color:transparent;
	text-decoration:none;
}

#texte a:visited{
	color:#000;
	background-color:transparent;
}

/* Formulaire dans le texte */
#texte form{
margin:2.5em 0;
}

#texte form label{
color:#369;
background-color:transparent;
margin:0.5em 0;
}

#corps {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:large;
/*font-weight:700;*/
}

.style2 {
	font-size: 40px;
	font-weight: bold;
	color: #CC0000;
	font-family: "Lucida Calligraphy";
}
.style1 {
	font-size: 20px;
	font-weight: bold;
	color: #993399;
}

.style3 {
	font-size: 12px;
	font-weight: bold;
	color:#333;
}	

.style2_alignC {
	font-size: 60px;
	font-weight: bold;
	color: #CC0000;
	font-family: "Lucida Calligraphy";
	text-align:center;
	line-height:120%;
}

.style_alignC_conte_enfant {
	font-size: 50px;
	font-weight: bold;
	color: #CC0000;
	font-family: "Lucida Calligraphy";
	text-align:center;
}

.style_alignC_conte_enfant02 {
	font-size: 40px;
	font-weight: bold;
	color: #993399;
	font-family: "Lucida Calligraphy";
	text-align:center;
}

.style_alignC_poeme {
	font-size: 60px;
	font-weight: bold;
	color: #993399;
	font-family: "Lucida Calligraphy";
	text-align:center;
}

.style_alignC_conte {
	font-size: 50px;
	font-weight: bold;
	color: #993399;
	font-family: "Lucida Calligraphy";
	text-align:center;
	line-height:120%;
}

.style_alignC_histoire {
	font-size: 40px;
	font-weight: bold;
	color: #993399;
	font-family: "Lucida Calligraphy";
}

.style3_alignC {
	font-size: 80px;
	font-weight: bold;
	color: #CC0000;
	font-family: "Lucida Calligraphy";
	text-align:center;
}


.style1_alignC {
	font-size: 20px;
	font-weight: bold;
	color: #993399;
	text-align:center;
	line-height:100%;
}


.alignC {
	text-align:center;
}

.alignC_Gras {
	text-align:center;
	font-weight: bold;
}

.alignR {
	text-align:right;
}
.alignL {
	text-align:left;
}
.entete {
	/*font-size:1em;*/
	text-decoration:none;
	font-size:10px;
	font-weight: normal;
}

/* calques ou sont affiches les logos de validite xhtml, css... */
#xiti-logo {
text-align:center;
margin:0;
padding:0 0 1em 0;
}

/* liste de liens de validite */
#xiti-logo ul, #xiti-logo li {
margin:0;
padding:0;
}

#xiti-logo {
list-style-type:none;
}

#xiti-logo li {
display:inline;
}

/* on cache l'element séparateur de lien (,) pour l'accessibilite */
#xiti-logo span {
display:none;
}

#xiti-logo h2 {
display:none;
}

.gras_violet {
	font-size: 30px;
	text-align:center;
	color: #993399;
	font-weight: bold;
}

.gras{
	font-size: 30px;
	text-align:center;
	font-weight: bold;
}

.copy {
	text-align:center;
	color: #fff;
}