/* Je determine le style des tableaux dans un paragraphe */

.paragraphe table{
border-top:1px solid #999999;
border-right:1px solid #999999;
}
.paragraphe table td{
border-left:1px solid #999999;
border-bottom:1px solid #999999;
padding:2px;
font-size:11px;
color:#6d6d6d;
}
#contenu ul li{
	font-size:12px;
	color:#4c4c4c;
	margin-bottom:3px;
	display:block;
	margin-left:15px;
	padding-left:10px;
	background:url(../img/puce_liste.gif) no-repeat 0px 4px;
	/background:url(../img/puce_liste.gif) no-repeat 0px 6px;
	-background:url(../img/puce_liste.gif) no-repeat 0px 4px;
	}
		#contenu ul li a{
		color:#0385b1;
		text-decoration:underline;
		}
		#contenu ul li a:hover{
		color:#8f5497;
		}
	.paragraphe ul li ul li{
	background:url(../img/puce_liste2.gif) no-repeat 0px 4px;
	/background:url(../img/puce_liste2.gif) no-repeat 0px 6px;
	-background:url(../img/puce_liste2.gif) no-repeat 0px 4px;
	}
/* Je nettoie les balises table pour ne pas influencer les tableuux qui contiennent les images */
table.image_paragraphe{
border:0;
}
table.image_paragraphe td{
border:0;
padding:0;
}

/* Images de dessus/dessous de paragraphe  */
.image_paragraphe{
float:left; width:220px;height:150px;text-align:center;margin-top:0px;margin-bottom:5px;
}
.image_paragraphe img{
float:none;
text-align:center;
border:1px solid #fff;
padding:1px;
}
.image_paragraphe a img{
text-align:center;
cursor:pointer;
border:1px solid #efefef;
padding:1px;
}
.image_paragraphe a:hover img{
border:1px solid #ccc;
padding:1px;
}

/* Images de gauche de paragraphe  */
.images_left{
  float:left;
  width:200px;
  height:auto;
  margin-right:5px;
  margin-top:0px;
  }
      .images_left img{
	  float:left;
	  border:1px solid #fff;
      padding:1px;
	  
	  }
	  .images_left a img{
	  cursor:pointer;
	  border:1px solid #efefef;
	  padding:1px;
	  }
	  .images_left a:hover img{
	  border:1px solid #ccc;
      padding:1px;
	  }
/* Images de droite de paragraphe  */
  .images_right{
  float:right;
  width:200px;
  height:auto;
  }
      .images_right img{
	  float:left;
	  border:1px solid #fff;
      padding:1px;
	  }
	  .images_right a img{
	  cursor:pointer;
	  border:1px solid #efefef;
	  padding:1px;
	  }
	  .images_right a:hover img{
	  border:1px solid #ccc;
      padding:1px;
	  }
	  
/* articles lies  */
  .articles_right{
  float:right;
  width:170px;
  border-left:15px solid #fff;
  border-bottom:15px solid #fff;
  }
  .articles_right a{
  text-decoration:none;
  }
		.articles_right h1{
		text-align:center;
		font-size:15px;
		color:#a7a7a7;
		background:#e3e2e2;
		border-bottom:4px solid #a7a7a7;
		text-transform:uppercase;
		font-weight:bold;
		}
		.articles_right p{
		border-top:2px solid #9cd6e2;
		margin-top:5px;
		padding-top:5px;
		font-size:11px;
		color:#4c4c4c;
		margin-bottom:2px;
		}
			.articles_right  p a{
			color:#b9b9b9;
			text-decoration:none;
			}
			.articles_right p a:hover{
			color:#555555;
			text-decoration:none;
			}
		a .bleu_articles_right {
		font-weight:bold;
		color:#9cd6e2;
		font-size:15px;
		}
		a:hover .bleu_articles_right {
		color:#0385b1;
		font-size:15px;
		}
		.articles_lies_tous{
		margin-top:8px;
		font-size:11px;
		text-align:center;
		padding:5px;
		background:url(../img/bt_articles_lies.gif)  no-repeat;
		background-position:right ;
		background-color:#e3e2e2;
		border-top:4px solid #a7a7a7;
		}
			a .articles_lies_tous {
			color:#a7a7a7;
			text-decoration:none;
			background-color:#e3e2e2;
			}
			a:hover .articles_lies_tous {
			background:url(../img/bt_articles_lies_hover.gif)  no-repeat;
			background-position:right ;
			color:#fff;
			text-decoration:none;
			background-color:#bbbbbb;
			}
			
/* commentaires des images  */
.commentaire{
clear:left;
font-size:11px;
color:#666666;
text-align:left;
}

/*  Gestion du paragraphe    DEBUT  */
.paragraphe{
  float:left;
  height:auto;
  padding-bottom:5px;
  Aborder-bottom:10px solid  #0385b1;
  }
.paragraphe h1{
display:block;
text-align:center;
margin-bottom:10px;
padding:4px;
font-size:15px;
color:#692429;
background:#f4f4f4;
border-bottom:5px solid #c7c7c7;
  }
.paragraphe h2{
margin-top:10px;
font-weight:bold;
font-size:14px;
color:#4c4c4c;
  }
	.paragraphe h2 a{
	color:#bdbdbd;
	text-decoration:underline;
	}
	.paragraphe h2 a:hover{
	color:#9b9b9b;
	text-decoration:underline;
	}
 p{
	font-size:12px;
	color:#4c4c4c;
	margin-bottom:2px;
	}
	 p a{
	color:#0385b1;
	text-decoration:underline;
	}
	p a:hover{
	color:#8f5497;
	text-decoration:underline;
	}
.paragraphe ul{
	font-size:12px;
	color:#4c4c4c;
	margin-bottom:2px;
	padding-top:10px;
	}
	.paragraphe ul li{
	
	margin-bottom:3px;
	display:block;
	margin-left:15px;
	padding-left:10px;
	background:url(../img/puce_liste.gif) no-repeat 0px 4px;
	/background:url(../img/puce_liste.gif) no-repeat 0px 6px;
	-background:url(../img/puce_liste.gif) no-repeat 0px 4px;
	}
		.paragraphe ul li a{
		color:#0385b1;
		text-decoration:underline;
		}
		.paragraphe ul li a:hover{
		color:#8f5497;
		}
	.paragraphe ul li ul li{
	background:url(../img/puce_liste2.gif) no-repeat 0px 4px;
	/background:url(../img/puce_liste2.gif) no-repeat 0px 6px;
	-background:url(../img/puce_liste2.gif) no-repeat 0px 4px;
	}
	/* listes dans un tableau  */

	
/*   paragraphe  FIN   */


.contenttable {
margin-top:15px;
margin-left:25px;
border:1px solid #999999;
font-size:12px;
}
.contenttable thead {
background-color:#FFCC66;
border:1px solid #666666;
font-weight:bold;
}
.contenttable td {
font-size:12px;
border-bottom:1px solid #888888;
border-right:1px solid #888888;
padding:3px 3px 3px 3px;
}

 
/*   Les couleurs pour normal h2 et p */
p.gris{
color:#5b5a5a;
}
p.violet{
color:#92509a;
}
p.bleu{
color:#0385b1;
}

h2.gris{
color:#5b5a5a;
}
h2.violet{
color:#92509a;
}
h2.bleu{
color:#0385b1;
}

.gris{
color:#5b5a5a;
}
.violet{
color:#92509a;
}
.bleu{
color:#0385b1;
}
.blanc{
color:#fff;
}
.noir{
color:#000;
}