/* CSS Document */
* {margin:0; padding:0}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background: url(../images/fond-gauche.jpg) repeat-x #8ec7f2;
}
.blocGauche { 
      position: absolute;
  background-image: url(../images/fond-gauche.jpg);
  background-repeat:repeat-x;
    width: 50%;
    height: 800px;
    display: block;
    float: left;
    }
 
  .blocDroit {
  position: relative; 
  width: 50%;
    height:800px;
    display: block;
    background-image: url(../images/fond-droit.jpg);
	background-repeat:repeat-x;
    float: right;
    }
 
  .centre { 
  position: absolute;
    width: 1050px;
    display: block;
    z-index: 1;
    height: auto;
    float: right;
    left: 50%;
    margin-left: -525px;
    }
#bandeauLogo {
background:#FFFFFF;
width:1050px;
height:195px;
}	

#contenairMenu {
position:absolute;
width:1050px;
height:36px;
margin-top:146px;
margin-left:20px;
z-index:800;
}

	.menu ul {
	margin:0;
	padding:0;
	}		
	.menu li {
	background: url(../images/bouton.gif) 0 -37px;
	width:124px;
	height:36px;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	list-style:none;
	display:block;
	float:left;
	margin-left:2px;
	text-align:center;
	line-height:35px;
	}	
	.menu li a {
	background: url(../images/bouton.gif) 0 -37px;
	height:36px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	}	
	.menu li a:hover {
	display:block;
	background: url(../images/bouton.gif);
	color:#508EB7;
	}
	
	.actif {
	background: url(../images/bouton.gif) !important;
	color:#508EB7 !important;
	}
	
#sousMenu1 {
position:absolute;
background-color:#508EB7;
width:124px;
height:auto;
left:254px;
top:36px;
display:none;
z-index:1000;}	

#sousMenu2 {
position:absolute;
background-color:#508EB7;
width:124px;
height:auto;
left:380px;
top:36px;
display:none;
z-index:1000;}	

.sousmenu ul{
margin:0;
padding:0;
}
.sousmenu li{
list-style:none;
text-align:center;
color:#FFFFFF;
font-weight:bold;
line-height:25px;
border-top: #3D7A9B 1px dashed;}
.sousmenu li a{
text-decoration:none;
color:#FFFFFF;
}
.sousmenu li a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#72A5C1;
display:block;
}

#contenu {
position:relative;
float:left;
width:1020px;
height:auto;
padding:15px;}

#texteAnime {
text-align:center;
font-size: 18px;
font-weight:bold;
}

#recherche {
position:relative;
float:left;
margin-top:10px;
width:1000px;
height:160px;
padding:10px;
background:url(../images/fond-recherche.gif) no-repeat;
color:#00345E;
}

#rechRapide {
position:relative;
float:left;
width:550px;
height:auto;
padding:5px;}


#rechAvancee {
position:relative;
float:left;
width:390px;
margin-left:40px;
height:auto;
padding:5px;}


select {
color:#00345E;
width:180px;
}

.textarea {
width:150px;
font-size:12px;
color:#00345E;}

h1 {
font-size:18px;
font-weight:bold;
text-transform: uppercase;
margin:10px;
}

h2 {
font-size:21px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
font-style:italic;
margin:10px;
}

h2 a{
color:#FFFFFF;
text-decoration:none;
}

h3 {
margin:10px;
font-size:16px;
font-weight:bold;
color:#666666;
}

h2, h4 a:hover{
color:#FFFFFF;
text-decoration:none !important;
font-style:normal;
}

h4 {
font-size:21px;
font-weight:bold;
color:#FFFFFF;
font-style:italic;
padding:10px 10px 10px 50px;
}

h2, h4 a{
color:#FFFFFF;
text-decoration:none;
}


.chiffre {
font-size:24px !important;}

#resultat {
position:absolute;
margin-top : 135px;
margin-left:650px;
width:300px;
font-size:18px;
text-transform:uppercase;
color:#FFFFFF;
}

#milieu {
position:relative;
float:left;
margin-top:10px;
width:1020px;
height:auto;
}

#milieuGauche {
width:440px;
height:305px;
position:relative;
float:left;}

#milieuDroit {
position:relative;
float:left;
margin-left:10px;
width:570px;
height:305px;}



#partenaire {
position:relative;
float:left;
width:164px;
height:186px;
background:url(../images/haut-partenaires.gif) no-repeat;
padding-left:2px;
}

#garantie {
position:relative;
float:left;
width:264px;
margin-left:10px;
height:186px;
background:url(../images/haut-garantie.gif) no-repeat;
}

#fnaim {
width:262px;
height:130px;
margin-top:15px;
}

#recrutement  {
position:relative;
float:left;
clear:both;
width:440px;
height:117px;
margin-top:10px;
background:url(../images/recrutement.gif) no-repeat;
}

.textVert {
color:#B9C400;
}

.textVert a{
color:#B9C400;
text-decoration:none;
}
.textVert a:hover{
color:#B9C400;
text-decoration:underline;
}

#hautNouveaute {
width:570px;
height:47px;
background:url(../images/haut-nouveaute.gif) no-repeat;}

#nouveaute {
position:relative;
margin-left:1px;
width:567px;
height:222px;
float:left;
border-left: 1px solid #FF6600;
border-right: 1px solid #FF6600;
}

#photoNouveaute {
position:relative;
float:left;
width:270px;
height:200px;
border:3px solid #FF6600;
margin:6px;
}

#txtNouveaute {
position:relative;
float:left;
width: 260px;
height:150px;
color:#333333;
padding:5px;
text-align:justify;
}
#intituleAnnonce {
font-weight:bold;
margin-bottom:15px;}

#details {
position:relative;
float:left;
width:74px;
height:22px;
background:url(../images/fond-detail.gif) no-repeat;
margin-left:170px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding-left:22px;
padding-top:3px;
}

#details a{
color:#FFFFFF;
text-decoration:none;}
#details a:hover{
color:#FFFFFF;
text-decoration:underline;}

#alerte {
position:relative;
float:left;
width:570px;
height:43px;
background: url(../images/fond-alerte-email.gif) no-repeat;
font-style:italic;
color:#FFFFFF;}

#alerte a{
color:#FFFFFF;
text-decoration:none;}
#alerte a:hover{
color:#FFFFFF;
text-decoration:underline;}

#pied {
position:relative;
float:left;
clear:both;
width:1050px;
height:auto;
color:#FFFFFF;
margin-bottom:10px;
margin-top:5px;
text-align:center;
font-size:11px;
}

#pied a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;}

#pied a:hover {
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;}

#pied p{
margin-top:10px;}


/************************ Recomander à un ami ***************************/

  .popUp {
	border: 1px solid #508EB7;
	background:#FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	overflow: hidden;
	z-index:1000;
    }

  .contenuPopUp {
	overflow: hidden;
	width: auto;
	height: auto;
    }
	
	#formulaire {
background:url(../images/fond-recommander-ami.gif) no-repeat top;
width:402px;
height: auto;}

input {
font-size:11px;}

h5 {
font-size:18px;
font-weight:bold;
margin:10px;
color:#FFFFFF;
}

#contenuResultatBlanc {
margin-top:20px;
width:500px;
height:auto;}


#badge {
position:absolute;
width:100px;
height:100px;
z-index:100;
left:950px;
}