/*
Theme Name: Azul
Theme URI: http://www.switchroyale.com/?page_id=21
Description: Azul is a clean and modern theme with a techy/corporate feel. This theme is meant to be easy to edit and modify. Now includes 1 level deep subnavigation in the navigation menu. Just assign a parent page to any page on your blog for an instant submenu (submenu not compatible with IE6). The Azul Photoshop template is also available for free at www.switchroyale.com. Free to use for whatever you want.
Version: 1.51
Author: Switchroyale
Author URI: http://www.switchroyale.com
Tags: blue, white, silver, light, two-columns, fixed-width, right-sidebar
*/

a:focus
{
outline:0;
}


body {
	background: url(images/bodybg.jpg) #999999;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #666666;
	text-align: justify;
	z-index: 0;
}

#container {
	width: 960px;
	margin: 0 auto;
	background: url(images/containerbg.jpg) #ffffff;
	background-repeat: repeat-y;
}

#header {
	height: 110px;
	padding: 40px 50px 0 50px;
	background: url(images/headerbg.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
	position: relative;
}

#header h1 {
	margin: 0;
	font-size: 20px;
}

#header a {
	border:none;
	text-decoration: none;
	color: #666666;
}

#header a:hover {
	color: #333333;
}

#header #search {
	position: absolute;
	top: 40px;
	right: 50px;
	height: 20px;
}

#header #s {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	width: 205px;
	margin: 0;
	font-size: 12px;
	color: #999999;
	padding: 2px;
}

#navbar {
	margin: 0 0 20px 0;
	background: url(images/navbarbg.jpg);
	background-repeat: no-repeat;
	height: 40px;
}

#navbar ul {
	margin: 0 0 0 30px;
	padding: 0;
	border-left: 1px solid #cccccc;
}

#navbar li {
	display: block;
	float: left;
}

#navbar a {
	display: block;
	float: left;
	height: 30px;
	padding: 0 30px 0 20px;
	text-transform: uppercase;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	line-height: 30px;
	background: url(images/navbuttonbg.gif);
	background-position: right 50%;
}

#navbar a:hover, #navbar .current_page_item a {
	color: #666666;
	background: url(images/navbuttonbg-hover.gif);
	background-position: right 50%;
}

#navbar ul li ul {
	z-index: 100;
	margin: 0;
	border: 1px solid #cccccc;
	width: 200px;
	clear: both;
	position: absolute;
	top: 180px;
	left: -999px;
}

#navbar ul li:hover ul, #navbar ul li.sfhover ul {
	left: auto;
}

#navbar ul li ul li {
	width: 200px;
}

#navbar ul li.current_page_item ul li a, #navbar ul li ul li.current_page_item a {
	background: url(images/subnav1bg.png);
}

#navbar ul li ul li a {
	background: url(images/subnav1bg.png);
	padding: 0 0 0 5px;
	float: none;
}

#navbar ul li ul li a:hover {
	background: none #cccccc;
}

#posts {
	
	padding: 10px 25px 0px 0px;
	margin: 0 30px 10px 0;
	float: right;
}


#postsPageSingle {
	
	padding: 0px 40px 0px 0px;
	margin: 0 10px 10px 0;
	float: right;
	width:690px;
}

#postsPageArchive {
	
	padding: 10px 40px 0px 0px;
	margin: 0 30px 10px 0;
	float: right;
	width:500px;
}

.commentbubble a {
	float: left;
	background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.commentbubble a:hover {
	float: left;
	background: url(images/commentbubblehover.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.date {
	font-size: 12px;
	color: #999999;
	line-height: 1.5em;
}

.post {
	margin: 0 0 10px 0;
}

.tags {
	font-size: 10px;
	line-height: 1.5em;
	color: #999999;
}

.entry {
	margin: 5px 0 0 0;
}

.entry p {
	margin: 0 0 10px 10px;
}

.entry hr {
	height: 1px;
	border: none;
	background: #cccccc;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
		
	
}

.post h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
}

.post a, .navigation a {
	color: #0195c5;
	text-decoration: none;
}

.post a:hover, .navigation a:hover {
	color: #333333;
}

.post a img {
	border: none;
}

.post blockquote {
	background: url(images/blockquotebg.gif) no-repeat left top;
	color: #777777;
	font-style: italic;
	padding: 10px 5px 5px 36px;
}

.postmetadata {
	font-size: 10px;
	line-height: 1.5em;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.alignnone {
	margin: 0;
}

.wp-caption.alignleft {
	float: left;
	margin: 5px 20px 20px 0px;
}

.wp-caption.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.wp-caption.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
}

.wp-caption.alignnone {
	margin: 20px 0;
}

.post .wp-caption {
	border: 1px solid #cccccc;
	background: #ebebeb;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 5px;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px 20px 0 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.commentlist p {
	clear: both;
	margin: 0 0 20px 0;
}

.avatarcontainer {
	float: left;
	margin: 0 5px 10px 0;
}

.avatar {
	border: 1px solid #cccccc;
}

.sidebar {
	margin-left: 30px;
	width: 178px;
	position: relative;
	top: 10px;
	font-size: 11px;
}

.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

.sidebar h2 {
	/*
	margin: 0 0 5px 0;
	padding: 30px 0 0 0;
	border-bottom: 1px solid #cccccc;
	width: 210px;
	*/
	margin-top:5px;
	padding-top:5px;
	font-size: 16px;
	color: #666666;
	
	
}

.sidebar a {
	display: block;
	color: #0195c5;
	text-decoration: none;
	padding: 0 10px 0 10px;
}

.sidebar a:hover {
	color:#000;
}

.sidebar ul li ul li {
	_height: 20px; /*IE 6 Hack, the sidebar links won't display properly without this*/
}

.sidebar ul li ul li ul li a {
	font-size: 10px;
	padding: 0 10px 0 20px;
}

#footer {
	clear: both;
	height: 150px;
	background: url(images/footerbg.jpg);
	background-repeat: no-repeat;
}

#footer p {
	text-align: center;
	font-size: 12px;
	position: relative;
	top: 40px;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	color: #333333;
}

#wp-calendar {
	width: 210px;
	background: #ebebeb;
	border: 1px solid #cccccc;
	margin: 0;
	font-size: 12px;
	text-align: center;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar #today {
	background: #cccccc;
}

#wp-calendar a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
}

#wp-calendar a:hover {
	background: #cccccc;
}


/* Mon css perso*/
#pubHeader{
	margin-top:10px;
	margin-left:10px;
	text-align:center;
}
.menuGauche{
	
	
	padding-left:4px;

}
.haut-menu{
	height:38px;
	background-image:url(images/menuH.jpg);
	background-repeat: no-repeat;
	padding-left:4px;
	text-align:center;
}
.haut-menu span{
	padding-top:4px;
	font-weight:bold;
	font-size:1.58em;
	color:#666666;
	margin-top:5px;
	padding-top:5px;
	line-height:2em;
}

.corp-menu{
	background-image:url(images/menuC.jpg);
	background-repeat: repeat-y;
	padding-left:1px;
	margin-right:1px;
	color:#666666;	
	font-size:12px;
	font-family:arial,sans-serif;
}

.corp-menu a{
	color:#666666;
	text-decoration:underline;

}

.bas-menu{
	height:22px;
	background-image:url(images/menuB.jpg);
	background-repeat: no-repeat;
}

.blocSingle{
	width:300px;
	height:250px;
	float:left;
}
.both{
clear:both;

}
.clicable{
width: 800px;
height:80px;
}

.monThumb{
float: left;
}
.monThumb a img{
	padding:2px;
	border:1px #CCC solid;
	
}
.droiteThumb{
float:right;
width:350px;
font-size:12px;
line-height:1.2em;
}
.btnJouer{
float:right;
margin-right:30px;
}
.gaucheBtnJouer{
float:left;
}
.postSingle{
width:360px;
float:right;
margin-top:5px;

}
.blocPub{
float:left;
margin-top:15px;
margin-bottom:20px;
}
.titreGauche{
float:left;

font-size:1.3em;

}

.dateDroite{
float:right;
}

.leJeu{
border: 1px solid black;
width:670px;
margin:0;
padding:0;

}
.titreIndent{
	text-indent:-10000px;
}
.pubHauteur{
float:right;
margin-right:45px;
margin-top:35px;

}
.pubMenuGauche{
	margin-left:4px;
}
.titreSingle h2 a{
	font-size:1.4em;
	margin-left:170px;
	text-decoration:underline;
}
.separationPost{
	margin:auto;
	text-align:center;
}
.separationPostSingle{
	margin:auto;
	text-align:center;
	margin-top:5px;
}
.previousNext a{
	padding-right:7px;
}
.listePostFinSingle{
	line-height:1em;
}
.listePostFinSingle table{
	text-align:center;
	margin:auto;	
}
.listePostFinSingle table tr{
	
	
}

.listePostFinSingle table tr td{
	border:1px solid #ccc;
	padding: 0 10px 4px 10px;
	
	
	
	
}


.listePostFinSingle h2{
	font-size:1em;
	text-decoration:none;
	color: #666666;	
}
.listePostFinSingle h2 a{
	color: #666666;	
	text-decoration:none;
}
.listePostFinSingle h2 a:hover{
	text-decoration:underline;
}

.listePostFinSingle ul{
	list-style:none;
}

.titreListe5jeu{
	font-weight:bold;
	font-size:1.3em;
	color:black;
}
.previousNext{
	
	text-align:right;
}
.pub3emePost{
	padding:5px;
	margin-bottom:10px;
}
.monThumbFinPost{
	text-align:center;
	text-decoration:none;
}
.monThumbFinPost a img{
	padding:2px;
	border:1px #CCC solid;
	
}
.introAccueil{
	width:477px;
	font-size:1em;
	line-height:1em;
}