/* redéfinition de balises HTML --GLOBAL-- */

	html, body {
		color: black;
		background-color: white;
		text-align: center;
		font-size: 9pt;
		font-family: sans-serif;
		border: 0;
		padding: 0;
		margin: 0;
	}

	
	img {
	
		border: 0;
	}
	
	

	a, a:visited, a:active {
		color: #c50c1f;
		text-decoration: none;
	}
	a:hover {
		color: #e30059;
	}
	
	
	
	h1 {
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: bold;
		font-size: 14pt;
		min-height: 32px;
	}
	h2 {
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 12pt;
 		display: block;
	}
	h3 {
		margin: 0 0 10px 0;
		padding-top: 12pt;
		font-weight: normal;
		font-size: 8pt;
		display: block;
	}

	
	
	p {
		margin: 0 0 10px 0;
		padding: 0;
	}

	
	
	
	
/* Global au site */

	#pubdroite {
		text-align: left;
		width: 130px;
		float: right;
	}
	
	/* contient le wrapper et le bandeau de droite */
	#global_wrapper {
		text-align: center;
		margin: 0 auto;
		width: 950px;
	}

	/* conteneur du site (image de fond) */
	#wrapper {
		background: white url(images/rouge/fond-page.jpg) repeat-y top left;
		text-align: center;
		margin: 0 auto;
		width: 820px;
		float:left;
	}

	#page {
		margin: 0 auto;
		width: 800px;
		
	}

	#corps-top {
		padding-top: 27px;
	}

	#corps-flow {
		
	}

	#corps-bottom {
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: justify;
	}

	
	
	
/* Entête du site */

	#logo-kr {
		float: left;
		height: 174px;
	}

	#entete {
		float: right;
		margin-bottom: 3px;
		height: 160px;
		width:520px;
		text-align: center;
		background-color: #c50c1f;
		color: white;
	}

	#entete .pub {
		width: 468px;
		height: 60px;
		margin-top:10px;
		margin-left:27px;
	}
	
	#entete a, #entete a:visited, #entete a:active {
		text-decoration: underline;
		color: white;
	}

	#entete a:hover {
		text-decoration: underline;
		color: white;
		font-weight: bold;
	}


	#menu-general {
		clear: both;
		color: black;
		padding: 0;
		margin: 0;
	}

	#menu-general ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#menu-general li {
		margin: 0;
		padding: 0;
		display: inline;
		width: 77px;
		min-width: 77px;
	}
	
	#cont-menu {
		overflow: visible;
		z-index: 255;
		position: relative;
		width: 88px;
		min-width: 88px;
		display: block;
	}
	
	/* media box en état réduit */
	.shrinkedMenu {
		width: 88px;
		height: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
	}
	
	/* media box en état déroulé */
	.expandedMenu {
		background-color: white;
		width: 88px;
		overflow: hidden;
		left: 0;
		z-index: 255;
		position: absolute;
	}
	
	.nouveau {
		background: url(images/rouge/nouveau.gif) no-repeat top right;
		text-decoration: none;
		color: maroon;
		font-weight: bold;
		/*padding-right: 10px;*/
	}
	
	.nouveau:visited, .nouveau:active {
		text-decoration: none;
		color: maroon;
		font-weight: bold;
		/*padding-right: 10px;*/
	}

	.nouveau:hover {
		font-weight: bold;
		/*padding-right: 10px;*/
	}


/* Accueil du site */


	#accueil-colonne-gauche {
		float: left;
		width: 375px;
		padding-left: 5px;
		text-align: justify;
		overflow: hidden;
	
	}

	#accueil-colonne-droite {
		float: right;
		width: 375px;
		padding-right: 5px;
		text-align: justify;
		overflow: hidden;
	}
	
	#accueil-bignews {
		background-color: #c10069;
		padding: 5px;
		margin-bottom: 30px;
		color: white;
		font-weight: bold;
	}

	#accueil-bignews img {
		float: left;
		margin: 0 5px 0 0;
	}

	#accueil-news	{
		padding: 5px;
	}

	#accueil-news img{
		float: left;
		margin: 0 5px 0 0;
	}

	.unite{
		margin: 0 0 25px 0;
		clear: both;
	}	


	#accueil-enkiosque {
		padding: 5px;
		margin-bottom: 30px;
	}

	#accueil-enkiosque .descriptif-sommaire{
	
		padding: 5px;
		text-align: center;
	}

	#accueil-enkiosque .titre{
		margin: 5px 0 10px 0;
		font: normal small-caps bold 14pt sans-serif;
		padding: 0;
	}

	#accueil-enkiosque .section{
		margin: 0 auto;
		width: 270px;
		text-align: left; 
	}

	#accueil-enkiosque .couverture{
	
		text-align: center; 
	}


	#accueil-sdp {
		padding: 5px;
	}

	#accueil-sdp img{
		float: left;
		margin: 0 5px 0 0;
	}

	#accueil-sdp .unite{
	
	}
	
	
	

	
/* Affichage du contenu MAG.PHP */	
	
	/* colonne de gauche de mag.php */
	#mag-colonne-gauche {
		float: left;
		width: 375px;
		padding-left: 5px;
		text-align: justify;
		overflow: hidden;
	}

	/* colonne de droite de mag.php */
	#mag-colonne-droite {
		float: right;
		width: 375px;
		padding-right: 5px;
		text-align: justify;
		overflow: hidden;
	}

	/* bloc sommaire de mag.php */
	#mag-sommaire {
		border: 1px dashed black;
		padding: 5px;
		margin-bottom: 10px;
	}

	/* bloc d'articles ("A lire...") */
	#mag-articles {
		border: 1px dashed black;
		padding: 5px;
		margin-bottom: 10px;
	}

	/* bloc edito (optionnel) */
	#mag-edito {
		border: 1px dashed black;
		padding: 5px;
		margin-bottom: 10px;
	}

	/* placement de la couverture (= div contenant l'image) */
	#mag-colonne-droite .couverture{
	
		text-align: center; 
	}
	
	/* formatage d'un gros titre (balise BBCode) */
	.gros-titre {
		color: black;
		margin-bottom: 5px;
		font-size: 16pt;
		font-weight: bold;
		font-family: sans-serif;
	}
	
	/* formatage d'un élément rubrique (balise BBCode) */
	.rubrique {
		
		color: black;
		font-size: 12pt;
		font-style: italic;
		text-decoration: underline;
		font-family: sans-serif;
	}
	
	/* formatage d'un élément element (balise BBCode) */
	.element {
		
		color: black;
		font-size: 9pt;
		padding-left: 10px;
		background: url(images/rouge/puce3.gif) no-repeat top left;
		font-family: sans-serif;
	}
	

/* petites annonces */	
	
	/* conteneur de chaque news archivée */
	.pa {
		border: 1px dashed black;
		background-color: #eaeaea;
		margin: 5px 0 5px 0;
		padding: 5px;
	}
	
	/* effet d'hover sur les conteneurs */
	.pa:hover {
		border: 1px dashed black;
		background-color: #f0f0f0;
		margin: 5px 0 5px 0;
		padding: 5px;
	}
	
	/* placement des images dans les conteneurs d'archive */
	.pa img {
		float: left;
		margin: 0 5px 0 0;
	}

	/* titres h3 pour les conteneurs d'archive */
	.pa h3 {
		height: 8pt;
	}


	
/* Classes réutilisables */

	/* élément placé avant le pied de page pour forcer l'allongement du corps de la page */
	.spacer {
		clear: both;
	
	}
	
	.libelle_element {
		width: 200px;
		float: left;
	}
		
	.input_element {
		clear: right;
		padding-left: 200px;
	}

	/* formatage du texte rapportant un message d'erreur (exemple: login incorrect) */
	.erreur {
		color: red;
		display: block;
		margin: 0 0 2ex 0;
	}	

	/* formatage des éléments de formulaire de la partie admin */
	.element-formulaire {
		margin: 10px 0 10px 0;
		display: block;
		clear: both;
	}

	/* élément flottant à gauche */
	.float_gauche {
		float: left;
	}
	
	/* formatage du bloc contenant les contrôles de pagination */
	#pagination {
		margin-top: 20px;
		border-top: black 1px dashed;
		padding-top: 5px;
	}
	
	/* couleur au pif du texte */
	.couleuraupif {
		color: #e30061;
	}
	
	/* couleur au pif du bg */
	.couleuraupifbg {
		background-color: #c10069;
		color: white;
		padding: 5px;
	}
	
	/* ligne de tags */
	.tag .title {
		/* color: #c50c1f; */
		font-weight: bold;
	}
	
	.tag {
		margin-top: 10pt;
	}
	
	/* Tag Cloud */
	#tagCloud {
		float: right;
		width: 400px;
		position: relative;
		text-align: left;
	}
	
	#tagCloud .titre {
		display: block;
	}
	
	.tagInCloud {
		margin-right: 20px;
	}
	
	.tagInCloud:hover {
		background-color: #c50c1f;
		color: white;
	}
	
	.tagInCloud a  {
		color: #c50c1f;
	}
	
	.tagInCloud a:hover  {
		color: white;
	}

/* Décoration des INPUTS */


	.text,.password,textarea{
		border: 1px #e30059 solid;
		font-size: 9pt;
		font-family: sans-serif;
		background-color: #eaeaea;
		padding: 1px;
		margin-right: 5px;
	}

	.text:hover,.password:hover,textarea:hover{
		background-color: white;
	}

	.button,.submit{
		border: 1px #e30059 solid;
		background-color: #eaeaea;
		font-size: 9pt;
		font-family: sans-serif;
		margin:0;
		padding:0 .25em;
		width:auto;
		overflow:visible;
	}

	
	.button:hover,.submit:hover{
		border: 1px #e2001a outset;
	}


	select {
		border: 1px #a41c22 solid;
		font-size: 9pt;
		font-family: sans-serif;
		background-color: #eaeaea;
		padding: 0;
		margin-right: 5px;
	}

	select:hover {
		background-color: white;
	}
	
	
	
	
/* Interface d'upload des medias */
	
	/* ??? */
	#interfaceMedia {
		border: 2px groove black;
		overflow: visible;
		height: 150px;
		padding: 10px;
	}

	/* dimension de l'interface à l'intérieur de l'iframe */
	#interface_upload {
		width: 770px;
		height: 170px;
		border: 0;
	}

	/* dimensions de l'iframe qui contient l'interface */
	#conteneur_interface_upload {
		width: 775px;
		height: 190px;
		border-left: 1px dashed black;
		border-right: 1px dashed black;
	}
	
	/* décoration des boutons intégrés au pannel upload */
	.bouton_pannel_upload {
		display: block;
	}



/* Archives des NEWS */ 

	/* conteneur de chaque news archivée */
	.arch-news {
		border: 1px dashed black;
		background-color: #eaeaea;
		margin: 5px 0 5px 0;
		padding: 5px;
	}
	
	/* effet d'hover sur les conteneurs */
	.arch-news:hover {
		border: 1px dashed black;
		background-color: #f0f0f0;
		margin: 5px 0 5px 0;
		padding: 5px;
	}
	
	/* placement des images dans les conteneurs d'archive */
	.arch-news img {
		float: left;
		margin: 0 5px 0 0;
	}

	/* titres h3 pour les conteneurs d'archive */
	.arch-news h3 {
		height: 8pt;
	}


/* Archives des FOCUS */	
	
	/* conteneur de chaque focus archivé */
	.arch-focus {
		border: 1px dashed black;
		background-color: #eaeaea;
		margin: 5px 0 5px 0;
		padding: 5px;
	}

	
	/* effet d'hover sur les conteneurs */
	.arch-focus:hover {
		border: 1px dashed black;
		background-color: #f0f0f0;
		margin: 5px 0 5px 0;
		padding: 5px;
	}

	
	/* placement des images dans les conteneurs d'archive */
	.arch-focus img {
		float: left;
		margin: 0 5px 0 0;
	}

	
	/* titres h3 pour les conteneurs d'archive */
	.arch-focus h3 {
		height: 8pt;
	}


/* Archives des SDP */

	/* conteneur de chaque sdp archivé */
	.arch-sdp {
		border: 1px dashed black;
		background-color: #eaeaea;
		margin: 5px 0 5px 0;
		padding: 5px;
	}

	
	/* effet d'hover sur les conteneurs */
	.arch-sdp:hover {
		border: 1px dashed black;
		background-color: #f0f0f0;
		margin: 5px 0 5px 0;
		padding: 5px;
	}

	
	/* placement des images dans les conteneurs d'archive */
	.arch-sdp img {
		float: left;
		margin: 0 5px 0 0;
	}

	
	/* titres h3 pour les conteneurs d'archive */
	.arch-sdp h3 {
		height: 8pt;
	}

/* Archives des MEDIAS */

	/* conteneur de chaque médias archivé */
	.arch-medias {
		border: 1px dashed black;
		background-color: #eaeaea;
		margin: 5px 0 5px 0;
		padding: 5px;
	}

	
	/* effet d'hover sur les conteneurs */
	.arch-medias:hover {
		border: 1px dashed black;
		background-color: #f0f0f0;
		margin: 5px 0 5px 0;
		padding: 5px;
	}

	
	/* placement des images dans les conteneurs d'archive */
	.arch-medias .icone {
		float: left;
		margin: 0 5px 0 0;
	}

	
	/* titres h3 pour les conteneurs d'archive */
	.arch-medias h3 {
		height: 8pt;
	}
	

/* Affichage des contenus LIRE.PHP */
	
	/* conteneur fixe de la media box */
	#mediabox-container {
	
		min-width: 200px;
		height: 30pt;
		margin-left: 10px;
		overflow: visible;
		float: right;
		z-index: 255;
		position: relative;
	
	}
	
	/* media box en état réduit */
	.shrinkedBox {
		border: 1px solid #e2001a;
		background: white url(images/rouge/continued.gif) no-repeat bottom right;
		padding: 5px;
		width: 200px;
		height: 32pt;
		overflow: hidden;
	}

	/* media box en état déroulé */
	.expandedBox {
		border: 1px solid #e30061;
		background-color: white;
		padding: 5px;
		width: 200px;
		min-height: 32pt;
		overflow: hidden;
		z-index: 255;
		position: absolute;
		right: 0px;
	}
	
	/* affichage des commentaires et du formulaire idoine */
		
		/* conteneur des commentaires */
		#conteneur-commentaires {
			padding-top: 20px;
			clear: both;
			text-align: center;
		}
		
		/* barre du haut des commentaires */
		#titre-commentaires {
			border: 1px black dashed;
			width: 600px;
			margin: 0 auto;	
		}
		
		/* affichage d'un commentaire */
		.commentaire-pair {
			text-align: left;
			background-color: #eaeaea;
			width: 600px;
			margin: 0 auto;	
			padding: 5px;
		}
		
		.commentaire-impair {
			text-align: left;
			color: white;
			background-color: #a41c22;
			width: 600px;
			margin: 0 auto;
			padding: 5px;
		}
		
		#conteneur-commentaires p {
			margin: 0;
		}
		
		#conteneur-commentaires textarea {
			width: 600px;
		}
		
	
	/* surimpression des termes issus de la recherche */
	.emphase {
		color: white;
		background-color: #a41c22;
		font-weight: bold;
	}

	
	/* image alignée à droite dans le texte d'un article */
	.droite {
		float: right;
		clear: both;
		margin: 0px 0 10px 10px;
		padding: 40px;
		background-color: #e30059;
	}

	/* image alignée à gauche dans le texte d'un article */
	.gauche {
		float: left;
		clear: both;
		margin: 10px 10px 10px 0px;
		padding: 40px;
		background-color: #e2001a;
	}

	/* image alignée au centre dans le texte d'un article */
	.imgcentre {
	
		clear: both;
		margin: 10px;
		padding: 40px;
		background-color: #c50c1f;
	}
	
	
	
/* Anciens numéros ANCIENS-NUM.PHP */

	/* conteneur d'un élément "ancien numéro" */
	.ancien-num {
		border: 1px dashed black;
		background-color: #eaeaea;
		margin: 5px 0 5px 0;
		padding: 5px;
		min-height: 128px;
		height: auto !important;
		height: 128px;
	
	}

	/* effet d'hover sur les conteneurs */
	.ancien-num:hover {
		background-color: #f0f0f0;
	}

	/* placement des images de couvertures dans les conteneurs */
	.ancien-num .couverture{
		float: right;
		clear: right;
	}


/* pied de page */

	/* haut du pied de page */
	#pied {
		background-color: #a41c22;
		color: white;
	}
	
	#pied a, #pied a:visited, #pied a:active {
		text-decoration: underline;
		color: white;
	}

	#pied a:hover {
		text-decoration: underline;
		color: white;
		font-weight: bold;
	}

	/* texte et bas de pied de page */
	#pied .credits{
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 10px;
		padding-bottom: 13px;
		z-index: 1;
	}