/* ---------------------------------------------------------------------------------------------------- */
/* 								Feuille de style pour SPIP Starter 1.9.2								*/
/* 											habillage.css												*/
/* ---------------------------------------------------------------------------------------------------- */

/*  *********************************************************** */
/*  Correction des styles HTML par defaut						*/
/*  *********************************************************** */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #4A517D;
}
h1, h2, h3, h4, h5, h6 {margin: 0;}
h1 {font-size: 2.5em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1em;}
h5 {font-size: 0.8em;}
h6 {font-size: 0.7em;}
p {font-size: 1em;}
small {font-size: 0.8em;}/* Voir comment utiliser small */
input, select, th, td {font-size:1em;}

a {
	color: #FF9900;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}

a img {
	border: 0;
}
hr {
	clear: both;
	height: 1px;
	border: 0;
	border-top: 1px solid #C8D2E4;
}

/*  *********************************************************** */
/*  Style commun												*/
/*  *********************************************************** */
.hidden {
	display: none;
}
.breaker {
	clear: both;
}
.logoleft {
	float: left;
	margin: 0 1em 0 0;
}
.logoright {
	float: right;
	margin: 0 0 0 1em;
}
.docleft {
	float: left;
	margin: 0 0.5em 0.5em 0;
}
.nav {
	color: #4A517D;
	text-align: right;
}
.info {
	font-size: 0.8em;
	color: #666666;
}
.info a {
	color: #666666;
	text-decoration: none;
}
.info a:hover {
	color: #666666;
	text-decoration: underline;
}

.lettrine {
	font-size: 1.5em;
	font-weight: bold;
}


/* ------------------------------
/* TOPMENU
/* ------------------------------ */
.topmenu-item {
	color: #95A4C8;
	font-weight: bold;
}
a.topmenu-item {
	color: #95A4C8;
	text-decoration: none;
}
a.topmenu-item:hover {
	color: #95A4C8;
	text-decoration: underline;
}


/* ------------------------------
/* LEFT
/* ------------------------------ */
.logos {
	margin: 1em;
	line-height: 35px;
}
.logos img {
	float:left;
	margin-right: 1em;
}
.logos a {
	color: #4A517D;
}

/* ------------------------------
/* MAIN
/* ------------------------------ */

/********* Intro (Rubrique) *********/
.intro {
	padding: 5%;
	background: url(media/image/intro_bgd.jpg) no-repeat left top;
}
.intro_header {
	width: 100%;
}
.intro h2.titre {
	margin-top: 1em;
	font-family: Times New Roman, Times, serif;
	color: #FF9900;
}
.intro_content {
	width: 100%;
	margin-top: 0.5em;
}
.intro div.texte {}

/********* Chapter (Article) *********/
.chapter {
	padding: 5%;
}
.chapter_header {
	width: 100%;
}
.chapter h5.surtitre {
	color: #FF9900;
}
.chapter h2.titre {
	font-family: Times New Roman, Times, serif;
	color: #FF9900;
}
.chapter h4.soustitre {}
.chapter_content {
	width: 100%;
	margin-top: 0.5em;
}
.chapter h3.chapo {
	font-size: 1.2em;
	margin: 1em 0 1em 0;
}
.chapter div.texte {}
.site {
	/*text-align: right;*/
}
.ps {
	font-size: 0.8em;
	font-style: italic;
}
.notes {
	font-size: 0.8em;
}
.chapter_footer {
	clear: both;
}
/********* Cartouche *********/
.cartouche {
	float: right;
	width: 80%;
	margin: 1em 0 1em;
	padding: 0.5em;
	border: 1px solid #F0F6FB;
}

/********* Bloc *********/
.bloc {
	margin: 1em;
	padding: 1em;
	border: 1px solid #F0F6FB;
}
.bloc2 {
	margin: 1em;
	padding: 1em;
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	background-color: #FFFDEA;
}
.bloc_header, .bloc2_header {
	position: relative;
	z-index: 0;
	width: 100%;
}
.bloc h3, .bloc2 h3 {
	font-family: Times New Roman, Times, serif;
	color: #FF9900;
}
.bloc h3 span.active, .bloc2 h3 span.active {
	font-family: Times New Roman, Times, serif;
	color: #4A517D;
}
.bloc_content, .bloc2_content {
	width: 100%;
	margin-top: 0.5em;
}
.column-50 {
	float: left;
	width: 50%;
}
.column-25 {
	float: left;
	width: 25%;
	text-align: center;
}
.column_content {
	padding: 0.5em;
}
.bloc h4 { /*a revoir : erreur dans a l affichage de l article */
	clear: both;
	font-family: Times New Roman, Times, serif;
	color: #FF9900;
	border-bottom: 1px solid #FF9900;
}
.bloc_item, .bloc2_item {
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	font-size: 1.1em;
}
a.bloc_item, a.bloc_item_off, a.bloc2_item, a.bloc2_item_off {/* A REVOIR !!! */
	color: #4A517D;
	text-decoration: underline;
}
a.bloc_item:hover, a.bloc2_item:hover {
	color: #4A517D;
	text-decoration: underline;
}
a.bloc_item_on, a.bloc2_item_on {
	color: #4A517D;
	text-decoration: none;
}
.bloc div.texte p.spip, .bloc2 div.texte p.spip {
	margin: 0;
}
.bloc_footer, .bloc2_footer {
	line-height: 1.5em;
	margin-top: 0.5em;
	padding: 0 0.5em 0 0.5em;
	text-align: right;
}

/*** diaporama/media ***/
.visio {
	text-align: center;
}


/* ------------------------------
/* RIGHT
/* ------------------------------ */

/********* Box *********/
.box {}
.box_header {
	padding: 1em;
	position: relative;
	margin-bottom: 0.5em;
	background-color: #FF9900;
}
.box_header h3 {
	color: #FFFFFF;
}
.box_content {
	padding: 1em;
}
.box_item {
	font-weight: bold;
	color: #666666;
}
a.box_item {
	color: #666666;
	text-decoration: underline;
}
a.box_item:hover, a.box_itemon {
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
	
}
.box div.texte {
	color: #666666;
}


/* ------------------------------
/* BOTTOMMENU
/* ------------------------------ */
.bottommenu-item {
	color: #95A4C8;
	font-weight: bold;
}
a.bottommenu-item {
	color: #95A4C8;
	text-decoration: none;
}
a.bottommenu-item:hover {
	color: #95A4C8;
	text-decoration: underline;
}

/* ------------------------------
/* FOOTER
/* ------------------------------ */
.footer-item {
	line-height: 20px;
	color: #FFFFFF;
}