body
{
margin: 0;
padding: 0;
background: #FFF;
}
		
#conteneur
{
width: 770px;
margin: 10px auto;
text-align: left;
background: #fff;
border: 1px solid #CCCCCC;
}
/*:::::::::::::::::::::  entete  ::::::::::::::::::::*/
#header
{
text-align: center;
margin: 0;
padding: 0;
height: 129px;
border:0;
}
#header img
{
text-align: center;
margin: 0;
padding: 0;
border:0;
}
		
#logo
{
float: left;
/*width: 400px;
height: 110px;*/
padding: 0;
margin: 0;
}
		
#illus
{
margin: 0;
padding: 0;
float: right;
width: 770px;
height: 129px;
background: url(illus.jpg) no-repeat right top;
}

		
/*:::::::::::::::::::::  Menu  ::::::::::::::::::::*/
		
#menu
{/*border: 1px solid #FF0000;*/

margin: 0;
padding: 0;
float: left;
width: 170px;
}

#menu ul
{
margin: 0;
padding: 5px 0 5px 5px;
}

#menu li
{
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
}

#menu a
{
	display: block;
	height: 20px;
	text-align: left;
	font-family: "arial", helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 3px;
}

/*........................*/
#menu a.bleu
{
	background: url(menu/menubleu.gif) no-repeat;
}
#menu a:hover.bleu
{
	background: url(menu/menuanimbleu.gif) no-repeat;
}
#menu a:active.bleu
{
background: url(menu/menubleu.gif) no-repeat;
}
/*........................*/
#menu a.vert
{
	background: url(menu/menuvert.gif) no-repeat;
}
#menu a:hover.vert
{
	background: url(menu/menuanimvert.gif) no-repeat;
}
#menu a:active.vert
{
background: url(menu/menuvert.gif) no-repeat;
}
/*........................*/
#menu a.jaune
{
	background: url(menu/menujaune.gif) no-repeat;
}
#menu a:hover.jaune
{
	background: url(menu/menuanimjaune.gif) no-repeat;
}
#menu a:active.jaune
{
background: url(menu/menujaune.gif) no-repeat;
}
/*........................*/
#menu a.rose
{
	background: url(menu/menurose.gif) no-repeat;
}
#menu a:hover.rose
{
	background: url(menu/menuanimrose.gif) no-repeat;
}
#menu a:active.rose
{
background: url(menu/menurose.gif) no-repeat;
}
/*........................*/
#menu a.marron
{
	background: url(menu/menumarron.gif) no-repeat;
}
#menu a:hover.marron
{
	background: url(menu/menuanimmarron.gif) no-repeat;
}
#menu a:active.marron
{
background: url(menu/menumarron.gif) no-repeat;
}
/*........................*/
#menu a.orange
{
	background: url(menu/menuorange.gif) no-repeat;
}
#menu a:hover.orange
{
	background: url(menu/menuanimorange.gif) no-repeat;
}
#menu a:active.orange
{
background: url(menu/menuorange.gif) no-repeat;
}

/*:::::::::::::::::::::  page  ::::::::::::::::::::::::::::*/
/*
padding-top, padding-right , padding-bottom, padding-left
*/
/*:::::::::::::::::::::  page_intro  ::::::::::::::::::::

*/

#intro
{/*border: 1px solid #FF0000;*/
	width: 420px;
	margin: 30px auto;
	padding: 20px;
	text-align: center;
background: #fff;
border: 1px solid #CCCCCC;
}

#intro img
{
padding: 0;
margin: 0;
border: 0;
}

#intro h1
{
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: "arial", helvetica, verdana, sans-serif;
	font-size: 36px;
	color: #999999;
		font-weight:lighter;
	font-style: italic;
}

#intro p
{

padding: 10px 0 10px 0;
margin: 0;
text-align: justify;
font-family: "arial", helvetica, verdana, sans-serif;
font-size: 13px;
}

#intro ul {
padding: 10px 0 10px 0;
margin: 0;
}

#intro li {
list-style-type: none;
padding: 0;
margin: 0;

}

#intro ul a
{
display: block;
font-family: "arial", helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #999999;
text-decoration: none;
padding-left: 10px;
}

/*........................*/
#intro a.bleu
{
	background: url(menu/menubleu.gif) no-repeat;
}
#intro a:hover.bleu
{
	background: url(menu/menuanimbleu.gif) no-repeat;
}
#intro a:active.bleu
{
background: url(menu/menubleu.gif) no-repeat;
}
/*........................*/
#intro a.vert
{
	background: url(menu/menuvert.gif) no-repeat;
}
#intro a:hover.vert
{
	background: url(menu/menuanimvert.gif) no-repeat;
}
#intro a:active.vert
{
background: url(menu/menuvert.gif) no-repeat;
}
/*........................*/
#intro a.jaune
{
	background: url(menu/menujaune.gif) no-repeat;
}
#intro a:hover.jaune
{
	background: url(menu/menuanimjaune.gif) no-repeat;
}
#intro a:active.jaune
{
background: url(menu/menujaune.gif) no-repeat;
}
/*........................*/
#intro a.rose
{
	background: url(menu/menurose.gif) no-repeat;
}
#intro a:hover.rose
{
	background: url(menu/menuanimrose.gif) no-repeat;
}
#intro a:active.rose
{
background: url(menu/menurose.gif) no-repeat;
}



/*:::::::::::::::::::::  page_accueil  ::::::::::::::::::::
/*border: 1px solid #FF0000;*/
#accueil
{
width: 594px;
text-align: center;
font-family: "arial", helvetica, verdana, sans-serif;
color: #FF0000;
float: right;
margin: 0;
padding: 0;
}

#accueil img
{
padding: 0;
margin: 0;
border: 0;
}

/*..............  carrousel  ................*/
#deuxtiers 
{
/*border: 1px solid #FF0000;*/
text-align: left;
width: 410px;
float: left;
margin: 0;
padding: 0 5px 0 5px;
}

#deuxtiers h1
{
	display: block;
	padding-top: 0;
	margin-top: 0;
	font-size: 25px;
	font-weight:lighter;
	text-align: right;
	/*font-style: normal;font-weight: 700;line-height: 25px;*/
	color: #666666;
	line-height: 40px;
	border-bottom: 1px solid #666666;
	clear: both;
}


#deuxtiers h2
{
	display: block;
	font-size: 15px;
	text-align: justify;
	/*font-style: normal;font-weight: 700;line-height: 25px;*/
	color: #666666;

}

#deuxtiers img
{
padding: 0;
margin: 0;
text-align: center;
}


#deuxtiers  p
{
	display: block;
	padding: 0 5px 0 0;
	margin: 0;
	text-align: justify;
	font-size: 13px;
	/*font-weight:100;*/
color: #666666;
}



#deuxtiers hr
{
clear: both;
border: 0;
color: #000;
background-color: #FFF;
height: 0;
border: 0;
}


/*..............clear: both;  recherche  ................*/

#bandtext
{
font-family: "verdana", arial, helvetica, sans-serif;
margin: 0;
padding: 0;
}



#untiers
{
float: right;
	/*border: 1px solid #FF0000;*/
	width: 165px;
	text-align: center;
	padding: 0 ;
	margin: 0;
	color: #666666;
	font-weight: 100;
	font-size: 13px;
}

#untiers .lien
{
background : #FFF;
text-align: center;
display: block;
width: 155px;
margin: 0;
padding: 0;
border: 1px solid #666666;
color: #666666;
}
/*padding-top, padding-right , padding-bottom, padding-left
*/
#untiers p
{
color: #666666;
padding: 0;
margin : 0 0 5px 0;
}

#untiers a 
{
text-decoration: none;
}

#untiers a:hover.eaux
{
	color:#0099FF;
	text-decoration: none;
}

#untiers a:hover.softs
{
	color:#66CC00;
	text-decoration: none;
}

#untiers a:hover.bieres
{
	color:#FFCC00;
	text-decoration: none;
}

#untiers a:hover.vins
{
	color:#990033;
	text-decoration: none;
}




#formrech fieldset
{
width: 150px;
text-align: left;
margin: 10px 0 0 0 ;
padding: 0 5px 0 5px ;
}


#formrech legend
{
	padding: 0 4px 0 4px ;
	margin: 0 0 10px 0 ;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	color: #000;
}

#formrech input
{
margin: 5px 0 5px 0 ;
}

#formrech input.case
{
width: 140px;
margin: 5px 0 5px 0 ;
}

#formrech select
{
width: 145px;
margin: 5px 0 5px 0 ;
}

/*====================== SOFT =========================*/

#news_soft
{
color: #666666;
width: 594px;
float: right;
margin: 0;
padding: 0 0 20px 0;
font-family: "arial", helvetica, verdana, sans-serif;
}


#news_soft img
{

padding: 0;
border: 0;
}

#news_soft hr
{
border: 10px;
margin: 10px 0 0 0;
padding: 0;
clear : both;
height: 10px;
color: #FFF;
background-color: #FFF;
}

#news_soft h1
{
font-family: "arial", helvetica, sans-serif;
font-size: 40px;
font-weight: 100;
font-style: oblique;
text-align: left;
color: #666666;
border-bottom: 1px solid #666666;;
clear : both;
margin: 0 0 10px 0;
padding: 0;
}

#news_soft dl
{
margin: 0;
padding: 0 5px 0 5px;
float: left;
width: 180px;
}


#news_soft dt
{
font-size: 22px;
text-align: center;
	/*font-style: normal;font-weight: 700;line-height: 25px;*/

}

#news_soft dd
{
text-align: center;
margin: 0;
padding: 0 ;
}

#news_soft dd.origine
{
font-size: 11px;
text-align: center;
font-weight: 700;
margin: 0;
padding: 0 ;
}

#news_soft dd.type
{
font-size: 11px;
text-align: center;
margin: 0;
padding: 0 ;
}

#news_soft dd.contenu
{
font-size: 12px;
text-align: center;
margin: 0;
padding: 0 ;
color: #666666;	
}

#news_soft dd.lien
{
font-size: 12px;
text-align: center;
padding: 0;
color: #666666;	
}

#news_soft a 
{
text-decoration: none;
color: #666666;
}

#news_soft a:hover.softs
{
	color:#66CC00;
	text-decoration: none;
}
#news_soft p.retour
{
text-align : center;
font-size: 12px;
margin: 40px 0 0 0;
padding: 2px;
}

/*====================== VIN =========================*/
#news_vin
{
color: #666666;
width: 594px;
float: right;
margin: 0;
padding: 0 0 20px 0;
font-family: "arial", helvetica, verdana, sans-serif;
}

#news_vin .petite_photo
{
float: left;
text-align : center;
width: 82px;
margin: 0 5px 0 5px;
padding: 0;
border: 0;
}

#news_vin img
{
padding: 0;
border: 0;
}

#news_vin hr
{
border: 10px;
margin: 10px 0 0 0;
padding: 0;
clear : both;
height: 10px;
color: #FFF;
background-color: #FFF;
}


#news_vin dl
{
margin: 0;
padding: 0;
float: left;
width: 200px;
}

#news_vin dt
{
font-size: 22px;
text-align: center;

}

#news_vin dd.soustitre
{
font-size: 16px;
text-align: center;
font-weight: 700;
margin: 0;
padding: 0;
}

#news_vin dd.type
{
font-size: 12px;
text-align: center;
margin: 0;
padding: 2px 0 2px 0;
border-top: 1px solid #666666;
}

#news_vin dd.lesime
{
text-align: center;
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 12px;
font-style: oblique;
margin: 0;
padding: 2px 0 2px 0;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}

#news_vin dd.origine
{
font-size: 11px;
text-align: center;
font-weight: 700;
margin: 0;
padding: 0 ;
}

#news_vin dd.contenu
{
font-size: 12px;
text-align: justify;
margin: 0;
padding: 0 ;
color: #666666;	
}

#news_vin dd.lien
{
font-size: 12px;
text-align: center;
padding: 0;
color: #666666;	
}

#news_vin a 
{
text-decoration: none;
color: #666666;
}

#news_vin a:hover.vins
{
	color:#990033;
	text-decoration: none;
}

/*====================== EAUX & BIERE =========================*/

#news
{
color: #666666;
width: 594px;
float: right;
margin: 0;
padding: 0 0 20px 0;
font-family: "arial", helvetica, verdana, sans-serif;
}

#news td
{
width:50%;
margin: 0;
padding: 0;
}

#news .petite_photo
{
float: left;
text-align : center;
width: 82px;
margin: 0 5px 0 5px;
padding: 0;
border: 0;
}

#news img
{
padding: 0;
border: 0;
}

#news hr
{
border: 10px;
margin: 10px 0 0 0;
padding: 0;
clear : both;
height: 10px;
color: #FFF;
background-color: #FFF;
}


#news dl
{
margin: 0;
padding: 0;
float: left;
width: 200px;
}


#news dt
{
font-size: 22px;
text-align: left;
	/*font-style: normal;font-weight: 700;line-height: 25px;*/
	
	border-bottom: 1px solid #666666;
}

#news dd.origine
{
font-size: 11px;
text-align: left;
font-weight: 700;
margin: 0;
padding: 5px 4px 0 4px ;
}

#news dd.type
{
font-size: 11px;
text-align: left;
margin: 0;
padding: 5px 4px 0 4px ;
}

#news dd.contenu
{
font-size: 12px;
text-align: justify;
margin: 0;
padding: 5px 4px 0 4px ;
color: #666666;	
}

#news dd.lien
{
font-size: 12px;
text-align: right;
padding: 5px 0 0 0;
color: #666666;	
}

#news a 
{
text-decoration: none;
color: #666666;
}

#news a:hover.eaux
{
	color:#0099FF;
	text-decoration: none;
}

#news a:hover.softs
{
	color:#66CC00;
	text-decoration: none;
}

#news a:hover.bieres
{
	color:#FFCC00;
	text-decoration: none;
}

#news a:hover.vins
{
	color:#990033;
	text-decoration: none;
}

#news p.retour
{
text-align : center;
font-size: 12px;
margin: 40px 0 0 0;
padding: 2px;

}

/*====================== DETAIL =========================*/

#detail
{
font-family: "arial", helvetica, verdana, sans-serif;
width: 594px;
float: right;
margin: 0;
padding: 0;
color: #666666;
text-align: center;
}

#detail p
{
margin: 0;
padding: 0;
}

#detail img
{

margin: 0;
margin: 0;
border: 0;
}

#detail .grande_photo
{
float: left;
display : block;
text-align : center;
width: 180px;
margin: 0 5px 0 5px;
padding: 0;
border: 0;
}


#detail .info
{
width: 400px;
float: left;
margin: 0;
padding: 0;
}

#detail h1
{
font-size: 55px;
text-align: left;
font-weight: 400 ;
border-bottom: 1px solid #666666;
margin: 0;
padding: 0;
}

#detail h1.vin
{
font-size: 45px;
text-align: left;
font-weight: 400 ;
margin: 0;
padding: 0;
border: 0;
}

#detail h2.vin
{
font-size: 30px;
text-align: left;
font-weight: 400 ;
margin: 0;
padding: 0;
border: 0;
}

#detail hr.vin
{
border-top: 1px solid #666666;
height : 1px;
background-color: #666666;
margin: 0;
padding: 0;


}


#detail .type
{
font-size: 13px;
text-align: left;
padding: 5px 0 0 0;
margin: 0;
}

#detail .typevin
{
text-align: left;
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 17px;
font-style: oblique;
padding: 5px 0 0 0;
margin: 0;
}

#detail .appella
{
font-size: 17px;
text-align: left;
padding: 5px 0 0 0;
margin: 0;
}

#detail .origine
{
font-size: 14px;
text-align: left;
font-weight: 700;
padding: 10px 0 0 0;
margin: 0;
}

#detail .contenu
{
font-size: 12px;
line-height: 17px;
text-align: justify;
padding: 10px 10px 10px 0;
color: #666666;
}

#detail .web
{
display: block;
font-size: 12px;
text-align: right;
padding: 5px 10px 10px 0;
margin: 0;
}

#detail .techn
{
font-size: 12px;
padding: 0 10px 10px 0;
color: #666666;
}

#detail .doc
{
margin: 20px 0 20px 0;
padding: 0;
}

#detail .retour
{
float :right;
width: 265px;
margin: 10px 0 10px 0;
padding: 0;
clear : both;
}

#detail .retour p
{
font-size: 12px;
width: 140px;
border: 1px solid #666666;
color: #666666;
}

#detail .analyse
{
float : left;
font-size: 12px;
padding: 5px;
margin: 0 0 0 10px;
width: 40%;
/*border: 1px solid #666666;*/
}

#detail .analyse caption
{
margin: 0;
padding: 0;
}

#detail .analyse td
{
border-bottom: 1px solid #DDD;
}

#detail .analyse td.element
{

text-align: left;
margin: 0;
padding: 0;
}

#detail .analyse td.valeur
{
text-align: right;
margin: 0;
padding: 0;
}


#detail a 
{
text-decoration: none;
color: #666666;
}

#detail a:hover.eaux
{
	color:#0099FF;
	text-decoration: none;
}

#detail a:hover.eaux
{
	color:#0099FF;
	text-decoration: none;
}

#detail a:hover.softs
{
	color:#66CC00;
	text-decoration: none;
}

#detail a:hover.bieres
{
	color:#FFCC00;
	text-decoration: none;
}

#detail a:hover.vins
{
	color:#990033;
	text-decoration: none;
}


#detail ul
{
	font-size: 14px;
	font-weight:600;
}

#detail li
{
font-size: 12px;
	font-weight:lighter;
list-style-type: none;

}

/***********************   detailfull   ****************************/

#detailfull
{
font-family: "arial", helvetica, verdana, sans-serif;
width: 594px;
float: right;
margin: 0;
padding: 0;
color: #666666;
text-align: center;
}

#detailfull p
{
margin: 0;
padding: 0;
}

#detailfull img
{
margin: 0;
padding: 0;
border: 0;
}

#detailfull .petite_photo
{
float: left;
text-align : center;
width: 82px;
margin: 0 5px 0 5px;
padding: 0;
border: 0;
}

#detailfull dl
{
margin: 0;
padding: 0 0 0 5px;
color: #666666;
}


#detailfull h2
{
font-family: "arial", helvetica, sans-serif;
font-size: 30px;
font-weight: 100;
font-style: oblique;
text-align: center;
color: #9b2;
clear : both;
margin: 0;
padding: 0;
}

#detailfull h3
{
font-family: "arial", helvetica, sans-serif;
font-size: 20px;
text-align: left;
font-weight: 400 ;
margin: 0;
padding: 0;
}

#detailfull h4
{
font-family: "arial", helvetica, sans-serif;
font-size: 17px;
text-align: left;
font-weight: 400 ;
margin: 0;
padding: 0;
}


#detailfull .type
{
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 14px;
font-style: oblique;
text-align: left;
padding: 5px 0 0 0;
margin: 0;
}

#detailfull .typeappella
{
font-size: 15px;
text-align: left;
padding: 5px 0 0 0;
margin: 0;
}

#detailfull .origine
{
font-size: 14px;
text-align: left;
font-weight: 700;
padding: 10px 0 0 0;
margin: 0;
}

#detailfull .contenu
{
display: block;
font-size: 12px;
line-height: 17px;
text-align: justify;
padding: 10px 10px 10px 0;
color: #666666;
}

#detailfull .web
{
display: block;
font-size: 12px;
text-align: right;
padding: 5px 10px 10px 0;
}

#detailfull .techn
{
font-size: 12px;
padding: 0 10px 10px 0;
color: #666666;
}

#detailfull table
{
font-size: 12px;
padding: 0;
margin: 0;
float: left;
width: 25%;
}




#detailfull td.element
{
border-bottom: 1px solid #666666;
text-align: left;
margin: 0;
padding: 0;
}

#detailfull td.valeur
{
border-bottom: 1px solid #666666;
text-align: right;
margin: 0;
padding: 0;
}

#detailfull .lien
{
display: block;
width: 100px;
margin: 10px 0 0 0;
border: 1px solid #666666;
}

#detailfull a 
{
text-decoration: none;
color: #666666;
}


#detailfull a:hover.eaux
{
	color:#0099FF;
	text-decoration: none;
}

#detailfull a:hover.softs
{
	color:#66CC00;
	text-decoration: none;
}

#detailfull a:hover.bieres
{
	color:#FFCC00;
	text-decoration: none;
}

#detailfull a:hover.vins
{
	color:#990033;
	text-decoration: none;
}


#detailfull hr
{
clear:both;
}

#detailfull titre
{

}

/*_____________________________________________________*/
/*padding-top, padding-right , padding-bottom, padding-left
*/
#contenu
{/*border: 1px solid #FF0000;*/

margin: 0;
padding: 0;
}
.lettrine
{
float: left;
width: .7em;
font-size: 4em;
line-height: 83%;
}

#texte  img
{
border : 0;
padding: 0;
margin: 0;
text-align: left;
}


/*:::::::::::::::::::::  ours  ::::::::::::::::::::*/




#signet
{
clear:both;
width: 770px;
background: #DDDDDD;
}

#signet p
{
font-family: "Arial", Helvetica, sans-serif;
font-size: 0.6em;
color: #666666;
text-align: right;
}

#signet .advert
{
	color: #0099FF;
	font-weight : 100;
}

#signet a 
{
text-decoration: none;
color: #666666;
}

#signet a:hover
{
color:#CC6600;
text-decoration: none;
}

#signet img
{
vertical-align:middle;
border :0;
}
/*________________contact formulaire___________________*/
/*padding-top, padding-right , padding-bottom, padding-left*/

#contact
{
width: 594px;
float: right;
text-align: center;
	padding: 0;
	margin: 0;
	color: #666666;
	font-weight: 100;
	font-size: 15px;
	font-family: "Arial", Helvetica, sans-serif;
}

#mail {
float: left;
width: 350px;
padding: 0;
margin: 0;

}

#mail h1 {
	margin: 0 10px 10px 0 ;
	font-size: 17px;
	font-weight:lighter;
	text-align: center;
color: #666666;
	clear: both;
}

#mail .alert {

padding: 0;
margin: 0;
font-size: 15px;
color: #BF0000; 
font-family: "Arial", Helvetica, sans-serif;
}

#mail .alert a  {

color: #BF0000; 

}




/*___________Mise en forme des titres des cadres_______*/
#mail legend {
padding: 0 4px 0 4px ;
margin: 0 0 10px 0 ;
border-left: #CCC 1px solid;
border-right: #CCC 1px solid;
font-size: 17px;
}


#mail fieldset {
margin: 0 0 10px 0;
padding: 1em;
font-size: 13px;
}

/*___________Mise en forme des intitulés de champs_______*/
#mail .titre {	
float: left;
width: 25%;
text-align: right;
margin:0;
padding: 0 2px 0 0;
}

#mail .champs {
float: right;
text-align: left;

padding:0;
}


#mail textarea {

border:1px solid #006699;
}

#mail select {
border:1px solid #006699;
background-color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #006699;
text-align: center
}


#mail .bouton {
text-align: center;
}

#mail .nota {
display : block;
text-align: center;
font-size: 12px;
padding:0;
margin: 10px 0 10px 0;
}

#cartel
{
display : block;

width : 230px;
float : right;
padding : 0;
margin : 0;
}

#cartel p
{
text-align : center;
color : #666666;
font-weight : 100;
font-size : 15px;
font-family : "Arial", Helvetica, sans-serif;
}

#part
{
text-align : left;
color: #666666;
width: 594px;
float: right;
margin: 0;
padding: 0 0 20px 0;
font-family: "arial", helvetica, verdana, sans-serif;
font-size: 22px;
}

#part dl
{
float : left;
width : 400px;
margin: 5px 0 10px 10px;
padding: 0;
font-family: georgia, times, serif;
}

#part dt
{

font-size: 22px;
font-family: "arial", helvetica, verdana, sans-serif;
margin: 0;
padding: 0;
}

#part dd
{
font-size: 13px;
margin : 3px 0 0 0;
padding: 0;
}

#part .baseline
{
font-family: "arial", helvetica, verdana, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
font-weight: 700;
}

#part .geo
{
margin: 5px 0 3px 0;
padding: 0;
border-top: 1px solid #CCC;

}

#part hr
{
	clear : both;
}

#part hr.client
{
	clear : both;
	margin : 0;
	padding : 0;
border: 0;
color: #FFF;
background-color: #FFF;
height: 0;
}

#part .image
{
display: block;
width : 152px;
/* height: 152px; */
margin : 0;
padding : 0;
float : left;
}

#part img
{

float : right;

}



#part .image hr 
{
clear : both;
border: 0;
color: #000;
background-color: #FFF;
height: 0;
margin : 0;
padding : 0;
}

#part .image input
{
margin : 0;
padding : 0;
float : left;
}

#part .coordonne input
{
margin : 0;
padding : 0;
float : right;
}

#part h1
{
	display: block;
	padding-top: 0;
	margin: 0 10px 10px 0 ;
	font-size: 25px;
	font-weight:lighter;
	text-align: right;
	/*font-style: normal;font-weight: 700;line-height: 25px;*/
	border-bottom: 1px solid #666666;
	color: #666666;
	line-height: 40px;
	clear: both;
}


#part h2
{
	display: block;
	font-size: 15px;
	text-align: justify;
	/*font-style: normal;font-weight: 700;line-height: 25px;*/
	color: #666666;
}

#part a 
{
text-decoration: none;
color: #666666;
}

#part a:hover
{
	color:#0099FF;
	text-decoration: none;
}

/*----------------------ARTICLE-------------------------------*/

/*border: 1px solid #FF0000;*/
/*padding-top, padding-right , padding-bottom, padding-left*/
#article
{
text-align : left;
color: #666666;
width: 584px;
float: right;
margin: 0;
padding: 0 10px 20px 0;
font-family: "arial", helvetica, verdana, sans-serif;
font-size: 14px;
}

div.postdate {
	float: left;
	width: 52px;
	margin:0 5px 0 0;
	text-align: center;
	color: #CCCCCC;
	background: url(topdate.jpg) repeat-x top;
padding : 0 0 2px 0;
}

div.postdate .j {
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #CCCCCC;

}

div.ma {
text-transform: uppercase;
border-top: 1px solid #CCCCCC;
font-size: 12px;
font-weight: bold;
background: url(bottomdate.jpg) repeat-x bottom;
}


#article .rubrique
{
	font-size: 18px;
color: #CCCCCC;
	font-weight: 100;
	padding: 0;
	margin: 0;
}

#article .source
{
color: #CCCCCC;
padding: 0;
margin: 0;
}

#article h1
{
	display: block;
	padding-top: 0;
	margin: 0 10px 10px 0 ;
	font-size: 25px;
	font-weight:lighter;
	text-align: right;
	/*font-style: normal;font-weight: 700;line-height: 25px;*/
	border-bottom: 1px solid #666666;
	color: #666666;
	line-height: 40px;
	clear: both;
}

#article h2
{
	padding: 0;
	margin: 0 0 10px 0 ;
	font-family: "arial", helvetica, sans-serif;
	font-size: 27px;
	font-weight: 100;
	text-align: left;
	color: #333333;

}


#article h3
{
	color: #999999;
	font-size: 20px;
	font-family: "arial", helvetica, sans-serif;
	font-weight:bold;
	text-align: left;
	padding: 0;
	margin: 0;
}

#article h4, h5, h6
{
color: #999999;
font-family: "arial", helvetica, sans-serif;
font-size: 16px;
font-weight:bold; 
text-align: left;
	padding: 0;
	margin: 0;
	
}




/*padding-top, padding-right , padding-bottom, padding-left*/
#article p, pre
{
padding: 0;
margin:0;
text-align: justify;
font-family: "arial", helvetica, sans-serif;
font-weight:100;
color: #666666;
/*border: 1px solid #FF0000;*/
}

#article a
{
color: #666666;
}

#article a, a:hover
{
	color:#0099FF;
	text-decoration: none;
}

#article ul, ol
{
list-style : circle outside;
text-align: left;
padding: 0;
margin: 0;
}


#article li, dd
{
padding: 0;
margin: 0;
}

#article dl
{
text-align: left;
padding: 0;
margin: 0;
}

/*padding-top, padding-right , padding-bottom, padding-left*/
#article blockquote, cite, address
{
font-style: italic ;
font-family: "Times New Roman", Times, serif;
padding: 0;
margin: 0 0 0 20px;
}



#article img
{
padding: 0;
margin: 10px;
border: 0;
}


#article hr
{
clear: both;
	margin : 0 0 10px 0;
	padding : 0;
border: 0;
color: #FFF;
background-color: #FFF;
height: 0;
}

#article table
{
width: 580px;
text-align: left;
padding: 0;
margin: 0 ;
border: 0;
}

#article textarea
{
width: 578px;
}


#article form
{
float: right;
}