﻿.tail-bottom{ background:url(../media/design/bot.gif) repeat-x bottom ; width:897px; margin-left:auto; margin-right:auto;}
.col-1, .col-2, .col-3, .col-4, .col-5{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:897px;position:relative; }

/*======= index.html =======*/
#page1 #content .col-1{ width:48%; margin-right:5%; margin-bottom:3%;}
#page1 #content .col-2{ width:40%}
#page1 #content .col-3{ width:19%; margin-right:1.25%; float:left; /margin-right:1.2%;}
#page1 #content .col-4{ width:19%; margin-right:1.25%; float:left; /margin-right:1.2%;}
#page1 #content .col-4bis{ width:19%; margin-right:1.25%; float:left; /margin-right:1.2%;}
#page1 #content .col-5{ width:19%; margin-right:1.25%; float:left; /margin-right:1.2%;}
#page1 #content .col-6{width:19%; float:left;}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:280px; margin-right:66px}
#page2 #content .col-2{ width:496px}
/*======= index-2.html =======*/
#page3 #content .col-1{ width:225px; margin-right:68px}
#page3 #content .col-2{ width:241px; margin-right:66px}
#page3 #content .col-3{ width:240px}
/*======= index-3.html =======*/
#page4 #content .col-1{ width:280px; margin-right:66px}
#page4 #content .col-2{ width:496px}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:376px; margin-right:70px}
#col-1l{ width:50%; float:left;}
#col-1r{ width:45%; float:right; padding-left:3%; border-left:1px solid #EEEEEE;}
#page5 #content .col-2{ width:396px}
#page5 #content .col-3{ width:272px; margin-right:10px;}
#page5 #content .col-4{ width:271px; margin-right:10px; border-left:1px #EEE solid;}
#page5 #content .col-5{ width:272px; margin-right:7px}
/*======= index-5.html =======*/
#page6 #content .col-1{ width:30%; margin-right:5%;}
#page6 #content .col-2{ width:65%;}
#page6 #content .col-3{ width:49%; float:left;}
#page6 #content .col-4{ width:48%; float:left;}
#page6 #content .col-5{ width:98%; float:left;}
#page6 #content .col-6{ width:100%;}
/*======= footer =======*/
#footer { height:56px;clear:both;}

/*======= contenu page 4 =======*/
#rubrique-container{
	clear:both;
}

.blockRubrique a, .blockRubriqueFin a{
	text-decoration:underline;
}

.blockRubrique{
	float:left;
	width:155px;
	height:139px;
	margin-top:30px;
	margin-bottom:30px;
	background:url(../media/design/rubrique.png) no-repeat;
	margin-right:60px;
}

.blockRubriqueFin{
	float:left;
	width:155px;
	height:139px;
	margin-top:30px;
	margin-bottom:30px;
	background:url(../media/design/rubrique.png) no-repeat;
	margin-right:0px;
}

#listeAnnonces{
	margin-top:20px;
	padding-bottom:15px;
	clear:both;
}
.tableRubriques{
	width:100%;
	text-align:center;
}
.normalCell{
	background:url(../media/design/dot.gif) repeat-y right;
}
.pagination {
	background:url(../media/design/tail.gif) repeat-x top; 
	font-weight:bold;
	margin-top:20px;
	margin-bottom:15px;
	padding-top:5px;
	padding-bottom:7px;
	text-align:justify;
	width:100%;
	clear:both;
}

.compteOption{
	float:left;
	width:350px;
	height:170px;
	padding-top:10px;
	padding-left:20px;
	background:url(../media/design/imgf5.png) no-repeat;
}

#connexion1{
	background:url("../media/design/dot.jpg") repeat-y right;
	height:250px;
	width:50%;
	float:left;
	margin-left:25px;
}
#connexion2{
	float:right;
	margin-bottom:50px;
	margin-right:30px;
	width:300px;
	float:right;
}
