/* CSS Document */

/******************/
/*** GÉNÉRIQUES ***/
/******************/


@font-face {
    font-family: 'AeonPlayerRegular';
    src: url('aeon_player-webfont.eot');
    src: url('aeon_player-webfont.eot?#iefix') format('embedded-opentype'),
         url('aeon_player-webfont.woff') format('woff'),
         url('aeon_player-webfont.ttf') format('truetype'),
         url('aeon_player-webfont.svg#AeonPlayerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {
	margin:0px;
	padding:0px;
	font-weight:normal;
	 outline: none;
}

body, html {
	color:#fff;
	height:100%;
	font-family : "AeonPlayerRegular",  Arial, sans-serif;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/sites/all/themes/banlieue/css/images/hIEfix.png,sizingMethod=crop);
	zoom:1;
}
#evotes h2 , .fond_roll h2{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/sites/all/themes/banlieue/css/images/hIEfix.png,sizingMethod=crop);
	zoom:1;
}

body {
	background-color:#0c1c32;
}

body.node-type-actualites {
	background: #fff ;
}

body.node-type-webform, body.not-front  {
	background: #fff ;
}
body.page-admin{
	background-color:#0c1c32;
}
body.page-newsletter {
	background:url(images/fond_email.gif) no-repeat center top;
	padding-top:50px; 
}

#simplenews-confirm-add-form, #simplenews-confirm-removal-form {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:45px;
	padding-top:20px;
	color:#08315a;
}

#simplenews-confirm-removal-form .form-submit {
	width:150px;
	margin-top:20px; 
}
 
 
h1 {
	font-size:27px;
	font-weight: normal;
}

h2 {
font-weight: normal;
	line-height:18px;
	font-size:15px;
	opacity:1;
	filter:alpha(opacity=100);
   	-moz-opacity:1;
}

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


/********************/
/***     CARTE    ***/
/********************/
#points {
	width:100%;
	height:100%;
	background-image:url(images/point.png);
	position:absolute;
	top:0px;
	opacity:.3;
	filter:alpha(opacity=30);
   -moz-opacity:0.3;
	z-index:1;
}

#elements_carte {
	width:1920px;
	height:1195px;
	position:absolute;
	left:50%;
	top:0px;
	z-index:2;
	display:none;
	background-image:url(images/carte.jpg);
}


#conteneur_carte {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	opacity:.7;
	filter:alpha(opacity=70);
   -moz-opacity:0.7;
	
}


#carte {
	width:1920px;
	height:1195px;
	position:absolute;
	left:50%;
	margin-left:-960px;
	background-image:url(images/carte.jpg);
	background-repeat:no-repeat;
	opacity:.5;
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
	z-index:0;
}
#carte_pavillons {
	width:1920px;
	height:1195px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(images/zone_pavillons.png);
	background-repeat:no-repeat;
}
#zone_pavillonaire_mask {
	width:1920px;
	height:1195px;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

.element_carte {
	display:none;
	width:1920px;
	height:1195px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:210;
}

#claques_carte {
	display:none;
	position:absolute;
	width:756px;
	height:451px;
	right:243px;
	margin-left:-960px;
	top:70px;
	z-index:100;
}
.calque {
	right:0px;
	width:756px;
	height:451px;
	position:absolute;
}
.fondbleu {
	position:absolute;
	opacity:.7;
	filter:alpha(opacity=70);
   -moz-opacity:0.7;
	background-color: #08315a;
	width:756px;
	height:451px;
	
	z-index:100;
}
.contenu_calque {
	position:absolute;
	width:756px;
	height:451px;
	margin:10px;
	z-index:110;
}
.contenu_calque.texte {
	padding:30px;
	width:690px;
	height:400px;
	font-weight: normal;
}

.contenu_calque.texte h1 {
	text-transform : uppercase; 
	margin-bottom:30px;
	font-size:22px;
	font-weight: normal;
}

.contenu_calque.texte h2 {
	text-transform : uppercase; 
	margin-bottom:20px;
	font-size:18px;
	font-weight: normal;
}

#contenu {
	position:relative;
	z-index:10;
	width:999px;
	margin-left:auto;
	margin-right:auto;
	z-index:300;
}


#nav_carte {
	WIDTH:206PX;
	height:auto;
	background:#08315a;
	position:absolute;
	font-size:12px;
	z-index:1000;
	/*
	left:1285px;
	top:55px;
	*/
	top:60px;
	right:20px;
	display:none;
}
#nav_carte h3 {
	font-size:12px;
}
#nav_contenu {
	margin-bottom:5px;
}
#drag {
	WIDTH:206PX;
	height:12px;
	background:url(images/fd_drag_navcarte.png) no-repeat;
}

#nav_carte .nav_niv1 h3 {
	list-style: none;
	padding-left:15px;  
	background:url(images/item_carte.png) no-repeat  4px 3px;
	padding-bottom:3px; 
	cursor:pointer;
}
#nav_carte .nav_niv2 {
	/*display:none;*/
}
#nav_carte .nav_niv2 h3 {
	list-style: none;
	padding-left:30px;
	background:url(images/item_carte.png) no-repeat  19px 3px;
	padding-bottom:3px; 
	cursor:pointer;
}

#nav_carte  .nav_niv1 h3:hover {
	background:#395a7b url(images/item_carte.png) no-repeat 4px 3px;
}
#nav_carte .nav_niv1 h3.nav_item.ui-state-active  {
	background:#395a7b url(images/item_carte_actif.png) no-repeat 4px 5px;
}
#nav_carte  .nav_niv2 {
	background:#395a7b;
}
#nav_carte  .nav_niv2 h3:hover {
	background:#617b95 url(images/item_carte.png) no-repeat 19px 3px;
}
#nav_carte .nav_niv2 h3.nav_item.ui-state-active   {
	background:#617b95 url(images/item_carte_actif.png) no-repeat 19px 5px;
}
.nav_legende {
	background:#617b95;
	padding-bottom:5px;
	font-size:11px;
	display:inherit;
	padding-left:30px;
}



.point {
	position:absolute;
	top:250px;
	left:500px;
	background:url(images/ico.png) no-repeat;
	width:28px;
	height:44px;
	z-index:210;
	cursor:pointer;
}
.point.eglise {
	background:url(images/pt_eglise.png) no-repeat;
}
.point.synagogue {
	background:url(images/pt_synagogue.png) no-repeat;
}
.point.mosquee {
	background:url(images/pt_mosquee.png) no-repeat;
}
.point.ecole {
	background:url(images/pt_ecole.png) no-repeat;
}
.point.saviezvous {
	background:url(images/pt_saviezvous.png) no-repeat;
}

.point.non {
	background:url(images/pt_non.png) no-repeat;
}
.point.demo {
	background:url(images/pt_demo.png) no-repeat;
}
.point.reno {
	background:url(images/pt_reno.png) no-repeat;
}
.point.pru {
	background:url(images/pt_pru.png) no-repeat;
}
.point.centre {
	background:url(images/pt_centre.png) no-repeat;
}
.point.fastfood {
	background:url(images/pt_fastfood.png) no-repeat;
}

.point.banque {
	background:url(images/pt_banque.png) no-repeat;
}

#carte_logements {
	z-index:210;
}

.etiquette {
	display:none;
	position:absolute;
	z-index:220;
	font-family:Arial;
	width:168px;
	height:auto;
	color:#08315a;
	font-size:12px;
	padding-bottom:25px;
	background: url(images/fd_etiquette.png) no-repeat bottom;
	cursor:pointer;
}

.etiquette.bas {
	background: url(images/fd_etiquette_inv.png) no-repeat top;
	cursor:pointer;
	padding-bottom:0px;
	padding-top:13px;
}
.etiquette p {
	font-size:11px;
	margin-left:16px;
	margin-right:8px;
	margin-bottom:5px;
}
.etiquette div.titre {
	font-family : "AeonPlayerRegular",  Arial, sans-serif;
	font-size:12px;
	margin-left:8px;
	margin-right:8px;
	margin-top:5px;
	text-transform : uppercase; 
}
.zoom {
	position:absolute;
	background: url(images/ico_loupe.png);
	width:27px;
	height:27px;
	top:7px;
	left:133px;
}
.etiquette.bas .zoom {
	top:17px;
}


#slider {
	width:734px; 
}
#zone_pru {
	position:absolute;
	background:url(images/zone_pru.png) no-repeat;
	width:747px;
	height:567px;
	left:683px;
	top:240px;
	z-index:200;
}
#clichy {
	left:284px;
	top:513px;
	position:absolute;
	font-size:30px;color:#fff;
}

#montfermeil {
	left:1354px;
	top:422px;
	position:absolute;
	font-size:30px;color:#fff;
}
#gagny {
	left:566px;
	top:873px;
	position:absolute;
	font-size:20px;color:#fff;
}
#raincy {
	left:10px;
	top:661px;
	position:absolute;
	font-size:20px;color:#fff;
}

/********************/
/*** MISE EN PAGE ***/
/********************/

#header h1 {
	cursor:pointer;
	z-index:300;
	
}

#global {
	width:100%;
	height:100%;
}


/********************/
/***    HEADER    ***/
/********************/

#header {
	width:999px;
	height:75px;
	overflow:visible;	
	z-index:300;
	position:relative;
	
}

#header h1, #header h2 {
	float:left;
	padding-top:20px;
	padding-right:15px;
}

#header h2 {
	font-style:italic;
	/*font-family:arial;*/
	letter-spacing:1px;
	display:none;
}

#header a.partager {
	width:75px;
	height:19px;
	display:block;
	float:left;
	margin-bottom:14px;
	background-image:url(images/bt_partager.png);
}
#header a.partager.actif {
	height:33px;
	margin-bottom:0px;
}

#header a.newsletter {
	width:100px;
	height:19px;
	display:block;
	float:left;
	margin-bottom:14px;
	background-image:url(images/bt_newsletter.png);
	margin-right:9px;
	display:none;
}
#header a.newsletter.actif {
	height:33px;
	margin-bottom:0px;
}



#header a.im, a.im2 {
	width:159px;
	height:34px;
	background-image:url(images/logo_im_header.png);
	display:block;
	clear:both;
	position:relative;
	float:right;
	display:none;
}
a.im2 {
	position:absolute;
	left:756px;
	top:10px;
	display:none;
}

#header #outils {
	float:right;
}

/***********************************/
/***    NAVIGATION PRINCIPALE    ***/
/***********************************/

#nav {
	width:999px;
	height:42px;
	display:none;
}

#items {
	width:756px;
	height:42px;
	background-image:url(images/fd_nav.png);
}
#items ul.principal {
	float:left;
}

#items ul.secondaire {
	float:left;
	margin-left:40px;
}

#items li {
	padding-left:34px;
	margin-left:5px;
	padding-top:4px;
	float:left;
	list-style:none;
	font-size:12px;
	height:34px;
}

#items li.enquete {
	background:url(images/ico_enquete.png) no-repeat 0px 8px;
}
#items li.debat {
	background:url(images/ico_debat_off.png) no-repeat  0px 6px;
}
#items li.propositions {
	background:url(images/ico_propositions_off.png) no-repeat  0px 6px;
}

#items li.debat.inactif {
	background:url(images/ico_debat_off.png) no-repeat  0px 6px;
}

#items li.propositions.inactif {
	background:url(images/ico_propositions_off.png) no-repeat  0px 6px;
}
#items ul.principal li.separateur {
	width:16px;
	height:42px;
	padding:0px;
	margin:0px 7px 0px 7px;
	background:url(images/separateur.png) no-repeat;
}
#items ul.secondaire li {
	border-left:1px solid #8b9cb0;
	padding-left:39px;
	margin-left:10px;
	height:38px;
}
#items ul.secondaire li.visite_interactive {
	background:url(images/ico_visite.png) no-repeat 7px 6px;
	padding-left:33px;
}
#items ul.secondaire li.chronologie_des_banlieues  {
	background:url(images/ico_chronologie.png) no-repeat  7px 6px;
}
#items li:hover {
	text-decoration:underline;
}
.chronologie_des_banlieues.titre {
	font-size:12px;
	height:34px;
	background:url(images/ico_chronologie.png) no-repeat  7px 3px;
	padding-left:39px;
	position:absolute;
	left:433px;
	top:20px;
	display:none;
}


	
	
/********************************/
/***    VISITE INTERACTIVE    ***/
/********************************/

.lg {
	padding-left:17px;
	padding-top:2px;
}

.lg.pru {
	background:url(images/lg_pru.png) no-repeat 0px 3px;
}
.lg.centre {
	background:url(images/lg_centre.png) no-repeat 0px 3px;
}
.lg.reno {
	background:url(images/lg_reno.png) no-repeat 0px 3px;
}
.lg.pru2 {
	background:url(images/lg_pru2.png) no-repeat 0px 3px;
}
.lg.non {
	background:url(images/lg_non.png) no-repeat 0px 3px;
}
.lg.demo {
	background:url(images/lg_demo.png) no-repeat 0px 3px;
}
.lg.pav {
	background:url(images/lg_pav.png) no-repeat 0px 3px;
}

.lg.mosquee {
	background:url(images/lg_mosquee.png) no-repeat 0px 3px;
}
.lg.synagogue {
	background:url(images/lg_synagogue.png) no-repeat 0px 3px;
}
.lg.eglise {
	background:url(images/lg_eglise.png) no-repeat 0px 3px;
}

.visite_interactive.titre {
	font-size:12px;
	height:34px;
	background:url(images/ico_visite.png) no-repeat  7px 3px;
	padding-left:39px;
	position:absolute;
	left:433px;
	top:20px;
	display:none;
}
	
#visite {
	top:56px;
	height:2px;
	width:999px;
	border-top:1px solid #a7b2be;
	overflow:visible;
	position:absolute;
	display:none;
}	
	
/***************************/
/***    ZONE CONTENUS    ***/
/***************************/

#page, #detail_actualite, #chronologie {
	width:756px;
	height:423px;
	overflow:hidden;
	position:absolute;
	z-index:19;
	display:none;
}


#page div {
	position:absolute;
}

#page .jspPane div , 
#contenu_tous_evotes div {
	position:static;
}
#contenu_tous_evotes .node {
	width:510px;
}
/****** CHRONOLOGIE ******/
#chronologie {
	top:56px;
	height:510px;
	width:999px;
	border-top:1px solid #a7b2be;
}
#chronologie .legende {
	position:absolute;
	left:0px;
	font-family: Arial;
	font-size:10px;
}
.legende .lois {
	padding-left:15px;
	background:url(images/legende_lois.png) no-repeat 0px 2px;
}
.legende .evenements {
	padding-left:15px;
	background:url(images/legende_evenements.png) no-repeat 0px 2px;
}

#contenu_chronologie {
	height:490px;
	width:4200px;
	position:relative;
	left:0px;
	overflow: visible;
	top:0px;
}
#chronologie_gauche{
	position:absolute;
	left:0px;
	width:150px;
	height:490px;
	z-index:1200;
}
#chronologie_droite {
	position:absolute;
	right:0px;
	width:150px;
	height:490px;
	z-index:1200;
}
.fond_annee {
	position:relative;
	float:left;
	width:108px;
	height:495px;
	background:url(images/fd_annee.png) no-repeat 28px 0px;
	padding-top:455px;
	padding-left:13px;
	font-size:18px;
	display:none;
}

#annees {
	position:absolute;
	height:36px;
	top:450px;
	width:999px;
	border-top:1px solid #a7b2be;
	border-bottom:1px solid #a7b2be;
}
.groupe_detail {
	position:absolute;
	z-index:100;
	display: none;
}
.detail_annee {
	width:170px;
	padding:9px;
	font-family: Arial;
	font-size:12px;
}
.evenements .detail_annee {
	background-color:#e88801;
}
.evenements .bas{
	width:168px;
	height:14px;
	background:url(images/fd_evenements.png) no-repeat -3px 0px;
}
.lois .detail_annee {
	background-color:#c93c00;
}
.lois .bas{
	width:168px;
	height:13px;
	background:url(images/fd_lois.png) no-repeat -3px 0px;
}
#g_00 {
	bottom:39px;
	left:0px;
}
#g_0 {
	bottom:110px;
	left:121px;
}
#g_1 {
	bottom:39px;
	left:242px;
}
#g_2 {
	bottom:110px;
	left:363px;
}
#g_2bis {
	bottom:39px;
	left:484px;
}
#g_3 {
	bottom:166px;
	left:605px;
}
#g_4 {
	bottom:39px;
	left:726px;
}
#g_5 {
	bottom:215px;
	left:847px;
}
#g_6 {
	bottom:39px;
	left:968px;
}
#g_7 {
	bottom:205px;
	left:1089px;
}
#g_8 {
	bottom:39px;
	left:1210px;
}
#g_9 {
	bottom:235px;
	left:1331px;
}
#g_10 {
	bottom:39px;
	left:1452px;
}
#g_11 {
	bottom:235px;
	left:1573px;
}
#g_12 {
	bottom:39px;
	left:1694px;
}
#g_13 {
	bottom:114px;
	left:1815px;
}

#g_15 {
	bottom:39px;
	left:1936px;
}
#g_16 {
	bottom:134px;
	left:2057px;
}
#g_17 {
	bottom:39px;
	left:2178px;
}
#g_18 {
	bottom:294px;
	left:2299px;
}
#g_19 {
	bottom:39px;
	left:2420px;
}
#g_20 {
	bottom:305px;
	left:2541px;
}
#g_21 {
	bottom:39px;
	left:2662px;
}
#g_22 {
	bottom:280px;
	left:2783px;
}
#g_23 {
	bottom:39px;
	left:2904px;
}
#g_24 {
	bottom:280px;
	left:3025px;
}
#g_25 {
	bottom:39px;
	left:3146px;
}
#g_26 {
	bottom:109px;
	left:3267px;
}



/****** THEME ******/

/* GLOBAL */

#retour_themes {
	width:143px;
	height:20px;
	background-color:#fff;
	top:400px; 
	left:0px;
	position:absolute;
	color:#08315a;
	font-size:12px;
	padding-left:25px;
	padding-top:3px;
	background: #fff url(images/gauche.png) no-repeat 10px 2px;
	border-top:1px solid #ced6de;
	cursor:pointer; 
	display:none;
}
#retour_themes:hover {
	text-decoration:underline;
	cursor:pointer; 
}

#detail_actualite, #toutes_actualite {
	width:831px;
	height:423px;
	left:168px;
	overflow:hidden;
	position:absolute;
	z-index:50;
	display:none;
	background: #fff;
}
#commentiframe {
	overflow:hidden;
}

#article_iframe, #tous_articles_iframe {
	border:0px;
	background: #fff;
}

#titre_theme {
	top:95px;
	left:0px;
	width:168px;
	height:109px;
	z-index:20;
	display:none;
	line-height: 18px;
}
#titre_theme h2 {
	height:95px;
	font-weight: normal;
}
#titre_theme h2 a span.titre {
	font-size:22px;
	line-height:24px;
	display:block;
}


.propositions #titre_theme a span.titre {
	font-size:18px;
	line-height:18px;
}

#titre_theme h2 a {
	padding-top:40px;
	margin-top:5px;
	height:50px;
	display:block;
	bottom:10px;
}

.institut_montaigne_cohesion_sociale #titre_theme h2 a, .logement #titre_theme h2 a,.securite #titre_theme h2 a, .education #titre_theme h2 a, .emploi #titre_theme h2 a {
	padding-top:20px;
	margin-top:2px;
	height:70px;
}


.enquete #titre_theme a {
	background: url(images/ico_enquete.png) no-repeat  0px 8px ;
	
}
.debat #titre_theme a {
	background: url(images/ico_debat.png) no-repeat  0px 8px ;
}
.propositions #titre_theme a {
	background: url(images/ico_propositions.png) no-repeat  0px 8px ;
}

#titre_theme .fond_roll.accueil_theme {
	padding-left:9px;
	padding-right:9px;
	width:150px;
	height:68px;
}
#titre_theme .fond_roll.accueil_theme.actif {
	background:url(images/fd_roll_bas.png) no-repeat 114px 0px;
}
	
.navigation.theme, .navigation.enquete {
	width:159px;
	height:77px;
	padding:9px;
	padding-right:0px;
	top:190px;
	left:0px;
	background: #fff;
	padding-top:20px;
	display:none;
}
.navigation.theme a, .navigation.enquete a {
	color:#08315a;
	display:block;
	height:23px;
	line-height:18px;
	padding-top:5px;
	padding-left:20px;
	margin-bottom:5px;
	background:url(images/fleche_bleue_droite.png) no-repeat 0px 0px;
}
.navigation.theme a.actif , .navigation.enquete a.actif, .navigation.debat a.actif, .navigation.propositions a.actif,
.navigation.theme a.roll , .navigation.enquete a.roll, .navigation.debat a.roll, .navigation.propositions a.roll{
	background:url(images/fleche_bleue_droite.png) no-repeat 140px 0px;
} 
.navigation.enquete {
	height:144px;
}



.bt {
	width:79px;
	height:45px;
	top:95px;
	color:#fff;
	font-size:10px;
	padding-top:50px;
	padding-left:5px;
	line-height: 11px;
	cursor:pointer;
	display:none;
}
.bt:hover {
	padding-top:30px;
	height:65px;
}

.bt h3 {
	font-size:15px;
	line-height: 16px;
}
#bt_logement {
	left:252px;
	background:url(images/fd_logement.png);
}
#bt_education {
	left:336px;
	background:url(images/fd_education.png);
}
#bt_emploi {
	left:420px;
	background:url(images/fd_emploi.png);
}
#bt_politique {
	left:588px;
	background:url(images/fd_politique.png);
}
#bt_securite {
	left:504px;
	background:url(images/fd_securite.png);
}
#bt_religion {
	left:672px;
	background:url(images/fd_religion.png);
}


#video {
	display:none;
	top:295px;
	left:0px;
	width:168px;
	height:95px;
	overflow:hidden;
	z-index:20;
}
#video_hover {
	display:none;
	top:305px;
	left:0px;
	width:168px;
	height:20px;
	background:url(images/fd_video.png);
	z-index:25;
	padding-top:78px;
	color:#08315a;
	font-family:arial;
	font-size:12px;
	cursor:pointer;
}

#page.enquete #video  {
	top:0px;
	left:420px;
}
#page.enquete  #video_hover {
	top:0px;
	left:420px; 
}
#basic-modal-content .emvideo {
	margin-left:58px;
	margin-top:65px;
}
#verbatim_theme, #verbatim_enquete {
	width:234px;
	height:82px;
	padding:9px;
	padding-top:4px;
	top:0px;
	left:84px;
	color:#08315a;
	display:none;
}

#verbatim_theme p.citation, #verbatim_enquete p.citation {
	font-family: Georgia,Times;
	font-variant: italic;
	font-style: italic;
	font-size:18px;
}
#verbatim_theme p, #verbatim_enquete p {
	font-family: Arial;
	font-size:12px;
	margin-top:3px;
}
#verbatim_enquete {
	width:168px;
	overflow:hidden;
}

#chiffre_theme , #chiffre_enquete {
	width:150px;
	height:81px;
	padding:9px;
	padding-top:5px;
	top:0px;
	left:336px;

	background: #fff;
	display:none;
}
#chiffre_enquete {
	left:252px;
	
}

#retour {
	display:none;
	
}
#accueil {
	width:588px;
	height:215px;
	left:168px;
	top:190px;
	display:none;
	padding-top:20px;
	
}
#contenu_accueil {
	top:20px;
	width:500px;
	height:200px;
	text-align:justify;
	overflow:auto;
	display:block;
	left:42px;
	padding-right:10px;
}

#abo_news, #glossaire, #presse, #mentions, #medias, #tous_evotes, #publications, #en_savoir_plus, #resume, #methodologie, #auteurs, #bibliographie, #debat, #propositions, #form_newsletter , #form_debat, #cohesion {
	width:570px;
	height:328px;
	top:95px;
	left:168px;
	padding:9px;
	background: #fff;
	color:#08315a;
	display:none;
	overflow:auto; 
	text-align: justify;
}
#form_debat, #form_newsletter {
	width:588px;
	z-index:50;
	padding:0px;
	border-top:1px solid #ced6de;
	overflow:hidden;
}
#abo_news {
	position:absolute;
	width:588px;
	z-index:20000;
	height:325px;
	top:32px;
	left:394px;
	overflow:hidden;
	padding-right:0px;
	padding-bottom:0px;
	border:1px solid #b1bdcb;

}
#presse, #medias , #tous_evotes, #mentions, #auteurs {
	top:0px;
	height:423px;
}

#debat, #propositions {
	background-color:#08315a;
	border-left:1px solid #173d64;
}


#cohesion {
	top:0px;
	height:171px;
}
#publications {
	background-color:#08315a;
	color:#fff;
	top:189px;
}

#contenu_glossaire ,#contenu_presse,#contenu_mentions, #contenu_medias, #contenu_tous_evotes, #contenu_publications ,#contenu_cohesion ,#contenu_en_savoir_plus, #contenu_resume, #contenu_methodologie, #contenu_auteurs, #contenu_bibliographie, #contenu_debat, #contenu_propositions {
	top:20px;
	background: #fff;
	left:42px;
	width:500px;
	height:285px;
	padding-right:10px;
	overflow:auto;
	word-break :normal;
	word-wrap : normal;
	display:block;
		font-family:Arial;
}
#contenu_medias, #contenu_tous_evotes,#contenu_presse,#contenu_mentions {
	font-family:Arial;
	font-size:12px;
	height:380px;
}

 #contenu_auteurs {
	height:380px;
}
#contenu_cohesion {
	height:160px;
	top:15px;
		font-family:Arial;
}
#contenu_publications {
	
	height:200px;
	width:342px;
	left:200px;
	background-color:#08315a;
	color:#fff;
	font-family:arial;
	font-size:12px;
}
#contenu_glossaire {
	font-family:Arial;
	top:30px;
}

#contenu_debat, #contenu_propositions  {
	background-color:#08315a;
	color:#fff;
		font-family:Arial;
}


#debat_newsletter, #debat_inscription, #propositions_newsletter, #glossaire_navigation {
	width:281px;
	height:90px;
	top:0px;
	left:168px;
	padding:9px;
	background : url(images/fd_newsletter_off.png)  ;
	color:#08315a;
	display:none;
	overflow:auto; 
	/*text-align: justify;*/
	z-index:55;
	cursor:pointer;
}





#glossaire_navigation {
	background:none;
	background-color:#08315a;
	cursor:default;
	color:#fff;
	width:588px;
	font-size:24px;
	padding-left:20px;
	height:56px;
	padding-top:30px;
}
#glossaire_navigation li {
	float:left;
	list-style: none;
	
}
#glossaire_navigation li a {
	float:left;
	padding-left:5px;
	padding-right:5px;
	height:40px;
	width:15px;
	margin-right:2px;
	text-align:center;
	list-style: none;
}
#glossaire_navigation li a.actif , #glossaire_navigation li a:hover{
	background : url(images/haut.png) no-repeat 0px  30px ;
}
#propositions_newsletter {
	width:588px;
}
#debat_inscription {
	left:467px;
	width:271px;
}
#debat_newsletter , #debat_inscription , #propositions_newsletter  {
	font-family: Arial;
	font-size:12px;
}
#debat_newsletter strong, #debat_inscription strong, #propositions_newsletter strong {
	font-family : "AeonPlayerRegular",  Arial, sans-serif;
	font-size:18px;
	line-height: 20px;
}

#debat_newsletter.actif, #debat_inscription.actif, #propositions_newsletter.actif{
	background : url(images/fd_newsletter_on.png)  ;
	color:#fff;
}
#debat_newsletter div, #debat_inscription div, #propositions_newsletter div {
	padding-left:70px;
	padding-top:5px;
}

#debat_newsletter div {
	background : url(images/fd_news_on.png) no-repeat 35px 7px;
}
#debat_newsletter.actif div {
	background : url(images/fd_news_off.png) no-repeat 35px 7px;
}

#debat_inscription div {
	background : url(images/fd_inscription_on.png) no-repeat 35px 7px;
}
#debat_inscription.actif div {
	background : url(images/fd_inscription_off.png) no-repeat 35px 7px;
}

#propositions_newsletter div {
	background : url(images/fd_news_on.png) no-repeat 35px 24px;
}
#propositions_newsletter.actif div {
	background : url(images/fd_news_off.png) no-repeat 35px 24px;
}

#propositions_newsletter div {
	padding-top:20px;
}


.publication {
	cursor:pointer;
	padding-left:20px;
	margin-bottom:16px;
}
.jspPane li.publication strong a {
	font-weight: bold;
	font-size:12px;
	line-height:14px;
}
.jspPane li.publication strong a:hover {
	text-decoration:underline;
}
.jspPane li.publication strong  {
	font-size:12px;
	line-height:14px;
	font-weight: bold;
	font-family:Arial;
}
#images_publications {
	margin-top:9px;
	margin-left:20px;
}
li.publication {
	text-align:left;
}
.publication.actif {
	background : url(images/suiv.png) no-repeat;
}

.webform {
	color:#08315a;
	padding-left:84px;
}
.webform label , .webform .form-text, .webform .option {
	font-weight:normal;
	float:left;
}
.webform .option  {
	clear:both;
}
.webform .form-submit {
	position:absolute;
	left:350px;
}
.webform .form-text {
	width:307px;
	height:30px;
	position:absolute;
	left:220px;
	border:1px solid #5e7994;
}
.form-text {
	border:1px solid #5e7994;
	height:20px;
}

.webform .form-item {
	
	height:30px;
	margin-bottom:5px;
}

.medias {
	float:left;
	width:350px;
	left:167px;
	font-size:12px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #8b9cb0;
}
.suite_media {
	display:none;
}
.suite_lire {
	font-size:10px;
	text-decoration:underline;
	cursor:pointer;
}
.suite_lire:hover {
	text-decoration:none;
}

.logo_medias {
	float:left;
	width:126px;
	margin-right:15px;
}

#inscription_newsletter {
	top:20px;
	background: #fff;
	left:42px;
	width:500px;
	height:285px;
	padding-right:10px;
	overflow:auto;
	word-break :normal;
	word-wrap : normal;
	display:none;
}

#paroles {
	width:588px;
	height:423px;
	top:0px;
	left:168px;
	color:#08315a;
	display:none;
	overflow:hidden; 
	text-align: justify;
	background: #fff;
}
.guillemets {
	font-size:65px;
	float:left;
	margin-right:10px;
	height: 38px;
	line-height:30px;
	margin-top:10px;
}
.guillemets.droite {
	float:right;
	display:inline;
	margin-top:-20px;
}
#personne {
	float:left;
	width:155px;
}
#personne div {
	position:relative;
}
#profession {
	font-size:14px;
	text-align:left;
}
#nom {
	font-size:24px;
}
#telechargement, #telechargement_bibliographie, #telechargement_methodologie, #telechargement_resume {
	width:159px;
	height:100px;
	padding:9px;
	top:0px;
	left:588px;
	display:none;
	z-index: 1000;
}
.fichier {
	margin-top:5px;
	font-size:14px;
}
.fichier a {
	text-decoration: underline;
}
.fichier a:hover {
	text-decoration: none;
}
#nav_paroles {
	width:570px;
	height:77px;
	padding:9px;
	padding-left:0px;
	left:0px;
	display:block;
	z-index:11;
	color:#fff;
}

#verbatim_paroles {
	top:30px;
	font-style:italic;
	background: #fff;
	font-family: Georgia;
	width:490px;
	height:300px;
	word-break :normal;
	word-wrap : normal;
	padding-right:10px;
}
#fond_paroles {
	top:90px;
	width:500px;
	height:423px;
	background:url(images/fd_logement.png) no-repeat 300px -90px;
}
.logement #fond_paroles {
	background:url(images/fd_logement.png) no-repeat 300px -90px;
}
.politique #fond_paroles {
	background:url(images/fd_politique.png) no-repeat 300px -90px;
}
.education #fond_paroles {
	background:url(images/fd_education.png) no-repeat 300px -90px;
}
.religion #fond_paroles {
	background:url(images/fd_religion.png) no-repeat 300px -90px;
}
.emploi #fond_paroles {
	background:url(images/fd_emploi.png) no-repeat 300px -90px;
}
.securite #fond_paroles {
	background:url(images/fd_securite.png) no-repeat 300px -90px;
}


#conteneur_paroles {
	width:500px;
	height:423px;
	left:42px;
	overflow:hidden;
}
#intro_paroles  {
	font-family: Arial;
	font-size:10px;
	width:320px;
	height:72px;
	top:11px;
	left:170px;
	position:absolute;

	float:left;
	padding-right:10px;
}
 .jspPane,  .jspPane p{
	font-size:14px;
	line-height:18px;
}
 #contenu_auteurs .jspPane p ,  .jspPane .medias p ,  .jspPane .medias{
 	font-size:12px;
	line-height:14px;
 }
 .jspPane .medias h3 {
 	font-size:16px;
 	font-family : "AeonPlayerRegular",  Arial, sans-serif;
 	padding-bottom:5px;
 	font-weight: bold;
 	text-justify: left;
 }
  .jspPane .medias strong {
	font-family: arial;
	font-weight: bold;
	font-size:12px;
}
 #contenu_auteurs img {
 margin-right:5px;
 margin-bottom:5px;
 }
 
#prec, #suiv  {
	width:13px;
	height:27px;
	cursor:pointer;
}
#prec {
	left:15px;
	top:35px;
	background:url(images/prec.png) no-repeat;
	
}
#suiv {
	right:15px;
	top:35px;
	background:url(images/suiv.png) no-repeat;
}


/* LOGEMENT */

#page.logement #titre_theme {
	background:url(images/fd_logement.png) no-repeat;
}
#page.logement #verbatim_theme {
	background:#fff url(images/fd_roll_logement_gauche.png) no-repeat 238px 59px;
}
#page.logement #chiffre_theme {
	background:#8a0044;
}
#page.logement #accueil {
	background:#8a0044;
}
#page.logement #paroles {
	background:#fff url(images/fd_paroles_logement.png) repeat-x;
}
#page.logement #nav_paroles {
	background:#8a0044;
}
#page.logement #telechargement {
	background:url(images/fd_logement.png) no-repeat;
}


/* EDUCATION */

#page.education #titre_theme {
	background:url(images/fd_education.png) no-repeat;
}
#page.education #verbatim_theme {
	background:#fff url(images/fd_roll_education_gauche.png) no-repeat 238px 59px;
}
#page.education #chiffre_theme {
	background:#f01800;
}
#page.education #accueil {
	background:#f01800;
}
#page.education #paroles {
	background:#fff url(images/fd_paroles_education.png) repeat-x;
}
#page.education #nav_paroles {
	background:#f01800;
}
#page.education #telechargement {
	background:url(images/fd_education.png) no-repeat;
}


/* SECURITE */

#page.securite #titre_theme {
	background:url(images/fd_securite.png) no-repeat;
}
#page.securite #verbatim_theme {
	background:#fff url(images/fd_roll_securite_gauche.png) no-repeat 238px 59px;
}
#page.securite #chiffre_theme {
	background:#ff7f00;
}
#page.securite #accueil {
	background:#ff7f00;
}
#page.securite #paroles {
	background:#fff url(images/fd_paroles_securite.png) repeat-x;
}
#page.securite #nav_paroles {
	background:#ff7f00;
}
#page.securite #telechargement {
	background:url(images/fd_securite.png) no-repeat;
}

/* POLITIQUE */

#page.politique #titre_theme {
	background:url(images/fd_politique.png) no-repeat;
}
#page.politique #verbatim_theme {
	background:#fff url(images/fd_roll_politique_gauche.png) no-repeat 238px 59px;
}
#page.politique #chiffre_theme {
	background:#ffbe00;
}
#page.politique #accueil {
	background:#ffbe00;
}
#page.politique #paroles {
	background:#fff url(images/fd_paroles_politique.png) repeat-x;
}
#page.politique #nav_paroles {
	background:#ffbe00;
}
#page.politique #telechargement {
	background:url(images/fd_politique.png) no-repeat;
}

/* EMPLOI */

#page.emploi #titre_theme {
	background:url(images/fd_emploi.png) no-repeat;
}
#page.emploi #verbatim_theme {
	background:#fff url(images/fd_roll_emploi_gauche.png) no-repeat 238px 59px;
}
#page.emploi #chiffre_theme {
	background:#c3bb0b;
}
#page.emploi #accueil {
	background:#c3bb0b;
}
#page.emploi #paroles {
	background:#fff url(images/fd_paroles_emploi.png) repeat-x;
}
#page.emploi #nav_paroles {
	background:#c3bb0b;
}
#page.emploi #telechargement {
	background:url(images/fd_emploi.png) no-repeat;
}


/* RELIGION */

#page.religion #titre_theme {
	background:url(images/fd_religion.png) no-repeat;
}
#page.religion #verbatim_theme {
	background:#fff url(images/fd_roll_religion_gauche.png) no-repeat 238px 59px;
}
#page.religion #chiffre_theme {
	background:#0082c1;
}
#page.religion #accueil {
	background:#0082c1;
}
#page.religion #paroles {
	background:#fff url(images/fd_paroles_religion.png) repeat-x;
}
#page.religion #nav_paroles {
	background:#0082c1;
}
#page.religion #telechargement {
	background:url(images/fd_religion.png) no-repeat;
}


/* ENQUETE | DEBAT | PROPOSITIONS */

#page.enquete #titre_theme, 
#page.debat #titre_theme,   
#page.propositions #titre_theme ,   
#page.glossaire #titre_theme,  
#page.dans_les_medias #titre_theme, 
#page.evotes #titre_theme, 
#page.institut_montaigne_cohesion_sociale #titre_theme,   
#page.espace_presse #titre_theme,
#page.mentions #titre_theme,
#page.banlieue-de-la-republique #titre_theme {
	background:url(images/fd_bleu.png) no-repeat;
}
#page.enquete #verbatim_enquete {
	background:#fff url(images/fd_roll_enquete_gauche.png) no-repeat 154px 59px;
}
#page.enquete #chiffre_enquete {
	background:#08315a;
}
#page.enquete #accueil, #page.debat #accueil, #page.propositions #accueil {
	background:#08315a;
}
#page.enquete #telechargement_bibliographie, #page.enquete #telechargement_methodologie, #page.enquete #telechargement_resume {
	background:url(images/fd_bleu.png) no-repeat;
}


/***************************/
/***    ZONE CENTRALE    ***/
/***************************/

#centre {
	width:999px;
	height:423px;
	overflow:hidden;
}
#centre div.principal {
	width:756px;
	height:423px;
	overflow:hidden;
	float:left;
}
#centre div.secondaire {
	width:233px;
	height:328px;
	overflow:hidden;
	float:left;
	background-image:url(images/fd_nav.png);
	padding:5px;
}

/* ACTUS */

#zone_actus {
	display:none;
}
#liens_actualites {
	float:right;
	font-size:10px;
	font-family: Arial;
}
#liens_actualites a {
	float:right;
}
#liens_actualites a.rss {
	background-image:url(images/bt_rss.png);
	width:33px;
	height:8px;
}
#liens_actualites a:hover {
	text-decoration:underline;
}
.scroll-actualites , .scroll-actualites-themes {
	width:233px;
	height:291px;
	display:none;
}

#centre div.secondaire  div.actualite, #centre div.secondaire  div.titre  {
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px solid #4a6787
}
div.actualite {
	cursor:pointer;
	padding-bottom:10px;
	border-bottom:1px solid #b1bdcb
}
div.actualite.logement:hover {
	background-color:#8a0044;
}
div.actualite.securite:hover {
	background-color:#ff7f00;
}
div.actualite.emploi:hover {
	background-color:#c3bb0b;
}
div.actualite.education:hover {
	background-color:#f01800;
}
div.actualite.politique:hover {
	background-color:#ffbe00;
}
div.actualite.religion:hover {
	background-color:#0082c1;
}
div.actualite.banlieue-de-la-republique:hover {
	background-color:#08315a;
}

#toutes_actualite div.actualite h3 a {
	clear:both;
	font-family : "AeonPlayerRegular",  Arial, sans-serif;
	font-size:18px;
	/*font-weight: bold;*/
	display:block;
	margin-bottom:5px;
}
.secondaire div.actualite h3 a {
	clear:both;
	font-family : Arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	display:block;
}
#comment-form a {
	color:#08315a;
	font-weight: bold;
	font-size:14px;
}
#toutes_actualite div.actualite p {
	margin-top:5px;
	line-height:16px;
	font-size:12px;
	margin-bottom:5px;
}
.taxo_logement {
	background-color:#8a0044;
	color:#fff;
	padding:3px;
	width:auto;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
	text-transform : uppercase; 
}
.taxo_securite {
	background-color:#ff7f00;
	color:#fff;
	padding:3px;
	width:auto;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
	text-transform : uppercase; 
}
.taxo_emploi {
	background-color:#c3bb0b;
	color:#fff;
	padding:3px;
	width:auto;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
	text-transform : uppercase; 
}
.taxo_education {
	background-color:#f01800;
	color:#fff;
	padding:3px;
	width:auto;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
	text-transform : uppercase; 
}
.taxo_politique {
	background-color:#ffbe00;
	color:#fff;
	padding:3px;
	width:auto;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
	text-transform : uppercase; 
}
.taxo_religion {
	background-color:#0082c1;color:#fff;
	padding:3px;
	width:auto;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
	text-transform : uppercase; 
}
.taxo_banlieue-de-la-republique {
	background-color:#08315a;
	color:#fff;
	padding:3px;
	width:auto;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
	text-transform : uppercase; 
}
.date, .comments {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.date {
	float:left;
}
.comments {
	float:right;
	clear:right;
}
.nbr_comments {
	padding-right:15px;
}


.roll_actu {
	position:absolute;
	z-index:350;
	padding:5px;
	width:158px;
	height:25px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	display:none;
}
.actu_logement {
	background: url(images/fd_roll_actualite_logement.png) no-repeat;
}
.actu_politique {
	background: url(images/fd_roll_actualite_politique.png) no-repeat;
}
.actu_education {
	background: url(images/fd_roll_actualite_education.png) no-repeat;
}
.actu_securite {
	background: url(images/fd_roll_actualite_securite .png) no-repeat;
}
.actu_emploi {
	background: url(images/fd_roll_actualite_emploi.png) no-repeat;
}
.actu_religion {
	background: url(images/fd_roll_actualite_religion.png) no-repeat;
}
.actu_banlieue {
	background: url(images/fd_roll_actualite_banlieue.png) no-repeat;
}

/***************************/
/***       MOSAIQUE      ***/
/***************************/

.mosaique, .mosaique div {
	position:absolute;
	z-index:10;
}

.mosaique div.theme, .mosaique div.accueil {
	z-index:15;
	width:159px;
	height:109px;
	
	padding-left:0px;
	padding-right:9px;
	line-height:16px;
}
.mosaique div.theme h2 ,.mosaique div.accueil h2 {
	font-size:22px;
	line-height:24px;
}

.mosaique #m1 , .mosaique #t1 {
	width:252px;
	height:95px;
	top:0px;
	left:0px;
	background-image:url(images/fd_accueil.jpg) ;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	display:none;
}

.mosaique #m2 , .mosaique #t2 {
	width:168px;
	height:95px;
	top:0px;
	left:252px;
	background-image:url(images/fd_accueil.jpg);
	background-repeat:no-repeat;
	background-position:  -252px 0px;
	display:none;
}
.mosaique #m3, .mosaique #t3 {
	width:168px;
	height:190px;
	top:0px;
	left:420px;
	background-image:url(images/fd_accueil.jpg) ;
	background-repeat:no-repeat;
	background-position: -420px 0px;
	display:none;
}
.mosaique #m4 , .mosaique #t4{
	width:168px;
	height:95px;
	top:0px;
	left:588px;
	background-image:url(images/fd_accueil.jpg) ;
	background-repeat:no-repeat;
	background-position:  -588px 0px;
	display:none;
}


.mosaique #m5 , .mosaique #t5{
	width:168px;
	height:190px;
	top:95px;
	left:0px;
	background-image:url(images/fd_accueil.jpg) ;
	background-repeat:no-repeat;
	background-position:  0px -95px;
	display:none;
}
.mosaique #m6 , .mosaique #t6{
	width:168px;
	height:95px;
	top:95px;
	left:168px;
	background-image:url(images/fd_accueil.jpg) ;
	background-repeat:no-repeat;
	background-position:  -168px -95px;
	display:none;
}
.mosaique #m7 , .mosaique #t7{
	width:168px;
	height:95px;
	top:190px;
	left:168px;
	background-image:url(images/fd_accueil.jpg) ;
	background-repeat:no-repeat;
	background-position: -190px -168px;
	display:none;
}
.mosaique #m8 , .mosaique #t8{
	width:84px;
	height:190px;
	top:95px;
	left:336px;
	background-image:url(images/fd_accueil.jpg) ;
	background-repeat:no-repeat;
	background-position:  -336px -95px;
	display:none;
}
.mosaique #m9 , .mosaique #t9 {
	width:168px;
	height:95px;
	top:190px;
	left:420px;
	background-image:url(images/fd_accueil.jpg);
	background-repeat:no-repeat;
	background-position:  -420px -190px;
	display:none;
}
.mosaique #m10 , .mosaique #t10 {
	width:168px;
	height:190px;
	top:95px;
	left:588px;
	background-image:url(images/fd_accueil.jpg) ;
	background-repeat:no-repeat;
	background-position: -588px -95px;
	display:none;
}


.mosaique #m11 , .mosaique #t11  {
	width:168px;
	height:95px;
	top:285px;
	left:0px;
	background-image:url(images/fd_accueil.jpg) ;
	background-repeat:no-repeat;
	background-position:  0px -285px;
	display:none;
}
.mosaique #m12 , .mosaique #t12 {
	width:84px;
	height:138px;
	top:285px;
	left:168px;
	background-image:url(images/fd_accueil.jpg) ;
	background-repeat:no-repeat;
	background-position: -168px -285px;
	display:none;
}
.mosaique #m13 , .mosaique #t13 {
	width:252px;
	height:95px;
	top:285px;
	left:252px;
	background-image:url(images/fd_accueil.jpg);
	background-repeat:no-repeat;
	background-position: -252px -285px;
	display:none;
}
.mosaique #m14 , .mosaique #t14{
	width:252px;
	height:95px;
	top:285px;
	left:504px;
	background-image:url(images/fd_accueil.jpg);
	background-repeat:no-repeat;
	background-position: -504px -285px;
	display:none;
}


.mosaique #m15 , .mosaique #t15 {
	width:168px;
	height:55px;
	top:368px;
	left:0px;
	background-image:url(images/fd_accueil.jpg);
	background-repeat:no-repeat;
	background-position:  0px -368px;
	display:none;
}
.mosaique #m16 , .mosaique #t16 {
	width:171px;
	height:43px;
	top:380px;
	left:252px;
	background-image:url(images/fd_accueil.jpg);
	background-repeat:no-repeat;
	background-position: -252px -380px;
	display:none;
}
.mosaique #m17 , .mosaique #t17{
	width:336px;
	height:43px;
	top:380px;
	left:420px;
	background-image:url(images/fd_accueil.jpg);
	background-repeat:no-repeat;
	background-position: -420px -380px;
	display:none;
}

#mosaique_theme {
	z-index:11;
}

#mosaique_theme.logement #t1,
#mosaique_theme.logement #t2,
#mosaique_theme.logement #t3,
#mosaique_theme.logement #t4,
#mosaique_theme.logement #t5,
#mosaique_theme.logement #t6,
#mosaique_theme.logement #t7,
#mosaique_theme.logement #t8,
#mosaique_theme.logement #t9,
#mosaique_theme.logement #t10,
#mosaique_theme.logement #t11,
#mosaique_theme.logement #t12,
#mosaique_theme.logement #t13,
#mosaique_theme.logement #t14,
#mosaique_theme.logement #t15,
#mosaique_theme.logement #t16,
#mosaique_theme.logement #t17 {
	background-image:url(images/fd_logement.jpg);
}

#mosaique_theme.politique #t1,
#mosaique_theme.politique #t2,
#mosaique_theme.politique #t3,
#mosaique_theme.politique #t4,
#mosaique_theme.politique #t5,
#mosaique_theme.politique #t6,
#mosaique_theme.politique #t7,
#mosaique_theme.politique #t8,
#mosaique_theme.politique #t9,
#mosaique_theme.politique #t10,
#mosaique_theme.politique #t11,
#mosaique_theme.politique #t12,
#mosaique_theme.politique #t13,
#mosaique_theme.politique #t14,
#mosaique_theme.politique #t15,
#mosaique_theme.politique #t16,
#mosaique_theme.politique #t17 {
	background-image:url(images/fd_politique.jpg);
}

#mosaique_theme.religion #t1,
#mosaique_theme.religion #t2,
#mosaique_theme.religion #t3,
#mosaique_theme.religion #t4,
#mosaique_theme.religion #t5,
#mosaique_theme.religion #t6,
#mosaique_theme.religion #t7,
#mosaique_theme.religion #t8,
#mosaique_theme.religion #t9,
#mosaique_theme.religion #t10,
#mosaique_theme.religion #t11,
#mosaique_theme.religion #t12,
#mosaique_theme.religion #t13,
#mosaique_theme.religion #t14,
#mosaique_theme.religion #t15,
#mosaique_theme.religion #t16,
#mosaique_theme.religion #t17 {
	background-image:url(images/fd_religion.jpg);
}

#mosaique_theme.education #t1,
#mosaique_theme.education #t2,
#mosaique_theme.education #t3,
#mosaique_theme.education #t4,
#mosaique_theme.education #t5,
#mosaique_theme.education #t6,
#mosaique_theme.education #t7,
#mosaique_theme.education #t8,
#mosaique_theme.education #t9,
#mosaique_theme.education #t10,
#mosaique_theme.education #t11,
#mosaique_theme.education #t12,
#mosaique_theme.education #t13,
#mosaique_theme.education #t14,
#mosaique_theme.education #t15,
#mosaique_theme.education #t16,
#mosaique_theme.education #t17 {
	background-image:url(images/fd_education.jpg);
}

#mosaique_theme.emploi #t1,
#mosaique_theme.emploi #t2,
#mosaique_theme.emploi #t3,
#mosaique_theme.emploi #t4,
#mosaique_theme.emploi #t5,
#mosaique_theme.emploi #t6,
#mosaique_theme.emploi #t7,
#mosaique_theme.emploi #t8,
#mosaique_theme.emploi #t9,
#mosaique_theme.emploi #t10,
#mosaique_theme.emploi #t11,
#mosaique_theme.emploi #t12,
#mosaique_theme.emploi #t13,
#mosaique_theme.emploi #t14,
#mosaique_theme.emploi #t15,
#mosaique_theme.emploi #t16,
#mosaique_theme.emploi #t17 {
	background-image:url(images/fd_emploi.jpg);
}

#mosaique_theme.securite #t1,
#mosaique_theme.securite #t2,
#mosaique_theme.securite #t3,
#mosaique_theme.securite #t4,
#mosaique_theme.securite #t5,
#mosaique_theme.securite #t6,
#mosaique_theme.securite #t7,
#mosaique_theme.securite #t8,
#mosaique_theme.securite #t9,
#mosaique_theme.securite #t10,
#mosaique_theme.securite #t11,
#mosaique_theme.securite #t12,
#mosaique_theme.securite #t13,
#mosaique_theme.securite #t14,
#mosaique_theme.securite #t15,
#mosaique_theme.securite #t16,
#mosaique_theme.securite #t17 {
	background-image:url(images/fd_securite.jpg);
}


/***************************/
/***    THEMES ACCUEIL   ***/
/***************************/

.mosaique #logement {
	background:url(images/fd_logement.png) no-repeat;
	overflow:hidden;
	display:none;
}
.mosaique #politique {
	background:url(images/fd_politique.png) no-repeat;
	overflow:hidden;
	display:none;
}
.mosaique #securite {
	background:url(images/fd_securite.png) no-repeat;
	overflow:hidden;
	display:none;
}
.mosaique #emploi {
	background:url(images/fd_emploi.png) no-repeat;
	overflow:hidden;
	display:none;
}
.mosaique #education {
	background:url(images/fd_education.png) no-repeat;
	overflow:hidden;
	display:none;
}
.mosaique #religion {
	background:url(images/fd_religion.png) no-repeat;
	overflow:hidden;
	display:none;
}
.mosaique #acc_cohesion {
	background:url(images/fd_cohesion.png) no-repeat;
	overflow:hidden;
	display:none;
}
.mosaique #emploi.accueil {
	top:95px;
	left:420px;
}
.mosaique #education.accueil {
	top:0px;
	left:252px;
}
.mosaique #religion.accueil {
	top:190px;
	left:588px;
}
.mosaique #logement.accueil {
	top:95px;
	left:0px;
}
.mosaique #politique.accueil {
	top:190px;
	left:168px;
}
.mosaique #securite.accueil {
	top:285px;
	left:336px;
}

.mosaique #acc_cohesion.accueil {
	top:271px;
	left:0px;
	cursor:pointer;
}
.img_cohesion {
	margin-top:25px;
	margin-left:10px;
}
/* GESTION DES ROLLS VERBATIM */

.mosaique #logement .fond_roll,.mosaique #politique .fond_roll,.mosaique #securite .fond_roll,.mosaique #emploi .fond_roll,.mosaique #religion .fond_roll,.mosaique #education .fond_roll {
		background:none;
		padding-top:26px;
		padding-left:9px;
		width:168px;
		height:85px;
}
.mosaique #religion .fond_roll,.mosaique #politique .fond_roll {
	padding-top:40px;
}
.mosaique #logement .fond_roll.actif, .mosaique #politique .fond_roll.actif,.mosaique #education .fond_roll.actif {
		background:url(images/fd_roll_droite.png) no-repeat 154px 59px;
}
.mosaique #securite .fond_roll.actif, .mosaique #religion .fond_roll.actif,.mosaique #emploi .fond_roll.actif {
		background:url(images/fd_roll_gauche.png) no-repeat -2px 59px;
}





.mosaique #securite.theme,.mosaique #logement.theme,.mosaique #politique.theme,.mosaique #emploi.theme,.mosaique #religion.theme,.mosaique #education.theme {
	top:95px;
	left:0px;
	width:168px;
	overflow:visible;
}
.mosaique #securite:hover,.mosaique #logement:hover,.mosaique #politique:hover,.mosaique #emploi:hover,.mosaique #religion:hover,.mosaique #education:hover {
	cursor:pointer;
}
.mosaique .roll_theme {
	background:#fff;
	width:252px;
	height:95px;
	display:none;
	z-index:45;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.verbatim {
	width:252px;
	height:95px;
	border:none;
}
.verbatim2 {
	width:230px;
	height:77px;
	border:none;
}
.chiffre tbody , .verbatim2 tbody {
border:none;
}
.chiffre {
	width:150px;
	height:81px;
	border:none;
}

.mosaique #roll_logement {
	top:95px;
	left:168px;color:#08315a;
} 
.mosaique #roll_education {
	top:0px;
	left:420px;color:#08315a;
}
.mosaique #roll_emploi {
	top:95px;
	left:168px;color:#08315a;
} 
.mosaique #roll_securite {
	top:285px;
	left:85px;color:#08315a;
}
.mosaique #roll_politique {
	top:190px;
	left:336px;color:#08315a;
}
.mosaique #roll_religion {
	top:190px;
	left:336px;color:#08315a;
}

.mosaique .roll_theme  p.citation{
	font-family: Georgia,Times;
	font-variant: italic;
	font-style: italic;
	font-size:18px;
	margin:10px;
	margin-bottom:0px;
	margin-top:5px;
}
.mosaique .roll_theme  p {
	font-family: Arial;
	font-size:12px;
	margin:10px;
	margin-top:2px;
}

/******************/
/***   FOOTER   ***/
/******************/

#footer {
	width:999px;
	height:37px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:none;
}

#footer p {
	margin-top:10px;
}

#footer #evotes {
	display:none;
	padding-left:20px;
	padding-top:10px;
	border-left:1px solid #b4c1cd;
}

#footer .nbr_votes {
 	position:absolute;
     z-index:15;
     right:35px;
     bottom:0px;
     color:#fff;
}

#footer #evotes.inactif.accueil {
	width:307px;
	height:126px;
	position:absolute;
	right:0px;
	bottom:0px;
	background:url(images/fd_evotes.png) bottom right;
	z-index:20;
	
	/*overflow:hidden;*/
	color:#08315a;
	text-align:left;
	
}
#footer #evotes.inactif div.choices {
	display:none;
	height:auto;
	/*
	position:absolute;
	bottom:80px;
	*/
	margin-right:10px;
}
#footer #evotes h2 ,#contenu_tous_evotes h2  {
	font-family : "AeonPlayerRegular",  Arial, sans-serif;
	font-size:22px;
	line-height:24px;
	padding-bottom: 20px;
	color:#08315a;
}
#contenu_tous_evotes h2 {
	font-size:18px;
	padding-bottom: 0px;
}
#contenu_tous_evotes blockquote {
	padding-left:30px;
}
#contenu_tous_evotes {
	text-align:left;
}
#contenu_tous_evotes .views-row {
		padding-bottom:10px;
		border-bottom:1px solid #8b9cb0;
}


#footer #evotes .submitted, #footer #evotes ul.links {
	display:none;
}
.captcha-admin-links {
	display:none;
}
.captcha {
	width:370px;
}
#user-login .form-submit, #registration_form .form-submit  {
	width:170px;
}
legend {
	display:none;
}
fieldset.captcha  {
	border:none;
	margin:0px;
	width:370px;
}


#footer #evotes.actif.accueil {
	height:459px;
}

#footer a:hover {
	text-decoration:underline;
}

.poll {
	padding-right:10px
}	

#poll-view-voting .form-submit, #poll-cancel-form .resultats {
 	border:none;
     color:#fff;
   	font-family : "AeonPlayerRegular",  Arial, sans-serif;
     width:75px;
     height:26px;
     text-transform:uppercase;
     background: none;
     position:absolute;
     z-index:15;
     right:20px;
     bottom:12px;
     font-size: 22px;
     cursor:pointer;
}
#poll-cancel-form .resultats {
	right:35px;
}

#lien_evotes {
	border:none;
    color:#08315a;
    width:auto;
    background: none;
    font-size: 11px;
    cursor:pointer;
    position:absolute;
    bottom:5px;
    left:25px;
    font-family: arial;
}
#lien_evotes a {
   color:#08315a;
}

#poll-cancel-form .form-submit {
 	border:none;
    color:#08315a;
    width:auto;
    background: none;
    font-size: 11px;
    cursor:pointer;
    position:absolute;
    bottom:20px;
	left:20px;
    font-family: arial;
}
#poll-cancel-form .form-submit:hover {
	text-decoration: underline;
}

#poll-view-voting .resultats {
	display:none;
}

input.form-radio {
	/*display:block;*/
	margin-right:10px;
}


.poll .form-item {
	margin-bottom:20px;
	padding-left:10px;
}


.poll .percent {
	height:41px;
	font-size:16px;
	float:left;
	color:#fff;
	height:22px;
	background-color:#08315a;
	font-family : "AeonPlayerRegular",  Arial, sans-serif;
	margin:0px;
	padding:0px;
	width:25px;
	text-align:right;
	padding-left:10px;
	padding-right:10px;
}

.poll .bar .foreground {
color:#fff;
	float:left;
	background-color:#08315a;
	height:22px;
	overflow:visible;
}

.poll .bar{
	background-color:#fff;
}

.poll .text {
	font-size:12px;
	clear:both;
	padding-left:40px;
	padding-top:5px;
	margin-bottom:10px;
	background: url(images/poll.png) no-repeat ;
}

.checkbox, .radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  margin-top:-5px;
  background: url(images/checkbox.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
  cursor:pointer;
}
.radio {
  background: url(images/radio.gif) no-repeat;
}
.select {
  position: absolute;
  width: 158px;
  height: 21px;
  padding: 0 24px 0 8px;
  color: #fff;
  font: 12px/21px arial,sans-serif;
  background: url(images/select.gif) no-repeat;
  overflow: hidden;
}

.scroll-pane
{
	overflow: auto;
}

.form-item label.option {
	font-size:14px;
}

#conteneur_newsletter_iframe {
	color:#08315a;
	background:#fff;
	padding:50px;
}


/*********************/
/***   ACTUALITE   ***/
/*********************/

#masque_actu {
	width:100%;
	height:100%;
	background: #fff url(images/ajax-loader.gif) no-repeat center center;
	z-index:2000;
	position:absolute;
	display:block;
}

#conteneur_actualite_iframe {
	width:831px;
	height:423px;
	overflow:auto;
	background: #fff;
	color:#08315a;
}

#ajax-comments-preview {
	display:none;
}

#comments {
	position:absolute;
	left:411px;
	top:75px;
	width:420px;
	height:350px;
	background:#fff;
	color:#08315a;
	font-family:arial;
	font-size:12px;
	padding-bottom:20px;
}
#scroll_comments {
	width:385px;
	height:340px;
	margin-left:18px;
	padding-right:13px;
	padding-bottom:20px;
}

.commentaire {
	border-bottom:1px solid #b4c1cd;
	padding-top:10px;
	padding-bottom:10px;
}
.commentaire strong, .commentaire strong a	 {
	font-weight: bold;
	text-transform : capitalize; 
}
.commentaire a {
	color:#08315a;
}

#titre_actualite {
	position:absolute;
	left:0px;
	top:0px;
	padding:5px 12px 5px 12px ;
	width:807px;
	height:43px;
}

.logement #titre_actualite{
	background: #8a0044;
}
.securite #titre_actualite{
	background: #ff7f00;
}
.emploi #titre_actualite{
	background: #c3bb0b;
}
.religion #titre_actualite{
	background: #0082c1;
}
.education #titre_actualite{
	background: #f01800;
}
.politique #titre_actualite{
	background: #ffbe00;
}
.banlieue-de-la-republique #titre_actualite{
	background: #08315a;
}
#nbr_comments {
	position:absolute;
	left:0px;
	top:53px;
	font-size:12px;
	width:807px;
	height:54px;
	padding-top:3px;
	padding-left:428px;
	color:#08315a;
	font-weight: bold;
	background: #fff;
}
.logement #nbr_comments{
	background: url(images/fd_logement.png) no-repeat 168px -95px;
}
.securite #nbr_comments{
	background: url(images/fd_securite.png) no-repeat 168px -95px;
}
.emploi #nbr_comments{
	background: url(images/fd_emploi.png) no-repeat 168px -95px;
}
.religion #nbr_comments{
	background: url(images/fd_religion.png) no-repeat 168px -95px;
}
.education #nbr_comments{
	background: url(images/fd_education.png) no-repeat 168px -95px;
}
.politique #nbr_comments{
	background: url(images/fd_politique.png) no-repeat 168px -95px;
}
.banlieue-de-la-republique #nbr_comments{
	background: url(images/fd_bleu.png) no-repeat 168px -95px;
}


#edit-preview {
	display:none;
}

.box {
	margin-top:20px;
}
.box h2 {
	text-transform : uppercase; 
	margin-top:20px;
	font-family : "AeonPlayerRegular",  Arial, sans-serif;
}
#edit-comment {
	height:100px;
}

#contenu_actualite {
	position:absolute;
	left:0px;
	top:75px;
	width:411px;
	height:370px;
	background: #fff;	
	color:#08315a;
	font-family:arial;
}
#contenu_toutes_actualites {
	position:absolute;
	left:0px;
	top:15px;
	width:790px;
	height:410px;
	background: #fff;	
	color:#08315a;
	font-family:arial;
}
#scroll_actualite , #scroll_toutes_actualites  {
	width:365px;
	height:340px;
	margin-left:18px;
	padding-right:13px;
	font-size:12px;
	text-align: justify;
}
#scroll_toutes_actualites  {
	width:790px;
	height:400px;
}
#scroll_toutes_actualites a {
	color:#08315a;
}
#scroll_toutes_actualites a:hover {
	text-decoration:underline;
}

.retour_actualite {
	display:block;
	position:absolute;
	right:0px;
	top:130px;
	width:54px;
	padding-left:26px;
	padding-top:5px;
	font-size:12px;
	height:34px;
	cursor:pointer;
	background: url(images/fd_retour.png) no-repeat;
	z-index:100;
	display:none;
}
.submitted {
	font-size:12px;
}
#titre_actualite h2 {
	font-size:18px;
	width:734px;
	margin:0px;
	padding:0px;
	color:#fff;
}
#titre_actualite .submitted {
	color:#fff;
}
h2.comments, .tips {
	display:none;
}
.box , textarea, .box input, .user-login input, .user-register input{
	width:365px;
}
.form-submit {
	width:50px;
}
#comment-form .form-submit {
	width:150px;
}
#comment-form p a {
	display:none;
}
#register, #login {
display:none;
}

.user-register {
	display:block;
	margin-top:20px;
	border-top:1px solid #b1bdcb;
	padding-top:10px;

}
.left {
	float:left;
	width:50%;
	font-family : "AeonPlayerRegular",  Arial, sans-serif;
	text-align:center;
	font-size:14px;
	height:35px;
	margin-bottom:10px;
	cursor:pointer;
}
.left:hover {
	text-decoration:underline;
	background:url(images/bas.png) center bottom no-repeat;
}
.left.actif {
	 background:url(images/bas.png) center bottom no-repeat;
	
}
#user-register div input {
	display:block;
}
.lien_ecrire_commentaire {
	margin-left:160px;
	font-size:11px;
	font-family: arial;
}
.lien_ecrire_commentaire:hover {
	text-decoration: underline;
	cursor:pointer;
}
.collapsible {
	display:none;
}




/* classes for tooltips */

.hovertip, .hoverinfo {
	position: relative;
    display: none; /* in case javascript is disabled */
	width: 240px;
	background-color: #08315a;
	font-size: 12px;
	z-index: 100;
	margin-left: 5px;
	margin-top: 10px;
}
.hovertip_wrap0 .hovertip,
.hovertip_wrap0 .hoverinfo {
			   margin: 0;
}
.hovertip_wrap0 {
	margin-left: 5px;
	margin-top: 10px;			   
	z-index: 100;
}


.hovertip_target, .clicktip_target, span.hovertip_target {
				 
				 border-bottom:1px dotted;
}


html body .hovertip_wrap0 {
		  display: none;
  background:url(corner_tr.png) right top no-repeat;
}
html body .hovertip_wrap1 {
		  display: block;
  background:url(corner_bl.png) left bottom no-repeat;
  padding-top: 8px;
  padding-left: 8px;
}
html body .hovertip_wrap2 {
		  display: block;
  background:url(shadow.png) bottom right no-repeat;
}
html body .hovertip_wrap3 {
        display:block;
		position: relative;
		left: -8px;
		top: -8px;
	background-color: #08315a;
}
.hovertip_wrap3 {
      
		/*border-color:#efefef #ccc #ccc #efefef;*/
		padding: 5px;
		border:none;
}
span {
	 display: inline;
}

html > body .hovertip_wrap3 {
  border:none;
}
.hoverinfo_target {
	border:none;
  background: transparent url(hoverinfo.png) no-repeat center center;
  padding: 8px;
  margin: 0 .2em;
  display: inline;
  position: relative;
  top: -.5em;
}
.jspPane p {
	margin-bottom:15px;
	font-family:Arial;
	font-size:14px;
	line-height:18px;
}
.jspPane a {
	color: #08315a;
	text-decoration:underline;
}
.jspPane a:hover {
	text-decoration:none;
}

#contenu_publications .jspPane a , .scroll-actualites .jspPane a , .scroll-actualites-themes .jspPane a {
	color: #fff;
	text-decoration:none;
}
.scroll-actualites .jspPane a:hover , .scroll-actualites-themes .jspPane a:hover {
	text-decoration:underline;
}

#scroll_toutes_actualites .jspPane a {
	text-decoration:none;
}
#scroll_toutes_actualites .jspPane a:hover {
	text-decoration:underline;
}

#comments .jspPane p, #scroll_actualite .jspPane p  {
	margin-bottom:5px;
	font-size:12px;
	line-height:auto;
}
.jspPane strong {
	font-family : "AeonPlayerRegular",  Arial, sans-serif;
	font-size:18px;
	line-height:22px;
}
#paroles .jspPane strong, #paroles strong  {
	font-family :Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	font-variant: normal;
}
#comments .jspPane strong {
	font-family :   Arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	line-height:22px;
}
table.partage tbody {
	border-top:0px;
}
#partages {
	position: absolute;
	background:#fff;
	padding:9px;
	right:0px;
	top:32px;
	display:none;
	z-index:200;
}
#edit-submit, #poll-cancel-form .form-submit ,#poll-cancel-form  #edit-submit{
	width:80px;
}

.webform-client-form #edit-submit {
	 background: url(images/bt_valider_inscription.png) no-repeat;
	 width:182px;
	 height:85px;
	 cursor:pointer;
	 border:none;
	 position:absolute;
	 left:410px;
	 top:242px;
	 line-height: 1 !important;
	 text-indent:-9999px;
	 font-size:0;
	 line-height:0;
}

a, a:active {
      outline: none;
      border:none;
}
.definition {
	margin-bottom:15px;
	display:block;
}

#simplenews-confirm-add-form  #edit-submit {
	width:150px;
}

.emvideo {
	margin:0px;	
}

/*
#detail_actualite, #conteneur_actualite_iframe, #article_iframe {
	height:100%;
}

#contenu_actualite, #scroll_actualite, #comments, #scroll_comments {
	height:95%;
}
*/


/* A SUPPRIMER LORS DE L'OUVERTURE DES INSCRIPTIONS AU DÉBAT */
#debat_newsletter {
	width:588px;
}
#debat_newsletter div {
	padding-top: 20px;
}
#debat_newsletter div {
	background : url(images/fd_news_on.png) no-repeat 35px 24px;
}
#debat_newsletter.actif div {
	background : url(images/fd_news_off.png) no-repeat 35px 24px;
}
/******/