/*  
Theme Name: 360° magazine v5
Description: Basé sur Arthemia - thème général pour le magazine.
Version: 1.0 
Author: Arnaud Gallay
*/



/* HTML Elements */
* {
	margin:0;
	padding:0;
	}

body {
	font: 100% Georgia, Serif;
	background: url(images/fond-page.png);
	color: #333;
	}

p {	
	margin: 15px 0;
	}

a:link, a:visited {
	color: #0081c7;
	text-decoration:none
	}

a:hover, a:active {
	color: #0081c7;
	text-decoration:underline;
	}

a img {
	border:0;
	}

code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background:#e3e4e4;
	}	

acronym, abbr, span.caps {	
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
	padding: 10px 60px;
	font-size: 1.4em;
	color: #888;
	line-height: 1.1em;
	}

select {
	width: 130px;
	}	



/* Structure */


#head {
	width:980px;
	margin:0px auto;
	margin-top: 0;
	padding:0px;
	/* background: #FFF; */
	font-size:0.7em;
	}


#page {
	width:980px;
	margin:0px auto;
	padding: 0;
	background: url(images/fond-interieur.png) repeat-y #9c9e9f;
	font-size:0.7em;
	}

.left, .alignleft {
	float:left;
	margin-right: 5px;
	}

.right, .alignright {
	float:right;
	margin-left: 5px;
	}


/* Navigation Bar*/
#navbar {
	margin:0 auto;
	padding:0;
	font-weight: bold;
	text-transform:uppercase;
	background:#e3e4e4;
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
	font-size: 1.03em;
	}

#page-bar {
	width:820px;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	height: 34px;
	display:block;
	border-right:1px solid #CCC;
	}

#page-bar li:hover {
	background: #0081c7;
	}


#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:10px 9px;
	font-weight:bold;
	color:#2a2a2a;
	display:block;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	}

#searchform {
	width:144px;
	float:right;
	text-align:right;
	padding-top:8px;
	margin-right:10px;
	}

/* Dropdown Menus */		
#page-bar li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#page-bar li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 122px;
	text-transform: uppercase;
	}
	
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background: #9e9e9e;
	width: 122px;
	float: none;
	margin: 0px;
	border-top: 1px solid #C0C0C0;
	border-right: 0px;
	}
	
#page-bar li li a:hover, #page-bar li li a:active {
	background: #666666;
	}

#page-bar li ul {
	margin-top: -5px;
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar li:hover ul {
	left: auto;
	display: block;
	}
	
#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}

#page_id {
	width:100px;
	border: 0px;
	background-color: #e3e4e4;
	color: #2a2a2a;
	padding: 6px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	}

.level-0 {padding-top: 3px;}


/* Text*/

h1,h2,h3,h4 {
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
	/* font-family: "adelle-1","adelle-2", Serif; */
	/* font-weight:bold; */
	}

h1 {
	font-size: 2.4em;
	text-transform: uppercase;
	color: #0081c7;
	line-height: 1em;
	}

h2 {
	font-size: 1.95em;
	line-height: 1em;
	}

h3 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 10px 0 3px 0;
	color:#0081c7;
	border-top: 1px dotted;
	padding-top:3px;
	}

h4 {
	font-size: 1.8em;
	line-height: 1em;
	color: #EE7F00;
	}



h3#respond, h3#comments {
	margin-top:0px;
	background: url(images/blabla_gross.png) top left no-repeat;
	padding: 3px 0 20px 42px;
	font-size: 1.5em;
	}

/* Index Page*/

#logo {
	height: 155px
	}

#tagline {
	font-size:1.6em;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	margin-top: 23px;
	margin-left: -173px;
	width: 910px;
	}

.poles {
	background: url(images/fond-poles.png) top no-repeat;
	margin-right: 10px;
	float: right;
	padding: 5px;
	width: 90px;
	height: 22px;
	}

.poles a {
	font-size: 0.8em;
	color: #FFF;
	}

.grande-une {
	border-bottom: 1px dotted #888;
	}

.accroche {
	display: block;
	float: right;
	width: 233px;
	}



#bottom {
	width: 980px;
	}

#front-list {
	width:637px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	/* line-height:1.5em; */
	float:left;
	}

#front-list .clearfloat {
	margin: 10px 0;
	}
.meta {
	/* font-family: "futura-pt-1","futura-pt-2", Sans-Serif; */
	padding: 3px 0 5px;
	color:#888;
	}

.meta li {
	float: left;
	list-style: none;
	margin-right: 3px;
	}	
	
.metalogo {
    margin: 0 0 -5px;
	}

.commentaires {
	background: url(images/blabla.png) bottom no-repeat;
	text-align: center;
	width: 17px;
	height: 18px;
	font-size: 0.85em;
    margin: 0 0 0 3px;
	}

/* Boite commentaires */
	
.recentcomments_new {
	background-color: #0081C7;
	color: #d5d5d5;
	}	

.recentcomments_new a {color: #FFF}
.recentcomments_new a:hover {color: #d5d5d5}
.recentcomments_new li {
	padding: 0 0 8px 14px;
	background: url(images/blabla_clair.png) top left no-repeat;
	list-style: none;
	margin-top: 6px;
	}
	
/* Content Page*/

#content {
	width:610px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
	}

.post {
	font-size:1.05em;
	line-height:1.75em;
	}

.post p {
	margin-top:0px;
	}



	.post img, .post a img, #front-list img, #archive img {
	/* margin:0 0 5px 5px; */
	}

.post .ads {
	margin-top:10px;
	}


.post small {
	font-size: 0.7em;
	color: #888;
	line-height: 1.3em;
    }
	
.legende_box {
	width: 392px;
	padding: 3px 0 20px 0;
	}
	
.legende_element {
	margin-top:6px;
	border-top: 1px dotted #888;
	padding: 5px;
	background: #EEE;
	font-size: 0.9em
	}

.legende_element h2 {font-size:1.4em}

.entry {
	margin-top:20px;
	font-size: 1.4em;
	}
	
.entry-plus {
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
	line-height:1.5em
	}
	
.entry p {
	padding-top: 12px;
	margin: 0 0 0 100px;
}

.entry b {
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
	text-transform: uppercase;
	color: #0081c7;
	font-weight:bold;
}

.agenda-associations img {
	float: left;
	padding: 0 10px 30px 0;
}

#stats {
	margin-top:0px;
	padding:4px 0px;
	text-transform:uppercase;
	font:0.8em Arial;
	display:block;
	}

#stats span {
	padding: 0px 20px 0px 0px;
	}

#stats span a:hover {
	background:none;
	}

#stats span a {
	color:#333;
	}

#stats img, #nav img {
	border:0px;
	margin:0px;
	padding:0px;
	}

#tools {
	margin-bottom:5px;
	font-size:0.95em;
	padding: 5px 10px 0 0;
	}

#tools a:hover {
	background:none;
	}

.navigation {
	padding:5px 0px;
	text-align:Center;
	}

/* Sidebar*/
#sidebar {
	width:300px;
	float:right;
	padding: 10px;
	}

#sidebar h3 {
	font:1.2em Arial;
	font-weight:bold;
	background:#444;
	color:#fff;
	margin:0 0px 5px 0px;
	padding:5px 6px 5px;
	border: 0;
	}

#sidebar-top, #sidebar-bottom {
	width:280px;
	float:right;
	padding: 10px;
	background:#fff;
	}

.agenda-associations-jour {font-size: 1.2em; font-weight: bold; padding-top: 3px; border-top: 1px dotted #999; margin-top:6px}

#sidebar-bottom, #sidebar-middle {
	margin-top:10px;
	}

#sidebar-middle {
	width:300px;
	float:right;
	}

#sidebar-left {
	width:146px;
	float:left;
	background:#e3e4e4;
	}

#sidebar-left ul {
	margin-bottom:3px;
	padding-left: 3px;
	border-bottom: 10px #9c9e9f solid;
	}



#sidebar-right {
	width:140px;
	float:right;
	background:#e3e4e4;
	}


#sidebar-left li {
	list-style: square;
	display:block;
	padding:3px 2px 3px 10px;
	background: url(images/bullet.png) top left no-repeat;
	}

#sidebar-ads {
	width:300px;
	padding-bottom: 10px;
	background: #9c9e9f url(images/publicite.png) bottom left no-repeat;
	border-bottom: 6px solid #9c9e9f;
	height:250px;
	}

.tagcloud, .wp-polls {
	padding:3px;
	}
	
	
/* Form Elements */

select {
	border:1px solid #333;
	width:100%
	}
	
.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}

#s {
	padding:1px;
	font-size:1.0em;
	width:100px;
	}
	
#searchsubmit {
	padding-left:5px;
	}


#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}



/* Comments*/

.commentlist cite {
	font-style:normal;
	margin-bottom:18px;
	display:block;
	}	

.commentlist blockquote {
	background: #fafafa;
	}
			
.commentlist li {
	padding: 5px 0px;
	list-style:none;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 6px 6px 0px 6px;
	background:#E8F2F7;
	border-top:1px dotted #0081c7;
	width:495px;
	float:right;
	line-height: 140%;
	}

.commenttext p {margin-top: -10px;}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
	}	

#comment {
	width:590px;
	background:#fff;
	}

/* Footer*/

#front-popular {
	font-size: 14px;
	font-weight: bold;
	width: 960px;
	background:#e3e4e4;
	margin: 0 auto;
	padding:10px;
	}

.copyright {
	margin-top: 40px;
	font-weight: normal;
	}

.pub-abo {
	width: 370px;
	float: right;
	} 

.soutenez {	
	width: 300px;
	background-color: #ee7f00;
	padding: 20px 10px 20px 40px; 	
	margin-right: 10px;
	float: right;
	margin-top: 40px;
	height: 55px;
	}

.classement-footer {
	color: #0081c7;
	text-transform: uppercase;
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
	}


#footer {
	margin: 0 auto;
	width: 960px;
	font-size:0.8em;
	padding-top:10px;
	padding-bottom:10px;
	}


/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}


/* CUSTOM 360 */

.rubrique {
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color:#555;
	margin-bottom: 6px
	}

.rubrique2, .search-terms {
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color:#555;
	}


.encadre {
	font-size: 11px;
	line-height: 130%;
	padding: 0 10px 15px 20px
	}


.bonus {
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
	font-weight: bold; 
	font-size:1.4em;
	margin-top: 5px;
	padding-left: 15px;
	background: url(images/bonus-dot.png) no-repeat top left;
	}

/* GAYMAP */

.gaymap	{
	background:#252525;
	color: #E7E7E7;
	padding:10px;
}

.gaymap-titre, .gaymap-item-titre {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold; 
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
	line-height: 90%;
    margin-top: 3px;
}

.gaymap-item {
	padding-left: 90px 
}

.gaymap a {
	color: #FF0084;
	text-decoration: none;
	font-weight: bold; 
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
}
.gaymap a:hover 	{color:#FFFFFF;}

/* TELEX */

#telex {
	display: inline-block;
	width: 100%;
	height: 119px;
	border-bottom: 1px dotted #999;
	}

#telex ul {
	list-style: none;
	}

	
#telex ul li {
	width: 113px;
	height: 106px;
	border-right: 1px #888 dotted;
	margin-right: 4px;
	float: left;
	display: block;
	padding: 3px 15px 0 0;
	line-height: 1.15em;
	/* font-family: "futura-pt-1","futura-pt-2", Sans-Serif; */
	font-size: 1.13em;
	}

#telex .accroche-mini {
	font-size: 0.9em;
	font-weight: bold;
	}

#telex strong {
	font-weight: normal;
	}

	
	
#related {
	margin: 20px 0;
	padding-top: 20px;
	border-top: 1px dotted #999;
	}	

#related img {margin: 0}
	
.related_box {
	float: left;
	width: 207px;
	height: 110px;
	font-size:1em;
	line-height: 1.15em;
	overflow: hidden;
	}

.related_box_image {
	margin-right: 10px;
	float: left;
	width:100px;
	height: 100px;
	}

/* FEATURED */

#capsule {
	background-color: #e3e4e4;
	padding: 0;
	border-bottom: 10px #9c9c9f solid;
	overflow: hidden;
	}

#capsule .chapeau {
	padding: 3px;
	font-weight: bold;
	font-size: 1.4em;
	}

#capsule .chapeau a {
	color: #ee7f00
	}


.capsule-groupes {
padding: 5px;
font-size: 1.3em;
}

.capsule-groupes li {
margin-left: 16px;
margin-top: 4px;
}

	
.voile {
	height: 100%;
	font-size: 1.1em;
	padding: 3px;
	opacity: 0.0;
	filter:alpha(opacity=0);
	overflow: hidden;
	}

.voile a {
	color: #FFFFFF;
	}

.voile:hover {
	background-color: #ee7f00; 
	opacity: 0.9;
	filter:alpha(opacity=90);
	}

#promo {
	background-color: #e6e1e1;
	/* height: 151px; */
	margin-bottom: 10px;
	}

#promo h3 a {
	font-family: Arial;
	font-weight: bold;
	font-size: 1.4em;
	color: #ee7f00;
	}

#promo .guillimerdon {
	background-color: #e6e1e1;
	padding: 0 3px 7px;
	font-weight: bold;
	}


#espace {
	padding: 6px;
	background-color: #ee7f00;
	font-size: 1.2em;
	border-bottom: 10px solid #9c9e9f;
	}

#espace a {
	color: #000000
	}

#espace li {
	list-style: none;
	border-bottom: 1px dotted #FFF;
	padding-top: 6px;
	}

.espace-point {
	color: #FFF;
	font-weight: bold;
	font-size: 1.4em;
	background: url(images/bullet-espace.png) left no-repeat;
	padding-left: 15px;
	}

#featured ul {
	list-style: none;
	}

	
#featured ul li {
	margin-top: 3px;
	}


/* DIVERS SINGLE */

.chapeau2 {
	font-weight: bold;
	font-family: "futura-pt-1","futura-pt-2", Sans-Serif;
	font-size: 1.1em
	}

/* COMMENTS DISPLAY */

.banners {
	width: 728px;
	float: right;
	padding: 10px 10px 0 0;
	background: url(images/publicite2.png) top left no-repeat;
	}

.banners-lead {
	height:90px;
	background: #d0d0d3;
	}	
	
.flyer_partenaire {
	border-top: 6px #9c9e9f solid;
	padding-top: 12px;
	background: #9c9e9f url(images/partenariat.png) top left no-repeat;
	}


#infobox {
	width: 330px;
	background-color: #e3e4e4;
	padding: 3px;
	float: left;
	margin: 5px 10px 10px -10px;
	}