/*
 * Feuille de style www.lehic.com
 * Infos générales :
 * - Par défaut, les <p> et <div> n'ont ni marge ni padding
 * - Tous les fichiers externes (images, ...) doivent être
 *	référencés par chemin relatif à cette feuille.
 * - La classe "external" n'a pas de style, elle est là simplement
 * pour ouvrir les liens dans une nouvelle fenêtre en javascript.
 * Dans un soui d'accessibilité, essayer de donner les tailles
 * de polices en em et non en px.
 *
 * Pour info : 11px ~ 0.7em
 */

/***********
 * Général *
 ***********/
body {
	font-family:arial,sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
	/*
	width:1000px;
	margin:auto;
	*/
}

#body {
	padding:0px;
	margin:0px;
	width:1024px;
	margin:auto;
}

p, div {
	padding:0px;
	margin:0px;
}

a:link,
a:visited {
	color:#4682B4;
	text-decoration:none;
}

a:hover,
a:active {
	color:#4682B4;
	text-decoration:underline;
}

img {
	border:0px;
}

h1 {
	font-family:arial,sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#005a71;
	/*font-variant:small-caps;*/
}

h2 {
	font-family:arial,sans-serif;
	font-size:16px;
	color:#0087a8;
	font-weight:bold;
	font-variant:small-caps;
}

/*
 * Ne pas souligner les liens dans les titres
 */
h1 a:hover, h2 a:hover, h1 a:active, h2 a:active {
	text-decoration:none;
}

.spacer {
	clear: both;
	height:0px;
}

/***************
 * Formulaires *
 ***************/
.text_input,
textarea,
select {
	border:1px solid #009fc6;
	font-family:arial,sans-serif;
	font-size:13px;
	color:#005a71;
}

.button {
	border:1px solid #009fc6;
	font-family:arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#005a71;
}

/***********
 * En-tête *
 ***********/
#core_header {
	height:120px;
	width:100%;
	background-image:url(/images/header/topbannerbis.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	border-bottom:1px solid #005a71;
}

#core_header_index,
#core_header_index:visited,
#core_header_index:hover,
#core_header_index:active{
	background-image:url(/images/header/topbanner.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	display:block;
	height:100%;
	width:410px;
	float:left;
	text-decoration:none;
}

#core_header_ads {
	width:470px;
	float:left;
	padding-top:30px;
}
/****************
 * Menu du haut *
 ****************/
#core_top_menu {
	text-align:center;
	margin-top:10px;
}

#core_top_menu img {
	margin:0;
	padding:0;
}

/*********************************
 * Conteneur pour le menu gauche *
 * et la partie principale       *
 *********************************/
#core_page {
	width:100%;
	overflow:hidden;
	font-family:arial,sans-serif;
	font-size:11px;
}

/******************
 * Menu de gauche *
 ******************/
#core_main_menu {
	width:150px;
	float:left;
	height:100%;
	padding-top:15px;
}

#core_passer_annonce {
	margin-bottom:15px;
}

/*
 * Formulaires de recherche d'annonce,
 * de sortie et d'articles
 * dans le menu de gauche
 */
#core_main_menu_search {
	width:150px;
}

/*
 * Recherche d'annonces
 */
#core_main_menu_search_annonce {
	/*border-left:2px solid #035585;*/
	background-image:url(/images/mainmenu/pa-recherche-filet.jpg);
	background-position:left;
	background-repeat:repeat-y;
	/*border-bottom:2px solid #035585;*/
	padding-bottom:-5px;
	padding-left:5px;
	margin-bottom:15px;
	text-align:left;
}

#core_main_menu_search_annonce label {
	color:#006ba9;
	font-weight:bold;
}

#core_main_menu_search_annonce .text_input,
#core_main_menu_search_annonce select {
	width:130px;
	margin:auto;
	color:#006ba9;
	border:1px solid #006ba9;
}

#core_main_menu_search_annonce a:link,
#core_main_menu_search_annonce a:visited,
#core_main_menu_search_annonce a:hover,
#core_main_menu_search_annonce a:active {
	color:#006ba9;
}

#core_main_menu_search_annonce select {
	text-transform:lowercase;
}

#core_main_menu_search_annonce .button {
	border:1px solid #006ba9;
	color:#006ba9;
}

/*
 * Recherche de sortie couleur 8c70a3
 */
#core_main_menu_search_sortie {
	background-image:url(/images/mainmenu/sortie-recherche-filet.jpg);
	background-position:left;
	background-repeat:repeat-y;
	padding-bottom:5px;
	padding-left:5px;
	margin-bottom:15px;
	text-align:left;
}

#core_main_menu_search_sortie label {
	color:#a0027d;
	font-weight:bold;
}

#core_main_menu_search_sortie .text_input,
#core_main_menu_search_sortie select {
	width:130px;
	margin:auto;
	color:#a0027d;
	border:1px solid #a0027d;
}

#core_main_menu_search_sortie a:link,
#core_main_menu_search_sortie a:visited,
#core_main_menu_search_sortie a:hover,
#core_main_menu_search_sortie a:active {
	color:#a0027d;
}

#core_main_menu_search_sortie select {
	text-transform:lowercase;
}



#core_main_menu_search_sortie .button {
	border:1px solid #a0027d;
	color:#a0027d;
}



/********************************
 * Contenu principal de la page *
 ********************************/
#core_main_content {
	padding-left:20px;
	padding-right:0px;
	margin:0px;
	width:730px;
	float:left;
}

/*******************************
 * Publicités à droite du site *
 *******************************/
#core_ads {
	float:right;
	width:120px;
	padding-top:15px;
}

/*************************************
 * Agencement en colonnes du contenu *
 *************************************/
.c1, .c2, .c3 {
	float:left;
	margin:0px;
	padding:0px;
}

.l1, .l2, .l3 {
	margin:0px;
	padding:0px;
}

/*
 * 1ère colonne
 */
.c1 {
	padding-left:0px;
}
/*
 * 2ème colonne
 */
.c2 {
	padding-left:6px;
}
/*
 * 3ème colonne
 */
.c3 {
	padding-left:6px;
}

/*
 * Largeur 1 colonne
 */
.l1 {
	width:231px;
}
/*
 * Largeur 2 colonnes
 */
.l2 {
	width:468px;
}
/*
 * Largeur 3 colonnes
 */
.l3 {
	width:705px;
}

/****************************
 * Bloc d'annonces à la une *
 ****************************/
#annonces_une {
	/*border:1px solid #009fc6;*/
	padding:5px; /* égal à margin-right de .annonce_une */
	padding-right:0px;
	padding-top:0px;
	margin:0px;
	margin-top:20px;
	color:#035585;
	
}

.annonce_une {
	float:left;
	width:105px;
	margin-right:5px;
	font-size:9px;
	text-align:center;
}

.annonce_une img {
	border:2px solid #035585;
}

/**************************************
 * Affichage des annonces sur le site *
 **************************************/
.annonce {
	clear:both;
}

/*
 * Affichage de la date de publication
 * de chaque article
 */
.date_article {
	margin-bottom:10px;
	/*border-bottom:1px solid #999999;*/
	text-decoration:underline;
	text-align:right;
	color:#999999;
}

/*********************************************
 * Styles relatifs à chaque rubrique du site *
 *********************************************/

/*
 * Annonces
 */

h1.annonces {
	color:#035585;
	padding-left:127px;
	background-image:url(/images/titres/titre-page-annonces.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	border-bottom:2px solid #035585;
}

h2.annonces, a.annonces {
	color:#035585;
}
/*
 * Culture
 */

/*img.culture,
div.culture {
	border:1px solid #8e70a4;
}
*/

h1.culture {
	color:#a0027d;
	padding-left:111px;
	background-image:url(/images/titres/titre-page-culture.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	border-bottom:2px solid #a0027d;
}

h2.culture, a.culture, .article_culture h2 {
	color:#a0027d;
}

h2.culture {
	border-bottom:1px solid #a0027d;
}

a.titre-article-culture {
	color:#a0027d;
	font-size:14px;
}

.article_culture strong {
	color:#a0027d;
}

.article_chapeau_culture {
	font-weight:normal;
	font-familiy:verdana,arial,sans-serif;
	font-size:11px;
	margin-bottom:5px;
	color:#a0027d;
}
/*
 * Auto
 */

/*img.auto,
div.auto{
	border:1px solid #dd0000;
}
*/
h1.auto {
	color:#dd0000;
	padding-left:139px;
	background-image:url(/images/titres/titre-page-auto.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	border-bottom:2px solid #fb0b0c;
}

h2.auto, a.auto, .article_auto h2 {
	color:#dd0000;
}

h2.auto {
	border-bottom:1px solid #fb0b0c;
}

a.titre-article-auto {
	color:#dd0000;
	font-size:14px;
}

.article_auto strong {
	color:#dd0000;
}

.article_chapeau_auto {
	font-weight:normal;
	font-familiy:verdana,arial,sans-serif;
	font-size:11px;
	margin-bottom:5px;
	color:#fb0b0c;
}
/*
 * Emploi
 */

/*img.emploi,
div.emploi {
	border:1px solid #ff7f00;
}
*/
h1.emploi {
	color:#ff7f00;
	padding-left:99px;
	background-image:url(/images/titres/titre-page-emploi.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	border-bottom:2px solid #ff7f00;
}

h2.emploi, a.emploi, .article_emploi h2 {
	color:#ff7f00;
}

h2.emploi {
	border-bottom:1px solid #ff7f00;
}

a.titre-article-emploi {
	color:#ff7f00;
	font-size:14px;
}

.article_emploi strong {
	color:#ff7f00;
}

.article_chapeau_emploi {
	font-weight:normal;
	font-familiy:verdana,arial,sans-serif;
	font-size:11px;
	margin-bottom:5px;
	color:#ff7f00;
}
/*
 * Habitat
 */

/*img.habitat,
div.habitat {
	border:1px solid #7fc41c;
}
*/
h1.habitat {
	color:#7fc41c;
	padding-left:107px;
	background-image:url(/images/titres/titre-page-habitat.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	border-bottom:2px solid #7fc41c;
}

h2.habitat, a.habitat, .article_habitat h2 {
	color:#7fc41c;
}

h2.habitat {
	border-bottom:1px solid #7fc41c;
}

a.titre-article-habitat {
	color:#7fc41c;
	font-size:14px;
}

.article_habitat strong {
	color:#7fc41c;
}

.article_chapeau_habitat {
	font-weight:normal;
	font-familiy:verdana,arial,sans-serif;
	font-size:11px;
	margin-bottom:5px;
	color:#7fc41c;
}
/*
 * Cinéma
 */
h1.cine {
	color:#674486;
	padding-left:107px;
	background-image:url(/images/titres/titre-page-cine.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	border-bottom:2px solid #674486;
}

h2.cine, a.cine {
	color:#674486;
}

h2.cine {
	border-bottom:1px solid #674486;
}

a.titre-article-cine {
	color:#674486;
	font-size:14px;
}

.article_chapeau_cine {
	font-weight:normal;
	font-familiy:verdana,arial,sans-serif;
	font-size:11px;
	margin-bottom:5px;
	color:#674486;
}
/*
 * Les titres d'aricles ne sont pas
 * précédés de l'onglet
 */
h1.article {
	background-image:none;
	padding-left:0px;
}

h2.article {
	border:0px;
}

/*img.cine,
div.cine {
	border:1px solid #674486;
}*/

/*************************
 * Chapeaux des articles *
 *************************/


/****************
 * Pied de page *
 ****************/
#core_footer {
	margin-top:50px;
	margin-left:170px;
	width:705px;
	text-align:center;
}

/*************************
 * Liens du pied de page *
 *************************/
#core_footer_links,
#core_footer_links *{
	color:#666666;
}

#core_footer_validity {
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #666666;
}