/*
Theme Name: Réseau Experts France-Maghreb
Theme URI: http://www.reseau-experts-france-maghreb.com
Description: Thème réalisé pour le Réseau Experts France-Maghreb
Version: 0.1
Author: Jonathan Petitcolas, Nassib Mansouri
Author URI: http://www.tlconseil.com
*/

* { margin: 0; padding: 0; }

html, body { height: 100%; }

body, p, textarea, input, button, #content h6 { font-family: Arial, Verdana; font-size: 12px; line-height: 1.8em; color: #444444; }
body { background-color: #EFEFEF; padding: 10px; }

input, textarea { padding: 2px; }

#page { width: 1000px; margin: auto; background-color: white; }
* html #page { height: 100%; }

#header { height: 250px; padding: 20px; }

#middle { margin-top: -20px; }

#content { width: 700px; float: right; margin: 20px; }
#content img { border: 1px solid #a55001; -moz-box-shadow: 3px 3px 5px #AAA; -webkit-box-shadow: 3px 3px 5px #AAA;  }
#content .post { border: 2px solid #555; padding: 15px; margin-bottom: 20px; }
#content .post { -moz-border-radius-topLeft: 62px; -moz-border-radius-bottomRight: 62px; -webkit-border-radius-topLeft: 62px; -webkit-border-radius-bottomRight: 62px; }

#content p.bandeau { background: url(images/bandeau.png) no-repeat top left transparent; padding: 40px 20px 0 20px; }
#content p.bandeau { position: relative; left: -15px;  }
#content p.bandeau small { font-size: 12px; }

#content .afterPost { padding: 0px 20px; }

#content h2 { border-bottom: 1px solid #a55001; padding-bottom: 15px; }
#content h2 { margin-bottom: 15px; font-size: 21px; font-family: Georgia; text-align: center; line-height: 36px; color: #a55001;}

#content h3 { color: #a55001; font-size: 14px; margin-bottom: 10px; padding-bottom: 15px;  }

#content h6 { margin-top: 20px; }

#footer p { text-align: center; }

#sidebar { width: 255px; float: left; }
#sidebar ul li { margin-bottom: 20px; }
#sidebar ul li h6 { font-size: 14px; color: white; background: url(images/fond-menu.png) transparent; text-align: center; padding: 5px 0; margin-bottom: 10px; }
#sidebar ul li ul, #sidebar ul li ul li { padding: 0; margin: 0; }
#sidebar ul li ul { margin-left: 25px; }
#sidebar ul li ul li ul li { background: url(images/puce.png) no-repeat left top transparent; padding-left: 20px; }

#sidebar ul li#aboutItem img { border: 1px solid silver; padding: 2px; position: relative; top: 5px; }


#sidebar ul li#searchItem input { height: 24px; width: 200px; font-size: 18px; }

#sidebar ul li#rssItem p { background: url(images/flux-rss.png) no-repeat left center transparent; margin: 10px 0; padding-left: 50px; height: 32px; line-height: 40px; }

small { line-height: 1.8em; font-size: 11px; }

a, a:visited { color: #a55001; text-decoration: none; }
a:hover { color: #C64934; }
a img { border: 0; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }

blockquote { font-style: italic; color: gray; margin-left: 50px; margin-top: 10px; margin-bottom: 10px; padding-left: 80px; }
blockquote.address { background: url(images/house.png) no-repeat left center transparent; }
blockquote.address p { border-left: 1px solid silver; padding-left: 20px; }

ul { list-style: none; margin: 15px;}
ul li { padding-left: 20px; }

#content ul li { background: url(images/puce.png) no-repeat transparent 6px 7px;  }

.tagTitle a { color: #a55001; font-weight: normal; }
#comments { background: url(images/comments.png) no-repeat; padding-left: 25px; }
.tagTitle { background: url(images/key.png) no-repeat; padding-left: 25px; }
#respond h6 { background: url(images/pencil.png) no-repeat; padding-left: 25px; }

h6#comments { background: url(images/comments.png) no-repeat; padding-left: 35px; margin-left: -10px; }

/** Commun **/
.spacer { clear: both; }

.right { text-align: right!important; }
.center { text-align: center!important; }

.floatRight { margin-left: 10px; float: right; }
.floatLeft { margin-right: 10px; float: left; }

p { padding-bottom: 10px; text-align: justify;}
p.author { text-align: left; padding-left: 40px; background: url(images/auteur.png) no-repeat transparent left top; font-style: italic; line-height: 32px; }

input[type="text"], textarea { border: 1px solid silver; color: #AAA; -moz-border-radius: 5px; }

input[type="submit"], button { background: url(images/fond-bouton.png) repeat-x transparent; border: 0; color: white; padding: 5px 20px; }
input[type="submit"], button { -moz-border-radius: 30px; -webkit-border-radius: 30px; -moz-box-shadow: 2px 2px 5px #444; cursor: pointer; }

#map { width: 600px; height: 400px; border: 1px solid #a55001; padding: 5px; }

/** Galerie photos **/

.diaporama { text-align: center; margin: 20px; }
.gallery-caption { display: none; }

.slideshow { text-align: center; margin: 10px 0; }
.slideshow object { border: 1px solid black; }
.ngg-gallery-thumbnail-box { float: left; }
.ngg-clear { clear: both; }
.slideshowlink { display: none; }

/** Formulaires **/
#commentform { }
#commentform label { text-align: left; width: 200px; float: left; }

.commentlist, .commentlist li { list-style: none; }
.commentlist li { border: 1px solid silver; margin: 15px; padding: 20px; -moz-box-shadow: 3px 3px 5px #AAA; -webkit-box-shadow: 3px 3px 5px #AAA; }
.commentlist li.odd { border: 1px solid silver; margin: 15px; padding: 20px; background-color: #FFF5EF; }

textarea { width: 500px; }

/** WP-Print **/
#page #content .printlink { float: right; margin-right: 15px; margin-top:-4px; vertical-align:middle; }
*+html #page #content .printlink { position: relative; top: -28px; }
* html #page #content .printlink { margin-top: -28px; }
#page #content .printlink a { text-decoration: none;}
#page #content .printlink img { background: inherit; margin-top: 0px; margin-left: 0px; border: 0; padding: 0; vertical-align: middle; }
/** End WP-Print **/

/** Commentaires **/
cite.fn { text-transform: none; }

/** IE6 hacks **/
* html .content .categoryDescription { background: url(images/note.png) no-repeat transparent; width: 500px; height: 125px; padding-left: 40px; padding-top: 30px;}
* html .content .categoryDescription p { width: 500px; position: relative; left: 63px; }

/** IE7 hacks **/
*+html #header { margin-bottom: 10px;  }
*+html .content h2 { line-height: 24px;  }
*+html #page #header #logo-barre { margin-top: 108px; }

/** Chrome hacks **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#header input { margin-top: 0; margin-left: 0; font-size: 17px; width: 246px; }

*+html ul li * {vertical-align: bottom; }  

#page .topcontent h1{ float: left; }
#page .topcontent .printlink { float: right; margin-bottom: 0px;  margin-top:-8px; margin-right: 10px; vertical-align:middle; }
#page .topcontent .printlink img { background: inherit; border: inherit; padding: inherit; vertical-align: middle;}
.post .entry { clear: both; }

/** MooDDG **/
#imagesContainer { text-align: center; }

/** Diaporamas **/
.diaporama { text-align: center; margin: 20px; width: 550px; height: 412px; }