/*****************************/
/*     TOUTES LES OFFRES     */
/*****************************/
#contenu { background:#000; margin:5px 0; padding:0 0 10px 0; color:#fff; line-height:16px; font-size:11px;width:auto; }

#contenu img.titre { margin:47px 0 0 23px; }

ul.idTabs { list-style:none; margin:0; padding:0; width:100%; }
ul.idTabs li { margin:0; padding:0; }
ul.idTabs li a { display:block; margin:0; }
ul.idTabs li a .small { color:#42a90b; font-size:14px; font-weight:bold; }
ul.idTabs li a:hover, ul.idTabs li a.selected { text-decoration:none; }
ul.idTabs li a:hover .small, ul.idTabs li a.selected .small { color:#003055; font-size:14px; font-weight:bold; }

#offres { float:left; margin:35px 0 0 0; width:332px; }
#offres ul {}
#offres ul li { font-size:18px; line-height:24px; height:150px; }
#offres ul li a { background:url(/images/fr/common/fonds/fd_toutes_offres.gif) 0 0 no-repeat; color:#fff; height:118px; padding:32px 0 0 45px; }
#offres ul li a:hover, #offres ul li a.selected { background:url(/images/fr/common/fonds/fd_toutes_offres_on.gif) 0 0 no-repeat; }

#detail { background:#1c1c1c; float:left; margin:35px 0 0 0; padding:0; width:297px; }

/* Put a border around the newly clickable element */
.hot { 
	zoom: 1; /* Should be IE only */ 
}
/* rollover style for clickable element */
.hover { cursor: pointer; background:#43ad0a url(/images/fr/common/puces/fleche_blanche.gif) 280px center no-repeat; }

/* Some demo layout */
#links, #links2, #links3 {
	float:left;
	margin:0;
	width:297px;
	background:#74B406;
}
#links div.item, #links2 div.item, #links3 div.item { height:142px; padding:4px 0; width:297px; }

#links div.item img.affiche, #links2 div.item img.affiche, #links3 div.item img.affiche { display:inline; float:left; margin:0 0 0 15px; }
#links div.item div.text, #links2 div.item div.text, #links3 div.item div.text { display:inline; float:left; margin:0 0 0 12px; padding:12px 0 0 0; width:153px; }
#links div.item div.text h3, #links2 div.item div.text h3, #links3 div.item div.text h3 { color:#bdd544; font: normal 12px/20px "Trebuchet MS", Arial, sans-serif; margin:0; }
#links div.item div.text p, #links2 div.item div.text p, #links3 div.item div.text p { color:#fff; font: bold 12px/20px "Trebuchet MS", Arial, sans-serif; margin:0; }


#contact { float:left; height:445px; margin:35px 0 0 0; padding:5px 0 0 18px; width:294px; background:#fff;}
#contact h2 { color:#449dd7; font-size:18px; font-weight:normal; margin:0 0 20px 0; }
#contact div { color:#666; margin:0; }
#contact label { color:#666; display:block; float:left; margin:7px 0 0 0; width:80px; }
#contact input, #contact select, #contact textarea { float:left; margin:7px 0 0 0; width:180px; }
#contact input.submit {
	background:url(/images/fr/common/boutons/bt_contact.gif) 0 0 no-repeat; /* l'image de fond */
	border:none; /* pas de bordure au bouton sinon il y en a une par defaut */
	color:#449dd7; /* la couleur du texte */
	cursor:pointer; /* le curseur en forme de main */
	font-size:12px;
	font-weight:bold;/* les caractéristiques de la police de texte */
	height:24px; /* la hauteur de l'image de fond */
	line-height:24px;
	margin:10px 0 0 80px;
	padding:0;
	text-align:center;
	width:189px; /* la largeur de l'image de fond */
}

p.arbo { float:right; margin:5px 5px 0 0; color:#fff; }
p.arbo a { color:#fff; text-decoration:underline; }