@import url("common.css");


html, body {
	background: url(../gfx/bg.jpg) repeat-x #eaeaea;
}

/* ----------------------
        STRUCTURE
-------------------------*/
#conteneur_general {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:100%;
	min-width:1000px;
	/*background: url(../gfx/header.gif) repeat-x;*/
	margin: 0 auto -15px;
	*text-align:center;
}
#conteneur_centre {
	position:relative;
	width:1000px;
	margin:0px auto;
	*text-align:left;
}
#gauche {
	float:left;
	margin-top:410px;
	width:253px;
}
#principal {
	margin-top:415px;
	width:745px;
	float:right;
}
#flash {
	float:left;
	width:100%;
	min-width:1000px;
	height:412px;
}
#bandeauFlash {
	width:100%;
	min-width:1000px;
	height:412px;
	background:#fff;
	position : absolute;
	top:91px;
	left:0px;
}
#push {
	height:15px
}
/* ----------------------
> FOOTER
-------------------------*/
#footer {
	height: 15px;
	background-color: #ff0;
	min-width:1000px;
	width:100%;
	background: url(../gfx/footer1.png) repeat-x;
}
#footer a{
	color:#fff;
}
#mentions {
	height :15px;
	display:block;
	float:right;
	background: url(../gfx/footer2.png) no-repeat;
	padding:0px 20px 0px 40px;
	overflow:hidden;
	color:#FFFFFF;
}
#footer, #push {
	clear: both;
}

/* ----------------------
> HEADER
-------------------------*/
#header {
	height: 91px;
	width:1000px;
	margin:0 auto;
	background: url(../gfx/vague.gif) no-repeat;
	background-position:0px 39px;
}
#logo {
	background: url(../gfx/logo.png) no-repeat;
	position:absolute;
	top:4px;
	left:50px;
	width:122px;height:94px;
	cursor:pointer;
}
/* ----------------------
> MENU
-------------------------*/
#menu {
	height:91px;
	margin-left:465px;
	width:500px;
	color:#fff;
}
#menu ul {
	margin-right:10px;
}
#menu li {
	display:block;
	float:left;
	font-size:17px;
	letter-spacing:1px;
	font-weight:normal;
	padding:0px;
}
#menu a {
	text-decoration:none;
	display:block;
	height:27px;
	letter-spacing:nowrap;
	color:#fff;
	padding : 62px 20px 0px 18px;
}
#menu a:hover, #menu a.active {
	text-decoration:none;
	background: url(../gfx/hover.png) no-repeat;
	background-position:left bottom;
	font-weight:normal;
}
#menuSecondaire{
	position:absolute;
	top:10px;right:50px;
	z-index:500;
}
#menuSecondaire ul{
	list-style:none;
	text-align:right;
}
#menuSecondaire ul li{
	display:inline;
	color:#cc0001;
	font-weight:bold;
}
#flag{
	position:absolute;
	top:10px;right:10px;
	z-index:500;
}
li.sep{
	padding:0px 10px 0px 10px;
}
li.item{
	background:url(../gfx/puceGrise.gif) no-repeat 0px 3px;
	padding-left:10px;
}
.normal {
	padding:0px 15px 0px 15px;
	cursor:pointer;
}
.normal a {
	color:#fff;
}
.active {
	padding-top:0px;
	height:91px;
	background:url(../gfx/hover.png) no-repeat;
	text-align:center;
}
.active img {
	margin-bottom:0px;
}
.active {
	color:#FEC200;
	font-weight:bold
}
.sep {
	background:url(../gfx/separateur.gif) no-repeat 0px 0px;
	background-position :0px 60px;
	width:4px;
	height:91px;
	cursor:normal;
}
/* ----------------------
> GAUCHE
-------------------------*/

#conteneurMoteur {
	position:relative;
	margin:auto;
	width:1000px;
	height:1px;
}
#moteur {
	position:absolute;
	top:416px;
	*top:4px;
	left:1px;
	width:193px;
	height:251px;
	padding-top:50px;
	padding-left:35px;
	padding-right:25px;
}
#moteur label{
	display:block;
	font-weight:bold;
	margin-bottom:2px;
	font-size:13px;
}
#moteur p{
	margin-top:8px;
}
#searchModele{
	width:166px;
	border:solid 1px #cacaca;
}
#information{
	background:url(../gfx/informations.png) no-repeat 0 0;
	width:135px;height:57px;
	padding:77px 0px 0px 118px;
}
#alerte {
	margin-left:10px;
	width:175px;
	height:79px;
	color:#FFFFFF;
	background: url(../gfx/fondAlerte.png) no-repeat;
	font-size:17px;
	letter-spacing:1px;
	padding:30px;
}
#alerte a {
	margin-left:80px
}
/* ----------------------
> PETIT CADRE
-------------------------*/
.contenu1Petit {
	background: url(../gfx/contenu1a.png) no-repeat;
	height:25px;
	width:321px
}
.contenu2Petit .zoneContenu {
	background: url(../gfx/degrade.png) repeat-x bottom;
	min-height:181px;
	margin-left:12px;
	width:279px;
	padding : 0px 10px 0px 10px
}
.contenu2Petit {
	background: url(../gfx/contenu2a.png) repeat-y 1px;
	width:320px;
}
.contenu3Petit {
	background: url(../gfx/contenu3a.png) no-repeat;
	height:26px;
	width:321px
}
/* ----------------------
> CADRE MOYEN
-------------------------*/
.contenu1Moyen {
	background: url(../gfx/contenu1b.png) no-repeat;
	height:25px;
	width:658px
}
.contenu2Moyen .zoneContenu {
	background: url(../gfx/degrade.png) repeat-x bottom;
	min-height:181px;
	margin-left:11px;
	width:617px;
	padding : 0px 10px 0px 10px
}
.contenu2Moyen {
	background: url(../gfx/contenu2b.png) repeat-y 0px;
	width:658px;
}
.contenu3Moyen {
	background: url(../gfx/contenu3b.png) no-repeat;
	height:26px;
	width:658px
}
/* ----------------------
> GRAND CADRE
-------------------------*/
.contenu1Grand {
	background: url(../gfx/contenu1c.png) no-repeat;
	height:25px;
	width:736px
}
.contenu2Grand .zoneContenu {
	background: url(../gfx/degrade.png) repeat-x bottom;
	min-height:181px;
	margin-left:11px;
	width:694px;
	padding : 0px 10px 0px 10px
}
.contenu2Grand {
	background: url(../gfx/contenu2c.png) repeat-y ;
	width:736px;
}
.contenu3Grand {
	background: url(../gfx/contenu3c.png) no-repeat;
	height:26px;
	width:736px
}
/* ----------------------
> TYPE AFFICHAGE MODE 1
-------------------------*/
.mode1 {
	height:270px;
	width:290px;
	display:block;
	float:left;
	margin : 0px 10px 20px 40px
}
.mode1 .savoirPlus  {
	display:block;
	width:140px;
	margin-left:180px;
}
.mode1 .prix{
display:block;
font-weight:bold;
margin-top:5px;
float:left
}
/* ----------------------
> TYPE AFFICHAGE MODE 2
-------------------------*/
.mode2 {
	background: url(../gfx/fondMode2.png) no-repeat;
	height:151px;
	width:294px;
	display:block;
	float:left;
	padding:30px;
}
.mode2 img {
	float:left;
	margin-right:10px;
	cursor:pointer;
}
.mode2 .savoirPlus  {
	position:absolute;
	display:block;
	width:140px;
	margin-left:190px;
	margin-top:125px
}
.mode2 .prix{
font-weight:bold;
}
/* ----------------------
> TYPE AFFICHAGE MODE 3
-------------------------*/
.mode3 {
	background: url(../gfx/dashed.gif) repeat-x bottom;
	padding:10px 0px 10px 0px;
	min-height:70px;

}
.mode3 p{
width:480px;
margin-left:115px
}
.mode3 img {
	float:left;
	margin-right:10px;
	margin-left:10px;
	cursor:pointer;
}
.mode3 h2 {
	margin-left:110px
}
.mode3 .savoirPlus  {
	display:block;
	width:140px;
	margin-left:590px;
}
.mode3 .prix{
    font-weight:bold;
    test-align:right;
    float:right;
    display:block;
    margin-right:10px
}
/* ----------------------
> BLOC NAVIGATION
-------------------------*/
#navigation {
	background: url(../gfx/fondNav.png) no-repeat;
	height:67px;
	width:745px;
	padding-top:25px
}
#navigation table {
	margin-left:40px
}
#navigation a {
	text-decoration:none
}
.majuscule{
	text-transform:uppercase;
}

/* ----------------------
> PAGINATION
-------------------------*/
#pagination{
	padding:0px 20px 5px 0px;
	list-style:none;
	text-align:right;
}
#pagination li{
	font-weight:bold;
	display:inline;
}
#pagination a{
	display:inline-block;
	width:28px;height:20px;
	padding:8px 0px 0px 0px;
	background:url(../gfx/pagination-off.png) no-repeat 0 0;
	color:#CC0001;
	font-weight:bold;
	text-align:center;
}
#pagination a#paginationPrev{
	background:url(../gfx/pagination-prev.png) no-repeat 0 0;
}
#pagination a.paginationActive,#pagination a:hover{
	background:url(../gfx/pagination-on.png) no-repeat 0 0;
	color:#fff;
}
#pagination a#paginationNext{
	background:url(../gfx/pagination-next.png) no-repeat 0 0;
}


/* ----------------------
> CLEARFIX
-------------------------*/
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */