/**
 *
 * PROJET : Diabolocom
 *
 * Intégration xhtml/css : Kevin Magne
 *
 * @copyright Copyright (c) 2009, Agence Soon - http://www.agence-soon.fr
 * @Author kevin.magne@agence-soon.fr
 *
**/

	html { overflow:auto; }
	body { background:#2b2b2b url(../images/gradients/body.gif) left top repeat-x; color:#4b4a4d; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	* { margin:0; padding:0; border:none; outline:none; text-decoration:none; list-style-type:none; resize:none; }
	
	/* Styles récurrents */
	.f_left { float:left; display:block; }
	.f_right { float:right; display:block; }
	.clear { clear:both; width:100%; height:1px; line-height:0px; }
	.valign { vertical-align:middle; }
	
/*
 * TYPOGRAPHIE
 * Propriétés de l'ensemble des textes présents sur le site
*/

	a { color:#4b4a4d; }
	a:hover { color:#6b6a6c; }

	/* Hn */
	h1 { float:left; color:#737373; font-size:11px; font-weight:normal; } /* Texte servant au référencement en haut du site */
	h1.title_actualite { float:none; color:#9e0031; font-size:15px; font-weight:bold; margin-bottom:3px; } /* Titre des actualités */
	h1.title_actualite a { color:#9e0031; font-size:15px; font-weight:bold; } 
	h1.title_interne { float:none; color:#aa072a; font-size:17px; font-weight:bold; margin-bottom:7px; }
	h2.titre, h2.titre a { border-bottom:2px solid #e7e7e8; color:#aa072a; font-size:13px; font-weight:bold; margin-top:20px; margin-bottom:14px; padding-bottom:5px; }
	h2.actualites { float:left; background:url(../images/texte-fr/actualites.png) left top no-repeat; width:74px; height:14px; text-indent:-9999px; color:#aa072a; font-size:16px; font-weight:normal; }
	h2.nos_clients { float:left; background:url(../images/texte-fr/nos-clients.png) left top no-repeat; width:113px; height:13px; text-indent:-9999px; color:#FFF; font-size:16px; font-weight:normal; }
	h2.une_question { float:left; background:url(../images/texte-fr/une-question.png) left top no-repeat; width:121px; height:31px; text-indent:-9999px; color:#FFF; font-size:16px; font-weight:normal; margin-bottom:5px; }
	h2.nos_partenaires { background:url(../images/texte-fr/nos-partenaires.png) left top no-repeat; width:114px; height:15px; text-indent:-9999px; color:#4b4a4d; font-size:16px; font-weight:normal; margin-bottom:12px; }
	h2.contactez_nous { background:url(../images/texte-fr/contactez-nous.png) left top no-repeat; width:113px; height:13px; text-indent:-9999px; color:#c6c6c6; font-size:16px; font-weight:normal; margin-bottom:10px; }
	h3 { color:#9e0031; font-size:13px; font-weight:bold; } /* Titre des remontées d'actualités */
	h3.title_reference { color:#4b4a4d; font-size:17px; font-weight:bold; width:526px; *margin-top:-60px; *margin-left:160px; } /* Titre des références */
	h6 { color:#4b4a4d; font-size:14px; font-weight:bold; }
	
	/* Color */
	.grey_404040 { color:#404040; }
	.red { color:#aa072a; }
	
	/* Propriétés des différents textes du site */
	.title_h2 { color:#4b4a4d; font-size:18px; font-weight:bold; } /* Title des pages internes */
	.content_footer { color:#FFF; font-size:12px; font-weight:bold; }
	.txt_telecharger { display:block; position:absolute; top:18px; left:12px; color:#aa072a; font-size:18px; font-weight:bold; }
	.txt_nos { display:block; position:absolute; top:44px; left:23px; color:#4b4a4d; font-size:12px; font-weight:bold; }
	.txt_plaquettes { display:block; position:absolute; top:39px; left:49px; color:#4b4a4d; font-size:19px; font-weight:bold; }
	.txt_telecharger2 { display:block; position:absolute; top:14px; left:78px; color:#aa072a; font-size:15px; font-weight:bold; }
	.txt_nos2 { display:block; position:absolute; top:38px; left:88px; color:#4b4a4d; font-size:10px; font-weight:bold; }
	.txt_plaquettes2 { display:block; position:absolute; top:32px; left:110px; color:#4b4a4d; font-size:17px; font-weight:bold; }
	.bloc_actus .date { color:#9e0031; font-size:11px; }
	.envoyer_numero input { color:#b8b8b8; font-size:11px; }
	#validation_numero, #validation_numero2 { color:#fdfdfd; font-size:11px; }
	.bloc_contact .coordonnees { color:#fdfdfd; font-size:12px; font-weight:normal; }
	.contenu_page_interne p { line-height:19px; }
	.form_perso_documentation .name_form, .form_perso .name_form { float:left; width:80px; height:33px; color:#807f81; font-size:12px; padding-top:5px; }
	.form_complement .name_form { display:block; color:#807f81; font-size:12px; padding-top:11px; margin-bottom:16px; }
	.form_perso_documentation li .champs_obligatoires, .form_complement li .champs_obligatoires { color:#4b4a4d; font-size:11px; font-style:italic; }
	.list_adresse { color:#4b4a4d; font-size:12px; }
	.list_coordonnees .name_coordonnees { color:#807f81; font-size:12px; }
	.list_coordonnees .ouverture { float:left; color:#807f81; font-size:11px; margin-top:3px; }
	.form_valid p { color:#3a8e0d; font-size:12px; padding-top:10px; }
	.detail { display:block; background:url(../images/icons/pdf.png) left 50% no-repeat; color:#636264; font-size:12px; padding-left:22px; height:17px; padding-top:3px; margin-bottom:5px; }
	.baseline_reference, .baseline_reference a { color:#aa072a; font-size:12px; *margin-left:160px; }
	.check_list li { background:url(../images/icons/check-list.gif) left 4px no-repeat; color:#4b4a4d; font-size:10px; line-height:18px; padding-left:14px; }
	.existe_plus { font-weight:bold; }
	
	/* Propriétés des différents liens du site */
	.version, .version a { color:#737373; font-size:11px; }
	.nav a { color:#fdfdfd; font-size:13px; font-weight:bold; padding-top:13px; }
	.content_footer a { color:#888888; font-size:12px; font-weight:normal; text-decoration:underline; }
	.content_footer a:hover { color:#a3a3a3; }
	.content_corporate, .content_corporate a { color:#888888; font-size:12px; }
	.content_corporate a:hover { color:#b1b1b1; }
	.link_toutes_actualites a { background:url(../images/icons/arrow-red.png) right 3px no-repeat; color:#9e0031; font-size:11px; padding-right:14px; }
	.link_toutes_actualites a:hover { text-decoration:underline; }
	.bloc_actus .communique a { color:#4b4a4d; font-size:11px; }
	.bloc_actus .communique a:hover { color:#696969; }
	.clients .bottom a { background:url(../images/icons/arrow-pink.png) right 3px no-repeat; color:#fdfdfd; font-size:11px; font-weight:bold; padding-right:14px; }
	.clients .bottom a:hover { text-decoration:underline; }
	.envoyer_numero .ok a { color:#FFF; }
	.envoyer_message a { background:url(../images/icons/enveloppe.gif) left 50% no-repeat; color:#fdfdfd; font-size:12px; font-weight:normal; padding-left:29px; }
	.envoyer_message a:hover { color:#FFF; }
	.fil_ariane, .fil_ariane a { color:#4b4a4d; font-size:11px; }
	.fil_ariane .page_actuelle { font-weight:bold; }
	.sous_menu_sidebar li a { background:url(../images/icons/arrow-grey.png) left 3px no-repeat; color:#4b4a4d; font-size:12px; padding-left:17px; }
	.sous_menu_sidebar li a.actif { color:#aa072a; font-size:12px; font-weight:bold; }
	.option_article2 a.voir { float:right; display:block; background:#FFF; height:17px; color:#aa072a; font-size:12px; font-weight:bold; padding:3px 0 0 15px; }
	.option_article a.download_pdf { float:right; display:block; background:#FFF url(../images/icons/pdf.png) right 50% no-repeat; height:17px; padding:0 24px 0 15px; color:#aa072a; font-size:12px; font-weight:bold;  }
	.contenu_bloc_sidebar .img_ref { float:left; margin-bottom:-3px; }
	.postulation a { color:#aa072a; }
	.liste_simple3 li a { color:#6B6A6C; }
	.liste_simple3 li a:hover { color:#7f7e80; }
	.voir_partenaires a:hover { text-decoration:underline; }
	
/*
 * STRUCTURE DU SITE
 * Structure générale du site
*/

	.global { width:960px; margin:0 auto; }
	.general { background:#FFF url(../images/gradients/general.gif) left top repeat-x; width:100%; padding-bottom:5px; }

	/* Top */
	.top_referencement { width:100%; height:27px; }
	.content_top_referencement { width:928px; height:21px; margin:0 auto; padding:6px 15px 0 17px; }
	.version { float:right; }
	.version img { padding-left:6px; }
	
	/* Header */
	.header { background:url(../images/gradients/header.gif) left top repeat-x; width:940px; height:88px; padding:0 10px; }
	.logo { float:left; width:354px; height:88px; }
	.slogan { float:right; width:533px; height:88px; }
	
	/* Barre de navigation */
	.barre_navigation { position:relative; z-index:50; width:940px; height:42px; padding:0 10px; }
	.barre_navigation .tl { position:absolute; z-index:2000; top:0; left:10px; background:url(../images/corners/tl-nvb.png) left top no-repeat; width:8px; height:8px; }
	.barre_navigation .tr { position:absolute; z-index:2000; top:0; right:10px; background:url(../images/corners/tr-nvb.png) right top no-repeat; width:8px; height:8px; }
	.barre_navigation .bl { position:absolute; z-index:2000; bottom:0; left:10px; background:url(../images/corners/bl-nvb.png) left bottom no-repeat; width:8px; height:8px; }
	.barre_navigation .br { position:absolute; z-index:2000; bottom:0; right:10px; background:url(../images/corners/br-nvb.png) right bottom no-repeat; width:8px; height:8px; }
	
	.nav { position:relative; background:url(../images/gradients/navbar.png) no-repeat; width:940px; height:42px; }
	.nav li { display:inline; text-align:center; }
	.nav li a:link, .nav li a:visited { position:absolute; top:0; height:29px; overflow: hidden; z-index:1000; text-align:center; }
	
	.nav .nvb_accueil a.bt_nav { left:0; width:100px; }
	.nav .nvb_accueil a:hover, .nav .nvb_accueil a:focus { background:url(../images/gradients/navbar.png) left -42px no-repeat; }
	.current-nvb_accueil .nvb_accueil a:link, .current-nvb_accueil .nvb_accueil a:visited { background:url(../images/gradients/navbar.png) left bottom no-repeat; cursor:pointer; }
	.nav-nvb_accueil, .nav-nvb_accueil-click { position:absolute; top:0; left:0; width:100px; height:42px; background:url(../images/gradients/navbar.png) left -42px no-repeat; }
	.nav-nvb_accueil-click { background:url(../images/gradients/navbar.png) left -42px no-repeat; }
	
	.nav .nvb_societe a.bt_nav { left:102px; width:98px; }
	.nav .nvb_societe a:hover, .nav .nvb_societe a:focus { background:url(../images/gradients/navbar.png) -102px -42px no-repeat; }
	.current-nvb_societe .nvb_societe a:link, .current-nvb_societe .nvb_societe a:visited { background:url(../images/gradients/navbar.png) -102px bottom no-repeat; cursor:pointer; }
	.nav-nvb_societe, .nav-nvb_societe-click { position:absolute; top:0; left:102px; width:98px; height:42px; background:url(../images/gradients/navbar.png) -102px -42px no-repeat; }
	.nav-nvb_societe-click { background:url(../images/gradients/navbar.png) -102px -42px no-repeat; }
	
	.nav .nvb_actualites a.bt_nav { left:202px; width:118px; }
	.nav .nvb_actualites a:hover, .nav .nvb_actualites a:focus { background:url(../images/gradients/navbar.png) -202px -42px no-repeat; }
	.current-nvb_actualites .nvb_actualites a:link, .current-nvb_actualites .nvb_actualites a:visited { background:url(../images/gradients/navbar.png) -202px bottom no-repeat; cursor:pointer; }
	.nav-nvb_actualites, .nav-nvb_actualites-click { position:absolute; top:0; left:202px; width:118px; height:42px; background:url(../images/gradients/navbar.png) -202px -42px no-repeat; }
	.nav-nvb_actualites-click { background:url(../images/gradients/navbar.png) -202px -42px no-repeat; }
	
	.nav .nvb_offres a.bt_nav { left:320px; width:152px; }
	.nav .nvb_offres a:hover, .nav .nvb_offres a:focus { background:url(../images/gradients/navbar.png) -320px -42px no-repeat; }
	.current-nvb_offres .nvb_offres a:link, .current-nvb_offres .nvb_offres a:visited { background:url(../images/gradients/navbar.png) -320px bottom no-repeat; cursor:pointer; }
	.nav-nvb_offres, .nav-nvb_offres-click { position:absolute; top:0; left:320px; width:152px; height:42px; background:url(../images/gradients/navbar.png) -320px -42px no-repeat; }
	.nav-nvb_offres-click { background:url(../images/gradients/navbar.png) -320px -42px no-repeat; }
	
	.nav .nvb_besoins a.bt_nav { left:472px; width:143px; }
	.nav .nvb_besoins a:hover, .nav .nvb_besoins a:focus { background:url(../images/gradients/navbar.png) -472px -42px no-repeat; }
	.current-nvb_besoins .nvb_besoins a:link, .current-nvb_besoins .nvb_besoins a:visited { background:url(../images/gradients/navbar.png) -472px bottom no-repeat; cursor:pointer; }
	.nav-nvb_besoins, .nav-nvb_besoins-click { position:absolute; top:0; left:472px; width:143px; height:42px; background:url(../images/gradients/navbar.png) -472px -42px no-repeat; }
	.nav-nvb_besoins-click { background:url(../images/gradients/navbar.png) -472px -42px no-repeat; }
	
	.nav .nvb_references a.bt_nav { left:615px; width:167px; }
	.nav .nvb_references a:hover, .nav .nvb_references a:focus { background:url(../images/gradients/navbar.png) -615px -42px no-repeat; }
	.current-nvb_references .nvb_references a:link, .current-nvb_references .nvb_references a:visited { background:url(../images/gradients/navbar.png) -615px bottom no-repeat; cursor:pointer; }
	.nav-nvb_references, .nav-nvb_references-click { position:absolute; top:0; left:615px; width:167px; height:42px; background:url(../images/gradients/navbar.png) -615px -42px no-repeat; }
	.nav-nvb_references-click { background:url(../images/gradients/navbar.png) -615px -42px no-repeat; }
	
	.nav .nvb_contact a.bt_nav { left:782px; width:158px; }
	.nav .nvb_contact a:hover, .nav .nvb_contact a:focus { background:url(../images/gradients/navbar.png) -782px -42px no-repeat; }
	.current-nvb_contact .nvb_contact a:link, .current-nvb_contact .nvb_contact a:visited { background:url(../images/gradients/navbar.png) -782px bottom no-repeat; cursor:pointer; }
	.nav-nvb_contact, .nav-nvb_contact-click { position:absolute; top:0; left:782px; width:158px; height:42px; background:url(../images/gradients/navbar.png) -782px -42px no-repeat; }
	.nav-nvb_contact-click { background:url(../images/gradients/navbar.png) -782px -42px no-repeat; }
	
	/* Sous menu de navigation */
	.subnav .middle_rep { background:url(../images/gradients/subnav-middle-rep.gif) left top repeat-y; width:193px; }
	.subnav .middle { background:url(../images/gradients/subnav-middle.gif) left top no-repeat; width:167px; min-height:20px; padding:0 13px 0 13px; }
	.subnav .middle ul { position:relative; }
	.subnav .middle ul li { position:relative;; background:none; display:block; clear:both; border-bottom:1px solid #bb3955; width:166px; height:26px; margin-left:0px; text-align:left; padding-top:12px; }
	.subnav .middle ul li a { width:166px; height:38px; color:#fdfdfd; font-size:12px; font-weight:bold; text-align:left; }
	.subnav .middle ul li a:hover { background:none; text-decoration:underline; }
	.subnav .bottom { background:url(../images/gradients/subnav-bottom.gif) left bottom no-repeat; width:193px; height:2px; }
	
	#subnav_societe { position:absolute; top:42px; left:100px; z-index:9999; width:193px; }
	#subnav_societe .top { background:url(../images/gradients/subnav-top-societe.gif) left top no-repeat; width:193px; height:4px; }
	#subnav_societe .middle ul li a { background:none; }
	#subnav_actualites { position:absolute; top:42px; left:200px; z-index:9999; width:193px; }
	#subnav_actualites .top { background:url(../images/gradients/subnav-top-actualite.gif) left top no-repeat; width:193px; height:4px; }
	#subnav_actualites .middle ul li a { background:none; }
	#subnav_offres { position:absolute; top:42px; left:320px; z-index:9999; width:193px; }
	#subnav_offres .top { background:url(../images/gradients/subnav-top-offres.gif) left top no-repeat; width:193px; height:4px; }
	#subnav_offres .middle ul li a { background:none; }
	#subnav_besoins { position:absolute; top:42px; left:472px; z-index:9999; width:193px; }
	#subnav_besoins .top { background:url(../images/gradients/subnav-top-besoins.gif) left top no-repeat; width:193px; height:4px; }
	#subnav_besoins .middle ul li a { background:none; }
	#subnav_references { position:absolute; top:42px; left:615px; z-index:9999; width:193px; }
	#subnav_references .top { background:url(../images/gradients/subnav-top-references.gif) left top no-repeat; width:193px; height:4px; }
	#subnav_references .middle ul li a { background:none; }
	#subnav_contact { position:absolute; top:42px; right:-35px; z-index:9999; width:193px; }
	#subnav_contact .top { background:url(../images/gradients/subnav-top-presse.gif) left top no-repeat; width:193px; height:4px; }
	#subnav_contact .middle ul li a { background:none; }
	
	/* Footer */
	.footer { background:#2b2b2b; border-top:1px solid #373737; width:100%; }
	.content_footer { width:940px; height:154px; margin:0 auto; padding:17px 10px 0 10px; }
	.content_footer ul li { line-height:18px; }
	.content_footer ul li.title_link_footer { margin-bottom:10px; }
	.link_societe { float:left; width:161px; }
	.link_offres { float:left; width:161px; }
	.link_references { float:left; width:193px; }
	.link_direct { float:left; width:164px; }
	.bloc_contact { float:right; background:url(../images/gradients/bloc-contact.gif) left top no-repeat; width:200px; height:112px; padding:10px 10px; }	
	.envoyer_message { border-top:1px solid #646464; width:100%; height:29px; margin-top:7px; padding:5px 0 0 0; }
	
	/* Corporate */
	.corporate { background:url(../images/backgrounds/corporate.gif) left top repeat-x; width:100%; height:42px; }
	.content_corporate { width:940px; height:28px; margin:0 auto; padding:14px 10px 0 10px; }
	
/*
 * STRUCTURE INTERNE DU SITE
 * Structure des différentes pages / modules du site
*/

	/* Page > Accueil */
	.intro_flash { position:relative; width:940px; height:302px; margin:10px 0 14px 0; padding:0 10px; }
	
	.bottom_accueil { width:940px; height:350px; padding:0 10px; }
	.left_bottom_accueil { float:left; width:703px; height:350px; }
	.right_bottom_accueil { float:right; width:220px; height:350px; }
    .right_bottom_accueil .question { margin-top:-17px; }
	
	.dernieres_actualites { width:703px; height:244px; }
	.dernieres_actualites .top { background:url(../images/gradients/top-dernieres-actualites.gif) left top no-repeat; width:703px; height:15px; }
	.dernieres_actualites .middle { background:url(../images/gradients/middle-dernieres-actualites.gif) left top repeat-y; width:672px; height:221px; padding:0 18px 0 13px; }
	.dernieres_actualites .bottom { background:url(../images/gradients/bottom-dernieres-actualites.gif) left top no-repeat; width:703px; height:8px; }
	.top_title_actualites { width:672px; height:23px; }
	.link_toutes_actualites { float:right; text-align:right; }
	.bloc_actus { float:left; width:211px; height:193px; margin-right:19px; }
	.visuel_actu { position:relative; width:211px; height:102px; margin-bottom:10px; }
	.title_legende { position:absolute; bottom:0; left:0; z-index:5; background:#FFF /*url(../images/gradients/opacity-white.png) left top*/; opacity:0.8; filter:alpha(opacity=80); width:211px; height:23px; text-align:center; padding-top:7px; }
	.visuel_border a { float:left; position:absolute; top:0; left:0; z-index:20; background:url(../images/backgrounds/blank.gif) left top; width:211px; height:102px; }
	.visuel_border a:hover { background:url(../images/misc/border-visuel-hover.gif) left top no-repeat; }
	.bloc_actus .date { float:left; }
	.bloc_actus .communique { float:right; }
	.bloc_actus .communique img { padding-left:5px; }
	.bloc_actus p { display:block; clear:both; padding-top:7px; }
	*+html .bloc_actus p { padding-top:0px; }
	
	.telecharger_plaquette { float:left; position:relative; background:url(../images/backgrounds/telecharger-plaquette.gif) left top no-repeat; width:256px; height:95px; }
	.telecharger_plaquette .red_little_button { position:absolute; top:70px; left:24px; }
	
	.partenaires { position:relative; float:right; background:url(../images/gradients/bg-partenaires.gif) left top no-repeat; width:417px; height:71px; margin-top:14px; padding:10px 15px 0 15px; }
	.voir_partenaires { display:block; position:absolute; top:5px; right:10px; font-size:11px; }
	.part_level3 a { float:left; background:url(../images/misc/level3.png) left top no-repeat; width:115px; height:31px; text-indent:-9999px; margin-right:25px; }
	.part_level3 a:hover { float:left; background:url(../images/misc/level3.png) left bottom no-repeat; }
	.part_completel a { float:left; background:url(../images/misc/completel.png) left top no-repeat; width:109px; height:33px; text-indent:-9999px; margin-right:25px; }
	.part_completel a:hover { float:left; background:url(../images/misc/completel.png) left bottom no-repeat; }
	.part_easiware a { float:left; background:url(../images/misc/easiware.png) left top no-repeat; width:140px; height:35px; text-indent:-9999px; }
	.part_easiware a:hover { float:left; background:url(../images/misc/easiware.png) left bottom no-repeat; }
	
	.clients { width:220px; height:240px; margin-bottom:19px; }
	.clients .top { background:url(../images/gradients/top-clients.gif) left top no-repeat; width:207px; height:27px; padding:15px 0 0 13px; }
	.clients .middle { background:#FFF; border-left:1px solid #860519; border-right:1px solid #860519; width:218px; height:168px; }
	.clients .bottom { background:url(../images/gradients/bottom-clients.gif) left bottom no-repeat; width:204px; height:23px; padding:7px 0 0 16px; }
	.clients .middle p { padding:5px 11px 3px 11px; }
	
	.question { position:relative; background:url(../images/backgrounds/question-numero.gif) left top no-repeat; width:220px; height:77px; }
	.question .iphone { position:absolute; top:-7px; right:14px; background:url(../images/icons/iphone.png) left top no-repeat; width:46px; height:83px; }
	.envoyer_numero { float:left; width:140px; height:66px; padding:11px 0 0 8px; }
	.envoyer_numero input { float:left; background:#FFF; border-top:1px solid #840c26; border-left:1px solid #840c26; border-bottom:1px solid #840c26; width:109px; height:17px; padding:3px 2px 0 2px; }
	.envoyer_numero input.error { float:left; background:#ffe7e7; border-top:1px solid #F00; border-left:1px solid #F00; border-bottom:1px solid #F00; width:109px; height:17px; padding:3px 2px 0 2px; color:#F00; }
	.envoyer_numero .ok a { float:left; background:url(../images/buttons/ok.gif) left top no-repeat; width:26px; height:19px; text-align:center; padding:3px 0 0 0; }
	#validation_numero { position:absolute; top:0; left:0; background:url(../images/backgrounds/validation-numero.gif) left top no-repeat; width:137px; height:68px; padding:9px 0 0 11px; }
	
	/* Page > Interne (propriétés générales) */
	.conteneur_interne { width:940px; margin-top:10px; padding:0 10px; }
	
	.sidebar { float:left; width:220px; }
	.title_page_interne { border-bottom:3px solid #d9d9da; width:218px; min-height:30px; margin-bottom:12px; padding:4px 0 0 2px; }
	.conteneur_degrade { background:#FFF url(../images/gradients/conteneur-degrade.gif) left top no-repeat; width:220px; min-height:610px; }
	.conteneur_nodegrade { background:#FFF; width:220px; min-height:610px; }
	.sous_menu_sidebar li { background:url(../images/misc/sep-sous-menu-navbar.gif) left bottom no-repeat; width:198px; padding:12px 0 12px 22px; }
	.liste_pourquoi_opter { width:220px; margin-top:15px; }
	.question2 { position:relative; background:url(../images/backgrounds/question-numero2.png) left top no-repeat; width:202px; height:77px; margin-top:15px; }
	.question2 .iphone { position:absolute; top:-7px; right:14px; z-index:10; background:url(../images/icons/iphone.png) left top no-repeat; width:46px; height:83px; }
	#validation_numero2 { position:absolute; top:0; left:0; background:url(../images/backgrounds/question-numero2.png) left top no-repeat; width:191px; height:68px; padding:9px 0 0 11px; }
	.telecharger_plaquette2 { position:relative; background:url(../images/backgrounds/telecharger-plaquette2.png) left top no-repeat; width:207px; height:95px; margin-top:10px; margin-left:-3px; }
	.telecharger_plaquette2 .red_little_button { position:absolute; top:57px; left:90px; }
	.telecharger_plaquette3 { position:relative; background:url(../images/backgrounds/telecharger-plaquette3.png) left top no-repeat; width:221px; height:95px; margin-top:10px; margin-left:-3px; }
	.telecharger_plaquette3 .red_little_button { position:absolute; top:57px; left:90px; }
	.noconteneur_degrade { background:url(../images/gradients/noconteneur-degrade.gif) left top no-repeat; width:219px; height:143px; margin-top:14px; }
	.conteneur_degrade_doc { background:url(../images/backgrounds/conteneur-degrade-doc.gif) left top no-repeat; width:220px; height:400px; }
	
	.page_interne { float:right; width:704px; padding-bottom:20px; }
	.fil_ariane { border-bottom:3px solid #d9d9da; width:702px; min-height:22px; margin-bottom:12px; padding:12px 0 0 2px; }
	.contenu_page_interne { width:704px; min-height:410px; }
	
	/* Page > Actualités */
	.liste_actualites { width:704px; }
	.liste_actualites li { clear:both; position:relative; width:704px; padding:24px 0 15px 0; }
	.visuel_actualite { float:left; border:1px solid #e0e0e0; width:209px; height:100px; }
	.detail_actualite { float:right; width:473px; }
	.option_article { clear:both; background:url(../images/gradients/border-option.gif) left 10px repeat-x; width:704px; height:20px; text-align:right; }
	.option_article2 { position:absolute; bottom:-10px; right:0; float:right; background:url(../images/gradients/border-option.gif) left 10px repeat-x; width:704px; height:20px; text-align:right; }

	/* Page > Nos offres */
	.produit_entite_offre { display:block; margin-left:17px; }

	/* Page > Références */
	.liste_references { width:684px; }
	.liste_references li { clear:both; position:relative; border-bottom:2px solid #efefef; width:684px; padding:17px 0 23px 0; }
	.logo_ref { float:left; border:1px solid #e0e0e0; width:149px; margin-right:10px; margin-bottom:10px; }
	
	/* Page > Recrutement */
	.side_recrutement { background:url(../images/backgrounds/side-recrutement.jpg) left top no-repeat; width:218px; height:479px; }  
	.hide_recrutement { width:704px; margin-top:7px; }
	.poste_options { background:url(../images/gradients/top-poste.gif) left top no-repeat; width:704px; height:35px; cursor:pointer; }
	.poste_options h6 { width:650px; height:25px; padding-top:10px; padding-left:16px; }
	
	.poste_options { padding-bottom:16px; }
	
	.contenu_poste { position:relative; background:#f6f6f6; width:690px; padding:14px 7px 0 7px; }
	.contenu_poste .bl { position:absolute; bottom:0; left:0; background:url(../images/corners/bl-poste.gif) left bottom no-repeat; width:8px; height:8px; }
	.contenu_poste .br { position:absolute; bottom:0; right:0; background:url(../images/corners/br-poste.gif) right bottom no-repeat; width:8px; height:8px; }
	.interne_contenu_poste { width:680px; padding:0 5px; }
	.postulation { position:relative; background:#FFF; width:680px; margin-top:10px; padding:9px 5px; }
	.postulation .tl { position:absolute; top:0; left:0; background:url(../images/corners/tl-postulation.gif) left top no-repeat; width:8px; height:8px; }
	.postulation .tr { position:absolute; top:0; right:0; background:url(../images/corners/tr-postulation.gif) right top no-repeat; width:8px; height:8px; }
	.postulation .bl { position:absolute; bottom:0; left:0; background:url(../images/corners/bl-postulation.gif) left bottom no-repeat; width:8px; height:8px; }
	.postulation .br { position:absolute; bottom:0; right:0; background:url(../images/corners/br-postulation.gif) right bottom no-repeat; width:8px; height:8px; }
	
	/* Page > Contact */
	.bloc_sidebar { width:219px; margin-bottom:12px; }
	.bloc_sidebar .top { background:url(../images/gradients/top-bloc-sidebar.gif) left top no-repeat; width:210px; height:26px; padding:10px 0 0 9px; }
	.bloc_sidebar .contenu_bloc_sidebar { position:relative; background:#fdfdfd; border-left:1px solid #d9d9da; border-right:1px solid #d9d9da; border-bottom:1px solid #d9d9da; }
	.bloc_sidebar .contenu_bloc_sidebar .bl { position:absolute; bottom:-1px; left:-1px; background:url(../images/corners/bl-bloc-sidebar.gif) left bottom no-repeat; width:8px; height:8px; }
	.bloc_sidebar .contenu_bloc_sidebar .br { position:absolute; bottom:-1px; right:-1px; background:url(../images/corners/br-bloc-sidebar.gif) right bottom no-repeat; width:8px; height:8px; }
	.bloc_sidebar .contenu_bloc_sidebar .bl2 { position:absolute; bottom:-1px; left:-1px; z-index:500; background:url(../images/corners/bl-bloc-sidebar-map.png) left bottom no-repeat; width:8px; height:8px; }
	.bloc_sidebar .contenu_bloc_sidebar .br2 { position:absolute; bottom:-1px; right:-1px; z-index:500; background:url(../images/corners/br-bloc-sidebar-map.png) right bottom no-repeat; width:8px; height:8px; }
	
	.list_adresse { border-bottom:1px solid #cdcdcd; padding-bottom:10px; }
	.list_adresse { line-height:18px; }
	
	.list_coordonnees { margin-top:10px; margin-bottom:5px; }
	.list_coordonnees li { line-height:18px; }
	.list_coordonnees .name_coordonnees { float:left; width:80px; }
	
	#map { position:relative; width:213px; height:207px; }
	#map div span, #map div a.gmnoprint, #map #logocontrol, #map .gels, #map #menumtctl { display:none; }
	
	.form_perso { margin-top:25px; margin-left:22px; }
	.form_perso li { clear:both; height:33px; margin-bottom:16px; }
	.form_perso li .form_norm { float:left; background:url(../images/gradients/bg-input.gif) left top repeat-x; border:1px solid #cfcfcf; width:204px; height:19px; padding:2px 2px 0 2px; color:#000; font-size:12px; }
	.form_perso li .form_error { float:left; background:url(../images/gradients/bg-input-error.gif) left top repeat-x; border-top:1px solid #a80a27; border-left:1px solid #a80a27; border-bottom:1px solid #a80a27; width:182px; height:19px; padding:2px 2px 0 2px; color:#aa072a; font-size:12px; font-style:italic; }
	.form_perso li .civilite { float:left; background:url(../images/gradients/bg-input.gif) left 1px repeat-x; width:106px; }
	
	.phrase_error { float:left; color:#aa072a; font-size:12px; font-style:italic; margin-left:10px; padding-top:5px; }
	
	.form_perso_documentation { margin-top:25px; margin-left:22px; }
	.form_perso_documentation li { clear:both; height:33px; margin-bottom:5px; }
	.form_perso_documentation li .form_norm { background:url(../images/gradients/bg-input.gif) left top repeat-x; border:1px solid #cfcfcf; width:204px; height:19px; padding:2px 2px 0 2px; color:#000; font-size:12px; }
	.form_perso_documentation li .form_error { float:left; background:url(../images/gradients/bg-input-error.gif) left top repeat-x; border-top:1px solid #a80a27; border-left:1px solid #a80a27; border-bottom:1px solid #a80a27; width:182px; height:19px; padding:2px 2px 0 2px; color:#aa072a; font-size:12px; font-style:italic; }
	.form_perso_documentation li .civilite { float:left; background:url(../images/gradients/bg-input.gif) left 1px repeat-x; width:106px; }
	
	.form_complement { margin-left:22px; }
	.form_complement li { clear:both; }
	.form_complement li input[type=text] { background:url(../images/gradients/bg-input.gif) left top repeat-x; border:1px solid #cfcfcf; height:19px; padding:2px 2px 0 2px; color:#000; font-size:12px; }
	.form_complement li .connaissance { float:left; /*background:url(../images/gradients/bg-input.gif) left 1px repeat-x;*/ width:210px; }
	.form_complement li textarea { background:#fcfcfc url(../images/gradients/bg-textarea.gif) left top repeat-x; border:1px solid #d0d0d0; width:533px; min-height:122px; margin-bottom:14px; padding:2px 2px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; resize:none; }
	
	.form_perso_documentation li .form_complement, li .champs_obligatoires { display:block; float:left; margin-left:10px; padding-top:4px; }
	
	.form_valid { width:600px; margin:15px 0 0 22px; }
	.form_valid img { margin-right:15px; }
    
    /* Page > HV */
    .conteneur_hv { clear:both; background:url(../images/backgrounds/hv.gif) left top no-repeat; width:907px; padding:15px 15px; }
	
/*
 * DIVERS
 * Diverses propriétés
*/

	/* Red Button */
	.red_button a { height:35px; cursor:pointer; }
	.red_button .left { float:left; background:url(../images/buttons/left-red-button.png) left top no-repeat; width:10px; height:35px; }
	.red_button .middle { float:left; background:url(../images/buttons/middle-red-button.png) left top repeat-x; height:26px; padding:9px 1px 0 1px; }
	.red_button .right { float:left; background:url(../images/buttons/right-red-button.png) right top no-repeat; width:10px; height:35px; }
	
	.red_button a:hover .left { background:url(../images/buttons/left-red-button.png) left bottom no-repeat; }
	.red_button a:hover .middle { background:url(../images/buttons/middle-red-button.png) left bottom repeat-x; }
	.red_button a:hover .right { background:url(../images/buttons/right-red-button.png) right bottom no-repeat; }
	
	.red_button .fleche_link_button { background:url(../images/icons/arrow-pink.png) right 4px no-repeat; color:#fdfdfd; font-size:13px; font-weight:bold; padding-right:17px; }
	
	/* Red Little Button */
	.red_little_button a { height:23px; cursor:pointer; }
	.red_little_button .left { float:left; background:url(../images/buttons/left-red-little-button.png) left top no-repeat; width:10px; height:23px; }
	.red_little_button .middle { float:left; background:url(../images/buttons/middle-red-little-button.png) left top repeat-x; height:20px; padding:3px 1px 0 1px; }
	*+html .red_little_button .middle { height:19px; padding:4px 1px 0 1px; }
	.red_little_button .right { float:left; background:url(../images/buttons/right-red-little-button.png) right top no-repeat; width:10px; height:23px; }
	
	.red_little_button a:hover .left { background:url(../images/buttons/left-red-little-button.png) left bottom no-repeat; }
	.red_little_button a:hover .middle { background:url(../images/buttons/middle-red-little-button.png) left bottom repeat-x; }
	.red_little_button a:hover .right { background:url(../images/buttons/right-red-little-button.png) right bottom no-repeat; }
	
	.red_little_button .fleche_link_button { background:url(../images/icons/arrow-pink.png) right 3px no-repeat; color:#fdfdfd; font-size:11px; font-weight:bold; padding-right:17px; }
	
	/* Grey Button */
	.grey_button a { height:25px; cursor:pointer; }
	.grey_button .left { float:left; background:url(../images/buttons/left-grey-button.png) left top no-repeat; width:9px; height:25px; }
	.grey_button .middle { float:left; background:url(../images/buttons/middle-grey-button.png) left top repeat-x; height:20px; padding:5px 3px 0 3px; }
	.grey_button .right { float:left; background:url(../images/buttons/right-grey-button.png) left top no-repeat; width:9px; height:25px; }
	
	.grey_button .fleche_top { background:url(../images/icons/top.png) left 3px no-repeat; color:#656565; font-size:11px; font-weight:bold; padding-left:17px; }
	
	/* Visuel descriptif */
	.visuel_descriptif_left { float:left; border:1px solid #e4e4e4; margin-right:15px; padding:5px 5px; }
	.visuel_descriptif_right { float:right; border:1px solid #e4e4e4; margin-left:15px; padding:5px 5px; }
	.visuel_descriptif { border:1px solid #e4e4e4; padding:5px 5px; text-align:center; }
	
	/* Liste à puces simple */
	.liste_simple li { background:url(../images/icons/puce-simple.gif) left 7px no-repeat; padding-left:12px; line-height:19px; }
	.liste_simple2 { margin-top:10px; }
	.liste_simple2 li { background:url(../images/icons/puce-simple.gif) left 7px no-repeat; padding-left:12px; line-height:19px; margin-bottom:10px; }
	.liste_simple3 { margin-top:10px; }
	.liste_simple3 li { background:none; padding-left:12px; line-height:19px; margin-bottom:10px; }
	.liste_pays_2_cln li { float:left; width:300px; background:url(../images/icons/puce-simple.gif) left 7px no-repeat; padding-left:12px; line-height:19px; margin-right:10px; }
	.liste_pays_3_cln li { float:left; width:190px; background:url(../images/icons/puce-simple.gif) left 7px no-repeat; padding-left:12px; line-height:19px; margin-right:10px; }
	.liste_references .liste_simple li { background:url(../images/icons/puce-simple.gif) left 7px no-repeat; border:none; padding:0 0 0 12px; line-height:19px; }
    
    .liste_simple ul li { background:none; list-style-type:square; padding:0; margin-left:15px; }
	
	/* Personnalisation des select via jQuery */	
	.js ul.newList { left:-9999px; }
	.newListSelected { float:left; background:url(../images/buttons/select.gif) right top no-repeat; border:1px solid #cbcbcb; width:100%; height:21px; color:#000; font-size:12px; }
	.newListSelected div { display:block; padding:4px 24px 0 3px; font-size:12px; text-align:left; }
	ul.newList { position:absolute; z-index:9999; top:22px; left:0; background:#fdfdfd; border:1px solid #cfcfcf; width:100%; color:#000; font-size:10px; overflow:auto; text-align:left; margin-top:-3px; margin-left:-1px; }
	ul.newList li { border-bottom:1px solid #cfcfcf; height:16px; margin-bottom:0; padding:5px 5px; }
	.hiLite { background:#aa072a; color:#fff; }
	.newListHover { background:#f0f0f0; color:#000; cursor:pointer; }
	.newListSelHover { cursor:default; }
	.newListSelHover, #win-xp .newListSelFocus { background-position:auto; }
	
	/* Styles des tableaux */
	.table_listing td.bg_red { background:#CF123B; color:#FFF; font-size:13px; font-weight:bold; }
	.table_listing td { background:#f0f0f0; height:25px; color:#000; }
	.table_listing2 td.bg_red { background:#CF123B; color:#FFF; font-size:13px; font-weight:bold; }
	.table_listing2 td { background:#f0f0f0; height:25px; color:#000; padding-left:5px; }
	
	/* Personnalisation des checkboxes via jQuery */
	.listing_checkboxes { width:500px; }
	.listing_checkboxes li { float:left; width:250px; }
	
	label.checkbox span.holder { height: 61px; background: url(../images/icons/checkbox.gif) 0 -1px no-repeat; }
	label.checkbox:hover span.holder,  label.radio:hover span.holder { top: -21px !important; }
	label.checked span.holder,  label.checked span.holder,  label.checked:hover span.holder,  label.checked:hover span.holder { top: -42px !important; }
	
	label.list { float: left; clear: left; margin: 0 0 5px 0; }
	label.inline { float: left; margin: 0 10px 0 0; }
	input.hiddenCheckbox { position: absolute; left: -10000px; }
	label.prettyCheckbox span.holderWrap { display: block; float: left; position: relative; margin-right: 5px; overflow: hidden; }
	label.prettyCheckbox span.holder { display: block; position: absolute; top: 0; left: 0; }
	
	/* Multi select */
	.menu_input_multi_select { position:relative; background:url(../images/backgrounds/multi-select.gif) left top no-repeat; width:212px; height:23px; padding:4px 0 0 5px; }
	.menu_deroulant_multi_select { position:absolute; top:23px; left:0; background:#FFF; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; width:210px; padding-top:7px; }
	.menu_deroulant_multi_select li { background:#FFF; color:#888; font-size:11px; }
	
	.menu_input_multi_select .menu_deroulant_multi_select { display:none; }
	.menu_input_multi_select:hover .menu_deroulant_multi_select { display:block; }