body {
	background-color: #D9E3E4;
	background-image: url(images_1/background.jpg);
	background-position: 0 0;
	/*background-repeat: repeat-y;*/
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Franklin Gothic Medium", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/* LIENS*/

a:visited {
	color: Navy;
	text-decoration: none;
}


a, a.spip_out, h3.spip a  {
	color: #6D04CE;
	text-decoration: none;
}

a:hover,
a.on:hover {
	color: #FF4500;
	text-decoration: none;
}

a:focus {
	outline:none;
} 

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

img { 
	border: 0; 
	border: none;
	text-decoration: none;
}


/*
CASSE FLOAT
*/

.nettoyeur {
	clear: both;
	margin: 0;
	padding: 0;
	border: none; 
	height: 0; 
	line-height: 1px; 
	font-size: 1px;
}




/*
CONTENEUR GLOBAL
*/

#global {
	position : relative;
	width: 870px;
	background-color: #D9E3E4;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	border-top: 0;
	border-right: 12px solid #CBD3D4;
	border-bottom: 0;
	border-left: 0;
	text-align: left;
}

/*
CONTENEUR LOGO
*/

#tetiere {
	width: 858px;
	height: 330px;
	background-color: #FFF;
	margin : 0;
	padding: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 12px solid #FFF;
	text-align: center;
	background-image: url(images_1/bg_tetiere.png);
}


#tetiere img {
	margin: 96px 0 0 0;
	padding: 0;
	border: 0;
}


/*
TITRE DU BILLET
*/

h1.sommaire {
	width: 825px;
	height: 33px;
	background-image: url(images_1/bg_titre.png);
	margin: 0;
	padding: 33px 0 0 45px;
	border-top: 0;
	border-right: 12px solid #CBD3D4;
	border-bottom: 0;
	border-left: 0;
	font-family: Impact, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #80889C;
	font-size: 30px;
	text-transform: uppercase;
}



/*
CONTENEUR PRINCIPAL
*/

#principal {
	width: 858px;
	border-top: 0;
	border-right: 12px solid #CBD3D4;
	border-bottom: 0;
	border-left: 12px solid #F1F4F4;
	background-color: #F1F4F4;
	margin: 0;
	padding: 0;
}




/*
CONTENEUR COL GAUCHE TEXTE COURANT
*/

#colgauche {
	float: left;
	width: 562px;
	background-color: #FFF;
	margin: 0;
	padding: 0 33px 120px 33px;
	border-top: 0;
	border-right: 12px solid #D9E3E4;
	border-bottom: 0;
	border-left: 0;
	text-align: left;
	font-size: 1.2em;
}





h2.jour {
	margin: 5px 0 12px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 0.9em;
	font-weight: normal;
	color: #000;
}



.vignette-document,#documents_portfolio {
	float: left;
}


.legende-document {
	float: left;
	margin : 30px 0;
	font-size: 0.80em;
	font-style: italic;
}




/*
CONTENEUR COL DROITE 
*/

#coldroite {
	float: left;
	background-color: #F1F4F4;
	width: 218px;
	margin: 0;	
	padding:4em 0 2em 0;
	border: 0;
}

#coldroite .img {
	margin : 0;
	padding: 0; 
}

/* 
MENUS DE DROITE
*/

ul.menuprim,
ul.menudeuz,
ul.menutroiz {
	list-style-type: none;
	margin: 0.7em 0;
	padding: 0;
	background-color: #F1F4F4;
	border: 0;
}


ul.menuprim li,
ul.menudeuz li,
ul.menutroiz li {
	text-transform: lowercase;
	border: 0;
	padding: 0;
	margin: 0.3em 0;
	font-size : 1.05em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


ul.menuprim li a:visited,
ul.menudeuz li a:visited,
ul.menutroiz li a:visited {
	text-decoration: none;
	color: #A7A7A7;
	padding: 0;
	margin: 0;
}

ul.menuprim li a:hover,
ul.menuprim li a.on:visited,
ul.menuprim li a.on,
ul.menudeuz li a:hover,
ul.menudeuz li a.on:visited,
ul.menudeuz li a.on,
ul.menutroiz li a:hover,
ul.menutroiz li a.on:visited,
ul.menutroiz li a.on  {
	text-decoration: none;
	color: #D407F3;
	padding: 0;
	margin: 0;
}


ul.menuprim li a,
ul.menudeuz li a,
ul.menutroiz li a  {
	text-decoration: none;
	color: #61797F;
	padding: 0;
	margin: 0;
}


.pict-menu {
	width: 210px;
	margin: 1.5em 0;
	padding: 0;
}

.pict-gauche {
	float: left;
	margin: 0;
	padding: 0:
}

.pict-droite {
	float: right;
	margin: 4px 0 0 0;
	padding: 0:
}

small {
	font-size: 0.8em;
	margin: 0 0 0 5px ;
	color: Gray;
}


#coldroite .separateur {
	height: 16px;
	margin: 0;	
	padding: 0;
	border: none; 
	line-height: 16px; 
	font-size: 16px;
}


/* PLAN */

h2.plan-rubrique {
	margin: 1em 0 0 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

a.lien-rubrique {
	color: #627383;
}

a:hover.lien-rubrique {
	color: #D407F3;
}

h3.plan-article,
h3.plan-breve,
h3.plan-site{
	margin: 0.5em 0 0 0.5em;
	padding: 0;
	font-size: 1em;
	color: #8998A7;
}

ul.plan-liste {
	list-style-type: none;
	margin: 0.3em 0.8em;
	padding: 0;
}

li.plan-item {
	margin: 0;
	padding: 0;
	font-size : 0.8em;
}



/* STYLES SPIP CORRIGES SPECIFIQUE A CETTE CSS*/


.soustitre {
	margin: 0px 0 12px 0; 
	padding: 0;  
	font-size: 0.90em; 
	font-weight: normal; 
	color: #000; 
	font-family: Impact, Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.chapo { 
	margin: 0; 
	padding: 0; 
	font-style: italic; 
	font-weight: normal; 
	color: #000; 
	text-align: left;
}



h3.spip,
h3 {
	font-size: 1.15em;
	font-style: normal;
	font-weight: bold;
	margin: 1.5em 0 0 0;
	padding: 0;
	color: #000;
	line-height: 0.8em;
	text-align : left;
	font-family: Arial, Helvetica, sans-serif;
}



/* Logos, documents et images */


/*Nouvelles modifs aux styles de Spip apportées en août 2021 pour corriger les marges à gauche des images*/

/* Adaptation aux nouveaux modeles document SPIP 3.3 */
.spip_document { display: flex; justify-content: center;align-items: center}
.spip_doc_inner{ margin:0 auto;text-align: center;max-width: 100%;}
.spip_doc_inner>* {margin-left: 0;}
.spip_document .spip_doc_lien { display: inline-block; }
.spip_doc_legende { display: block; max-width: 25em; }
/* Fin adaptation */

figure {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}



.hyperlien, .post-scriptum, .notes, .lien {
	background: #FFF;
	margin: 1em;
	padding: 0.50em 0 0.20em 0;
	border-top: 1px solid #A6B2BD;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	font-size: 0.90em;
	font-weight: normal;
	color: #515F6C;
	font-size: 0.80em;
}

.post-scriptum {
	text-align: left;
	margin: 50px 0 0 0;
  
} 




#pied { 
	clear: both; 
	width: 100%; 
	margin: 100px 0 0 0; 
	padding: 0.40em 0;
	border-top: 1px solid #000; 
	text-align: center; 
	font-size: 0.80em; 
}




#pied img { vertical-align: middle; }



img.spip_logos {
	float: right;
	margin: 7px 0 30px 30px;
}



#pied-etire { 
	clear: both; 
	width: 100%; 
	margin: 400px 0 10px;
	padding: 0.40em 0; 
	border-top: 1px solid #000; 
	text-align: center; 
	font-size: 0.80em; 
}

p.repondre {
	text-align : center;
	font-size: 0.8em;
}

h2 {
	font-family: Impact, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-style: italic;
	margin : 0 ;
	padding: 0;
}

dt.spip_doc_titre, dd.spip_doc_descriptif  {
	text-align: left;
	font-style: italic;
	font-weight: normal;
	font-size: 0.80em;
	margin: 0;
	padding: 0;
}







/* Habillage des forums */

ul.comments-items {list-style-type: none;}


.comments-items .comments-items {
	margin-left: 0;
	margin-top: 20px;
	padding-left: 0;
	}

.comment-content,.comment-item{
	margin-left: 0;
	padding-left: 0;
}	
	
	
	
.comment-fil ul {}
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { font-size: 100%; }
.comment-meta abbr { border: 0; }
.comment-meta a { color: #222; }
.comment-meta a:focus,
.comment-meta a:hover,
.comment-meta a:active { color: #fff; }
.comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }