@charset "UTF-8";
/*
Theme Name: Webadev
Theme URI: http://www.webadev.com
Description: Thème du blog de webadev
Version: 4
Author: Hervé Delvaux
Author URI: http://www.webinside.be
*/
html, body {margin:0; padding:0;}
body { 
	background : #fff; 
	color: #333;
	background: url('images/header.jpg') repeat-x #fff;
	text-align:center;
	margin:0;
	padding:0;
}

a {font-weight:bolder;}
a:visited, a:link, a:active {color:#00638f; text-decoration:none;}
a:hover {color:#00adff; text-decoration:none;}

h2 {
	color: #00638f;
	letter-spacing: 0.1em;
	padding-bottom:6px;
	border-bottom:1px dotted #005b75;
}

h3 {letter-spacing: 0.2em;}

h4 {color:#a9a9a9;}

#global {
	width:980px;
	margin:0 auto;
	text-align:left;
}


ul#news {
	margin:-8px 0;
	padding:0;
	list-style-type: none;
}
ul#news li {margin:8px 0;}
ul#news span.date {color:#a9a9a9;}

/*********** Header **********/
#header {
	height:132px;
	padding-top:17px;
	position: relative;
}

div#langues {
	right:4px;
	top:94px;
	position:absolute;
}

div#langues ul {
	margin:0;
	padding:0;
	list-style:none;
}
div#langues ul li {
	display:inline;
	padding-left:4px;
}

#header img {
}

div#navTop {
	text-align: right;
	list-style-type: none;
	padding:0;
	height: 25px;
	width:969px;
	background: url('images/navTop.jpg') no-repeat #333;
	color:#fff;
	line-height:25px;
}

div#navTop #myslidemenu{
	background: url('images/navTopBg.jpg') repeat-x #333;
	margin-left:11px;
}

div#nav {
	border-bottom: solid 1px #cecece;
	border-right: solid 1px #cecece;
	border-left: solid 8px #59b1e1;
	list-style-type: none;
	padding:0;
	height: 17px;
	line-height:16px;
	padding: 0 0 0 4px;
	width:967px;
	background: url('images/nav.jpg') repeat-x bottom #cecece;
}


/*********** Corps **********/
#corps {
	margin:16px 0 0 0;
	padding-bottom:16px;
}

#corps > h1:first-child, #main > h1:first-child {
	margin-top: 0.4em;	
}

#main {
	width: 696px;
	margin: 0 24px 0 0;
	float:left;
	min-height:450px; /* pour eviter des problème de footer*/
}

#main.center {
	width: 472px;
	margin: 0 24px;
}

#main.right {
	width: 730px;
	margin: 0 0 0 24px;
}

#navigation {
	width:200px; 
	float:left;
	margin-top:12px;
}

#navigation ul {
	border:solid 1px #a9a9a9;
	border-top: solid 10px #333;
	display:block;
	margin:0 0 12px 0; 
	padding:4px;
	list-style-type: none;	
}

#navigation ul li {
	border-top: solid 1px #cecece;
	margin-top:4px;
	padding-top:4px;
}

#navigation ul > li:first-child {
	border-top: none;
	margin-top:0;
	padding-top:0;
} 
/*
#sideBar {
	float:left;
	padding: 0 0 0 24px;
	border-left: dotted 1px #cecece;
	width: 234px;
}

#sideBar h3 {
	margin-top:24px;
	padding-bottom:0.2em;
	border-bottom:1px solid #cecece;
	margin-bottom:1em;
}

#sideBar h3.news, #sideBar h3.google, #sideBar h3.seo, #sideBar h3.contact, #sideBar h3.devis, #sideBar h3.flux, #sideBar h3.domaine, #sideBar h3.social, #sideBar h3.creation  {
	padding-left: 20px;
	line-height:16px;
	padding-bottom:0.5em;
}

#sideBar h3.news { background:url(icons/newspaper.png) no-repeat; }
#sideBar h3.google { background:url(icons/google.png) no-repeat; }
#sideBar h3.seo { background:url(icons/search.png) no-repeat; }
#sideBar h3.contact { background:url(icons/contact.png) no-repeat; }
#sideBar h3.devis { background:url(icons/folder.png) no-repeat; }
#sideBar h3.flux { background:url(icons/RSS.png) no-repeat; }
#sideBar h3.domaine { background:url(icons/world_link.png) no-repeat; }
#sideBar h3.social { background:url(icons/group.png) no-repeat; }
#sideBar h3.creation { background:url(icons/page_edit.png) no-repeat; }

#sideBar > h3:first-child {
	margin-top:1.4em;
}

#sideBar .right {
	float:left;
	padding: 0 24px 0 0;
	border-right: dotted 1px #cecece;
}
*/
/*********** Footer **********/
#footer {
	border-top: solid 4px #cecece; 
    color: #fff;
    line-height:16px;
    background: #333;
    
    position: relative;  /* Nécessaire pour Safari */
    
}
#footer .contenu {
	text-align:left;
    width:964px;
    margin: 0 auto;
    padding:8px 16px;
    
}

#footer a {text-decoration:none; font-weight:normal; color:#a9a9a9;}
#footer a:hover {text-decoration:underline;}


div.sideMenu {
	background:url(images/sideBg.jpg) repeat-x;
	margin:12px 0;
}

div.box {
	margin:24px 0;
}

div.sideMenu div.content, div.box div.content{
	padding: 8px;
	background: url('images/sidebare.jpg') repeat #f9f9f9;
	border: solid 1px #cecece;
	border-top: 0;
	margin:0;
}

div.box div.content {
	padding: 4px 8px;
} 

div.box div.content p {
	margin:0;
	padding:2px 0px;
}

div.sideMenu h4 {
	margin:0;
	color:#fff;
	padding:3px 4px;
	cursor:pointer;
	display:block;
	background:url(icons/arrow_state_blue_expanded.png) no-repeat right;
}

div.box h4 {
	color:#fff;
	margin:0;
	padding:3px 4px;
	display:block;
	background:url(images/sideBg.jpg) repeat-x;
}

div.sideMenu h4.expand {
	background:url(icons/arrow_state_blue_collapsed.png) no-repeat right;
}







/********* PAGINATOR **********/
ul#pagination-digg{border:0; margin:0;  padding: 12px 0 24px 0;}

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
display:block;
float:left;
}
#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #dedede;
color:#888888;

font-weight:bold;
margin-right:4px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#00638f;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
margin-right:4px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#00638f;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #00638f;
}


/**********************/

#footer ul.link {
	list-style-type: none;
	padding:0;
	margin:8px 0;
	background: none;
}

#footer ul.link li {
	line-height:16px;
	height:16px;
	margin:4px 0;
}

a.mastheadtop {background: url(icons/bullet_arrow_up.png) no-repeat top left; padding-left: 17px; height:16px; line-height:16px; float:right;}


#footer ul.link li.rss {background: url(icons/RSS.png) no-repeat; padding-left: 20px;}
#footer ul.link li.twitter {background: url(icons/Twitter.png) no-repeat; padding-left: 20px;}
#footer ul.link li.date {background: url(icons/calendar.png) no-repeat; padding-left: 20px;}
#footer ul.link li.sitemap {background: url(icons/sitemap.png) no-repeat; padding-left: 20px;}
#footer ul.link li.contact {background: url(icons/email.png) no-repeat; padding-left: 20px;}

#footer ul.link {
	float:right;
	margin:0;
}
#footer ul.link li {
	float:left;
	margin:0 0 0 12px;
}


table#resultat {
	width:400px;
}

table#resultat .domaine {
	
}

table#resultat .tld {
	width:15%;
	text-align:center;
}

table#resultat .statut {
	width:25%;
	text-align:center;
}

table#resultat tr.true td{
	background:#DFF2BF;
}

table#resultat tr.false td{
	background:#FFBABA;
}


#tlds-element label {
	margin-right:16px;
}

/****************/
ul.contact, ul#social {
	padding:0;
	margin:0;
	list-style-type: none;
	font-size: .9em;
}

ul.contact li {
	padding-left:24px;
	line-height:16px;
	margin:4px 0;
}

ul.contact li.telephone {
	background: url(icons/phone.png) no-repeat
}

ul.contact li.email {
	background: url(icons/email.png) no-repeat;
}

ul.contact li.blog {
	background: url(icons/world_link.png) no-repeat;
}

ul.contact li.cv {
	background: url(icons/page_link.png) no-repeat;
}

ul#social li {
	margin:0 6px;
	padding:0;
	float:left;
}

















/********* Content ************/
#content {
	/*margin:12px;*/
	float: left;
	width: 694px;
	text-align:left;
}

#sidebar {
	border-top: solid 10px #333;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
	background: url('images/footer.jpg') repeat-x #f9f9f9;
	margin:0 0 0 718px;
	padding: 0 8px;
	width:244px;
}





/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

#sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform {
	margin: 5px 10px 0 0;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

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

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */

li h2 {
	border-bottom: solid 1px #dcdcdc;
	padding-bottom: 4px;
	font-size:120%;
	color:#333;
}



p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/******************* ICON ************************/

#corps ul.link {
	list-style-type: none;
	margin:8px 0 48px 0;
	border: solid 1px #dcdcdc;
	padding:8px;	
	background:#f9f9f9;
}

#corps ul.link li {
	padding-left: 20px;	
	line-height:16px;
	height:16px;
	margin:4px 0;
}

li.comments {background: url(images/icons/comments.png) no-repeat; float:right; font-weight: bolder;}
li.date {background: url(images/icons/date.png) no-repeat;}
li.feed {background: url(images/icons/feed.png) no-repeat;}
li.category {background: url(images/icons/folder.png) no-repeat;}
li.pageEdit {background: url(images/icons/page_edit.png) no-repeat;}
li.tag {background: url(images/icons/tag_blue.png) no-repeat;}
li.autor {background: url(images/icons/vcard.png) no-repeat;}

/*************/
div.info {
	margin: 16px 0;
	border: solid 1px #dcdcdc;
	padding:0 8px;	
	background:#f9f9f9;	
}

.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
margin-left:16px;
}