/* CSS Document */

/*Structure Generale*/
body{
	font-family: 'Goudy Bookletter 1911', serif;
	font-size:13px;
	color:#491D09;	
	padding:0;
	margin:0;
	background:url(/blog/charte/degrade.gif) top left repeat-x #593019;
}

.spacer{
	clear:both;	
}

/* Div Confirmation*/
.div_confirm {
	background-color: #FFFFFF;
	position:fixed;
	margin:auto;
	height: 100%;
	-height: 1500px;
	width: 100%;
	filter:alpha(opacity=75);
   -moz-opacity:0.75;
	opacity: 0.75;
	left: 0px;
	top: 0px;
	z-index:5000;
	cursor:pointer;
}

.div_confirm2 {
    position:absolute;height: 100%;width: 100%;z-index:5020; display:none; top:0; left:0;
}

.div_confirm3 {
   position:fixed;
   -position:absolute;
   width:100%;
   z-index:5040;
   top:220px;
}

#confirm {
	display:block;
	width:400px;
	background:#444444;
	-moz-border-radius:6px;
	border-radius : 6px;
	-webkit-border-radius: 6px;
	color:#FFFFFF;
	margin: 0px auto 0px auto;
}

#confirm .contenu {
	width:370px;
	padding: 5px 15px 15px 15px;
	color:#FFFFFF;
}

#confirm .contenu .text_moyen {
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

.txt_pt{
	font-size:10px;	
}

#wallpaper{
	width:100%;
	background:url(/blog/charte/wallpaper.jpg) top center no-repeat;
	margin:0px;
	padding:0px;
}

#conteneur{
	width:912px;
	margin:0px auto 0px auto;
	padding:0px;
}

/*Header*/
#header{
	float:left;
	width:900px;
	padding:0;
	margin:0;
}

#lienboutique {
	float:right;
	padding-right:18px;
	padding-top:15px;
}
#lienboutique a {
	text-decoration:none;
	font-size:18px;
	color:#491D09;
}	

.logo{
	padding:0;
	margin:0;
}


#header .inscription{
	float:left;
	height:88px;
	padding:33px 0 0 28px;
	color:#33ade4;
	font-size:16px;
}
#form_inscription_suivi {
	width:200px;
}

.inscription input#email_suivi{
	float:left;
	background:url(/blog/charte/input.jpg) 0 0 no-repeat;
	border:none;
	width:165px;
	height:22px;
	padding:0 0 0 10px;	
	*padding:0;
	margin:0;
	*margin:0 5px 0 0;
}
.inscription input#submit{
	background-color: #E6C999;
	float:left;
	border:none;
	width:23px;
	height:23px;
	padding:0;
	margin:0;
	color:#491e0a;
	cursor:pointer;
}

#titre{
	float:left;
	width:592px;
	font-size:15px;
	padding:0 0 10px 15px;
	margin:0;
	text-align:center;
	color:#9B5926;
}

#titre span{
	text-align:left;
	font-size:30px;	
}

/*Contenu*/
#contenu{
	float:left;
	width:912px;
	background:url(/blog/charte/contenu.gif) top left repeat-y;
	padding:0 0 10px 0;
	*padding:0;
	margin: 30px 0 0 0;
}

#gauche {
	float:left;
	width:652px;
	margin:0;
	padding:0;
}
#contenu p{
	text-align:center;
	font-size:12px;
	padding:0;
	margin:10px 0 10px 0;
}

/*Pagination*/
#contenu .pagination{
	float:right;
	height:30px;
	margin:0 25px 0 0;
	*margin:0;
	padding:0;
}

.pagination ul{
	float:right;
	padding:0;
	margin:0;
	list-style:none;	
}

.pagination ul li{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	color:#817d78;
	font-size:18px;
}

.pagination ul li a{
	float:left;
	margin:2px;
	color:#ffffff;
	text-decoration:none;
	padding:1px 4px 1px 4px;
}

.pagination ul li a:hover, .pagination ul li a.select{
	float:left;
	margin:2px;
	color:#E6C999;
	text-decoration:none;
	padding:1px 4px 1px 4px;
}

a.retour {
	display:block;
	background:url(/blog/charte/b-retour.gif) bottom left no-repeat ;	
	width:239px;
	height:24px;
	font-size:18px;
	color:#4a1e0a;
	text-align:center;
	text-decoration:none;
	padding:5px 0 0 0;
	margin:10px 0 10px 25px;
}

a:hover.retour{
	text-decoration:underline;
}

/*Bloc*/
#contenu .bloc{
	float:left;
	width:584px;
	*width:580px;
	padding:0 0 23px 17px;
	_padding:0 20px 23px 20px;
	*padding:0 0 23px 0;
	margin:20px 0 0 25px;
	_margin:20px 0 0 0px;
	*margin:20px 0 0 10px;
	background:url(/blog/charte/bas_bloc.jpg) bottom left no-repeat #FFFFFF;
	text-align:justify;
}	

.bloc .contenu-bloc{
	float:left;
	font-family:"Trebuchet MS", serif;
	width:565px;
	padding:0 10px 0 0;
	_padding:0 0 0 0;
	margin:0 0 10px 0;
	line-height:14px;
	color: #4E240D;
	font-size: 13px;
}
.bloc .contenu-bloc2 {
	_float:left;
	_margin:0 0 0 10px;
}

.contenu-bloc p{
	text-align:left;
}

.contenu-bloc h2, .contenu-bloc h1{
	display:block;
	font-family: 'Goudy Bookletter 1911', serif;	
	color:#9B5926;
	font-size:24px;	
	line-height:22px;
	font-weight:normal;
	padding: 0 0 0 0;
	margin:5px 0 15px 15px;
}

.actu strong, .actu em{
	color:#33ace4;	
}
	
.contenu-bloc a{
	text-decoration:none;
	color:#9B5926;	
}

.contenu-bloc a:hover{
	text-decoration:underline;
}

.contenu-bloc .titre{
	float:left;
	width:570px;
	height:23px;
	padding:5px 0 0 0;
	margin:0 0 0 12px;
	font-size:22px;
	color:#a59990;	
}

.contenu-bloc .illustration{
	float:left;	
	margin:10px 10px 5px 0;
	/*border:1px solid #33ace4;*/
}

.contenu-bloc .illustration-detail{
	display:block;
	margin:10px auto 5px auto;
	/*border:1px solid #33ace4;*/
}

.date{
	width:600px;
	font-family: 'Goudy Bookletter 1911', serif;
	background-color: #F9ECE0;
	color:#4C200D;
	font-size:20px;
	text-align:left;
	margin:0 0 0 -18px;
	*margin:0 0 0 0px;
	padding:0 0 0 15px;
}

.datedetail{
	width:565px;
	font-family: 'Goudy Bookletter 1911', serif;
	border-bottom:1px solid #E6C999;
	height:30px;
	color:#4C200D;
	font-size:20px;
	text-align:right;
	margin:0 0 0 0;
	padding:10px 0 0 0;
}

.date span{
	font-size:20px;	
	line-height:43px;
}

.bloc .boutons{
	float:left;
	width:570px;
	padding:0 10px 0 10px;
	margin:0;
	/*background:#33ace4;*/
}

.boutons ul{
	padding:0;
	margin:5px 0 0 0;	
}

.boutons ul li{
	float:left;
	width:125px;
	height:25px;
	padding:0;
	margin:0 40px 0 0;
	list-style:none;
	font-size:18px;
}

.boutons ul li span{
	color:#33ace4;	
}

.boutons ul li.suite{
	float:right;
	margin:0 20px 0 0 !ie;
	margin:0 20px 0 0;
	background-color: #E6C999;
	text-align: center;
}

.boutons ul li a{
	text-decoration:none;	
	color:#4A1E09;
	font-size:16px;
}	

.boutons ul li a:hover{
	text-decoration:underline;	
	color:#4A1E09;
	font-size:16px;
}

.boutons ul li a.facebook{
	float:left;
	width:100px;
}

/*Commentaire*/
.commentaire{
	display:block;
	cursor:pointer;
}

.commentaire_detail{
	float:left;
	width:558px;
	overflow:hidden;
	margin:10px 0 0 10px;
	padding:0;
	font-size:11px;
}

.t_commentaire{
	display:block;
	height:10px;
	color:#564e48;
	font-size:13px;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:10px 0 0 0;
}

.commentaires_clients{
	float:left;
	width:100%;
	border-top:1px solid #d8cdc8;
	border-bottom:1px solid #d8cdc8;
	padding:10px 0 10px 0;	
	*margin:0 0 10px 0;
	*padding:0 0 30px 0;
	font-family:"Trebuchet MS", serif;
	font-size:13px;
}

.commentaire_client{
	background-color:#f9ece0;
	padding:10px;
	margin:0 0 5px 0;
	font-size:12px;
}

.commentaire_client span{	
	color:#564e48;	
	/*font-weight:bold;*/
	font-style:italic;
}

.commentaire_detail input, .commentaire_detail textarea{
	border:1px solid #d8cdc8;
	width:80%;
}

.commentaire_detail a{
	text-decoration:none;
	margin:0 15px 0 0;	
	color:#564e48;
}

.commentaire_detail a:hover{
	text-decoration:none;	
	color:#33ace4;
}

.commentaire_detail label{
	font-size:11px;
	color:#564e48;
}

.commentaire_detail input.btn_envoyer{
	width:81%;
	font-size:20px;
	padding:0 0 4px 0;
	cursor:pointer;
	text-align:center;
	background:#e6c999;
	font-size:14px;
	color:#4d220d;
	border:none;
}

.commentaire_detail .commentaire_gauche{
	float:left;
	width:50%;
	padding:0;
	margin:0;		
}

.commentaire_detail .commentaire_droit{
	float:left;
	width:50%;
	padding:0;
	margin:0;		
}

/*Droite*/
#droite{
	float:left;
	width:240px;
	padding:10px 0 0 16px;
	margin:0;
}

#droite #newsletter{
	width:220px;
	height:80px;
	background:url(/blog/charte/newsletter.jpg) left top no-repeat;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	margin:0 0 35px 10px;
}

#droite #newsletter .inscription{
	width:210px;
	float:left;
	padding:0;
	color:#491D09;
	font-size:13px;
	margin: 0 0 0 10px;
}
#droite #newsletter .inscription .span1{
	float:left;
	width:130px;
	height:68px;
	padding:0;
	font-family: "Trebuchet MS", serif;
	color:#491D09;
	font-size:13px;
	margin: 0 0 0 80px;
}

#droite #newsletter .inscription .span2{
	float:left;
	width:210px;
	height:68px;
	padding:0;
	font-family: "Trebuchet MS", serif;
	color:#491D09;
	font-size:13px;
}

#newsletter input{
	border:none;
	padding:2px;
	color:#564e48;
}

#newsletter input#submit{
	border:none;
	padding:1px;
	font-family: "Trebuchet MS", serif;
	background:#E6C999;
	color:#491e0a;
	cursor:pointer;
}
#droite #menu-droite{
	width:220px;
	padding:0;
	margin:3px 10px 0px 10px;
	*margin:3px 0 0 0;
	*padding:0 0 0 10px;
	text-align:center;
	color:#491d09;
	line-height:14px;
}

#menu-droite p{
	display:block;
	width:218px;
	line-height:30px;
	font-size:22px;
	color:#ffffff;
	background:#9B5926;
	padding:0 0 0 0;
	margin:0 0 10px 0;
}

#menu-droite ul{
	width:218px;
	padding:0;
	margin:0;
}

#menu-droite ul li{
	float:left;
	width:218px;
	margin:20px 0 10px 0;
	padding:10px 0 0 0;
	background-color:#ffffff;
	list-style:none;
	text-align:left;
	font-size:13px;
}

#menu-droite ul li a{
	display:block;
	font-family:"Trebuchet MS", serif;	
	padding:0 0 0 0;
	width:218px;
	text-decoration:none;
	color:#491d09;
}
#menu-droite ul li a p{
	margin:0;
	padding:0 10px 0 10px;
	*padding:0 0 0 10px;
	width:205px;
	text-decoration:none;
	text-align:left;
	color:#491d09;
	font-size:13px;
	background:none;
	line-height:16px;
	
}
#menu-droite ul li a:hover{
	text-decoration:underline;
}

#menu-droite ul li a span{
	float:right;
	font-family: 'Goudy Bookletter 1911', serif;
	width:218px;
	height:20px;
	padding:5px 0 0 0;
	margin: 10px 0 0 0;
	text-decoration:none;
	color:#491d09;
	font-size:16px;
	text-align:left;
	text-indent:10px;
	background-color: #E6C999;
}

#menu-droite ul li a:hover span{
	text-decoration:none;
}

a.retour-site{
	float:left;
	width:243px;
	height:100px;
	text-align:left;
	margin:0;
	padding:22px 0 0 16px;
	color:#ffffff;
	font-size:18px;
	line-height:18px;
	text-decoration:none;
}

a:hover.retour-site{
	color:#ffffff;	
	text-decoration:underline;
}

a.retour-site-bas{
	float:left;
	width:243px;
	height:76px;
	text-align:left;
	margin:10px 0 0 0;
	padding:22px 0 0 16px;
	color:#ffffff;
	font-size:18px;
	line-height:18px;
	text-decoration:none;
}

a:hover.retour-site-bas{
	color:#ffffff;	
	text-decoration:underline;
}

.error{ 
	font-size:13px;
	color:#F75151;	
}	

.juste{ 
	font-size:18px;
	color:#9B5926;	
}