/*  
Theme Name: Duplexes
Theme URI: http://duplex.net/blog/duplexes-theme-and-instructions/
Description: Simple, light and clean theme from <a href="http://duplex.net/">Duplex.net</a>.
WP theme for The Duplex Blog
Author: Duplex.net
Author URI: http://duplex.net/
Version: 1.1
Tags: white, light, tan, two-columns, three-columns, right-sidebar, fixed-width, threaded-comments
Theme released under GPL license (http://www.opensource.org/licenses/gpl-license.php)
*/


/************************************************
*	Defaults, WP and misc. stuff		*
************************************************/
* {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {}
a {color:#585840; text-decoration:underline;}
a:hover {color:#90906c; text-decoration:underline;}
a img {border:none;}
blockquote {background:#cacaa8; padding:5px 15px; margin:10px; font-style:italic; font-size:0.9em; color:#222;}
code {color:#555;}
.cleared {clear:both;}
.highlight {color:#D9D688; font-weight:bold;}
.navigation {font-size:0.8em; margin-bottom:0;}
hr {color: #ccc; border: 1px solid #dedede;}
pre {height: auto; overflow-x:scroll;}
fieldset {margin:0; padding:0; border:0;}
dd {padding-left:15px;}

.alignleft {float:left; margin:10px 10px 5px 0;}
.alignright {float:right; margin:10px 0 5px 10px;}
.aligncenter,
div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:10px 10px 5px 0;}
img.alignright {float:right; margin:10px 0 5px 10px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {margin:0; padding:0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}



/************************************************
*	Body and wrappper		*
************************************************/
body {position:relative; margin:0 auto 0 auto; font-family:'verdana', 'trebuchet ms', 'Lucida Grande', Geneva, Arial, sans-serif; text-align:center; background:#fff url(images/bgbody.jpg) repeat-x;}
#wrapper {width:100%; margin:0 auto; text-align:left;}


/************************************************
*	Header		*
************************************************/
#header {	height:370px;
	background: url("images/header.png") repeat-x;}
.logoref {position : absolute; left: 20px; top: 30px;}
.bantv {position : absolute; right: 30px; top: 100px;}
.twitter {position : absolute; right: 170px; top: 325px;}
.rss3d {position : absolute; right: 20px; top: 270px;}
.rss3d a:hover {padding: 0.2em;}
.facebook3d {position : absolute; right: 90px; top: 270px;}
.facebook3d a:hover {padding: 0.2em;}
.youtube {position : absolute; right: 160px; top: 270px;}
.youtube a:hover {padding: 0.2em;}
.deezer {position : absolute; right: 230px; top: 270px;}
.deezer a:hover {padding: 0.2em;}
#title {float:left; width:400px; margin:20px 0;}
#title h1 a {text-decoration:none; font-size:1em; letter-spacing:-1px; font-family:trebuchet ms;}
#title h1 a:hover {color:#333;}
#title span {color:#333; font-size:0.8em;}
#topnav {float:right; width:500px; text-align:right; font-size:0.7em; color:#444;}
#topnav a {text-decoration:none; color:#fff; margin:0 5px;}
#topnav a.rss {background:url(images/rss.gif) left 2px no-repeat; padding-left:15px;}
#topnav a:hover {text-decoration:none; color:#ffcc00;}
#topnav ul li {display:inline; list-style:none; padding-left:10px;}

#mainnav {background:url(images/menubg.gif) no-repeat top left; width:100%; font-size:0.8em; color:#555; height:36px; line-height:36px;}
#mainnav a {text-decoration:none; color:#555;}
#mainnav a:hover {text-decoration:none; color:#000;}
#mainnav ul li {display:inline; list-style:none; padding:0 25px 0 0;}

div#searchmenu {float:right; width:260px; text-align:right; margin-right:15px; display:inline;}

/* Header - Boite de texte transparente */
#text-box-header { font-family: "Times New Roman", serif;
position: absolute;
font-size: 0.9em;
top: 170px;
left: 41px;
font-style: italic;
color: white;
width: 310px;
}

#transbox {
 position : absolute;
 background:url(images/trans-box.png) no-repeat;
 width: 310px;
 height: 100px;
 left: 31px; 
 top: 160px;
}

/*  Titre Header defilant  */
.titre-header-defil {
position: absolute;
top: 80px;
left: 220px;
font-family: Comic Sans MS;
font-weight: bold;
font-size: 12px;
color: white;
width: 15em;
}

/* Pub google 468x15 haut */
div#googl-468x15-haut {
position: absolute;
top: 19px;
left: 10px;
width: 468px;
height: 15px;

}

/* moteur google de l'entête*/
div#moteur-googl {
position: absolute;
top: 45px;
right: 70px;
font-style: italic;
font-size: 14px;
color: white;
height: 13px;
width: 250px;
}

.submitgoogl { position:absolute; top:1px;  }
.submitgoogl:hover { padding:0.2em;}
/************************************************
*	Content		*
************************************************/	

#main {background:#fff; width:970px; /* specifying width fixes dimensional bug in ie6 */ padding:0 15px;}

#content {float:left; width:555px;}

.pageTitle {font-size:1.1em; text-decoration:none; letter-spacing:-0.04em; color:#141414; margin-bottom:15px; font-family: 'trebuchet ms', sans-serif;}

.postTitletop {background:url(images/titletop.png)  top left no-repeat; height:7px; padding:0; margin: 0 0 0 0;}

.post {margin-bottom:35px;}
h2.postTitle { width:554px; background:url(images/fond-title.png) repeat-x; font-family: 'trebuchet ms', sans-serif;}
h2.postTitle a {font-size:0.85em; text-decoration:none; letter-spacing:-0.04em; color:#ffffff; margin-left: 10px; }

/*.postTitlebottom {background:url(images/titlebottom.png) bottom left no-repeat; height:27px; padding:0; margin:0 0 12px 0;}*/

.postMeta {
	clear: left;
	width: 554px;
         height:27px; 
	background: url(images/titlebottom.png);
}

h2.postTitle a:hover {color:#ff9900;}
.postMeta {font-size:0.7em; color:#666; line-height:15px; margin-bottom:15px; }
.postMeta a {text-decoration:none;}
.postMetaBottom {font-size:0.7em; font-style:italic; color:#666; line-height:1.4em;}
.postMetaComments {float:right; width:300px; text-align:right; margin-top:7px;}
.postMetaComments a {background:url(images/comments.gif) left 2px no-repeat; padding:4px 0 0 23px; text-decoration:none;}
.postMetaTags {float:left; width:340px; margin-top:7px;}
.postMetaTags a {text-decoration:none; background:#ccc; color:#000; padding: 0.3em;}
.postMetaTags a:hover {text-decoration:none; background:#666; color:#ffffff}
.postMetacategories {float:left; width:340px; margin-top:7px;}
.postMetacategories a {text-decoration:none;}
.post img {}
.postContent {margin:0 0 0 0;}
.postContent p {color: #353535; font-size:0.80em; line-height:1.5em; letter-spacing:.01em; margin:10px 0;}
.postContent h1 {color: #E85D07; font-size:15px; line-height:1.5em; letter-spacing:.01em; margin:10px 0;}
.postContent h2 {color: #000000; font-size:11px; line-height:1.5em; letter-spacing:.01em; margin:10px 0;}
.postContent h3 {color: #ff9900; font-size:10px; line-height:1.5em; letter-spacing:.01em; margin:10px 0;}
.postContent h4 {color: #000000; font-size:11px; line-height:1.5em; letter-spacing:.01em; margin:10px 0;}
.postContent ul, .postContent ol {padding:0 0 0 35px;}
.postContent ul li, .postContent ol li {font-size:0.75em; color:#353535;}

#pagenav {font-size:0.8em; background:url(images/nextprevbg.gif) left no-repeat; line-height:36px; padding:0 15px 4px 15px; margin-left:15px;}
#pagenav a {text-decoration:none;}
#pagenav a:hover {color:#444431; text-decoration:none; background:#fff;}



/************************************************
*	Comments	*
************************************************/
#comment {margin:10px 0; color:#111; width: 480px;}
#comment h3 {font-size:0.85em; font-weight:normal; color:#111; margin:15px 0 0 0; padding:0;}
#comment p a {color:#4f4f3c;}
#comment p a:hover {color:#111;}
#comment p {padding:0; margin:7px 0;}
ul.commentlist, ul.trackback {list-style-type:none; margin:10px 0; font-size:0.8em;}
.commentlist li, .trackback li {margin:10px 0 15px 0; background:#FFCC00; list-style-type:none; padding:10px;}
.commentlist li.alt { background:#EA9822; margin-top:10px;}
.commentlist li.cleared {background:transparent; border:none;}
.commentlist a:hover {color:#111;}
.commentlist a.gravatar {float:left; margin:0 15px 5px 0; width:44px;}
.commentlist .commentbody {margin:0; padding:0;}
.commentlist .commentbody p a {text-decoration:underline;}
.commentlist cite {font-size:1em; font-style:normal; color:#111;}
.commentlist small.commentmetadata a {color:#4f4f3c;}
.commentlist p {color:#111;}
#respond {margin-top:20px;}
textarea#comment {width:410px; background:#fff; color:#111; padding:10px;}
#comment #submit {margin:0;}
#commentform p {font-size:0.8em;}

.reply {background:#fff; padding:2px 5px;}
.reply a {text-decoration:none;}



/************************************************
*	Sidebar		*
************************************************/
#sidebar {float:right; width:385px;}
.sidebartop {background:url(images/side-haut.png) top left no-repeat; height:18px; padding:0; margin: 0 0 0 0;}
.sidebarcontent {font-size:0.90em; font-family:'trebuchet ms', sans-serif; margin:0; background:url(images/side-content.png) top left repeat-y; padding:0 15px; color:#111; }
.sidebarcontentbienvenue {font-size:0.75em; font-family:'trebuchet ms', sans-serif; margin:0; background:url(images/side-content.png) top left repeat-y; padding:0 15px; color:#232634; }
.sidebarbottom {background:url(images/side-bas.png) bottom left no-repeat; height:18px; padding:0; margin:0 0 12px 0;}
#sidebarleft {width:160px; float:left;}
#sidebarright {width:160px; float:right;}
#sidebarleft li ul, #sidebarright li ul {margin-bottom:15px;}

#sidebar h2 {font-size:1em; font-family:'trebuchet ms', sans-serif; margin:0; padding:0; font-style: italic; color:#999;}
#sidebar p {padding:15px 0 0 0; font-size:0.75em; color:#111;}

#sidebar a {display:inline; color:#ffffff; text-decoration:none;}
#sidebar a:hover {color:#990000; text-decoration:none;}
#sidebar a#subscribe:hover {background:transparent;}

#sidebar table {width:160px; font-size:0.75em; margin-bottom:15px;}

#sidebar ul {list-style-type: none;}
#sidebar li {}
#sidebar ul ul li {font-size:0.75em; margin:0; padding:3px 2px 2px 16px; color:#333; background: url(images/puce.gif) left 9px no-repeat; line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */}
#sidebar ul.children li {border-bottom:none;}
#sidebar ul.children {margin-bottom:-5px;}

.titrebloc{font-size:1.2em; font-family:'trebuchet ms', sans-serif; margin:0; padding:0 15px; color:#111; }
.sidebartopbleu {background:url(images/side-haut-bleu.png) top left no-repeat; height:18px; padding:0; margin: 0 0 0 0;}
.sidebarcontentbleu {font-size:0.90em; font-family:'trebuchet ms', sans-serif; margin:0; background:url(images/side-content-bleu.png) top left repeat-y; padding:0 15px; color:#111; }
.sidebarbottombleu {background:url(images/side-bas-bleu.png) bottom left no-repeat; height:18px; padding:0; margin:0 0 12px 0;}

.sidebartoprouge {background:url(images/side-haut-rouge.png) top left no-repeat; height:18px; padding:0; margin: 0 0 0 0;}
.sidebarcontentrouge {font-size:0.90em; font-family:'trebuchet ms', sans-serif; margin:0; background:url(images/side-content-rouge.png) top left repeat-y; padding:0 15px; color:#111; }
.sidebarbottomrouge {background:url(images/side-bas-rouge.png) bottom left no-repeat; height:18px; padding:0; margin:0 0 12px 0;}

.sidebartopvert {background:url(images/side-haut-vert.png) top left no-repeat; height:18px; padding:0; margin: 0 0 0 0;}
.sidebarcontentvert {font-size:0.90em; font-family:'trebuchet ms', sans-serif; margin:0; background:url(images/side-content-vert.png) top left repeat-y; padding:0 15px; color:#111; }
.sidebarbottomvert {background:url(images/side-bas-vert.png) bottom left no-repeat; height:18px; padding:0; margin:0 0 12px 0;}

#tag_cloud a {display:inline;}

#feedbox {border:1px solid #bbb; padding:2px; width:190px; color:#444; font-size:1em;}
.feedsubmit {border:none; background:#656551; color:#fff; font-size:0.9em; padding:1px 5px; margin-left:5px;}
.feedsubmit:hover {cursor:pointer; background:#8c8c6a;}

#searchbox {position:absolute; width:150px; top:20px; right: 140px; color:#444; font-size:0.9em; padding:1px 2px 2px 2px; }
.submitbutton {position:absolute; border:none; top:20px; left: 860px; padding:0 5px 1px 5px; }
.submitbutton:hover {cursor:pointer; padding:0.2em;}

.submitcomm {border:none; background:#000; color:#ffcc00; font-size:0.9em; padding:0 5px 1px 5px;}
.submitcomm:hover {cursor:pointer; background:#333;}

#cadre-annonce-googl {
float: left;
width:200px;
height:200px;
margin:auto;
padding:5px;
background-color:#EA9822;
border-left:1px solid #EA9822; /* couleur du cadre */
border-right:1px solid #EA9822;
border-bottom:1px solid #EA9822;
border-top:1px solid #EA9822;
}

/************************************************
*	Footer		*
************************************************/
#footercontainer {clear:both; background:#141414; color:#c6c8c9; margin:15px 0 0 0; padding:0;}
#footer {width:100%; margin:0 auto; text-align:left; padding:0 0 0 0;}
#footerleft {float:left; width:820px;}
#footerleft ul#footernav {font-size:0.65em; margin:0; padding:0;}
#footerleft ul#footernav li {display:inline; list-style:none; padding:0 10px 0 0;}
#footerleft ul#footernav a {color:#ff0000; text-decoration:none; text-transform:uppercase; padding:1px 5px;}
#footerleft ul#footernav a:hover {color:#ff0000; text-decoration:none; background:#fff;}
#footerleft p#footercopy {font-size:0.6em; text-align:center; margin:0; padding:12px 0 0 5px; text-transform:uppercase;}
#footerleft p#footercopy a {color:#c6c8c9; text-decoration:none; text-transform:uppercase;}
#footerleft p#footercopy a:hover {color:#000; text-decoration:none; background:#ccc;}

#footerright {float:right; bottom : 0;}

/* Menu dans footer */
div.foot-menu-articlrecent {    width: 320px !important;		
                  width: 290px;
                  min-height: 230px;	
                  float: left;	
		margin-left: 30px;
		margin-right: 15px;
		margin-bottom: 10px;
		padding-right: 10px;
		padding-top: 15px;
}                  
		
div.footer-menu-box {    width: 200px !important;		
                  width: 290px;
                  min-height: 230px;	
                  float: left;	
		margin-left: 0px;
		margin-right: 15px;
		margin-bottom: 10px;
		padding-right: 10px;
		padding-top: 15px;
}

div.foot-menu-archives {    width: 130px !important;		
         width: 290px;
         min-height: 230px;	
         float: left;	
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-top: 15px;
}       

#nuagestags-footer {
	font-family: "Times New Roman", serif;
	color: #FFF;
	text-align: center;
         margin-top: 8px;
}		
#nuagestags-footer a { color: #c6c8c9; text-decoration: none; }
#nuagestags-footer a:hover { background: #ccc; color: #000; text-decoration: none; }


.foooter-menu-titre { font-family: "Times New Roman", serif;
color: #ffcc00;
font-size: 1em;
background: #49422E;
text-align: center;
list-style-image: url(images/puce.gif);   }


div.contenu-footer-box{  font-family: "Times New Roman", serif;
		color: #ffcc00;
		text-align: left;
		margin-left: 25px;
                   list-style-image: url(images/puce.gif);  
} 

div.contenu-footer-box a { color: #c6c8c9; text-decoration: none; }
div.contenu-footer-box a:hover { background: #FB0083; color: #fff; text-decoration: none; }


div.contenu-footer-artrecent{  font-family: "Times New Roman", serif;
		color: #ffcc00;
		text-align: left;
		margin-left: 25px;
                   list-style-image: url(images/post.gif);  
} 
div.contenu-footer-artrecent a { color: #c6c8c9; text-decoration: none; }
div.contenu-footer-artrecent a:hover { background: #ccc; color: #000; text-decoration: none; }

div.contenu-footer-archives {  font-family: "Times New Roman", serif;
		color: #ffcc00;
		text-align: left;
		margin-left: 25px;
                   list-style-image: url(images/post.gif);  
} 
div.contenu-footer-archives a { color: #c6c8c9; text-decoration: none; }
div.contenu-footer-archives a:hover { background: #ccc; color: #000; text-decoration: none; }

div.contenu-footer-bookmarks {  font-family: "Times New Roman", serif;
		color: #ffcc00;
		text-align: left;
		margin-left: 25px;
                   list-style-image: url(images/favoris.png);  
} 
div.contenu-footer-bookmarks a { color: #c6c8c9; text-decoration: none; }
div.contenu-footer-bookmarks a:hover { background: #ccc; color: #000; text-decoration: none; }
/******************************************************************
*              Css des deux menus DEROULANTS       * 
*******************************************************************/
/*********************************************************
*              Top navigation CATEGORIES      *
*********************************************************/
#navbarcat {
         position:absolute;
	top:0px;
         right: 10px;
	background: #444444;/* fond menu */
	height: 2.3em;
	margin: 0px;
	padding: 0px ;
font-family: "Times New Roman", serif;
color: #990000;
font-size: 12px;

}

	
#navcat {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#navcat ul {
	padding: 0.1em 0 0 0;
	margin:0;
	list-style: none;
	background:transparent;
	}

#navcat a {
	color:#FA9D02;
	display: block;
         font-weight: bold;
	padding: 0.5em;
	text-decoration: none;
	}
	
#navcat a:hover {
	background: #1D1D1D; /* au passage de la souris sur menu */
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 0.5em;
}

#navcat li {
	float: left;
	margin: 0;
	text-transform: uppercase;
	padding: 0 0 0 0;
}
	
#navcat li li {
	float: left;
	margin: 0;
	padding: 0;
	width: 14em;
	}
	
#navcat li li a, #navcat li li a:link, #navcat li li a:visited {
	background: #000000; /* fond menu deroulant */
	color: #FA9D02;
	width: 14em;
	float: none;
	margin: 0;
	padding: 0.5em;
	border-bottom: 1px solid #ffcc00;
	}
	
#navcat li li a:hover, #navcat li li a:active {
	background: #1D1D1D; /* au passage souris menu deroulant */
	color: #fff;
	}

#navcat li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#navcat li:hover ul {
	left: auto;
	display: block;
	}
	
#navcat li:hover ul, #navcat li.sfhover ul {
	left: auto;
	}



/********************************************************
*                Top navigation PAGE            *
*********************************************************/
#navbar {
         position:absolute;
	top: 313px;
         left: 10px;
	background:#444444;/* fond menu */
	height: 2.3em;
	margin: 0px;
	padding: 0px ;
font-family: "Times New Roman", serif;
color: #990000;
font-size: 12px;
}

	
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#nav ul {
	padding:0.1em 0 0 0;
	margin:0;
	list-style: none;
	background:transparent;
	}

#nav a {
	color:#FA9D02;
	display: block;
         font-weight: bold;
	padding: 0.5em;
	text-decoration: none;
	}
	
#nav a:hover {
	background: #1D1D1D; /* au passage de la souris sur menu */
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 0.5em;
}

#nav li {
	float: left;
	margin: 0;
	text-transform: uppercase;
	padding: 0 0 0 0;
}
	
#nav li li {
	float: left;
	margin: 0;
	padding: 0;
	width: 14em;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #000000; /* fond menu deroulant */
	color: #FA9D02;
	width: 14em;
	float: none;
	margin: 0;
	padding: 0.5em ;
	border-bottom: 1px solid #ffcc00;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #1D1D1D; /* au passage souris menu deroulant */
	color: #fff;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}

/* ############## lien dans top menu ################ */

.lienchaine a {
position:absolute;
display:block;
width:95px;
line-height:35px;
top: 260px;
left: 37px;
text-align:center;
vertical-align:middle;
background:url(images/onglet.png) no-repeat;
color:white;
text-decoration:none;
font-family: "Times New Roman", serif;
color: #ff9800;
font-size: 12px;
}
.lienchaine a:hover {
color: #fff;
text-decoration: none;
padding: 0.2em;
}

.lienbannieres a {
position:absolute;
display:block;
width:95px;
line-height:35px;
top: 260px;
left: 138px;
text-align:center;
vertical-align:middle;
background:url(images/onglet.png) no-repeat;
color:white;
text-decoration:none;
font-family: "Times New Roman", serif;
color: #ff9800;
font-size: 12px;
}
.lienbannieres a:hover {
color: #fff;
text-decoration: none;
padding: 0.2em;
}

.servicesgratuit a {
position:absolute;
display:block;
width:95px;
line-height:35px;
top: 260px;
left: 239px;
text-align:center;
vertical-align:middle;
background:url(images/onglet.png) no-repeat;
color:white;
text-decoration:none;
font-family: "Times New Roman", serif;
color: #ff9800;
font-size: 12px;
}
.servicesgratuit a:hover {
color: #fff;
text-decoration: none;
padding: 0.2em;
}

/* Partenaire caroussel */

	#carousel{
		background-color:transparent;
		width:280px;
		height:150px;
		position:relative;
		border:1px solid #3DB2E9;
		
	}
	
	.img-carrousel{
		width:100%;
		height:auto;
		border:0px solid #FFFFFF;
		display:block;
	}


/* Footer partenaire */

  div#footer-partenaire { 
  width: 80%;
  font-family:"Arial";
  color : #c6c8c9;
  font-size : 14px; /* une taille qui te plaît */ 
  padding: 5px;
  } 
    div#footer-partenaire a {
    color: #c6c8c9;
	text-decoration: none;
}
 div#footer-partenaire a:hover {
         background: #ccc; 
         color: #000;
	text-decoration: none;
}