@charset "UTF-8";
/*

Mairie de La Seyne sur Mer
Template Joomla par France Images Production, Kevin Pardo
http://www.franceimagesprod.com

*/

@import url(../../laseyne-sur-mer/css/reset.css);

@import url(../../laseyne-sur-mer/css/default.css);

/*////////////////////////////////////////////////////////////////////////////////////
// PAGE ACCUEIL
////////////////////////////////////////////////////////////////////////////////////*/

/*///// COLONE GAUCHE /////*/
div#left_col{
	width:200px;
}

/* SEARCH */
div#search input#mod_search_searchword{
	background:url(../images/search_bg.jpg) no-repeat left;
	width:121px;
	height:29px;
	border:none;
	color:#FFF;
	padding:9px 0 0 40px;
	font-size:1em;
	display:block;
	float:left;
	border-right:1px solid #FFF;
}

div#search input.button{
	display:block;
	width:38px;
	height:38px;
	color:#FFF;
	background:url(../images/search_ok_bg.jpg);
	text-indent:-9999px;
	float:left;
}

/* RSS */
div#rss a{
	display:block;
	background:url(../images/rss.jpg) no-repeat;
	width:200px;
	height:44px;
	text-indent:-9999px;
	margin:20px 0 10px 0;
}

/* MINI GALERIE */
div#phocagallery-module-ri{
	margin:10px 0 10px 0;
}

div#phocagallery-module-ri center{
	width:100%;
}

div#phocagallery-module-ri div{
	width:50px;
	height:50px;
	text-align:right;
	margin:5px 10px 15px 6px;
}

div#phocagallery-module-ri img{
	border:1px solid #999;
}

/*///// COLONE CENTRALE /////*/
div#right_col{
	width:550px;
	float:left;
	margin:0 0 0 10px;
}

div#accueil_head{
	margin:0 0 10px 0;
	background:#DCDCDC;
	border:1px solid #999;
	padding:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:530px;
}

/* VIDEO */
div#video_accueil{
	float:left;
	margin:0 10px 3px 0;
}

/* TEXTE VIDEO */
div#news h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:2px dotted #545454;
	font-size:1.2em;
	margin:0 0 5px 0;
	line-height:23px;
	color:#048593;
	font-weight:normal;
	text-shadow:0 1px 0 #FFF;
}

div#news p{
	font-size:13px;
	line-height:17px;
	text-align:justify;
}

/* ARTICLES */
div.news_accueil{
	width:270px;
	float:left;
	margin:0 0 15px 0;
}

div#news1, div#news3, div#news5{
	margin-right:10px;
}

div.news_accueil h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#048593;
	font-weight:normal;
	margin:0 0 5px 0;
	text-shadow:0 1px 0 #FFF;
}

div.news_accueil p{
	font-size:13px;
	line-height:16px;
	text-align:justify;
}

div.news_accueil img{
	display:block;
	float:left;
	margin:0 5px 0px 0;
	border:4px solid #CCC;
}

/* ENCART VIDEOS */
div#encart_videos{
	width:270px;
	float:left;
	height:220px;
	margin:0 10px 0 0;
}

/* A VENIR */
div#avenir{
	width:270px;
	float:left;
}

#NewsTicker{
	border:solid 1px #cccccc;
	background:#e5e5e5;
	width:100%;
	height:220px;
	margin:0 0 10px 0;
	line-height:12px;
	border:1px solid #aed9d7;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
	#NewsTicker h1{
		background:url(../images/menu_bg.jpg) repeat-x;
		color:#FFF;
		line-height:25px;
		font-weight:normal;
		text-align:center;
		text-shadow:0 1px 0 #000;
	}
	#NewsVertical {
	width: 100%;
	height: 180px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	#controller{
	padding:6px;
	font-size:11px;
	color:#666;
	}
	#play_scroll_cont{display:none;}
	
	div#controller{
		text-align:right;
		font-size:10px;
		padding:3px 3px 0 0;
	}
	div#controller a:hover{
		cursor:pointer;
	}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 100%;
		height: 200px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 255px;
		color: #565656;
		text-align:justify;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
		border-bottom:1px solid #cccccc;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #048593;
			font-size: 14px;
			margin-bottom:6px;
			font-family:Georgia, "Times New Roman", Times, serif;
			text-align:left;
			line-height:15px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #048593;
			font-size: 14px;
			margin-bottom:6px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #000000;
			font-size: 10px;
			margin:6px 0 14px 0;
		}

/* PRATIQUE */
div#pratique{
	width:176px;
	float:left;
	margin:0 10px 0 0;
	
}

ul#pratique_liste li{
	display:block;
	line-height:30px;
	height:30px;
	margin:0 0 3px 0;
	list-style:none;
}

ul#pratique_liste li img{
	display:block;
	float:left;
	margin:0 5px 0 0;
}

/* DOSSIERS */
div#dossiers{
	width:176px;
	float:left;
	margin:0 10px 0 0;
}

/* ARCHIVES */
div#archives{
	width:176px;
	float:left;
	border:1px solid #aed9d7;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	font-size:0.75em;
}

div#archives ul{
	padding:8px;
}

div#archives:before{
	display:block;
	width:100%;
	background:url(../images/menu_bg.jpg) repeat-x;
	color:#FFF;
	line-height:25px;
	height:25px;
	text-align:center;
	font-size:1.25em;
	font-weight:normal;
	text-shadow:0 1px 0 #333;
}

div#archives h3{
	display:block;
	width:100%;
	background:url(../images/menu_bg.jpg) repeat-x;
	color:#FFF;
	line-height:25px;
	height:25px;
	font-size:13px;
	text-align:center;
	margin:0;
	font-weight:normal;
	text-shadow:0 1px 0 #333;
}

/*///// COLONE DROITE /////*/
div#widget_col{
	width:200px;
	float:right;
}

/* WIDGETS */
div.widget{
	border:1px solid #aed9d7;
	width:100%;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	margin:0 0 10px 0;
}

div.widget h3{
	display:block;
	width:100%;
	background:url(../images/menu_bg.jpg) repeat-x;
	color:#FFF;
	line-height:25px;
	height:25px;
	text-align:center;
	margin:0 0 8px 0;
	font-size:0.95em;
	font-weight:normal;
	text-shadow:0 1px 0 #333;
}

div.widget ul{
	margin:0 10px 10px 10px;
	font-size:0.75em;
}

div.widget ul li{
	line-height:12px;
	list-style:disc;
	margin:0 0 4px 10px;
}

/* DATE */
div#date{
	font-size:0.75em;
	padding:0 8px 8px 8px;
	height:52px;
	background:url(../images/calendrier.jpg) no-repeat left;
	width:180px;
	position:relative;
	margin:0 0 5px 0;
}

div#date p#jour{
	font-size:10px;
	color:#FFF;
	text-shadow:0 1px 0 #000;
	width:52px;
	height:10px;
	line-height:10px;
	position:absolute;
	left:0;
	top:6px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
}

div#date p#num{
	font-size:30px;
	top:20px;
	left:0;
	position:absolute;
	width:52px;
	height:33px;
	line-height:33px;
	text-align:center;
	font-weight:bold;
}

div#date p#mois{
	position:absolute;
	top:15px;
	left:60px;
	font-size:15px;
	font-weight:bold;
}

div#date p#annee{
	position:absolute;
	top:30px;
	left:60px;
	font-size:12px;
}

/* EN BREF */
h3#titre_en_bref{
	display:block;
	width:100%;
	background:url(../images/menu_bg.jpg) repeat-x;
	color:#FFF;
	line-height:25px;
	height:25px;
	text-align:center;
	margin:0;
	font-size:0.95em;
	font-weight:normal;
	text-shadow:0 1px 0 #333;
	border-left:1px solid #aed9d7;
	border-right:1px solid #aed9d7;
}

div.ucd{
	border:1px solid #aed9d7;
	width:100%;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	margin:0 0 10px 0;
	overflow:hidden;
	background:#e5e5e5;
}

div.ucd ul{
	padding:8px;
	font-size:12px;
	width:170px;
	line-height:13px;
	text-align:justify;
}

div.ucd_title{
	display: block;
	color: #048593;
	font-size: 14px;
	margin-bottom:6px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	line-height:15px;
	margin:0;
}

/* SORTIR */
div#sortir_container{
}
	
#NewsHorizontal {
	width: 180px;
	height: 250px;
	display: block;
	overflow: hidden;
	position: relative;
	margin:0 0 10px 7px;
}

#TickerHorizontal {
	width: 180px;
	height: 250px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#TickerHorizontal li {
	display: block;
	width: 180px;
	color: #565656;
	text-align:justify;
	font-size: 11px;
	margin: 0;
	padding: 6px;
	float: left;
	border-bottom:1px solid #cccccc;
}

/* METEO */
div#meteo_container{
	border:1px solid #aed9d7;
	width:100%;
	text-align:center;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	margin:10px 0 10px 0;
}

div#meteo_container div{
	margin:5px auto;
	width:100%;
}

div#meteo_container h4{
	background:url(../images/menu_bg.jpg) repeat-x;
	color:#FFF;
	line-height:25px;
	font-weight:normal;
	text-shadow:0 1px 0 #333;
}

/* PRESSE */
div#widget_col form#form-login{
	border:1px solid #aed9d7;
	font-size:0.75em;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

div#widget_col form#form-login span#titre_presse{
	display:block;
	width:100%;
	background:url(../images/menu_bg.jpg) repeat-x;
	color:#FFF;
	line-height:25px;
	height:25px;
	text-align:center;
	margin:0 0 10px 0;
	font-size:1.2em;
	text-shadow:0 1px 0 #333;
}

div#widget_col form#form-login input{
	background:#048593;
	border:1px solid #aed9d7;
	color:#FFF;
	line-height:15px;
	padding:3px;
}

div#widget_col form#form-login fieldset, div#widget_col form#form-login ul{
	padding:0 10px 10px 10px;
}

/*///// DIVERS /////*/
hr{
	margin:0 0 15px 0;
}