/* Site ARKHEIA :: feuille de styles principale */


/*  ------------------------------------------
GENERALITES
------------------------------------------ */

body {
	font-family: Arial, sans-serif;
	background: #c6ba9b;
	margin: 0;
	padding:0;
	text-align: left;
	font-size: 12px;
	line-height: 1.3em;
	color: #000;
	}

img, table { margin: 0; padding: 0; border: none; }


a {
	text-decoration: none;
	color: #6e9b67;
	}
a:hover {
	text-decoration: none;
	color:#89a945;
	}
.on {
	font-weight: bold;
	}

form {
	margin:0px;
	}	

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

.invisible { /* Non visible a l'ecran */
	position: absolute;
	top: -3000em;
	height: 1%;
	}



/*  ------------------------------------------
BLOCS PRINCIPAUX
------------------------------------------ */

#header, #menu {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 760px;
	background: #fff;
	}

#header {
	height: 334px;
	overflow: hidden;
	}

/* --- bases col1 et col2 --- */

#contenu {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 760px;
	background: #fff url(design/col1_bg.jpg) repeat-x top;
	border-left: #fff 1px solid;
	}

#col1 {
	float: left;
	width: 570px;
	}

.bandeau_couleur {
	height: 7px;
	width: 571px;
	border-bottom: 1px solid #fff;
	line-height: 0px;
	font-size: 0px;
	margin:0px;padding: 0px;
	}
	
.bottom { /* classe add. pour bandeau_couleur en bas */
	border-top: 1px solid #fff;
	position: relative;
	bottom:0px;
	}	

#col2 {
	float: right;
	width: 187px;;
	background: #fff;
	border-right: #fff 1px solid;
	border-left: #fff 1px solid;
	}

/* --- elements FOOTER --- */

#footer_image {
	margin: 0 auto 0 auto;
	width:760px;
	height: 63px;
	line-height: 0px;
	font-size: 0px;
	}
	
#footer {
	width: 740px;
	height: 50px;
	margin: 0 auto 0 auto;
	padding: 10px;
	background: #fff url(design/footer_bg.gif) repeat-x top;
	color: #c6ba9b;
	font-size: 0.9em;
	}

#footer_gauche {
	float:left;
	width: 25%;
	text-align: left;
	}
	
#footer_droite {
	float: right;
	width: 75%;
	text-align: right;
	}

#footer a {
	color: #c6ba9b;
	}


/*  ------------------------------------------
COLONNE GAUCHE ( COL1 )
------------------------------------------ */
	
/* --- elements index des numeros et dossiers --- */

.index_gauche, .index_droite {
	height: 160px;
	margin: 20px 20px 30px 20px;
	color: #000;
	}

.index_gauche {
	text-align: left;
	}

.index_droite {
	text-align: right;
	}

.index_gauche img {
	float: left;
	margin-right: 10px
	}

.index_droite img {
	float: right;
	margin-left: 10px
	}	

.index_gauche a, .index_droite a{
	color: #6e9b67;
	}
	
.index_gauche a:hover, .index_droite a:hover{
	color: #89a945;
	}	

.index_gauche h2, .index_droite h2{
	height: 30px;
	color: #000;
	font-weight: bold;
	margin: 0px;
	font-size: 1em;
	}

.index_gauche h2 a, .index_droite h2 a{
	color: #b50036;
	}

.index_gauche h2 a:hover, .index_droite h2 a:hover{
	color: #b50036;
	}

.index_titre {
	text-transform: uppercase;
	}

.index_gauche p, .index_droite p{
	height: 115px;
	margin:0px;
	}

.index_gauche img, .index_droite img{
	border: #fff 1px solid;
	}

.index_bas_block {
	font-size: 0.8em;
	font-weight: bold;
	}

p.index_bas_block {
	height:auto;
	}

.index_bas_block a, .index_bas_block a:hover {
	color: #b50036;
	}			

#titre_rubrique {
	z-index: 3;
	width: 360px;
	height: 150px;
	margin: 20px;
	}	

.titre_rubrique {
	margin: 20px;
	}

.titre_rubrique p, .titre_rubrique h2 {
	margin: 0px;
	}

.titre_rubrique p span {
	color: #000;
	}

.texte_rubrique {
	margin: 0px 20px 0px 70px;
	text-align: justify;
	}

.texte_sommaire {
	z-index: 1;
	width:360px;
	margin: 20px 0px 0px 190px;
	font-size: 1em; 
	line-height: 14px;
	text-align: justify;
	}


/* --- elements sommaires des numeros --- */

.texte.sommaire_numero {
	text-align: left;
	font-size: 1em;
	}

h4.sommaire {
	display: inline;
	font-weight: bold;
	font-size: 1em;
	}

.sommaire_lien {
	color: #6e9b67;
	}

.sommaire_baton {
	color: #b50036;
	font-weight: bold;
	}

.sommaire_motclef {
	color: #b50036;
	font-weight: bold;
	font-size: 1.6em;
	margin:10px 0px 10px 0px;
	}
.contenu_article{
	margin: 5px 0px 0px 10px;
	font-size: 0.9em;
	line-height: 1.1em;
	}	

#marge_couverture {
	display: block;
	position: absolute;
	top: 470px;
	margin-left:20px;
	width: 150px;
	height: 22px;
	background: transparent;
	}

#marge_couverture img {
	border: #fff 1px solid;
	}
	
.marge_edito {
	display: block;
	position: absolute;
	top: 680px;
	margin-left:20px;
	width: 150px;
	height: 22px;
	}

.marge_acheter2 {
	display: block;
	position: absolute;
	top: 710px;
	margin-left:20px;
	width: 150px;
	height: 22px;
	}
	
.marge_top, .marge_retour_accueil, .marge_archives {
	color:#000;
	padding-left:30px;
	height:20px;
	padding-top:2px;
	}
	
.marge_top  {
	display: block;
	z-index:5;
	position:absolute;
	top: 1200px;
	margin-left: 20px;
	width:120px;
	border-bottom: #b50036 2px solid;
 	}

 	
.marge_retour_accueil  {
	display: block;
	z-index:5;
	position:absolute;
	top: 1225px;
	margin-left: 20px;
	width:120px;
	border-bottom: #b50036 2px solid;
 	}
 
.marge_archives  {
	display: block;
	z-index:1;
	position:absolute;
	top: 1250px;
	margin-left: 20px;
	width:120px;
 	}
 
 .pagination_haut_index {
	z-index:4;
	position:absolute;
	top: 320px;
	width: 150px;
	margin: 80px 0px 0 380px;
	}	

/* --- elements article --- */


#gros_titre {
	z-index: 3;
	position:absolute;
	width: 360px;
	height: 150px;
	margin: 20px;
	}

h2 {
	margin:0px;
	font-size: 2.6em;
	line-height: 1.2em;
	font-weight: normal;
	font-family: Arial, sans-serif;
	}

#gros_titre {
	font-size: 0.8em;
	}

.auteur {
	margin-top: -10px;
	display: block;
	}	

.lettrine {
float: left; 
font-size: 3em;
margin: 0px 5px 0px 0px;
padding:0px;
line-height: 1em;
}

.texte {
	z-index: 1;
	width:360px;
	padding: 150px 0px 0px 190px;
	font-size: 1em; 
	line-height: 1.3em;
	text-align: justify;
	min-height: 640px;
	}

.sommaire_haut {
	z-index:5;
	position:absolute;
	width:120px;
	margin-left:400px;
	margin-top:20px
 	}

.sommaire_bas {
	z-index:5;
	position:absolute;
	top: 1145px;
	margin-left: 20px;
	width:120px;
 	}
 	
.pagination_haut {
	z-index:4;
	position:absolute;
	top: 335px;
	width: 150px;
	margin: 80px 0px 0 210px;
	line-height: 0em;

	}	

.pagination_bas {
	z-index:4;
	position:absolute;
	top: 1340px;
	margin:-170px;
	width:150px;
	line-height: 0em;
	}
	

/*nota: double def. Hack min-height IE  */
.pagination_txt {
	height: 780px;
	}
html>body .pagination_txt {
	height: auto;
	min-height: 770px;
	}

.navigation_precedente, .navigation_suivante, .navigation_pages, .navigation_accueil {
	display: block;
	font-size: 1em;
	padding-left: 30px;
	}

.navigation_precedente, .navigation_suivante {
	height:20px;
	}

.navigation_pages {
	min-height:20px;
	padding-top:0px;
	line-height:1.5em;
	}

.navigation_accueil {
	height:20px;
	padding-top:0px;
	line-height:1.5em;
	}

div.navigation_precedente, div.navigation_suivante, div.navigation_accueil, .page_actuelle {
	color:#c6ba9b;
	}

a.navigation_precedente, a.navigation_suivante, a.navigation_accueil {
	color:#000;
	}
	
div.navigation_pages a {
	color:#000;
	}

.sommaire_haut.navigation_accueil {
	border-bottom: #fff 2px solid;
	}

.sommaire_bas.navigation_accueil {
	border-bottom: #b50036 2px solid;
	}

.pagination_haut .navigation_precedente, .pagination_haut .navigation_suivante, .pagination_haut_index .navigation_precedente, .pagination_haut_index .navigation_suivante {
	height:20px;
	border-bottom: #fff 2px solid;
	padding-top:0px;
	line-height:1.5em;
	}

.pagination_bas .navigation_precedente, .pagination_bas .navigation_suivante {
	height:20px;
	border-bottom: #b50036 2px solid;
	padding-top:0px;
	line-height:1.5em;
	}


.marge_infos {
	display: block;
	position: absolute;
	top: 615px;
	margin-left:20px;
	width: 150px;
	height: 30px;
	font-size: 0.9em;
	background: transparent;
	text-align: right;
	}

.marge_infos strong {
	font-weight: bold;
	color: #b50036;
	}	

.marge_sommaire {
	display: block;
	position: absolute;
	top: 650px;
	margin-left:20px;
	width: 150px;
	height: 22px;
	}

.marge_acheter {
	display: block;
	position: absolute;
	top: 680px;
	margin-left:20px;
	width: 150px;
	height: 22px;
	}
.marge_auteurs {
	display:block;
	position: absolute;
	top: 780px;
	margin-left: 20px;
	width: 150px;
	font-size: 0.9em;
	text-align: right;
	line-height:1.2em;
	}
.marge_auteurs strong {
	font-weight: bold;
	}	


/* --- elements (Les plus / Kiosque / Qui / Contact / Credits / Mentions legales) --- */


.texte2 {
	width:360px;
	margin: 20px 0px 30px 190px;
	font-size: 1em; 
	line-height: 14px;
	text-align: justify;
	}

a.voir {
	cursor: pointer;
	}

#trombinoscope {
	display: none;
	}

#trombinoscope img{
	background: #fff;
	display: block;
	width: 100px;
	padding: 4px;
	margin: 0px 5px 3px 5px;
	border: #be7a93 dotted 1px;
	}
.trombinoscope_solo {
	float: left;
	width:120px;
	margin: 10px 0 0px 0;
	text-align: center;
	font-size:0.8em;
	line-height: 1.2em;
	}	

.resultats h3 {
	color: #b50036;
	margin-top:15px;
}

.resultats h3 a{
	color: #b50036;
}

.resultats ul {
	padding: 0px;
	margin-left: 17px;
}
.resultats li {
	list-style: square outside;
	color: inherit;
}


/* --- formulaire contact --- */
.titre_form, #titre_form {
	z-index: 3;
	width: 360px;
	height: auto;
	margin: 20px;
	}
.titre_form h2 {
	margin-bottom:10px;
	}


.texte2 form {
	color: #9da168;
	text-transform: uppercase;
	font-size: 0.8em;
	margin-top: 0px;
	}
	
.texte2 form span {
	color: #c6ba9b;
	font-weight: bold;
	}	

.texte2 form span.red {
	color: #d29e2f; // ouais bon ça va, j'ai mis red et c'est yaune
	}

.texte2 form input, .texte2 form textarea {
	background: transparent;
	border: 1px solid #c6ba9b;
	margin-bottom: 5px;
}


.texte2 form input, .texte2 form textarea.multilignes1 {
	width:300px;
}


.texte2 form textarea.multilignes {
		width: 300px;
}

.texte2 form input.submit {
	color: #fff;
	background: #c6ba9b url(design/contact-send.gif) no-repeat top left;
	width: 100px;
	height: 23px;
	margin: 0px;
	cursor: pointer;
}

div input.nlValidez {
	color: #fff;
	background: #c6ba9b url(design/contact-valid.gif) no-repeat top left;
	width: 100px;
	height: 20px;
	margin: 0px 0px 0px 200px;
	border: 0;
	cursor: pointer;
}


.texte2 form input.checkbox {
	width: 1em;
	height:1em;
	margin: 0px 5px 0px 0px;
	}

.obligatoire {
	float: left;
	width: 200px;
	color: #d29e2f;
	text-transform: none;
	font-weight: bold;
}

.erreur {
	color: #b50036;
	}
	
/* --- commentaires visiteurs --- */	

#commentaires {
	margin: -25px 0 7px 0;
	}

li.forum-fil {color:#d29e2f; list-style-position: inside;}
.forum-chapo {font-weight: bold; display: inline;}
.forum-texte {color:#000;}
.forum-message {display: inline;}

.reponse_formulaire {width: 280px; border: 1px #c6ba9b solid; margin:0 0 20px 0; padding: 10px;}

/* --- formulaires abonnement --- */

h4.newsletter_abonnement {
	display: block;
	width: 300px;
	font-size: 1em;
	font-weight: normal;
	}

.abonnement_modif {
	text-align: left;
	line-height: 1.7em;
	border: 1px solid #c6ba9b;
	padding: 10px;
	width: 280px;
	}

.abonnement_modif label{
	text-align: left;
	}

.abonnement_modif input#formathtml, .abonnement_modif input#formattexte, .abonnement_modif input#formatnon {
	text-align: left;
	width: 1em;
	height: 1em;
	border: 0px;
	}

input#commentaires_previsu {
	color: #ff0000;
	background: #c6ba9b url(design/bouton-com-previsu.gif) no-repeat top left;
	width: 300px;
	height: 23px;
	margin: 0px;
	cursor: pointer;
}

input#commentaires_envoyer {
	color: #ff0000;
	background: #c6ba9b url(design/bouton-com-envoyer.gif) no-repeat top left;
	width: 300px;
	height: 23px;
	margin: 0px;
	cursor: pointer;
}

/*  ------------------------------------------
COLONNE DROITE ( COL2 )
------------------------------------------ */

#col2_recherche, #col2_lesplus, #col2_promo, #col2_dossier, #col2_archives, #col2_abonnement {
	border-bottom: 1px solid #fff;
	font-size:0.9em;
	line-height: 1.2em;
	}

#col2_recherche {
	background: #fff url(design/col2_bg_recherche.jpg) repeat-y top right;
	height: 50px;
	padding: 5px 10px 5px 10px;
	color: #d29e2f;
	font-size: 0.8em;
	font-weight: bold;
	}

#col2_recherche form  input {
	border:#7a5450 1px solid;
	border: #7a5450 1px solid;
	color: #7a5450;
	padding: 0px;
	float: left;
}


#col2_recherche input.forml {
	background: transparent;
	width: 138px;
	height: 17px;
	margin:5px 0 5px 0;
	}


#col2_recherche form  input.submit {
	background: #c6ba9b url(design/rechercher.gif) no-repeat top left;
	width: 19px;
	height: 19px;
	cursor: pointer;
	margin:5px 0px 0px 5px;;

}

	
#col2_recherche a {
	display: block;
	float: right;
	color: #7a5450;
	font-weight: normal;
	text-align: right;
	width: inherit;
	}		

#col2_lesplus {
	background: #fff url(design/col2_bg_lesplus.gif) no-repeat top;
	height: 116px;
	padding: 10px;
	}

#col2_lesplus a.titre {
	color: #b50036;
	text-transform: uppercase;
	font-weight: bold;
	}

#col2_promo {
	background: #fff url(design/col2_bg_promo.jpg) repeat-x top;
	min-height: 195px;
	padding: 10px;
	}
	
#col2_promo .titre {
	color: #6e9b67;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	}

#col2_promo img {
	display: block;
	border: #fff solid 1px;
	margin: 5px auto 5px auto;
	}


#col2_dossier {
	display: block;
	height: 184px;
	}

#col2_dossier img{
	display: block;
	}

#col2_archives {
	background: #fff url(design/col2_bg_archives.gif) no-repeat top;
	height: 174px;
	padding: 10px 10px 0px 30px;
	text-align: right;
	font-size:0.9em;
	line-height: 1.2em;

	}
	
#col2_archives a.titre {
	display: block;
	color: #b50036;
	font-weight: bold;
	margin-left: 40px;
	margin-bottom: 20px;
	}

#col2_abonnement {
	background: #fff url(design/col2_bg_abonnement.jpg) repeat-x top;
	height: 180px;
	padding: 10px;
	text-align: right;
	}
	
#col2_abonnement a.titre{
	display: block;
	padding-top:15px;
	color: #fff;
	font-size: 1.8em;
	text-align: center;
	}

/*  ------------------------------------------
MENU PRINCIPAL
------------------------------------------ */

#menu a {
	color:#fff;
	text-align: center;
	padding-top: 6px;
	font-size:0.9em;
	}

ul.jd_menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

ul.jd_menu ul {
	display: none;
	}

ul.jd_menu li {
	float: left;
	}

/* --- Deroulants --- */

ul.jd_menu ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
	background: #fff;
	}
ul.jd_menu ul li {
	float: none;
	margin: 0px;
	}

li.menu_actualite a, li.menu_dernier a,li.menu_archives a, li.menu_plus a, li.menu_kiosque a, li.menu_qui a  {
	display: block;
	width:115px;
	height: 20px;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #fff;
	font-size: 0.8em;
	}
	
li.menu_actualite li a, li.menu_dernier li a,li.menu_archives li a, li.menu_plus li a, li.menu_kiosque li a {
	border-top: 0px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 0.8em;
	}

#menu .on {color: #fff; font-size: 0.9em; font-weight: normal;}

li.menu_actualite {background: #60a5cd;}
li.menu_actualite a:hover {background: #4fc0e4;}

li.menu_dernier {background: #b50036;}
li.menu_dernier a:hover {background: #d71766;}
li.menu_dernier li a {background: #cba9b7;}

li.menu_archives a {background: #7a5450;}
li.menu_archives a:hover {background: #9c3c33;}
li.menu_archives li a {background: #b79d9b;}
	
li.menu_plus {background: #d29e2f;}
li.menu_plus a:hover {background: #cf802a;}
li.menu_plus li a {background: #d5be96;}

li.menu_kiosque {background: #6e9b67;}
li.menu_kiosque a:hover {background: #89a945;}
li.menu_kiosque li a {background: #a9b8a5;}


li.menu_qui a {background: #be7a93;}
li.menu_qui a:hover {background: #e985a7;}
li.menu_qui .on{
	display: block;
	background: #be7a93;
	width: 115px;
	height: 20px;
	padding-top: 6px;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #fff;
	text-align: center;
	}

li.menu_contact a {
	display: block;
	background: #9da168;
	width:62px;
	height: 20px;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #fff;
	font-size: 0.8em;
	}
li.menu_contact a:hover {background: #c0b940;}
li.menu_contact .on {
	background: #9da168;
	display: block;
	width: 62px;
	height: 20px;
	padding-top: 6px;
	border: 1px solid #fff;
	text-align: center;
	}