/* --- DEBUG BLOCK -------------------------
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
 -----------------------------------------*/
/*===| I. LAYOUT SIZE |====================================================*/
#container, #footer, #header, #menu-top {width: 970px;}
#header {height:210px;}
#menu-top{ height: 37px;}
#left-column {width: 211px;}
#left-column-big {width: 759px;}
#middle-column{ width: 548px;}
#middle-column1{ width: 548px; padding-bottom: 9px;}
#right-column {width: 211px;}
#right-column1 {width: 211px;}
#right-column2 {width: 211px; }
#big-col{ width: 970px;}
/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/ #footer{ clear:both; height: 67px; }

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto;}
/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/
* {margin: 0;}
html {height: 100%; width: 100%;}
body {width: 100%; }
body { }
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
p{ padding: 0 5px;}
#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#container { margin:0 auto;	text-align: left;}
#header {/*	text-indent: -9999em;*/}
#left-column{	float:left;	margin: 0;}
#left-column-big{	float:left;	margin: 0;}
#middle-column{ float: left; margin: 0;}
#middle-column1{ float: left; margin: 0;}
#right-column{ float:left;	margin: 0 0 4px 0; padding: 0;}
#right-column1{ float:left;	margin: 0; padding: 0;}
#right-column2{ float:left;	margin: 0; padding: 0;}
big-col{ float: left;}
#actualite, #contact-info, #promo {height: 125px;}
#footer {	margin: 0 auto;	padding: 0; text-align: center;}
#menu2{ width: 968px;}
#footer-left{ width: 400px; float: left; text-transform: uppercase; padding: 11px 0;}
#footer-right{ width: 570px; text-align: right; float: left; padding: 11px 0;}
.copyright{	padding: 9px 0 0;	text-align: center;}
/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers,
	use padding instead of margin.
	-------------------------------------------------*/
/* ===| III. CONTENT ELEMENTS |===============================================*/
img {border: 0;}
/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/	.left{float: left;} .right{float: right;}
a.thumb:link,
a.thumb:visited{ border: 0px; padding: 0px; margin: 1px 0; width: auto;	display: block;}
img.thumb{ border-style:solid; border-width: 5px;	padding: 1px;	margin: 0 5px;}
.paragraph{	clear: both; display: table; width: 100%;}
.separator{
	width: 100%;
	height: 0px;
	clear: both;
	padding:0;
	margin:15px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	line-height: 0px;
}
/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li{display: inline;}
/* ---| THE END |------------------------- */
/***************** CONTENT ********************/
.interview{
    float: left; padding: 10px 10px 100px 10px; width: 950px; background: url(../images/interview/interview-bg.jpg) repeat-x top left;
}
#affaires-container{
    float: left;
    padding: 0 0 10px 7px;
    width: 950px;
}
.affaire-cat-container{
    float: left;
    width: 185px;
    padding: 0 0 0 5px;
}
.affaire-cat{
    float: left;
    width: 183px;
    background-color: #FDFFFE;
    border: 1px solid #66CBFF;
    display: inline;
}
.affaire-cat-title{
    float: left;
    width: 183px;
    height: 18px;
    padding: 10px 0 5px 0;
    background: #FDFFFE url(../images/bonnes-affaires/bg-affaire-title.jpg) repeat-x top left;
    text-align: center;
}
.affaire-cat-title p{
    font-size: 12px;
    text-align: center;
    color: #159FFA;
    font-weight: bold;
}

/*
a.affaire-up, a.affaire-down {
    float: left;
    width: 34px;
    height: 34px;
    display: block;
}
a.affaire-up, a.affaire-up:visited{
    background: url(../images/charte/up-arrow.jpg) no-repeat top left;
}
a.affaire-up:hover{
    background: url(../images/charte/up-arrow.jpg) no-repeat bottom left;
}
a.affaire-down, a.affaire-down:visited{
    background: url(../images/charte/down-arrow.jpg) no-repeat top left;
}
a.affaire-down:hover{
    background: url(../images/charte/down-arrow.jpg) no-repeat bottom left;
}
*/

#newsletter-container { float: left; padding: 3px 0 0 0; width: 183px;}
#newsletter { float:left; padding: 6px 0 0 17px;}
#editorial{ width: 200px; height: 405px;}
#editorial p.titre{ padding: 0 7px 0 9px;}
#editorial p{ padding: 10px 7px 0 9px;}
#espace-services{ width: 200px; height: 225px;}
#espace-services .lien{ padding: 22px 0 0 45px;}
.article{ margin-top: 6px; width: 530px; height: 109px; clear: both;}
.article .picture{ float: left; width: 109px; height: 109px; text-align: center;}
.article p.titre{ padding: 9px 0 0 0; }
.article p.categorie{ text-align: right; padding: 5px 10px 0 0;}
.article p{ padding: 5px 10px 0 0;}
.article-left{ margin-top: 6px; width: 530px; height: 109px; clear: both;}
.article-left .picture{ float: left; width: 109px; height: 109px; text-align: center;}
.article-left p.titre{ padding: 9px 0 0 0; }
.article-left p.categorie{ text-align: right; padding: 5px 10px 0 0;}
.article-left p{ padding: 5px 10px 0 0;}
.article-right{ margin-top: 6px; width: 530px; height: 109px; clear: both;}
.article-right .picture{ float: left; width: 109px; height: 109px; text-align: center;}
.article-right p.titre{ padding: 9px 0 0 10px; }
.article-right p.categorie{ text-align: right; padding: 5px 10px 0 0;}
.article-right p{ padding: 5px 0 0 10px;}
.publicite{ margin-top: 4px; float: right; width: 200px; height: 201px;}
.publicite .picture{ width: 100%; height: 148px; text-align: center;}
.publicite p.picture{ text-align: center; padding-top: 10px;}
.publicite .picture p.txt{ padding: 10px 0; text-align: center;}
.publicite p.titre{ padding-top: 5px; text-align: center; }
.publicite .texte{ text-align: center; line-height: 13px; padding: 0;  margin: 0;}
#big-publicite{ width: 970px; height: 108px; clear: both;}
#big-publicite .big-publicite{ width: 254px; float: left;}
#big-publicite .big-publicite .titre{ padding: 13px 0 0 10px;}
#big-publicite .big-publicite .image{ width: 82px; height: 75px; float: left; clear: both; padding-top: 3px; text-align: center;}
#big-publicite .big-publicite .texte{  padding: 3px 0 0 0; text-align: justify;}
#avis{ width: 211px; height: 224px; margin-top: 6px;}
#avis .lien{ padding: 19px 0 0 55px;}
#avis .newsletter{ padding: 20px 0 0 20px;}
#partenaires{ width: 211px; height: 159px; margin-top: 6px;}
#partenaires p{ padding: 13px 0 0 55px;}
#bonne-affaire{ width: 211px; height: 223px;padding-top:5px}
#bonne-affaire .img{height:115px; width:176px; margin:0px 0 5px 34px; text-align:center; }
#bonne-affaire .titre{ padding: 0px 0 0 40px;}
#bonne-affaire .texte{ padding: 3px 7px 0 40px; height: 50px;}
#bonne-affaire .lien{ padding: 8px 0 0 50px;}
.box-article{ border: 1px solid #d3d3d3; width: 757px; clear: both; margin-top: 10px; display: table;}
.box-article-left{
  border: 1px solid #d3d3d3;
  background:#fff url(../images/accueil/bg-article-left1.jpg) left top repeat-x;
  width: 757px;
  clear: both;
  margin-top: 10px;
  display: table;
}
.box-article-right{
  border: 1px solid #d3d3d3;
  background:#fff url(../images/accueil/bg-article-right1.jpg) left top repeat-x;
  width: 757px;
  clear: both;
  margin-top: 10px;
  display: table;
}
.box-article .image{ float: left; width: 120px; height: 110px; text-align: center;}
.box-article p.titre{ padding: 5px;}
/*.box-article div.fele{ padding: 5px;}*/
.box-article p.texte{ padding: 5px;}
.box-article p.lien{ padding: 5px; text-align: left;}
.box-article-left .image{ float: left; width: 120px; height: 110px; text-align: center;}
.box-article-left p.titre{ padding: 5px;}
/*.box-article div.fele{ padding: 5px;}*/
.box-article-left p.texte{ padding: 5px;}
.box-article-left p.lien{ padding: 5px; text-align: left;}
.box-article-right .image{ float: left; width: 120px; height: 110px; text-align: center;}
.box-article-right p.titre{ padding: 5px;}
/*.box-article div.fele{ padding: 5px;}*/
.box-article-right p.texte{ padding: 5px;}
.box-article-right p.lien{ padding: 5px; text-align: left;}
#big-pub{ width: 970px; height: 108px; clear: both; margin-bottom: 10px;}
#big-pub .image{ text-align: center;}
#recherche{ width: 970px; height: 30px;}
.recherche{
	background: url(../images/bonnes-affaires/recherche.jpg) no-repeat left top;
	cursor:pointer;
	width:104px;
	height:18px;
	border:none;
	margin:0 auto;
}
.rechercheover{
	background: url(../images/bonnes-affaires/recherche-over.jpg) no-repeat left top;
	cursor:pointer;
	width:104px;
	height:18px;
	border:none;
	margin:0 auto;
}
.box-affaire{ border: 1px solid #d2d2d2; width: 171px; height: 148px; margin: 5px; display: table;}
.box-affaire .image{ height: 106px; text-align: center;}
.box-affaire .texte{ height: 26px; text-align: justify; padding: 0 5px;}
.box-affaire .lien{ text-align: center;}
.center{ text-align: center;}
span.dummy{width: 0; height: 0; line-height: 0; font-size: 0; margin: 0; padding: 0;}
.fele{ width: 388px; float: left; border: 0px solid red;}
.tright{ text-align: right;}
.color_b{ color: #4444d3;}
/*************** END CONTENT ******************/
#debugContainer { font:small "Terminal","Lucida Console","System"; display: none;}
.ref { text-align: center;}
font{ font-size: 10px;}