/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, blockquote{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-weight:normal;}

fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

select option{padding:0 3px;}

ul li{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}

hr{display:none;}

#top{ display:none}
#bottom{ display:none}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page corpo-offres.html */ 
/*************************************************************************************************************************************************************************/
	/* liste evenements */
	div#liste_events{float:left; width:368px; padding:20px 0 0 21px; no-repeat right top;}
	
	div#scroll_events{float:left; width:363px; height:354px; display:none}
	
	div.bloc_liste{float:left; width:343px; padding-bottom:3px;}
	
	div.bloc_liste div.visuel{float:left; width:156px;}
	
	div.bloc_liste a.texte{float:left; width:160px; padding:0 5px 0 15px; line-height:12px; font-size:11px; text-decoration:none; color:#666; display:block; height:56px}
	
	div.bloc_liste a.texte strong{color:#333; text-transform:uppercase;}
	
	div.bloc_liste a.texte span{padding-left:11px; background:url(../images/bg-fleche.png) no-repeat 0px 2px; font-size:11px; color:#333; font-weight:bold;}
	
	div.bloc_liste a.texte:hover{background:url(../images/bg-liste-on.jpg) no-repeat right top; color:#fff;}
	div.bloc_liste a.texte:hover {color:#fff;}
	div.bloc_liste a.texte:hover strong{color:#fff;}
	div.bloc_liste a.texte:hover span{color:#fff;}
	
	div.bloc_liste a.texte_hover{float:left; width:160px; padding:0 5px 0 15px; line-height:12px; font-size:11px; text-decoration:none; background:url(../images/bg-liste-on.jpg) no-repeat right top; color:#fff; display:block; height:56px}
	div.bloc_liste a.texte_hover strong{color:#fff;}
	div.bloc_liste a.texte_hover span{color:#fff;}
	
	
	/* detail evenement */
	div#detail_event{float:left; width:582px; background-color:#FFF}
	
	div#detail_event div.texte{float:left; width:272px;  font-size:11px; line-height:14px; padding:19px 10px 0 10px;}/* padding:19px 20px 0 14px;*/
	
	div#detail_event div.texte strong{color:#333;}
	
	div#detail_event div.texte h1{ width:275px;padding:0; margin:0; float:left; height:70px}
	div#detail_event div.texte h1 img{ padding:0; margin:0;}
	div#detail_event div.texte h2{width:275px;font-size:18px; color:#007dc3; text-transform:uppercase; padding:0; margin:0; float:left; height:30px}
	div#detail_event div.texte div{ width:275px; height:242px;padding: 10px 0 0 0; margin:0; float:left}
	
	div#detail_event div.texte a.lk_bouton{margin-top:10px;}
	
	div#detail_event div.visuel{float:left; width:276px; padding-top:20px;}
	
	
	/*************************************************************************************************************************************************************************/

	/*************************************************************************************************************************************************************************/
	/* Bloc css de la page zoom */ 
	/*************************************************************************************************************************************************************************/
	
	div#zoom{ width:600px;  margin:15px; text-align:left; border:1px solid #666; display:block; float:left;}
	div#zoom .boxshadow{ width:180px}
	div#zoom h1{ width:600px; float:left; }
	div#zoom form{ width:590px; float:left; margin:5px; border-bottom:1px solid #999; padding-bottom:15px }
	div#zoom h2{ width:590px; float:left; margin:5px; border-bottom:1px solid #999; padding-bottom:15px; font-size:18px; }
	div#zoom .ligne_results{ width:153px; height:81px; float:left; border:1px solid #CCC; margin:6px 0px 6px 6px; display:block}