body {
	background:#1C676D url(../images/charte/fond.jpg) repeat-x top;

	font-family:arial;
	font-size:12px;
	color:#151515;
	padding:0;
	margin:0;
}

#fond {
	background:url(../images/charte/back.png) no-repeat;
	background-position:50% 20%;
	text-align:center;
	padding:0;
	margin:0;
}

#contenu {
	width:1004px;
	margin:auto;
	text-align:left;
}

#back_contenu {
	background:url(../images/charte/back-contenu.png) repeat-y center;
	width:1092px;
	margin:auto;
	
}

#header_contenu {
	background:url(../images/charte/header-contenu.png) no-repeat center;
	width:1092px;
	height:46px;
	margin:auto;
	
	
}

#footer_contenu {
	background:url(../images/charte/footer-contenu.png) no-repeat center;
	width:1092px;
	height:129px;
	margin:auto
}

#header {
	width:1004px;
	height:111px;
	margin:auto;
	text-align:left;
}

#header img {
	border:none;
}



#menu {
	width:990px;
	height:45px;
	line-height:38px;
	margin:auto;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	font-family:verdana;
	padding-left:100px;
	
}

#menu a {
	color:#e2e2e2;
}

.rubrique {
	float:left; 
	margin:0;
}

.gauche_rubrique {
	background:url(../images/charte/rubrique-gauche.png) top left no-repeat;
	float:left;
	width:17px;
	height:36px;
}

.milieu_rubrique {
	background:url(../images/charte/rubrique-milieu.png) repeat-x top;
	float:left;
	height:36px;
}

.droite_rubrique {
	background:url(../images/charte/rubrique-droite.png) top right no-repeat;
	float:left;
	width:17px;
	height:36px;
}

#logo {
	width:239px;
	height:150px;
}

#milieu {
	width:600px;
	float:left;
	padding:5px;
}

#milieu img {
	border:1px solid #e2e2e2;
	padding:3px;
	margin:5px;
}

#gauche {
	width:175px;
	float:left;
}

#gauche a {
	font-weight:normal;
}


#droite{
	width:200px;
	float:left;

}

#droite a{
	font-weight:normal;
}

.div_200 {
	width:196px;
	padding:2px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
}

.div_160 {
	width:166px;
	padding:2px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	margin-left:5px;
}
.onglet_bleu{
	width:186px;
	height:15px;
	padding:5px;
	background:#F27600 url(../images/charte/back-bleu.jpg) no-repeat;
	font-weight:bold;
	line-height:15px;
	color:#fff;
	
}

.onglet_jaune{
	width:156px;
	height:15px;
	padding:5px;
	background:#FAB300 url(../images/charte/back-jaune.jpg) no-repeat;
	font-weight:bold;
	line-height:15px;
	color:#002832;
	margin-bottom:5px;
}

.onglet_grenat{
	width:186px;
	height:15px;
	padding:5px;
	background:#701600 url(../images/charte/back-rouge.jpg) no-repeat;
	font-weight:bold;
	line-height:15px;
	color:#fff;
}

.onglet_orange{
	width:156px;
	height:15px;
	padding:5px;
	background:#701600 url(../images/charte/back-orange.jpg) no-repeat;
	font-weight:bold;
	line-height:15px;
	color:#002832;
	margin-bottom:5px;
}

.ecart {
	padding:10px;
}

.listing {
	width:100%;
	border:1px solid #e2e2e2;
	margin-bottom:5px;
}

.listing h3,  .listing p, .listing img{
	padding:0;
	margin:5px;
}

#footer {
	width:1004px;
	margin:auto;
	color:#FFFFFF;
}

.liste {
	list-style:none;
	padding:0;
	margin:5px;
}




/** articles **/

#date {
	color:#CCCCCC;
	text-align:right;
	height:34px;
}

#date hr {
	color:#CCCCCC;
	border:1px dotted #e2e2e2;
	margin-bottom:3px;
}

#date span {
display:block;
padding-top:3px;
}

#membre_article {
	background:#C2C2C2 url(../images/charte/back_gris.jpg) repeat-x top;
	padding:5px;
	border:1px solid #C2C2C2;
}

#membre_article img {
	border:1px solid #fff;
	padding:3px;
	margin:5px;
}

#artcles_recents {
	background:#C2C2C2 url(../images/charte/back_gris.jpg) repeat-x top;
	padding:5px;
	margin-top:5px;
	border:1px solid #C2C2C2;
}

#artcles_recents h4, #membre_article h4 {
	color:#F27600;
}


/** fin articles **/








/** formulaire **/
fieldset {
	background:#eee;
	border: #999999 1px dotted;
	padding:5px;
}

.formulaire input, .formulaire textarea, .formulaire select {
	margin-bottom:10px;
}

.formulaire input[type=text] {
	width:250px;
}

.formulaire p, .formulaire p a {
	padding:0;
	margin:0;
	color:#666666;
}

.formulaire input[type=submit] {
	margin:5px 5px 5px 0;
}

.formulaire select {
	width:180px;
}

.formulaire textarea {
	width:570px;
}


/** fin du formulaire **/







h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#333333;
	margin-top:0;
	margin-bottom:5px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1C676D;
	margin-top:5px;
	margin-bottom:5px;
}

.h2_chemin {
	font-size:12px;
	font-weight:bold;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#701600;
	margin-top:5px;
	margin-bottom:5px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.clear {
	clear:both;
}

.float {
	float:left;
}

.ul_float {
	list-style:none;
	margin:5px;
	padding:0;
}

.ul_float li {
	float:left;
	margin:0 5px 0 5px;
	padding:0;
}

.ul_none, .ul_none li {
	list-style-image:url(../images/charte/PUCE.png);
	list-style-position:inside;
	margin:0;
	padding:0;
}

.hr_gris_dotted {
	color:#CCCCCC;
	border:1px dotted #e2e2e2;
}

.hr_gris_dotted-1 {
	border:1px dotted #cccccc;
}


* { behavior: url(../iepngfix.htc); }

/** liens **/

a:link {
	color:#002832;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	color:#002832;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#002832;
	text-decoration:underline;
	font-weight:bold;
}

a:active {
	color:#002832;
	text-decoration:none;
	font-weight:bold;
}

#utilisateur_identifiant, #utilisateur_password, #mail {
	width:140px;
}

			  
/** coins arrondis **/

/* Container class */
div.rounded_container{
        /* This background color should have the same background color as your text input */
        /* Changing this color will show you how the rounded input is laid out */
        background-color: #fff;
        /* This padding is between the text input and the rounded border on all sides */
        /* Decreasing the value may interfere with the rounded corners */
        padding: 2px;
		
}


/* Border class */	
	
div.rounded_border {  
	/* This is the color of your rounded border */
	background: #1c676d; 
}

input.rounded_input{
	border:1px solid #999;
	
}

textarea.rounded_textarea{
	border:0;

}
/** fin coins arrondis  **/

#partager {
float:left;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin:0px;
}
#partager li {
float:right;
margin-right:5px;
}
#partager li a {
display:block;
height:16px;
padding:3px;
width:16px;
}
#partager li a:hover {
background-color:#CCCCCC;
opacity:0.8;
}

#partager li a img{
float:left;
border:0 none;
padding:0px;
margin:0px;
}