body { margin:0; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; background-image: none; }

img {
	max-width: 100%;
	height: auto;
}

#titre_mini  {
	max-width: 100%;
	font-size: 2.1em;
	font-weight: bold;
	text-align:center;
	color:#039;
	display:block;
	text-decoration: none;
}
#mini { display: block }

.options, #options, #menu, #menu2, #outils, #bandeau, #sky, #pub_bas, #pub_top, footer, #raccourcis, .minimg, .like, #news_pop { display: none }

a:link, a:visited { color: #00F; text-decoration: none }
a:active, a:hover { color: #00F; text-decoration: underline }

hr { clear:both; background-color: #666; height: 1px; border:0 }

/* corps du document */
#site { margin: auto; 	max-width:100% }
#corps { text-align: center; max-width: 100%; padding:0 }
#page { background:#FFF; padding-top:5px }

table {text-align: left}
a img {border:0}

/* titres */
h1 {
	text-align: left;
	clear: both;
	font-size: 1.8em;
	color: #538ED5;
	margin: 20px 0 20px 0;
	background-image: none;
	padding:0
}
h2 {
	font-weight: bold;
	color: #390;
	border-bottom: 1px solid #EEE;
	clear: both;
	margin: 30px 0 20px 0;
	padding-bottom: 10px;
	text-align: left;
	font-size: 1.6em;
}
h3 { font-size: 1.4em; color: #390; text-align: left }
h4 { font-size: 1.2em }

/* actualités et communiqués */
a.actu:link, a.actu:visited  { color: #000; text-decoration: none; font-size:1.2em } 
a.actu:active, a.actu:hover { color: #00F; text-decoration: underline; font-size:1.2em }
.actu { width:100% }

/* commentaires */
.com { font-size: 11px; border-radius: 5px; margin-top: 10px; padding: 5px; word-wrap: break-word; overflow:hidden }

.rubrique { border: 1px dotted #9C3 }

/* encadrés sommaires pages */
.cadre_som { width: 95%; height:140px; float: left; margin: 10px 10px 10px 0; box-shadow: 3px 3px 10px #EEE }
.cadre_som > p:nth-child(1) {
	padding: 5px;
	margin:0;
	text-align: left;
	border-top-left-radius: 10px;
	background: #538DD5;
	background: linear-gradient(to right, #538DD5 50%, #FFF);
}
.cadre_som :nth-child(1):hover { background: #9C3 }
.cadre_som > p:nth-child(2) {
	font-size: 0.9em;
	margin-top:5px;
	padding-right:5px;
	text-align: justify;
	color: #666;
}
.cadre_som > p:nth-child(1) a:link, .cadre_som > p:nth-child(1) a:visited {color: #FFF; font-weight: bold; font-size: 1.2em }
.cadre_som > p:nth-child(1) a:active, .cadre_som > p:nth-child(1) a:hover { color: #FFF; font-weight: bold; font-size: 1.2em }
.cadre_som img {margin: 0 5px 10px 0; float: left; max-width: 120px; max-height: 90px }

/* liste à puces à droite d'une image dossier */
.liste_img { list-style-position:inside; text-indent: 5px }

/* images dossiers */
.minimg {
	font-size: 0.9em;
	margin: 0 10px 5px 0px;
	float: left;
	color: #666;
	line-height:18px
}
.minimgr {
	font-size: 0.9em;
	margin: 0 0 5px 10px;
	float: right;
	color: #666;
	line-height:18px
}
.minimg img, .minimgr  img {margin-bottom: 5px; display:block; box-shadow: 3px 3px 5px #666 }
.image {
	font-size: 0.9em;
	margin: 20px auto 20px auto;
	color: #666;
	line-height:18px;
	overflow:hidden;
	max-width:100%;
}
.image  img {margin-bottom: 0px; display:block;}

.legende {
	color: #666;
	margin: 0 auto 20px auto;
	line-height: normal;
	padding: 2px;
	font-size: 0.9em;
}
/* vignettes menu droit */
.vignette {margin: 1px 0 0 1px; float: left}

/* dossiers */
.texte {
	margin-right: 10px;
	text-align: justify;
	line-height: 20px;
	color:#333;
}

/* dossiers en savoir plus : références et auteurs */
.plus { background: #EEE; margin-left:15px; padding-left:22px; text-align:left; border-radius:7px }

/* élements de navigation */
.navigation { text-align: center; line-height:32px; clear:both; font-weight:bold }
.navigation span { padding: 4px 8px; border-radius: 4px; box-shadow: 2px 2px 2px #AAA; background-color:#EEE }
.navigation a:link, .navigation a:visited { padding: 4px 8px; border-radius: 4px; box-shadow: 2px 2px 2px #AAA }
.navigation a:active, .navigation a:hover { padding: 4px 8px; border-radius: 4px; text-decoration:none; box-shadow: 2px 2px 2px #AAA; background:#538ED5; color:#FFF }

/* avertissement et alertes */
.avert { padding: 5px; border: 1px solid #EEE; text-align: left; color: #666 }
.avert_r { padding: 5px; border: 1px solid #F00; font-weight: bold; text-align: center }
.avert_v { padding: 5px; border: 2px solid #9C3; font-weight: bold; text-align: center; box-shadow: 0 0 10px #9C3; border-radius:5px }

/* divers */
.spacer { clear: both }
.liste_espace li  { margin-bottom: 10px }
button {line-height:18px }

/* tableau texte */
.tableau { margin: 20px auto 0 auto; text-align: left}
.tableau caption {caption-side: bottom; 	font-size: 0.9em; color:#666; line-height:18px; margin-bottom:20px; text-align: left }
.tableau th {
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	background: #9C3;
	color:#FFF;
	padding:0 5px
}
.tableau td { padding: 2px; border-bottom: 1px solid #EEE; height: 30px }
.tableau tr:hover { background-color:#EEE}

/* forums */
.p11 { font-size: 11px; text-align: center }
.disc {
	width:100%;
	border:1px solid #EEE;
	margin-bottom:20px
}