/*----------------------------------------------------------
	Style principal
	Projet:
	Sommaire:
		Reset css
		Balises par défaut
		Disposition
			Mise en page générale
			Eléments récurrents
			Les pages internes
				home.php
		Classes générales
----------------------------------------------------------*/


/* ========================================================================
 * Reset CSS
 * ========================================================================*/

@import "reset.css";

/* ========================================================================
 * Balises par défaut
 * ========================================================================*/
 
html { }

body { background:#b1ab9a url(../images/bgd_body.gif) repeat-x left 133px; min-width:927px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#606060;}
 
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { }
img { }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input { }
label { }

a { }
a:link { }
a:visited { }
a:hover { }
a:focus { }
a img { }
 
code, pre { }
pre { }
 
hr { }

/* ========================================================================
 * Disposition
 * ========================================================================*/

/* -----------------------------------------
 * Mise en page générale
 * ------------------------------------------*/
#header-wrap {border-top:20px solid #f6f2e7; background:#FFFFFF url(../images/bgd_header.gif) repeat-x left top; height:124px;}
	#header {width:927px; margin:0 auto; position:relative;}
		#header h1 {float:left; display:inline-block; padding:8px 0 0;}
		#newsletter {float:right; background:url(../../images/txt/newsletter.gif) no-repeat 0 28px; padding:23px 0 0 80px; width:220px; height:30px; }
			#newsletter input.text { border:none; width:175px; height:15px; background:url(../../images/fond/inputtext01.gif) no-repeat right 0; color:#adadad; padding:4px 5px; font-size:11px; float:left;}
			#newsletter input.ok {float:left; margin:2px 0 0;}
		#header .langage {position:absolute; top:0; right:5px; margin:-18px 0 0; width:927px; z-index:5000;}
			#header .langage p {text-align:right; font-size:12px; font-weight:bold; color:#818181;}
				#header .langage p a {color:#818181; text-decoration:none;}
				#header .langage p a:hover {text-decoration:underline;}

	#nav {border-top:3px solid #bc8b00; width:100%; overflow:hidden; padding:4px 0 0 0;}
		#nav h2 {float:left; padding:6px 0 0 0; width:700px; text-align:center; display:inline-block;}
		#nav #btn-nav {float:right;}
#container-wrap {width:927px; margin:0 auto; background:#F0EFED url(../images/bgd_containerWrap.gif) repeat-y left top;}
	#container {width:927px; overflow:hidden; background:url(../images/bgd_content.jpg) no-repeat left top;}
	#content {width:711px; float:left;}
		#content #highlight {padding:14px 0 0;}
			#content #highlight h2 {text-align:center;}
			#content #highlight p {text-align:center;}
			#content #highlight p a {padding:10px 0 0; display:block;}
		#content h2 span {font-size:16px; text-align:center; color:#FFFFFF; font-weight:bold; display:block;}
	#aside {width:214px; float:right;}
		#aside h3 {background:url(../images/bgd_h3_aside.gif) no-repeat left top; text-transform:uppercase; font-size:12px; font-weight:bold; color:#9e929b; padding:6px 0 15px 14px;}
		#aside a {color:#bc8c01; text-decoration:none;}
		#aside p {padding:0 0 10px 14px;}
		#aside ul {padding:0 0 10px 14px;}
			#aside li {background:url(../images/ico_aside.gif) no-repeat left 5px; padding:0 14px 3px 9px; font-weight:bold; margin:0;}
		
		#aside #about {padding:0 0 5px 14px;}
			#aside #about a {color:#97917e;}
		
		#aside .addthis_toolbox {padding:10px 0 10px 14px; float:left;}
			#aside .addthis_toolbox a {color:#4855c0;}
			#aside .rss-feed {float:left; padding:11px 0 0 5px;}
			
		#aside #search {overflow:hidden; width:100%; background:url(../images/bgd_h3_aside.gif) no-repeat left top; padding:7px 0;}
			#aside #search input.text { border:none; width:142px; height:15px; background:url(../images/bgd_input.gif) no-repeat right 0; color:#adadad; padding:4px 5px; font-size:11px; float:left;}
			#aside #search input.ok {float:left; margin:2px 0 0;}

		#aside #promo {background:#c5a241; padding:6px 0 0 0; color:#FFFFFF; font-size:14px; width:213px;}
			#aside #promo p {padding:0 14px 10px;}
			#aside #promo a {color:#ffebb2;}
			#aside #promo ul {padding:0 0 10px;}
			#aside #promo li {text-align:center;}
		
		#aside .facebook {padding:0 0 10px 5px;}
	
#footer-wrap {width:927px; margin:0 auto 20px; background:url(../images/bgd_footer.gif) no-repeat left top; padding:14px 0 0 0; display:block;}
	#footer {background:url(../../images/fond/bas.gif) repeat-y left top;}
		#footer p { color:#dedbd4; text-align:center; padding:3px 0 5px; line-height:18px;}
			#footer a { color:#dedbd4; text-decoration:none; }
			#footer a:hover { text-decoration:underline; }

/* -----------------------------------------
 * Eléments récurrents
 * ------------------------------------------*/
.post {width:647px; margin:0 auto 20px; position:relative;}

	.post .post-header {background:url(../images/bgd_post.png) no-repeat left top; overflow:hidden; padding:35px 28px 0; width:591px;}
		.post .post-header h3 {width:496px; float:left; display:inline-block; color:#bc8b00; font-weight:normal; font-size:30px; text-decoration:none;}
			.post .post-header h3 a {color:#bc8b00; font-weight:normal; font-size:30px; text-decoration:none;}
		.post .date {float:right; overflow:hidden; width:85px;}
			.post .date a {text-decoration:none;}
			.post .date .day {font-size:36px; color:#818181; font-weight:bold; float:left; line-height:33px; border-right:1px solid #818181; padding:0 5px 0 0;}
			.post .date .month {font-size:14px; color:#818181; font-weight:bold; text-transform:uppercase; float:right; text-align:center;}
		.post .post-info {border-top:1px solid #d6bd76; border-bottom:1px solid #d6bd76; margin:3px 0 0 0; overflow:hidden; width:100%;}
			.post .post-info .categories {float:right; padding:0 10px; margin:0; color:#605560; font-size:11px;}
			.post .post-info .commentaires {width:20%; float:left; overflow:hidden;}
				.post .post-info .categories a, .post .post-info .commentaires a  {color:#bc8b00; text-decoration:none;}
				.post .post-info .categories a:hover, .post .post-info .commentaires a:hover {text-decoration:underline;}
				.post .post-info .commentaires li,  .post .post-info .categories li {float:left; margin:0; padding:5px 0 5px 5px; background:none;}

	.post .post-body {background:#f7f7f5; border:1px solid #d6d5d3; border-top:none; border-bottom:none; padding:25px 28px 1px; color:#8e828c; font-size:12px; width:589px; overflow:hidden;}
		.post-body .chapeau {margin:0 0 20px; font-size:14px;}
		.post .post-body img {display:block; margin:0 auto 10px;}
		.post .post-body p.intro {font-size:14px; margin:0 0 12px;}
		.post .post-body p {margin:0 0 8px; text-align:justify;}
		.post .post-body h3 {color:#bc8b00; font-weight:bold; text-transform:uppercase; font-size:12px; padding:0 0 10px;} 
		.post .post-body h4 {font-size:12px; font-weight:bold; color:#606060; padding:0 0 5px; }
		.post .post-body a {color:#bc8b00; } 
		.post .post-body ul {margin:0 0 8px;}
			.post .post-body li {background:url(../images/ico_aside.gif) no-repeat 5px 5px; padding:0 0 5px 16px; font-size:12px;}
		.post .post-body .image-gauche {float:left; margin:0 10px 0 0 ;}
		.post .post-body .image-droite {float:right; margin:0 0 0 10px;}
		.post-body .add-comment {background:url(../images/ico_aside.gif) no-repeat 5px 5px; padding:0 0 5px 16px; font-size:12px;}
		
	.post .post-footer {background:url(../images/bgd_post.png) no-repeat left bottom; height:20px;}

#list-comments {background:#f7f7f5; border:1px solid #d6d5d3; border-top:none; border-bottom:none; padding:25px 28px 1px; width:589px;}
	#list-comments h4 {text-transform:uppercase; font-size:12px; font-weight:bold; color:#606060; padding:5px; margin:0 0 8px; border-bottom:1px solid #d9d7db;}
	#list-comments li {margin:0 0 10px;}
	#list-comments p.alone {margin:0 0 10px; padding:0 5px; font-size:12px; color:#606060;}
		#list-comments .comment {border:1px solid #d9d6da; margin:0 0 5px;}
			#list-comments .comment p.desc {border:1px solid #ffffff; background:#FAFAFA; padding:8px; color:#606060;}
		#list-comments .comment-footer {text-align:right; color:#606060; padding:0 8px 0 0;}
			#list-comments .comment-footer a {color:#bc8b00; font-weight:bold;}

p.links {font-weight:bold; padding:5px; display:block; text-align:center;}
	p.links a {display:inline-block; width:13px; height:13px; text-align:center; color:#bc8b00; overflow:hidden;}
		p.links span {display:inline-block; width:13px; height:13px; text-align:center; color:#bc8b00; overflow:hidden;}

.formatform {}
	.formatform fieldset { padding:5px 0 0; margin:0 0 10px;}
		.formatform h3 {margin:0 0 10px;}
		.formatform p {margin:0 0 5px;}
			.formatform label {color:#8C8572; font-weight:bold; padding:0 0 5px; display:block;}
				.formatform label span {font-style:italic; font-size:smaller; margin:0 0 0 5px;}
				.formatform label span.infos {cursor:help;}
			.formatform input {border:1px solid #BFBFBF; height:15px; padding:5px; width:350px; font-family:Arial, Helvetica, sans-serif;}
			.formatform textarea {border:1px solid #BFBFBF; padding:5px; width:578px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
			.formatform select {border:2px solid #BFBFBF; padding:5px; width:150px;}
			.formatform input.btn {background:url("../../images/fond/bgbutton.gif") repeat-x scroll 0 0 transparent; border:1px solid #FFFFFF; color:#FFFFFF; cursor:pointer; font:bold 12px/15px arial; padding:2px 5px; text-decoration:none;}
			
/* -----------------------------------------
 * Les pages internes
 * ------------------------------------------*/
 
/* search.php */
#content #search {overflow:hidden; width:365px; margin:0 auto; padding:0 0;}
	#content #search label {float:left; font-weight:bold; color:#FFFFFF; font-size:16px;}
	#content #search input.text { border:none; width:142px; height:15px; background:url(../images/bgd_input.gif) no-repeat right 0; color:#adadad; padding:4px 5px; font-size:11px; float:left;}
	#content #search input.ok {float:left; margin:2px 0 0;}


 
/* ========================================================================
 * Classes générales
 * ========================================================================*/
.denied {background:url(../images/ico_warning_01.gif) no-repeat 8px 11px; padding:5px 35px 5px 35px; margin:5px 0; border-top:3px solid #D2AD45;}
.denied li {border-bottom:1px dotted #D2AD45; padding:3px 0;}
.clear { clear:both; line-height:0; height:0; }
.btn {width:auto !important; height:auto !important; background:#EFEFEF; border:1px solid #FFFFFF; cursor:pointer; font-weight:bold; line-height:15px; padding:2px 5px; overflow: visible;}
.checkbox {width:auto !important; height:auto !important; padding:0 !important; border:none !important; margin:0 5px 0 0;}
.nodisplay { display:none; }
.center { text-align:center; }
.right { text-align:right !important; }
.flright { float:right; }
.flleft { float:left; }
.two-columns { width:49% !important;}