/*********************************/
/**    CSS DE LA HOME DU SITE   **/ 
/**    NOGENT SUR MARNE         **/
/*********************************/

.news_title {
	position:				absolute;
	top:					0;
	left:					0;
}

#entete {
    width:					980px;
    height:					141px;
	position:				relative;
	z-index:				10;
}

#logo {
	float:					left;
	width:					136px;
	height:					99px;
	margin:					3px 0 0 59px;
	behavior: 				url('fileadmin/templates/v2/iepngfix.htc');
}

#rubriques {
	clear:					both;
	float:					left;
	width:					958px;
	min-height:				5px;
    height:					auto !important;
    height:					5px;
	background:				#05335e;
	border:					1px solid #fff;
	margin-left:			10px;
	padding-bottom:			5px;
	position:				relative;
	text-align:				center;
	z-index:				10;
}

#diapo {
	clear:					both;
	height:					238px;
	position:				relative;
	z-index:				10;
}

#controleur_diapo {
	width:					62px;
	height:					21px;
	border:					1px solid #1a547b;
	background:				#fff;
	position:				absolute;
	bottom:					5px;
	right:					9px;
}

#bt_precedent {
	vertical-align:			middle;
	position:				absolute;
	top:					3px;
	left:					10px;
}

#bt_pause {
	vertical-align:			middle;
	position:				absolute;
	top:					4px;
	left:					25px;
}

.action_pause {
	border:					1px solid #1A547B;
}

#bt_suivant {
	vertical-align:			middle;
	position:				absolute;
	top:					3px;
	right:					10px;
}

#contenu {
	clear:					both;
	float:					left;
	width:					960px;
	min-height:				445px;
    height:					auto !important;
    height:					445px;	
	border:					1px solid #1a547b;
	margin-left:			9px;
	position:				relative;
	z-index:				10;
	margin-bottom:          10px;
}

#background {
	background:				url("../images/fond-contenu.png");
	behavior: 				url('fileadmin/templates/v2/iepngfix.htc');
	min-height:				445px;
        height:					auto !important;
        height:					445px;
	width:					960px;	
	float:					left;
}

#col_gauche {
	float:					left;
}

#a_la_une {
	float:					left;
	padding:				7px 12px 0 15px; 
	margin-left:			5px;
	width:					672px;
	min-height:				219px;
	height:					auto !important;
    height:					219px;	
}

#a_la_une h1 {
	font-family:			Times, "Times New Roman", serif;
	font-size:				1.66em;
	color:					#1d7bb1;
	font-weight:			normal;
	padding-top:			10px;
}

#a_la_une h2 {
	font-size:				0.91em;
}

#a_la_une a {
	color:					#1d7bb1;
	text-decoration:		none;
}

#a_la_une a:hover , #a_la_une a:focus {
	text-decoration:		underline;
}


#a_la_une_encart {
	float:					left;
	margin-top:				13px;
	height:                 160px;
}

/*
.a_la_une_bloc{
	padding-bottom:			23px;
	width:					335px;
	min-height:				56px;
	height:					auto !important;
    height:					56px;	
	float:					left;
}
*/

.a_la_une_bloc{
	padding-bottom:			5px;
	width:					335px;
	min-height:				74px;
	height:					auto !important;
    height:					74px;	
	float:					left;
}


.a_la_une_cadre {
	float:					left;
}

.a_la_une_cadre img {
	border:					1px solid #1d7bb1;
}

.a_la_une_infos {
	float:					left;
	width:					232px;
	padding-left:			10px;
}

.a_la_une_infos p{
	font-size:				0.91em;
	color:					#353535;
}

#bt_toutes_a_la_une { 
	clear:					both;
}

#bt_toutes_a_la_une a{ 
	color:					#1d7bb1;
	font-size:				0.91em;
	font-weight:			bold;
	float:					right;
	margin:					5px 5px 5px 0;
}

#bt_toutes_a_la_une a:hover, #bt_toutes_a_la_une a:focus{ 
	text-decoration:		none;
}

#bt_toutes_a_la_une #lien_toutes_a_la_une  {
	text-decoration:		underline;
}

#bt_toutes_a_la_une  #lien_toutes_a_la_une:hover {
	text-decoration:		none;
}

#picto_a_la_une {
	float:					right;
	margin:					2px 0 5px 5px;
}

#separateur_a_la_une_vertical {
	float:					left;
	width:					1px;
	height:					216px;
	background:				url("../images/separateur-vertical.gif") repeat-y;
	margin-top:				10px;
}


#separateur_blocs_horizontal {
	float:					left;
	clear:					both;
	width:					680px;
	height:					1px;
	background:				url("../images/separateur-horizontal.gif") repeat-x;
	margin:					8px 0 0 5px;
}

.separateur_blocs_vertical {
	float:					left;
	width:					1px;
	height:					244px;
	background:				url("../images/separateur-vertical.gif") repeat-y;
	margin-top:				5px;
}

#trois_blocs {
	float:					left;
	clear:					both;
	width:					699px;
	margin-left:			6px;
}

.bloc {
	float:					left;
	padding:				7px 0 10px 20px;
	width:					212px;
	min-height:				193px;
	height:					auto !important;
    height:					193px;		
	background-position:	100% 0%;
}

#titre_actu {
	font-family:			Times, "Times New Roman", serif;
	font-size:				1.66em;
	color:					#c42827;
	font-weight:			normal;
	padding:				10px 0 3px 0;
}

#actualites_encart {
    min-height: 135px;
    _height: 135px;
}

.item{
	padding-top:			7px;
}

#bloc_actualites {
    margin-right: 10px;
}

#bloc_actualites .item a {
	color:					#c42827;
	font-size:				0.91em;
	font-weight:			bold;
	text-decoration:		none;
}

.item:first-letter {
    text-transform: uppercase;
}

#bloc_actualites .item a:hover, #bloc_actualites .item a:focus {
	text-decoration:		underline;
}

.subtitle {
	color:					#3a3939;
	font-size:				0.91em;
	font-weight:			normal;
}

#lien_toutes_actus { 
	color:					#c42827;
	font-size:				0.91em;
	font-weight:			bold;
	float:					right;
	margin:					8px 5px 0 0;
}

#lien_toutes_actus:hover, #lien_toutes_actus:focus{ 
	text-decoration:		none;
}

#picto_actus {
	clear:					both;
	float:					right;
	margin:					10px 5px 0 0;
}

#titre_sortir {
	font-family:			Times, "Times New Roman", serif;
	font-size:				1.66em;
	color:					#165e14;
	font-weight:			normal;
	padding:				10px 0 3px 0;
}

#sortir_encart {
    min-height: 135px;
    _height: 135px;
}

#bloc_sortir {
    margin-right: 10px;
}

#bloc_sortir .item a {
	color:					#165e14;
	font-size:				0.91em;
	font-weight:			bold;
	text-decoration:		none;
}

#bloc_sortir .item a:hover {
    text-decoration:        underline;
}

#bloc_agenda {
    width: 192px;
}

.date_sortir:hover, .date_sortir:focus {
	text-decoration:		underline;
}


.lien_toutes_sortir { 
	color:					#165e14;
	font-size:				0.91em;
	font-weight:			bold;
	float:					right;
	margin:					8px 5px 0 0;
}

.lien_toutes_sortir:hover, .lien_toutes_sortir:focus{ 
	text-decoration:		none;
}

#picto_sortir {
	float:					right;
	margin:					10px 5px 0 0;
}

#titre_agenda {
	font-family:			Times, "Times New Roman", serif;
	font-size:				1.66em;
	color:					#bb2a65;
	font-weight:			normal;
	padding:				10px 0 3px 18px;
}

#selecteur_mois {
	height:					24px;
	margin:					10px 15px 0 20px;
}

#fleche_gauche {
	float:					left;
}

#mois {
	float:					left;
	margin-left:			10px;
}

#fleche_droite{
	float:					left;
	margin-left:			10px;
}

#calendrier {
	margin:					0 0 6px 16px;
}

#toutes_les_dates {
	clear:					both;
}

#lien_toutes_agenda { 
	color:					#bb2a65;
	font-size:				0.91em;
	font-weight:			bold;
	float:					right;
	margin:					19px 5px 0 0;
}

#lien_toutes_agenda:hover, #lien_toutes_agenda:focus { 
	text-decoration:		none;
}

#picto_agenda {
	float:					right;
	margin:					21px 15px 0 0;
}

#col_right {
	float:left;
}

#titre_multimedia {
	font-family:			Times, "Times New Roman", serif;
	font-size:				1.66em;
	color:					#4b8326;
	font-weight:			normal;
	padding:				10px 0 3px 0;
}

#video {
	padding-top:			10px;
}

.resume {
	display:				block;
	font-size:				0.91em;
	color:					#3A3939;
	padding-top:			5px;
	text-decoration:		none;
}

.resume:hover, .resume:focus {
	text-decoration:		underline;
}


.date_multimedia {
	color:					#4b8326;
}

#lien_toutes_multimedia { 
	color:					#4b8326;
	font-size:				0.91em;
	font-weight:			bold;
	float:					right;
	margin:					8px 5px 0 0;
}

#lien_toutes_multimedia:hover, #lien_toutes_multimedia:hover{ 
	text-decoration:		none;
}

#picto_multimedia {
	float:					right;
	margin:					10px 5px 0 0;
}

#multimedia_autres {
	clear:					both;
	padding-top:			37px;
}

#magazines {
	float:					left;
	margin-left:			25px;
	width:					85px;
}

.detail_magazine {
	clear:					both;
	padding-top:			5px;
}

.picto_magazine {
	float:					right;
	padding-top:			10px;
}

.lien_detail_magazine {
	float:					left;
	width:					71px;
	font-size:				0.91em;
	font-weight:			bold;
	padding-bottom:			3px;
	color:					#46155d;
}

.lien_detail_magazine:hover, .lien_detail_magazine:focus {
	text-decoration:		none;
}

#photos  {
	float:					left;
	margin-left:			20px;
	width:					108px;
}

#image_photos {
	border:					1px solid #63589e;
}

.detail_photos {
	clear:					both;
	float:					right;
	padding-top:			5px;
}

.picto_photos {
	float:					right;
	padding-top:            10px;
}

.lien_detail_photos {
	float:					right;
	width:					85px;
	font-size:				0.91em;
	font-weight:			bold;
	padding-bottom:			5px;
	color:					#535353;
}

.lien_detail_photos:hover, .lien_detail_photos:focus  {
	text-decoration:		none;
}

#menus_footer {
	background:				#fff;
	clear:					both;
	width:					960px;
	min-height:				103px;
    height:					auto !important;
    height:					103px;
	margin:					0 0 0 10px;
}

#menus_footer ul {
	list-style:				none;
}

#menus_footer img {
	border:					2px solid #d4d4d4;
}

#menus_footer li {
	width:					90px;
	text-align:				center;
	float:					left;
	/* padding:				10px 0 0 41px; */
	padding:				10px 0 0 28px; 
}

#menus_footer a {
	text-decoration:		none;
	color:					#3a3939;
	font-size:				0.91em;
}

#menus_footer a:hover, #menus_footer a:focus {
	text-decoration:		underline;
}

#pied_de_page_home {
	background:				#fff;
	clear:					both;
	width:					960px;
	min-height:				19px;
    height:					auto !important;
    height:					19px;
	margin:					11px 0 0 10px;
	text-align:				center;
	position:               relative;
}

#pied_de_page_home  ul {
	list-style:				none;
	text-align:             center;
}

#pied_de_page_home  li {
	float:					left;
	padding:				2px 0 0 10px;
	font-size:				0.91em;		
	text-align:             center;
}

#pied_de_page_home a {
	text-decoration:		none;
	color:					#3a3939;
}

#pied_de_page_home a:hover, #pied_de_page_home a:focus {
	text-decoration:		underline;
}

#video_title {
    width: 192px;
    text-align: center;
    font-size: 12px;
    color: black;
}

#derniere_galerie_encart .tx-mediasmartphotogallery-pi1 {
    margin: 0;
}







/* --- ajout sondage --- */


#lienSondage {
border : 1px solid #000 ;
padding : 14px 8px ;
width : 200px ;
margin-top : 10px ;
text-align : center ;
line-height : 1.3em ;
background-color : #bb2a65 ;
color : #ffffff
}