body {
margin-left:30px;
margin-top:20px;
font: 75% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
line-height:1.3em;
color: #999;
background: #e7dbc5;
background-position: 50% 0;
}

#global 
{
width: 950px; /* largeur obligatoire pour être centré */
text-align: left; 
background: #fff;
}
#global2 {   
border:#9C928B 1px solid;
margin-left: auto;   
margin-right: auto;   
width: 762px;
margin-top:0px;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
float: left;
}


#container {
margin-left: auto;
margin-right: auto;
padding: 0px;
padding-bottom:20px;
border: 0px solid #999;
font: 75% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
font-size: 11px;
line-height: 1.6em;
color: #999;
background: #fff;
font-size:12px;
}
#banniere {
z-index:10;
position:relative;
margin-left: auto;
margin-right: auto;
margin-top:0px;
padding: 0px;
width: 762px;
height: 25px;
background-color: #B8A691;
}


.banniere_entete {font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	font-size: 13px;		text-decoration: none; }
a.banniere_entete:link {font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	font-size: 13px;		text-decoration: none; }
a.banniere_entete:visited {font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	font-size: 13px;		text-decoration: none; }
a.banniere_entete:active {font-family: Arial, Helvetica, sans-serif;	color: #FFFFFF;	font-size: 13px;	text-decoration: none; }
a.banniere_entete:hover {font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	text-decoration: none;  background-color: #FFFFFF; color:#9C928B; }

/* SIDEBAR ELEMENTS */

#sidebar
{
float:right;
top:10px;
width: 175px;
padding-left:10px;
}


#sidebar li {
list-style: none;
}

#sidebar p {
padding-bottom: 10px;
border-bottom: 1px solid #DDDDDD;
}
.pagenav li {
list-style: none;

}
		
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: strong;
	font-size: 15px;
	font-weight: strong;
	color: #6C5E57;
	/*margin-bottom: 5px;a23d3d*/
	
}

h1.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: strong;
	font-size: 18px;
	font-weight: strong;
	color: #6C5E57;
	/*margin-bottom: 5px;a23d3d*/
	background-color: #fff;
}

h2 {
	color: #6C5E57;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	border-bottom: 1px dashed;
}

a {	color:#6C5E57;	font-size:12px;	text-decoration: none;}

a:hover {	color:#6C5E57;	font-size:12px;	background-color: #FFFFFF;}
a.gris:link {	color:#6C5E57;	text-decoration: none;}

a.gris:hover {	color:#6C5E57;	background-color: #FFFFFF;}

#searchform {
	margin-top: 25px;
	font-size: 12px;
}

input {
	background-color: #FFF;
	color: #6C5E57;
	border: 1px solid #CCC;
	font-size: 11px;
	padding: 3px;
}

.text_home
	{
    padding-left:73px;
    color:#6C5E57;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

a.text_home:hover
	{
    padding-left:73px;
    color:#6C5E57;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

.text_disclaimer
{
    color:#6C5E57;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}
.drapeau
{
float:right;
margin-right:5px;
}

.button {
	padding: 2px;
}
	
/* HEADER ELEMENTS */
.menu{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #948979;
}

.text_intro{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #6C5E57;
}
.text_intro_home{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #6C5E57;
}

#header {
	/*border-bottom: 4px solid #948979;*/
	padding-top: 0px;
	clear: both;
	margin-bottom: 5px;
	margin-top: -10px;
}

#header h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
}

.text_header{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left: 10px;
color: #6C5E57;
}

.text
	{
    color:#6C5E57;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
.text1
	{
    color:#6C5E57;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.offre
{
position:relative;
width:480px;
padding:15px;
margin:0 15px 15px 0;
color:#6C5E57;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background:#F3F3F3;
overflow:hidden;
/*border: #666666 1px solid;*/
}
.offre:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0 ; /* This trick side-steps a webkit bug top right bottom left */
    border-style:solid;
    border-color:#fff #fff #CCCCCC #CCCCCC; /* A bit more verbose to work with .rounded too */
    background:#666666; /* For when also applying a border-radius */
    display:block; 
	width:0; /* Only for Firefox 3.0 damage limitation */
    /* Optional: shadow */
    -webkit-box-shadow:0 1px 1px  rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px  rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px  rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}
#header h1 a:hover {
	text-decoration:underline;
}


#header	input {
	background-color: #FFF;
	color: #6C5E57;
	border: 1px solid #CCC;
	font-size: 11px;
	padding: 3px;
}

#header input:hover {
	border:1px solid #999;
	background-color: #f4f4f7;
	color:#6C5E57;	
}
#header input:focus {
border:1px solid #999;
background-color: #f4f4f7;
color:#6C5E57;
}

/* NAVIGATION BAR */

#navigation ul {
	margin-left: 1px;
	padding-left: 0;
	list-style-type: none;			
	float: left;
	padding-right:7px;
	
	}
#navigation li {
	display: block;
	padding: 5px;
	width: 150px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #d5d7d2;
	color:#6C5E57;
	}
#navigation h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: strong;
	font-size: 13px;
	text-decoration: none;
	margin-bottom: 5px;
	background-color: #fff;
}

#navigation a:link, #navigation a:visited {
	color:#6C5E57;
	text-decoration: none;
}

#navigation a:hover {
	background: #000000 96% 50% no-repeat;
	background-color: #6C5E57;
	color:#FFFFFF;
}


#navigation p {
	margin-top: 40px;
	padding: 5px;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	color:#6C5E57;
}
#navlist {
	margin-top: 19px;
}
#overline {
padding-top: 10px;
border-top: 1px dashed;	
}
#linkcat {
list-style: none;
}

#photo{
width:375px;


}
/* CONTENT ELEMENTS */

#content {
width: 500px;
margin-left: 180px;
margin-right: 20px;
padding-left:30px;
padding-top:1px;
		}
								
		
#content p {
	padding-bottom: 10px;
}

#content .articleimg {
	float:right;
	padding:5px;
	border:1px solid #eeeeee;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:15px;
}
#content .articleimgleft {
	float:left;
	padding:5px;
	border:1px solid #eeeeee;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:15px;
}
#content input {
	background-color: #FFF;
	color: #6C5E57;
	border: 1px solid #CCC;
	font-size: 11px;
	padding: 3px;
}
		
#content input:hover {
	border:1px solid #999;
	background-color: #f4f4f7;
	color:#6C5E57;
}
#content input:focus {
	border:1px solid #999;
	color:#6C5E57;
}
.feedback {
padding-bottom: 10px;
/*border-bottom: 1px dotted #CCC;*/
}
.meta {
padding-top: 5px;
text-align: left;
font-size:10px;
}
		
.date {
		text-align: right;
}



/* FOOTER ELEMENTS */

#footer {
	margin-top: 20px;
	margin-bottom:20px;
	clear: both;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-left: 3px solid #d5d7d2;
	border-right: 3px solid #d5d7d2;
	background: #f4f5f1;
}

#footer p {
	color:#89817f;
	padding: 5px;
}

#footer p a {
	color: #89817f;
	border-bottom: 1px dotted #89817f;

}

#footer p a:hover {
	color: #FFFFFF;
	background-color:#bab7b6;
}
		
/* COMMENT ELEMENTS */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 40em

}

#commentform textarea {
background: #ffffff;
width: 20em
}
#commentform textarea:hover {
background: #f6f4f4;
border: 1px solid #9d9d9c;
}
#commentform textarea:focus {
background: #f6f4f4;
border: 1px solid #9d9d9c;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 180px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #f6f4f4;
border: 1px solid #9d9d9c;
width: 180px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #f6f4f4;
border: 1px solid #9d9d9c;
width: 180px;
}

.pg_nav {
		text-align: center;
		
}
/* BLOCKQOUTE */

blockquote {
border-left: 3px solid #666666;
margin: 1em 0;
padding: 10px;
background: #f4f5f1;
width: 300px;
}