body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: square;
	list-style-position: outside;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: decimal;
	list-style-position: outside;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #CF0000;
	font-weight: bold;
}

.titrePetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CF0000;
	font-weight: bold;
        padding-bottom:8px;
        
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	border-width: 3px;
	border-style: solid;
	padding: 5px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	
}

.imageArticle{
	margin-bottom:8px;
/**	border: solid 5 #000000 ;**/
	 
}
.imageArticleGauche{
	margin-bottom:8px; margin-right:8px;
	border: solid 5 #000000 ;
	 
}
.grandParagraphe{

	padding-left:46px;
	color: #323232;
	font-weight: bold;
}
.petitParagraphe{
	padding-left:46px; padding-right:12px;
	color: #323232;
	font-weight: bold;
}
.retrait{padding-right:15px;}

#tout { background-image: url(img/fond.gif); width:960px;margin: 0 auto 0 auto; border: 1px solid #333333 ;}

#haut {left:0px;top:0px;width:960px;}
#categorie{  
 margin-left:18px;
/**margin-bottom:10px;**/
 font-family: Arial, Helvetica, sans-serif;
 color: #CF0000;
 font-weight: bold;
 font-size: 22px;
}

#description{    
        font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CF0000;
        font-style: italic;
	/**font-weight: bold;**/
}

#gauche { left:0px;top:110px; margin-left:15px; margin-top:40px;  }/* ne pas mettre de largeur à cause du float - bug IE*/
#gaucheCat { left:0px;top:110px; margin-left:15px; margin-top:30px;  }
#droite {float: right ;width:227px; }
#bas {left:0px;width:960px;height:16px;background-color: #000000;text-align: center;color: #FFFFFF;	font-weight: bold;font-size: 10px; clear: both;}

.titresDroite{
	padding-left:40px;
	height:25px;
	background-image: url(img/tit_droite.gif);
	font-weight: bold;
	font-size: 11px;
        background-repeat: no-repeat;
    
    
}
.paragDroite{padding-top:8px; padding-bottom:8px;padding-left:15px; padding-right:8px;color: #FFFFFF;}

a:link {color: #CF0000;text-decoration: none;}
a:visited {text-decoration: none;color: #CF0000;}
a:hover {	text-decoration: underline;}
a:active {text-decoration: none;}
a {font-weight: bold;}


.paragDroite a:link {color: #FFFFFF;text-decoration: none;}
.paragDroite a:visited {text-decoration: none;color: #FFFFFF;}

.sansType{
   list-style-type :none;
 /* border: solid thin;*/
   padding-left:0px;
    padding-right:8px;
   padding-top:4px;
   padding-bottom:4px;
   margin-left:10px;
 }

.sansType li{ 
    padding-top:4px;
   padding-bottom:4px;
 }

.sansType a:link {color: #FFFFFF;text-decoration: none;}
.sansType a:visited {text-decoration: none;color: #FFFFFF;}

.GimageChapo{ 

float:left;
margin-right:10px;
margin-bottom:8px;
 }

.DimageChapo{ 

float:right;
margin-left:10px;
margin-bottom:8px;
 }

.date{ 
   font-weight: bold;
 }