/*
Theme Name: Pont de La Seyne
Theme URI: http://www.pontdelaseyne.com
Description: Theme pour le site du pont de La Seyne
Version: 1.0
Author: Kevin Pardo
Author URI: http://www.franceimagesprod.com
Tags: la seyne sur mer, pont levant, var, ville, mairie

*/

/*//////////////////////////////////////////////////////////////////////////////////////////////
// RESET
//////////////////////////////////////////////////////////////////////////////////////////////*/

@import url(reset.css);

/*//////////////////////////////////////////////////////////////////////////////////////////////
// PARAMETRES GLOBAIX
//////////////////////////////////////////////////////////////////////////////////////////////*/

html, body{
	background:#000 url(images/body_bg.png) repeat;
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	color:#333;
}

a, a:visited{
	color:#e85928;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

div#container{
	width:900px;
	margin:0 auto;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
// DIVERS
//////////////////////////////////////////////////////////////////////////////////////////////*/
div#general_bg{
	background:url(images/general_bg.jpg) repeat-x;
}

div.cleaner{
	clear:both;
}

div#arrow{
	background:url(images/arrow.png);
	width:10px;
	height:19px;
	float:left;
}

.current_page_item{
	color:#099;
}

span.post_date{
	font-size:0.8em;
	color:#999;
}

div#post_content{
	margin:5px 0 0 0;
}

.wp-caption{
	text-align:center;
	padding:10px;
	background:#bbcc20;
	margin:5px 0 20px 0;
	color:#FFF;
	font-weight:bold;
	letter-spacing:2px;
	border:1px solid #eeff51;
}

div.post_container{
}

hr{
	width:100%;
	border:1px solid #F2F2F2;
	margin:30px auto;
}


h3.annonce_articles{
	font-size:1.5em;
	color:#bbcc20;
	margin:20px 0;
	border-bottom:1px dotted #bbcc20;
	line-height:25px;
}

.alignleft{
	float:left;
	margin:10px 10px 10px 0;
}

.aligncenter{
	margin:10px auto;
}

.alignright{
	float:right;
	margin:10px 0 10px 10px;
}

blockquote{
	padding:20px;
}

div#post_content p{
	margin:5px 0;
}

div#post_content ul{
	list-style:disc;
	list-style-type:disc;
	padding:0 0 0 15px;
	margin:0 0 15px 0;
}

input.bouton{
	display:block;
	background:#bbcc20;
	border:1px solid #849012;
	color:#FFF;
	line-height:25px;
	height:25px;
	text-align:center;
	margin:2px 0 0 0;
	font-weight:bold;
	letter-spacing:1px;
}

fieldset{
	border:1px solid #bbcc20;
	padding:10px;
}

legend{
	color:#bbcc20;
	font-weight:bold;
}

a#gal_btn{
	display:block;
	text-align:center;
	line-height:30px;
	height:30px;
	margin:0 auto;
	background:#bbcc20;
	border:1px solid #849012;
	color:#FFF;
}

a.slideshowlink{
	display:block;
	text-align:center;
	line-height:20px;
	height:20px;
	margin:10px auto;
	background:#bbcc20;
	border:1px solid #849012;
	color:#FFF;
}

div.infos{
	padding:20px 20px 20px 120px;
	border:1px solid #849012;
	color:#FFF;
	margin:10px 0;
	background:#bbcc20 url(images/infos.png) no-repeat 7px 7px;
	line-height:25px;
}

/* TRAVAUX */

div#trav_image{
	width:640px;
	height:480px;
	border:1px solid #333;
	background:#CCC url(images/travaux.jpg) no-repeat;
	position:relative;
}

div#trav_image a.img_lnk{
	display:block;
	width:50px;
	height:50px;
	border:1px solid #bbcc20;
	background:#CCC;
}

div#trav_image a#structure{
	position:absolute;
	top:20px;
	left:50px;
	background:#CCC url(images/mini_structure.jpg) no-repeat;
}
div#trav_image a#ascenceur{
	position:absolute;
	top:250px;
	left:50px;
	background:#CCC url(images/mini_ascenceur.jpg) no-repeat;
}
div#trav_image a#accueil{
	position:absolute;
	top:420px;
	left:70px;
	background:#CCC url(images/mini_accueil.jpg) no-repeat;
}
div#trav_image a#plateforme{
	position:absolute;
	top:300px;
	left:160px;
	background:#CCC url(images/mini_plateforme.jpg) no-repeat;
}
div#trav_image a#belvedere{
	position:absolute;
	top:10px;
	left:110px;
	background:#CCC url(images/mini_belvedere.jpg) no-repeat;
}
div#trav_image a#eclairage{
	position:absolute;
	top:150px;
	left:50px;
	background:#CCC url(images/mini_eclairage.jpg) no-repeat;
}

div#trav_txt{
	position:absolute;
	left:300px;
	top:20px;
}

/* WALLPAPERS */
div.wallpaper_container{
	width:150px;
	float:left;
	text-align:center;
	margin:0 60px 50px 0;
	line-height:15px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
// TITRES
//////////////////////////////////////////////////////////////////////////////////////////////*/
h3.search_title{
	font-size:1.5em;
	color:#bbcc20;
	margin:0 0 20px 0;
}

h2.titre_post{
	font-size:2.5em;
	font-weight:lighter;
	color:#e85928;
	margin:0 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2.titre_page{
	font-size:2.5em;
	font-weight:lighter;
	color:#e85928;
	margin:0 0 15px 0;
	text-align:center;
}

h3.titre_widget{
}

h3#comments{
	font-size:1.5em;
	color:#bbcc20;
	margin:0 0 15px 0;
}

div#post_content h2{
	font-size:1.2em;
	margin:15px 0 5px 0;
}

h5{
	font-size:1.1em;
}

h4{
	font-size:1.3em;
}

div#accordion h3{
	font-size:1.3em;
	border-top:1px solid #e85928;
	line-height:30px;
	height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
// HEADER
//////////////////////////////////////////////////////////////////////////////////////////////*/
div#header{
	position:relative;
	height:239px;
	background:url(images/header_bg.jpg) top no-repeat;
	width:900px;
}

div#header h1 a{
	display:block;
	width:410px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	right:60px;
	top:67px;
}

div#header span{
	display:block;
	text-indent:-9999px;
}

/* COUNTDOWN */

div#countdown{
	position:absolute;
	bottom:80px;
	right:18px;
	color:#FFF;
	line-height:20px;
	font-weight:lighter;
	font-size:0.8em;
	letter-spacing:1px;
}

div.count_date{
	display:inline;
}

/* SLIDESHOW */
div#slideshow_container{
}

div#slideshow_container object{
	margin:0;
	padding:0;
	float:left;
	position:absolute;
	left:190px;
	top:22px;
}

a#img_header{
	display:block;
	float:left;
	position:absolute;
	top:22px;
	left:0;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
// MENU
//////////////////////////////////////////////////////////////////////////////////////////////*/
ul#main_menu{
	position:absolute;
	bottom:17px;
	left:10px;
}

ul#main_menu li{
	display:block;
	float:left;
}

ul#main_menu li a{
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	margin:0 30px 0 30px;
	text-transform:uppercase;
	color:#FFF;
}

ul#main_menu li a:hover{
	text-decoration:none;
}

ul#main_menu li.page_item a{
	display:block;
	height:40px;
	line-height:40px;
}

ul#main_menu li.current_page_item{
	background:url(images/menu_bg.png) no-repeat;
	display:block;
	height:40px;
	line-height:40px;
}

ul#main_menu li.page-item-3{
	background-position:0 5px;
}

ul#main_menu li.page-item-5{
	background-position:-243px 5px;
}

ul#main_menu li.page-item-7{
	background-position:-380px 5px;
}

ul#main_menu li.page-item-9{
	background-position:-588px 5px;
}

ul#main_menu li.page-item-11{
	background-position:-739px 5px;
}

ul#main_menu li.current_page_item a{
	color:#bbcc20;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
// LEFT COL
//////////////////////////////////////////////////////////////////////////////////////////////*/
div#left_col{
	float:left;
	width:675px;
	background:#FFF;
}

div#content_left{
	margin:15px;
	font-size:0.8em;
	line-height:20px;
}

/* COMMENTAIRES */
div#comments_container{
	padding:20px;
}

ol.commentlist li{
	border:1px solid #999;
	margin:0 0 15px 0;
	padding:10px;
	background:#bbcc20;
	color:#FFF;
}

div.commentmetadata, div.commentmetadata a{
	font-size:0.9em;
	color:#333;
}

div.comment-author, div.comment-author a{
	color:#333;
	font-weight:bold;
	font-size:1.2em;
}

div#respond form#commentform p{
	font-size:0.9em;
}

div#respond{
	margin:30px 0 10px 0;
}

div#respond form#commentform p input#submit{
	font-size:1em;
	width:30%;
	float:left;
	padding:2px;
	background:#bbcc20;
	border:1px solid #849012;
	color:#FFF;
	margin:5px 0 0 0;
}

div#respond form#commentform textarea#comment{
	font-family:Helvetica, Arial, sans-serif;
	line-height:25px;
	letter-spacing:0.5px;
	padding:10px;
}

/* LIENS */
div.link_container{
	margin:20px 0 10px 0;
	border: 1px solid #333;
	background:#bbcc20;
}

img.img_link{
	display:block;
	float:left;
	border:1px solid #333;
	margin:10px;
}

p.link_text{
	float:right;
	padding:60px 20px 20px 20px;
	font-size:2em;
	text-align:center;
	width:60%;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
// FOOTER LEFT
//////////////////////////////////////////////////////////////////////////////////////////////*/

div#footer_left{
	height:62px;
	background:#bbcc20;
	border-top:1px solid #eeff51;
	background:#bbcc20 url(images/logo_footer.png) 10px 8px no-repeat;
}

ul#legal{
	float:right;
	height:30px;
}

ul#legal li{
	display:block;
	float:right;
	margin:5px 10px 0 10px;
}

ul#legal li a{
	display:block;
	height:30px;
	line-height:30px;
	color:#FFF;
	font-size:0.8em;
}

div#copyright{
	color:#FFF;
	font-size:0.7em;
	line-height:20px;
	height:20px;
	float:right;
	margin:5px 10px 0 0;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
// RIGHT COL
//////////////////////////////////////////////////////////////////////////////////////////////*/
div#right_col{
	float:right;
	width:196px;
	background:#FFF;
	margin:0 15px 0 0;
}

div#content_right{
	margin:15px;
	font-size:0.8em;
}

div#content_right li{
	line-height: 20px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
// FOOTER RIGHT
//////////////////////////////////////////////////////////////////////////////////////////////*/

div#footer_right{
	height:62px;
	background:#bbcc20;
	background:url(images/rss.jpg) no-repeat;
	padding:35px 0 0 0;
}

div#footer_right a#rss{
	display:block;
	text-indent:-9999px;
	width:196px;
	height:60px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
// SIDEBAR
//////////////////////////////////////////////////////////////////////////////////////////////*/
div#search_container{
	width:166px;
	margin:0 0 10px 0;
	padding:0;
}

div#search_container input#s{
	display:block;
	width:137px;
	background:#bbcc20 url(images/loupe.png) no-repeat 5px 6px;
	border:1px solid #849012;
	margin:5px 0 0 0;
	color:#FFF;
	font-size:1.3em;
	padding:3px 0 3px 27px;
}

div#search_container #searchsubmit{
	font-size:1em;
	width:50%;
	float:left;
	padding:2px;
	background:#bbcc20;
	border:1px solid #849012;
	color:#FFF;
	margin:5px 0 0 0;
}

div#right_col h3{
	background:url(images/h3_right_col_bg.png) no-repeat left;
	width:170px;
	height:42px;
	color:#FFF;
	line-height:32px;
	padding:0 0 0 30px;
	margin:20px 0 0 -4px;
	letter-spacing:1px;
}

li.recentcomments{
	font-size:0.8em;
}

/* GALERIE */
div.ngg-widget img{
	border:3px solid #bbcc20;
}

/* SPY */
ul#spy{
	padding:20px;
	border:1px solid #333;
	float:right;
	width:300px;
	background:#e85928;
	color:#FFF;
	margin:0;
	height:150px;
	overflow:hidden;
}

li.spy_element{
	display:block;
	margin:0;
	padding:0;
}

h3#titre_newsbox{
	float:right;
}