@charset "UTF-8";
/* CSS Document */
html {outline: none;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#site {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	position:relative;
	overflow:hidden;
}
#header {
	background-image: url(home/header_home.png);
	height: 283px;
	width: 1000px;
	overflow: hidden;
}
#header #header_color {
	height: 270px;
	width: 974px;
	background-image: url(home/bg_header_color.png);
	background-repeat: no-repeat;
	overflow: hidden;
}
#header #header_color #login_home {
	margin-top: 115px;
	padding-left: 700px;
	height: 75px;
}
#menu_home {
	margin-top: 23px;
	padding-left: 260px;
	overflow: hidden;
}
ul#menu li.item_menu {
	display: block;
	float: left;
	height: 16px;
	width: 176px;
	background-image: url(menu/fond_item.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul#menu li.item_menu a {
	display:block;
	color: #000000;
	text-decoration: none;
	height: 12px;
	width: 173px;
	/*padding-left: 14px;*/
}
ul#menu li.item_menu a:hover {
	color: #FFFFFF;
	background-color:#000000;
	background-image:url(menu/puce_hover.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration: none;
}
li.item_menu #menu_habitat {
	background-image: url(menu/puce_habitat.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
}
li.item_menu #menu_apprendre {
	background-image: url(menu/puce_apprendre.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
}
li.item_menu #menu_culture {
	background-image: url(menu/puce_culture.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
}
li.item_menu #menu_durable {
	background-image: url(menu/puce_durable.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
}
li.item_menu #menu_femmes {
	background-image: url(menu/puce_femmes.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
}
li.item_menu #menu_jeunes {
	background-image: url(menu/puce_jeunes.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
	outline-style:none;
}
li.item_menu #menu_nature {
	background-image: url(menu/puce_nature.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
}
.vignette_action #action_numero  {
	background-image: url(menu/puce_prison.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
}
li.item_menu #menu_sante {
	background-image: url(menu/puce_sante.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
}
li.item_menu #menu_sport {
	background-image: url(menu/puce_sport.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
}

li.item_menu #menu_prison {
	background-image: url(menu/puce_prison.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 172px;
	padding-left: 14px;
	text-transform: uppercase;
	font-size: 11px;
}

#main {
	width: 980px;
	overflow: auto;
	position:relative;
	margin-top:-7px;
}
#main #intro {
	height: 84px;
	width: 443px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 42px;
	padding-top: 11px;
	background-image: url(home/coin_gris.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
}
#main #intro_big {
	height: 333px;
	width: 683px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 42px;
	padding-top: 70px;
	background-image: url(home/coin_gris.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
}
#intro_big #intro_close {
	background-image: url(home/croix_intro_bleu.png);
	height: 20px;
	width: 19px;
	text-indent: -9999px;
	float: right;
	margin-top: -65px;
	margin-right: 5px;
}

/* VIGNETTES ACTU */

a { color:#000000; text-decoration:none }

.vignette_actu {
	/*background-color: #e3e2e2;*/
	height: 86px;
	width: 211px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 24px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	position:relative;
}
.vignette_actu h2 {
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.vignette_actu h3 {
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin-bottom: 2px;
}

.vignette_actu .actu_texte {
	font-size:11px;
	line-height:12px;
}

.vignette_actu .ajax_content {
	font-size:12px;
	line-height:16px;
	margin-top:10px;
}
.vignette_actu .ajax_content a {
	text-decoration:underline;
}
/* VIGNETTES ACTION */

.vignette_action {
	height: 86px;
	width: 211px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 24px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	position:relative;
}
.vignette_action .action_numero {
	height: 50px;
	width: auto;
	float: left;
}
.vignette_action .action_typo {
	background-image: url(home/typo_action.png);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 50px;
	text-indent:-9999px;
	margin-left: 3px;
}
.vignette_action p.action_texte {
	display: block;
	float: left;
	width: 210px;
	margin-bottom: 0px;
	height: 30px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 10px;
	margin-top: 5px;
	font-weight: bolder;
}
/* ROLLOVER VIGNETTES ACTION */
div.habitat { background:#00ffea;}
div.apprendre { background:#0096ff;}
div.sport{ background:#ff00dc;}
div.nature { background:#00ff9c;}
div.prison { background:#ff4900;}
div.emploi { background:#6cff00;}
div.sante { background:#ff7900;}
div.femmes { background:#ffd200;}
div.culture { background:#c8ff0a ;}
div.jeunes { background:#ff0078;}
div.action_habitat { background:#00ffea url('home/coin_gris.png') top left no-repeat; }
a:hover div.action_habitat { background: #b9b9b9 url('theme_habitat/coin.png') top left no-repeat; }
div.action_sport { background:#ff00dc url('home/coin_gris.png') top left no-repeat; }
a:hover div.action_sport { background: #b9b9b9 url('theme_sport/coin.png') top left no-repeat; }
div.action_apprendre { background:#0096ff url('home/coin_gris.png') top left no-repeat; }
a:hover div.action_apprendre { background: #b9b9b9 url('theme_apprendre/coin.png') top left no-repeat; }
div.action_nature { background:#00ff9c url('home/coin_gris.png') top left no-repeat; }
a:hover div.action_nature { background: #b9b9b9 url('theme_nature/coin.png') top left no-repeat; }
div.action_prison { background:#ff4900 url('home/coin_gris.png') top left no-repeat; }
a:hover div.action_prison { background: #b9b9b9 url('theme_prison/coin.png') top left no-repeat; }
div.action_emploi { background:#6cff00 url('home/coin_gris.png') top left no-repeat; }
a:hover div.action_emploi { background: #b9b9b9 url('theme_emploi/coin.png') top left no-repeat; }
div.action_sante { background:#ff7900 url('home/coin_gris.png') top left no-repeat; }
a:hover div.action_sante { background: #b9b9b9 url('theme_sante/coin.png') top left no-repeat; }
div.action_femmes { background:#ffd200 url('home/coin_gris.png') top left no-repeat; }
a:hover div.action_femmes { background: #b9b9b9 url('theme_femmes/coin.png') top left no-repeat; }
div.action_culture { background:#c8ff0a url('home/coin_gris.png') top left no-repeat; }
a:hover div.action_culture { background: #b9b9b9 url('theme_culture/coin.png') top left no-repeat; }
div.action_jeunes { background:#ff0078 url('home/coin_gris.png') top left no-repeat; }
a:hover div.action_jeunes { background: #b9b9b9 url('theme_jeunes/coin.png') top left no-repeat; }

div.action_habitat { background:#00ffea url('home/coin_gris.png') top left no-repeat; }
div.action_habitat:hover { background: #b9b9b9 url('theme_habitat/coin.png') top left no-repeat; }
div.action_sport { background:#ff00dc url('home/coin_gris.png') top left no-repeat; }
div.action_sport:hover { background: #b9b9b9 url('theme_sport/coin.png') top left no-repeat; }
div.action_apprendre { background:#0096ff url('home/coin_gris.png') top left no-repeat; }
div.action_apprendre:hover { background: #b9b9b9 url('theme_apprendre/coin.png') top left no-repeat; }
div.action_nature { background:#00ff9c url('home/coin_gris.png') top left no-repeat; }
div.action_nature:hover { background: #b9b9b9 url('theme_nature/coin.png') top left no-repeat; }
div.action_prison { background:#ff4900 url('home/coin_gris.png') top left no-repeat; }
div.action_prison:hover { background: #b9b9b9 url('theme_prison/coin.png') top left no-repeat; }
div.action_emploi { background:#6cff00 url('home/coin_gris.png') top left no-repeat; }
div.action_emploi:hover { background: #b9b9b9 url('theme_emploi/coin.png') top left no-repeat; }
div.action_sante { background:#ff7900 url('home/coin_gris.png') top left no-repeat; }
div.action_sante:hover { background: #b9b9b9 url('theme_sante/coin.png') top left no-repeat; }
div.action_femmes { background:#ffd200 url('home/coin_gris.png') top left no-repeat; }
div.action_femmes:hover { background: #b9b9b9 url('theme_femmes/coin.png') top left no-repeat; }
div.action_culture { background:#c8ff0a url('home/coin_gris.png') top left no-repeat; }
div.action_culture:hover { background: #b9b9b9 url('theme_culture/coin.png') top left no-repeat; }
div.action_jeunes { background:#ff0078 url('home/coin_gris.png') top left no-repeat; }
div.action_jeunes:hover { background: #b9b9b9 url('theme_jeunes/coin.png') top left no-repeat; }


/* ROLLOVER VIGNETTES ACTUS */
div.actu_habitat { background:#e3e2e2 url('theme_habitat/coin.png') top left no-repeat; }
/*div.actu_habitat:hover { background: #00ffea url('home/coin_gris.png') top left no-repeat; }*/
div.actu_sport { background:#e3e2e2 url('theme_sport/coin.png') top left no-repeat; }
/*div.actu_sport:hover { background:#ff00dc url('home/coin_gris.png') top left no-repeat; }*/
div.actu_apprendre { background:#e3e2e2 url('theme_apprendre/coin.png') top left no-repeat; }
/*div.actu_apprendre:hover { background:#0096ff url('home/coin_gris.png') top left no-repeat; }*/
div.actu_nature { background:#e3e2e2 url('theme_nature/coin.png') top left no-repeat; }
/*div.actu_nature:hover { background:#00ff9c url('home/coin_gris.png') top left no-repeat; }*/
div.actu_prison { background:#e3e2e2 url('theme_prison/coin.png') top left no-repeat; }
/*div.actu_prison:hover  { background:#ff4900 url('home/coin_gris.png') top left no-repeat; }*/
div.actu_emploi { background:#e3e2e2 url('theme_emploi/coin.png') top left no-repeat; }
/*div.actu_emploi:hover { background:#6cff00 url('home/coin_gris.png') top left no-repeat; }*/
div.actu_sante { background:#e3e2e2 url('theme_sante/coin.png') top left no-repeat; }
/*div.actu_sante:hover { background:#ff7900 url('home/coin_gris.png') top left no-repeat; }*/
div.actu_femmes { background:#e3e2e2 url('theme_femmes/coin.png') top left no-repeat; }
/*div.actu_femmes:hover { background:#ffd200 url('home/coin_gris.png') top left no-repeat; }*/
div.actu_culture { background:#e3e2e2 url('theme_culture/coin.png') top left no-repeat; }
/*div.actu_culture:hover { background:#c8ff0a url('home/coin_gris.png') top left no-repeat; }*/
div.actu_jeunes { background:#e3e2e2 url('theme_jeunes/coin.png') top left no-repeat; }
/*div.actu_jeunes:hover { background:#ff0078 url('home/coin_gris.png') top left no-repeat; }*/

.coin {background:url('coins/coin_gris.png') top left no-repeat; width:15px; height:16px; text-indent:-9999px; position:absolute}
.case {position:absolute;}
.click {cursor: pointer;}

#main .vignette_intro {
background-image:url(coins/coin_gris.png);
background-position:left top;
background-repeat:no-repeat;
height:84px;
margin-bottom:5px;
margin-right:5px;
padding-left:42px;
padding-top:11px;
position:absolute;
width:443px;
}

#main .vignette_big {
	height: 389px;
	width: 701px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 24px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#main .vignette_big_intro {
	background-image:url(home/coin_gris.png);
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	height:379px;
	margin-bottom:5px;
	margin-right:5px;
	padding-left:30px;
	padding-right:12px;
	padding-top:20px;
	width:687px;
}

/* FOOTER */

#footer {
	width: 978px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	height: 65px;
	margin-left: -3px;
	position: relative;
	z-index: 500;
}
#footer #logo_footer {
	float: left;
	margin-right: 5px;
}
#footer #menu_footer {
	margin-top: 35px;
	float: left;
	width: 640px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	height: 28px;
	line-height: 28px;
}
#footer .footer_icone {
	float: right;
	margin-left: 2px;
	margin-top: 5px;
}#footer a img {
	border: none;
}
#footer a {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/** LOGIN **/

#login_home {

		margin-left:85px;
}
#login_home input {
	margin-top:5px;

}

#login_home h3 {
	text-transform:capitalize;
	font-weight:bold;
	color:#555;
}
.grey {
	color:#555
}

#extra {
margin-top:5px;
	font-size:10px;
}

/** Pagination **/

#pagination { text-align: right; padding-right: 20px; height: 20px; width: 985px}
#pagination_2 { float: right}
#pagination a { display: block; float: left; height: 17px; width: 17px; background-color: #e3e2e2; text-align: center; padding: 2px; margin-right: 3px; line-height: 15px  }
#pagination a:hover {}
#pagination span#current { display: block; float: left; height: 17px; width: 17px; text-align: center; padding: 2px; margin-right: 3px; line-height: 15px }


/** Bulle crédits **/


	#credits {width: 349px; overflow: auto; position: absolute; z-index: 100; top: -30px; left: 150px}
	#credits_top { width: 349px; height: 16px; background: url('footer/credits_top.png') no-repeat; text-indent: -9999px }
	#credits_content { width: 309; height: auto; padding-left: 20px; padding-right: 20px; background: url('footer/credits_bgy.png'); margin: 0px; }
	#credits_content h3 { font-family: Arial; font-size: 12px; color: gray; margin: 0px}
	#credits_content h3 a { color: gray; text-decoration: none }
	#credits_content h3 a:hover { color: black } 
	#credits_bottom { width: 349px; height: 31px; background: url('footer/credits_bottom.png') no-repeat; text-indent: -9999px }