@charset "utf-8";
/* CSS Document */

/**********
HTML styles
**********/
#content_primary h1 { font-family: "Lucida Sans Unicode", Tahoma, Arial; font-size: 18px; color: #0094e0; font-weight: normal; padding: 10px 0 15px 0; background: url(../images/trait-bleu-long.gif) repeat-x; background-position:0 35px; }
#content_primary h1.nobg { float:left; width:450px; background: none; }
#content_primary .divh1 { float:left; width:650px; background: url(../images/trait-bleu-long.gif) repeat-x; background-position:0 35px; margin-bottom:15px; }
#content_primary h1.dock_icon { float:left; margin:2px 0 0 10px; width:420px; }
#content_primary h1.dock_iconclient { float:left;  margin:0px 0 0 5px; width:450px; }
#content_primary h1.dock_icon_large { float:left; margin:2px 0 0 10px; width:640px; }
#content_primary h2 { font-family: "Arial", Tahoma; font-size: 14px; color: #0094e0; font-weight: normal; padding: 10px 0 5px 0; }
#content_primary h2.orange { color: #aaa;font-weight: bold; margin:0px 0px 8px 0px; padding-left:38px;}
#content_primary h3 { font-family: "Arial", Tahoma; font-size: 12px; color: #333; font-weight: bold; padding: 10px 0 5px 0; }
#content_primary p { font-family: "Arial", Tahoma; font-size: 12px; color: #333; line-height: 18px; padding: 5px 0; }
#content_primary div.texte { font-family: "Arial", Tahoma; font-size: 12px; color: #333; line-height: 18px; padding: 5px 0; }
#content_primary p.italic { font-size: 10px; color: #333; font-style:italic; line-height:13px;}
#content_primary p.chapeau_orange { font-family: "Tahoma", Arial; color:#E46117; font-size:16px; line-height:24px; font-weight:bold; text-align:right; padding:10px 0 10px 0; }
#content_primary p.chapeau_vertz { font-family: "tahoma", Arial; color:#90cf06; font-size:16px; line-height:20px; font-weight:bold; text-align:right; padding:10px 0 10px 0; }
#content_primary p.chapeau_violet { font-family: "tahoma", Arial; color:#923488; font-size:16px; line-height:20px; font-weight:bold; text-align:right; padding:10px 0 10px 0; }
#content_primary p.chapeau_rouge { font-family: "tahoma", Arial; color:#c8001a; font-size:16px; line-height:20px; font-weight:bold; text-align:right; padding:10px 0 10px 0; }
#content_primary p.chapeau_jaune { font-family: "tahoma", Arial; color:#f5a301; font-size:16px; line-height:20px; font-weight:bold; text-align:right; padding:10px 0 10px 0; }
#content_primary p.chapeau_bleu{ font-family: "tahoma", Arial; color:#0094e0; font-size:16px; line-height:20px; font-weight:bold; text-align:right; padding:10px 0 10px 0; }
#content_secondary h1 {font-family: "Lucida Sans Unicode", Tahoma, Arial; font-size: 12px; color: #E46117; font-weight: normal; padding: 5px 0; margin: 0 0 5px 0; background: url(../images/trait-jaune-long.gif) no-repeat bottom left; }
#content_secondary p { font-family: "Arial", Tahoma; font-size: 10px; color: #666; line-height: 14px; padding: 5px 0; }
#content_secondary p.bienvenue { font-family: "Arial", Tahoma; font-size: 12px; color: #666; line-height: 15px; padding: 5px 0 10px 0; }
#content .actu h2 { font-family: "Arial", Tahoma; font-size: 14px; color: #0094e0; font-weight: normal; padding: 6px 0 0 0; }
#content .actu span, #content .actu_detail span { font-family: "Tahoma", Arial; font-size: 11px; color: #999; }
#content .actu_detail h1 { font-family: "Lucida Sans Unicode", Tahoma, Arial; font-size: 18px; color: #0094e0; font-weight: normal; padding: 10px 0 5px 0; margin:0 0 10px 0; background: url(../images/trait-bleu-long.gif) repeat-x bottom; }
#footer_content p { font-family: "Arial", Tahoma; font-size: 11px; color: #999; }
h3.footer_title1 { font-family: "Lucida Sans Unicode", Tahoma, Arial; font-size: 10px; color: #999; font-weight: normal; padding: 4px 0; }
h3.footer_title2 { font-family: "Lucida Sans Unicode", Tahoma, Arial; font-size: 10px; color: #999; font-weight: normal; padding: 6px 0; margin: 0 0 5px 0; background: url(../images/trait-gris-long.gif) no-repeat bottom left; }
#content_primary ul { padding:5px 0 5px 0; }
#content_primary ul li { padding:0 0 5px 10px; margin:0 0 0 20px; font-family:Arial,Tahoma; font-size:12px; line-height:14px; color:#333; }
#content_primary .expert{ float:right; margin:0px; padding:5px 0 0px 0; text-align:right; width:100px;  font-family: "Tahoma", Tahoma, Arial; font-size: 12px; color: #333333;}
#content_primary p.txtgris, #content_primary span.txtgris { color:#333; font-size:11px; font-weight:normal; }
.gras { font-weight:bold; }
#content_primary h2.txtgristitre { display:block; float:left; width:500px; height:22px; }


/****
Links
****/
#footer_content a { color:#666; text-decoration:none; }
#footer_content a:hover, #footer_content a:focus, #footer_content a:active { color:#333; text-decoration:underline; }
.link_blue1 { color:#0094E0; text-decoration:none; }
.link_blue1:hover, .link_blue1:focus, .link_blue1:active { text-decoration:underline; }
.link_blue2 { font-size:11px; font-family:"Tahoma", Arial; color:#0094E0; text-decoration:none; }
.link_blue2:hover, .link_blue1:focus, .link_blue1:active { text-decoration:underline; }
.link_gray1 { font-family:"Arial", Tahoma; font-size:10px; color:#999; text-decoration:none; }
.link_gray1:hover, .link_gray1:focus, .link_gray1:active { text-decoration:underline; }
.more_actu { display:block; float:right; font-family:"Tahoma", Arial; font-size:11px; color:#0094E0; text-decoration:none; }
.more_actu:hover, .more_actu:focus, .more_actu:active { text-decoration:underline; }
.link_blue_pdf { font-family:"Tahoma", Arial; font-size:11px; line-height:24px; text-decoration:none; color:#0094E0; padding:1px 0 5px 25px; background: url('../images/pdf-document.gif') no-repeat; }
.link_blue_pdf:hover, .link_blue_pdf:focus, .link_blue_pdf:active { text-decoration:underline; }


/*****
Images
*****/
img { border: none; }
.loading {margin:0 auto; width:100px;}
.img_txt_right { float:right; margin:10px 0 0 20px; }
.img_news1 { float:right; margin:0 0 0 10px;  position:relative; width:100px; height:100px; text-align:right; overflow:hidden; }
/*.img_news1 img { margin:0px 0 0 -75px; }*/
.img_news1 img { margin:-25px 0 0 -145px; }
.img_news1 span { width: 100px; height: 100px; display: block; position: absolute; top: 0px; left: 0; background: url('../images/round-corner.png') no-repeat;  }
.img_news2 { float:right; margin:5px 0 5px 20px; }

/***********
Navigation 2
***********/
#menu_2 li { display: block;  position:relative; float: left; line-height: 25px; height: 26px; list-style: none;  background: url(../images/fond-menu-2.jpg) no-repeat; }
#menu_2 li a { display: block;  float: left; font-size: 11px; font-family: "Lucida Sans Unicode", Tahoma, Arial; text-transform:uppercase; color: #fff; width:85px; text-align:center; height: 26px;  line-height: 25px; text-decoration: none; }
#menu_2 li a:hover, #menu_2 li a:focus, #menu_2 li a:active { background: url(../images/fond-menu-2-rollover.jpg) no-repeat; }
.end_menu_2 { width: 2px; background: url(../images/fond-fin-menu-2.jpg) no-repeat; }
.active { background: url(../images/fond-menu-2-rollover.jpg) no-repeat; }
.activeEspaceClient { background: url(../images/fond-menu-2-rollover-client.jpg) no-repeat; }
/* on surchage pour le menu de l'espace client*/
#menu_2 li a.menuEspaceClient:hover, #menu_2 li a.menuEspaceClient:focus, #menu_2 li a.menuEspaceClient:active { background: url(../images/fond-menu-2-rollover-client.jpg) no-repeat; }
#menu_2 li a.menuEspaceClient { width:100px; }

/****************
Navigation 2 sous-menu
****************/
#header .smenu { display: none; list-style: none; padding:0; position:absolute; left:0; top:26px; z-index:100; width:150px; background:#4C4B4C; }
#header .smenu li { float:none; margin:0; padding:0; }
#header .smenu li  a { padding:0px 0 0 12px; width:150px; height:25px; margin:0; display:block; float:none; text-transform:none; font-family:tahoma; font-size:11px; text-align:left; background:#4C4B4C; border-bottom:1px solid #616161; }
#header .smenu li  a:hover { background:#0093E0; }
#breadcrumbs { padding:5px 0 10px 15px; background: url('../images/maison-picto.gif') no-repeat; background-position:0 12px; }
#breadcrumbs a { text-decoration:none; color:#333; font-size:11px; font-family:Tahoma; }
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:hover { color:#0094E0; }


/****************
Navigation 3 sous-menu
****************/

#content_primary #menu_3 { list-style:none; margin:15px 0 0 0; padding:0; width:200px;}
#content_primary #menu_3 li { padding:0; margin: 0; }
#content_primary #menu_3 li a { margin:0; font-size:11px; color:#0094E0; text-decoration:none; display:block; width:100%; padding:6px 5px 6px 10px; background:#fff; border-bottom:1px dashed #ddd; }
#content_primary #menu_3 li a:hover, #content_primary #menu_3 li a:focus, #content_primary #menu_3 li a:active, #content_primary #menu_3 li a.active { background:#f2f2f2; }

#content_primary #menu_4 { list-style:none; margin:15px 0 0 0; padding:0; width:215px; }
#content_primary #menu_4 li { padding:0; margin:0;  border-bottom:1px dashed #ddd; }
#content_primary #menu_4 li a { color:#0094E0; font-size:11px; padding:6px 5px 6px 10px; text-decoration:none;display:block; background:#fff; }
#content_primary #menu_4 li a:hover, #content_primary #menu_4 li a:focus, #content_primary #menu_4 li a:active, #content_primary #menu_4 li a.active { background:#f2f2f2; }

#content_primary #menu_4 .ssmenu { background:#fAfAfA; padding:0 0 5px 0; list-style:none; }
#content_primary #menu_4 .ssmenu li { border-bottom:0px; background:#fAfAfA;  padding:0px; margin:0px;  height:18px;  }
#content_primary #menu_4 .ssmenu li a { padding:5px 5px 0px 20px; color:#0094E0; background:#fAfAfA url('../images/puce-fleche-bleue-clair.gif') no-repeat; background-position:12px 9px; margin:0px; display:block; }
#content_primary #menu_4 .ssmenu li a:hover, #content_primary #menu_4 .ssmenu li a.active { color:#83cbf1; background:#fAfAfA url('../images/puce-fleche-bleue-clair.gif') no-repeat; background-position:12px 9px;  }

/****************
page d'accueil
****************/
#dock_fcnet { width:730px; padding:0px; margin:0px; }
#zentransfert { display:block; margin:0 0 0 5px; width:190px; border-top : 1px solid #f97124; border-bottom : 1px solid #f97124; }
#zentransfert_anim { width:190px; height:115px;  }
a#micronora_2010 { display:block; width:730px; height:90px; background:url('../images/fcnet-micronora-2010.jpg') no-repeat; }
a#micronora_2010 img { display:block; float:right; }
#contact_menu_droite .line { margin:0 0 0 20px; height:40px; }
#contact_menu_droite .line img { display:block; float:left;	margin:3px 0 0px 0; }
#contact_menu_droite .line p { display:block; float:left;	font-size:11px; margin: 0 0 0 8px; }

/**************
Forms & buttons
**************/
#search_txt { float:left; vertical-align:top; padding:3px; margin:0 5px 0 0; font-size:11px; font-family:"Tahoma", Arial; color: #666; border:#eee 1px solid; width:142px; position:relative; z-index:1; }
#search_btn { float:left; vertical-align:top; margin:0 10px 0 0; font-size:9px; font-family:"Tahoma", Arial; font-weight:bold; position:relative; z-index:1; } 
.form_btn { float:right; margin:3px 0; font-size:9px; font-family:"Tahoma", Arial; font-weight:bold; }
.input_left { float:left; display:block; border:1px solid #ddd;  width:135px; margin:3px 0 0 0; padding:3px; font-family:"Tahoma", Arial; font-size:11px; color:#666; }
.label_left { float:left; display:block; text-align:right; width:70px; padding:6px 0 3px 0; font-family:"Tahoma", Arial; font-size:10px; color:#666; }
.input_txt { border:1px solid #ddd; margin:3px 0 0 0; padding:3px; font-family:"Arial", Tahoma; font-size:12px; color:#666; }
.label_txt { padding:6px 0 3px 0; font-family:"Arial", Tahoma; font-size:12px; color:#666; }
.input_long200 { width:200px;}
fieldset { border:0; }
.input_checkbox{margin-top:8px;}
#content_secondary .erreur{ font-size:11px;color:#c00f1d; background:#fee3e5; padding:3px 3px 3px 5px; margin:3px 0 0 0; }
#content_secondary .confirmation { font-size:11px;color:#2d830b; background:#def2d7; padding:3px 3px 3px 5px; margin:3px 0 0 0;}

#content_primary .erreur p, #content_primary .erreur {font-size:12px; color:#c00f1d; background:#fee3e5; padding:5px; margin-top:10px;}
#content_primary .confirmation {font-size:12px; color:#2d830b; background:#def2d7; padding:5px; margin-top:10px;}

/**************
Contact form
**************/
#formulaire {width:430px;}
#formulaire_debit {width:550px;}
#formulaire legend, #formulaire_debit legend {font-family: "Arial", Tahoma; font-size: 14px; color: #0094e0; font-weight: normal; padding: 0px 5px; margin: 0 0 5px 0;}
#formulaire fieldset, #formulaire_debit fieldset {margin:20px 0 0 0; padding:5px 20px 15px 20px; clear:both; border:1px solid #eee; }
#formulaire label { float:left; display:block; text-align:right; width:110px; padding:4px 0 3px 0; margin:0 3px 0 0; font-family:"Arial", Tahoma; font-size:12px; color:#333;}
#formulaire_debit label { float:left; display:block; text-align:right; width:195px; padding:4px 0 3px 0; margin:0 3px 0 0; font-family:"Arial", Tahoma; font-size:12px; color:#333;}
#formulaire .contact_txt, #formulaire_debit .contact_txt {display:block; border:1px solid #ccc; color:#666666; width:250px; margin:3px 3px 0 1px; padding:3px; font-family:"Arial", Tahoma; font-size:12px;}
#formulaire .status {font-style:normal; width:252px; height:15px; padding:3px 3px 3px 5px; margin:5px 0 6px 113px; font-family:"Arial", Tahoma; font-size:12px; color:#c00f1d; background:#fee3e5;}
#formulaire #req_fields {display:block; color:#999; font-family:"Arial", Tahoma; font-size:12px; font-style:normal; width:150px; margin:0 0 0 285px;}
#formulaire_debit #req_fields {display:block; color:#999; font-family:"Arial", Tahoma; font-size:12px; font-style:normal; width:150px; margin:0 0 0 350px;}
.contact_btn { float:left; margin:3px 0 0 335px; font-size:9px; font-family:"Arial", Tahoma; font-weight:bold; }
.contact_btn2{ float:left; margin:20px 0 0 420px; font-size:9px; font-family:"Arial", Tahoma; font-weight:bold; }
#formulaire .plus_large {width:258px;}
#encart_contact { width:272px; height:207px; background:url('../images/fond-encart-contact.jpg') no-repeat; }
#encart_contact p { padding:20px 0 7px 70px;  } 

/**************
Plan site
**************/
#plan_site {font-family: "Arial", Tahoma; font-size: 11px; list-style: none; margin: 10px 0;}
#plan_site li a {margin: 5px 0 5px 0; background:url(../images/fleche_bleue.gif) no-repeat 0 4px; padding-left:17px;}
#plan_site ul {list-style: none; margin-left:0px;}

/************
Google map
************/
#map_container { clear: both; padding: 5px; margin: 10px 0; background: #eee; }
#map { width: 480px; height: 400px; }
#map_directions { width: 480px; font-family:Tahoma; font-size:10px; color: #666; }
#depart_btn { margin: 3px 0 0 5px; } 

/************
Recherche
************/
#recherche {padding:10px 10px 10px 10px; background-color:#f2f2f2; margin-top:10px;}
#recherche label {font-family:Arial, Tahoma; color:#333;}
.champrecherche_txt {border:1px solid #CCC; color:#333; width:250px; font-family:Arial, Tahoma; margin:0 0 2px 10px; padding:1px 1px 1px 3px; font-size: 80%; vertical-align: middle;}
.rech_btn {margin-left:10px; vertical-align: middle;}
#resultats iframe {width:730px; height:900px;}
#frame_resultat { text-align:left; background:#fff;}
#frame_resultat .bloc_texte  {font-family:Arial, Tahoma, sans-serif; font-size:12px; line-height:16px; padding:15px 0 10px 0; border-bottom:1px dashed #CCC;}
#frame_resultat a { font-weight:bold; font-size:13px; color:#333; text-decoration:none;}
#frame_resultat a:hover { text-decoration:underline;}
#frame_resultat .barnav {width:730px; text-align:center; padding:5px 0 0 0 ; font-size:13px;}

/************
Tableaux
************/
#content_primary.content_primary_full table, #content_primary table{ width:100%;padding:0;margin:0;font-size:12px; font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;}

#content_primary.content_primary_full tr.odd{background-color:#ccc;}
#content_primary.content_primary_full th, #content_primary th{	font: bold 12px "Tahoma", Verdana, Arial, Helvetica, sans-serif; color: #333; border: 1px solid #e4e4e4;	 padding: 6px 6px 6px 12px; background:#e4e4e4;}
#content_primary.content_primary_full th.center {text-align:center;}

#content_primary.content_primary_full th.nobg {	border-top: 0; border-left: 0; border-right:0; background: none; }

#content_primary.content_primary_full td,  #content_primary td{border-right: 1px solid #e4e4e4;border-bottom: 1px dashed #e4e4e4;	padding: 4px 6px 4px 12px;color: #333; height:30px;}
#content_primary #map td { border:0px; padding:0px;}

#content_primary.content_primary_full tr.odd {background: #f2f2f2;color: #797268;}

#content_primary.content_primary_full td.spec, #content_primary.content_primary_full th.spec {border-left: 1px solid #e4e4e4;border-top: 0;}

#content_primary.content_primary_full td.noborder, #content_primary.content_primary_full th.noborder,#content_primary td.noborder {border:0px;}

#content_primary.content_primary_full td.w50, #content_primary.content_primary_full th.w50{width:50%;}
#content_primary.content_primary_full th.paddingL6 { padding: 0 0 0 6px; }


/************
Connexion console client
************/
#connexion_client { background:url('../images/client-encart-fond.jpg') repeat-y; width:400px; margin:0 auto; }
#connexion_client_content { padding:0 20px 0 20px;}
#connexion_client h2 { padding:0 0 10px 0; }
#connexion_client img { border:0px; display:block; }
#connexion_client .label_left { float:left; width:115px; font-size:12px; color:#333; padding-right:5px; }
#connexion_client .input_left { width:200px; font-size:12px; color:#333; }
#connexion_client fieldset.btns { width:208px; padding: 5px 0 0 120px; }
#connexion_client .submit_btn { float:right; }
#mdp_oublie { font-size:11px; font-family:Arial, Tahoma; display:block; float:left; margin:5px 0 0 0; }
#mdp_oublie2 { font-size:11px; font-family:Arial, Tahoma; display:block; float:left; margin:0px 0 0px 2px; }


/************
Console client
************/
.barreespace { float:left; border:1px solid #e4e4e4; width:150px; height:10px; margin-top:3px; padding:5px; background: url('../images/fond-barre-espace.jpg') no-repeat; }
.encart_gris { background:#f2f2f2; padding:0 15px; }
.encart_rose { background:#ffd2e5; padding:0 15px; }
.encart_vert { background:#c6e69d; padding:0 15px; }
.bordure_grise { border:1px solid #ccc; color:#333; margin:3px 3px 0 1px; padding:2px; font-family:"Arial", Tahoma; font-size:12px; }
.lecture_seule { border:1px solid #ccc; color:#666; background:#ccc; margin:3px 3px 0 1px; padding:2px; font-family:"Arial", Tahoma; font-size:12px; }
.lien_ajouter { background:url('../images/ajouter.gif') no-repeat; display:block; padding:4px 0 6px 30px; margin:10px 0px 0px 0px; color:#0094E0; text-decoration:none; font-family:Tahoma; font-size:12px; }
.lien_ajouter:hover, .lien_ajouter:focus, .lien_ajouter:active { background:url('../images/ajouter-over.gif') no-repeat; text-decoration:underline; }
div.bloc_module_client { width:220px; float:left; margin-right:15px; margin-bottom:10px; }
div.bloc_module_client img { float:left; margin-right:8px; } 
div.bloc_module_client a { color:#0094E0; text-decoration:none; font-family:Tahoma; font-size:12px; }
div.bloc_module_client a:hover, div.bloc_module_client a:focus, div.bloc_module_client a:active { text-decoration:underline; }
#content_primary div.bloc_module_client p { font-size:11px; line-height:14px;  }


/************
References web
************/
.encart_ref {
	position:relative;
	display:block;
	float:left;
	width:232px;
	height:197px;
	cursor:pointer;
	margin:10px 4px 0 0;
}
.encart_ref .new {
	position:absolute;
	left:154px;
	top:0px;
	width:78px;
	height:78px;
	background:url('../images/references_web/nouveau.png') no-repeat;
}
.encart_ref .voir {
	position:absolute;
	left:9px;
	top:135px;
	width:215px;
	height:33px;
	background:url('../images/references_web/normal-voir.png') no-repeat;
}
.encart_ref a {
	display:block;
	width:232px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#666666;
	text-decoration:none;
}
.encart_ref a:hover, .encart_ref a.selected {
	color:#0094e0;
}
.dnone { display:none; }
.detail_ref {
	margin:10px 0 0 0;
}
.detail_ref a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
.detail_ref_visuel {
	position:relative;
	display:block;
	width:710px;
	height:400px;
	z-index:110;
}

.cadre_detail {
	position:absolute;
	top:0px;
	left:0px;
	width:710px;
	height:400px;
	z-index:100;
	background: url('../images/references_web/cadre_detail.png') no-repeat;
}

.detail_ref_detail {
	display:block;
	width:660px;
	float:left;
}
.detail_ref_detail a {
	font-weight:normal;
	color:#0094E0; text-decoration:none;
}
.detail_ref_detail a:hover {
	text-decoration:underline;
}
.autres_ref {	
	margin:10px 0 0 0;
}
.encart_autres_ref {
	position:relative;
	float:left;
	width:51px;
	height:51px;
	margin:0 10px 0 0;
}
.autres_ref h3 {
	margin:0 0 5px 5px;
}
.encart_autres_ref .voir {
	position:absolute;
	cursor:pointer;
	left:5px;
	top:5px;
	width:45px;
	height:45px;
	background:url('../images/references_web/min-voir.png') no-repeat;
}
.col_detail_proj {
	display:block;
	float:left;
	width:350px;
	margin:0 0 0 5px;
}
.col_presta {
	display:block;
	float:left;
	width:230px;
	margin:0 0 0 40px;
}
html #content_primary .col_detail_proj h2, html #content_primary .col_presta h2 {
	padding-top:0px;
}
.col_nav_lien {
	display:block;
	width:155px;
	float:right;
}
.col_presta .lien_voir_site {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0094e0;
	text-decoration:none;
	margin:25px 5px 0 0;
	padding:0 12px 0 0;
	background:url('../images/references_web/double-fleche.gif') no-repeat right;
}
.lien_voir_site:hover {
	text-decoration:underline;
}
.prev {
	position:absolute;
	left:5px;
	top:5px;
	width:355px;
	height:400px;
	z-index:110;
	background: url('../images/references_web/prev.png') no-repeat;
	text-decoration:none;
}

.detail_ref_visuel .prevzone {
	position:absolute;
	left:0px;
	top:0px;
	width:355px;
	height:400px;
	background:none;
	z-index:100;
	cursor:pointer;
	background: url('../images/references_web/cadre_left.png') no-repeat;
}
html .next { 
	position:absolute;
	right:4px;
	top:5px;
	width:355px;
	height:390px;
	z-index:110;
	text-decoration:none;
	background: url('../images/references_web/next.png') no-repeat right;
}

.detail_ref_visuel .nextzone {
	position:absolute;
	right:0px;
	top:0px;
	width:355px;
	height:400px;
	background:none;
	z-index:100;
	cursor:pointer;
	background: url('../images/references_web/cadre_right.png') no-repeat;
}
.titreRef{
	display:block;
	float:left;
	width:500px;
}
#autres_ref {
	position:relative;
	z-index:200;
}
a#lien_autres_ref {
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	padding:5px 0 5px 12px;
	background:url('../images/references_web/puce-droite.gif') no-repeat;
	background-position:0px 9px;
}
a#lien_autres_ref.fleche_droite {
	background:url('../images/references_web/puce-droite.gif') no-repeat;
	background-position:0px 9px;
}
a#lien_autres_ref.fleche_bas {
	background:url('../images/references_web/puce-bas.gif') no-repeat;
	background-position:0px 10px;
}
#liste_autres_ref_encart {
	position:absolute;
	top:-23px;
	right:0px;
	display:none;
	background:#444;
	z-index:200;
	/*width:450px;*/
}
#liste_autres_ref_encart .images {
	float:left;
	width:232px;
	height:177px;
	background:#444;
	display:none;
}
.images_cadre {
	position:absolute;
	width:232px;
	height:177px;
	z-index:15;
	background:url('../images/references_web/cadre_liste.png') no-repeat;
}
#liste_autres_ref {
	float:left;
	width:200px;
	list-style:none;
}
html #liste_autres_ref li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:200px;
	height:20px;
}
html #liste_autres_ref li.marginT10 {
	margin-top:10px;
}
html #liste_autres_ref li a {
	display:block;
	float:left;
	margin:0; 
	padding:0 10px 0 0px;
	text-align:right;
	width:190px;
	height:20px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#liste_autres_ref li a:hover {
	background:#555;
}

.image_carousel {
	position: relative;
	height:400px;
	width:710px;
	z-index:90;
}
.image_carousel img {
	width:710px;
	display: block;
	float: left;
}
.pagination {
	display:block;
	float:right;
	text-align: center;
}
.pagination a {
	margin: 5px 10px 0 0;
	display: inline-block;
	width:12px;
	height:12px;
	background:url('../images/references_web/navigation.gif') no-repeat;
}
.pagination a.selected {
	background-position: 0px -12px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}