/*******************************************************
 BODY GENERIC ELEMENTS
*******************************************************/
body {padding:0px; margin:0px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#333333;}
H1{margin:0px; padding:0px; border:0px; display:inline;}
H2{margin:0px; padding:0px; border:0px; display:inline;}
img {border:0px; padding:0px; margin:0px;}
div {border:0px; padding:0px; margin:0px;}
form {padding:0px; border:0px; margin:0px;}
/*******************************************************/

/*******************************************************
 OPACITY STYLES
*******************************************************/
.opacity_100 {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.opacity_90 {filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.opacity_80 {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.opacity_70 {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.opacity_60 {filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.opacity_50 {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.opacity_40 {filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.opacity_30 {filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.opacity_20 {filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;}
.opacity_10 {filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity:0.1;}
.opacity_0 {filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
/*******************************************************/

/*******************************************************
 MAIN CONTAINER :: DIV that contains the whole website
 All the other elements are found inside this one.
*******************************************************/
#main_container {width:100%; /*background-color:#fafafa;*/ position:relative;}
/*******************************************************/

/* That's the thin 3px line completely at the top */
#top_line {width:100%; height:3px; background:url(images/bandeau_haut_fill_top.gif); position:absolute; top:0px; left:0px; line-height:0px;}
/*******************************************************/

/*******************************************************
 TOP BANNER ELEMENTS :: DIV containing the top banner
 Contains the logo and the laius
*******************************************************/
#top_banner {width:100%; background-color:#2c3079; position:relative; top:3px;}
#top_banner_container {width:960px; height:66px; text-align:left;position:relative;}
#laius_container {width:757px; height:66px; position:absolute; top:0px; left:203px; z-index:1; background:url(images/fond_laius.gif);}
#laius {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; letter-spacing:1px; position:relative; left:0px; top:13px; font-weight:bold; text-decoration:none;}
#logo {width:144px; height:66px; position:absolute; top:0px; left:0px;}
#seperator {width:59px; height:66px; position:absolute; top:0px; left:144px;}
.fil_ariane, .fil_ariane a {color:#FD7018; font-weight:bold; text-decoration:none;}
.fil_ariane a:hover {text-decoration:underline;}
/*******************************************************/

/* That's the thin 1px line right after the top banner */
#line_after_top_banner {width:100%; height:1px; background:#FFFFFF; position:absolute; top:174px; left:0px; line-height:0px;}
/*******************************************************/

/* DIV containing the flash banner */
#top_flash_banner {width:100%; height:183px; position:absolute; top:70px; left:0px;}
/*******************************************************/

/* That's the thin 4px line right after the flash banner */
#line_after_flash_banner {width:100%; height:4px; background:url(images/bande_haut_line_fill.gif) repeat; text-align:center; position:absolute; top:253px; left:0px; line-height:0px;}
/*******************************************************/

/*****************************************************************************************
 MAIN CONTENT :: DIV that contains the part of the website found beneath the flash banner
 Contains the left content, the middle content, the right content, etc.
******************************************************************************************/
/* #main_content {width:960px; background:url(images/fond_main.gif) repeat; position:relative;} */
#main_content {width:960px; position:relative; top:191px;}
/*******************************************************/

/* these spacers are used to insert empty spaces between vertical elements :: that's to avoid using top attribute because the latter does not shift all adjescent elements */
.spacer {height:10px; line-height:0px;} /* the line-height declaration is added to fix a bug on internet explorer 6 */
.spacer_1 {height:15px; line-height:0px;}
.spacer_2 {height:10px; line-height:0px;}
.spacer_3 {height:5px; line-height:0px;}
/*******************************************************/

/***************************************************************************************************
 LEFT CONTENT :: DIV that contains all the elements found on the left had side of the main content.
 The left menu, the dynamic elements (most likely to be newsletter subscription, random hardware, etc.)
***************************************************************************************************/
#left_content {float:left; position:relative; left:-488px; width:194px; z-index:2;}
/*******************************************************/

/*****************************************************************************************
 LEFT MENU :: DIV that contains the left menu elements like the background, the rounded
 edges, the menu elements, the list images, etc.
******************************************************************************************/
#left_menu_container {position:relative; width:194px;}
#devis_highlight {position:absolute; top:113px; left:0px; background-color:#f18c00; width:214px; height:18px;}
#devis_highlight_materiel {position:absolute; top:253px; left:0px; background-color:#f18c00; width:194px; height:18px;}
#left_menu_arrow_white {position:absolute; top:18px; display:none; right:10px; width:13px; height:9px;}
.menu_top_fill {width:194px; height:15px; background:url(images/fond_top_zone_menu.gif) no-repeat;}
.menu_bottom_fill {width:194px; height:15px; background:url(images/fond_bottom_zone_menu.gif) no-repeat;}
.menu_background {background:#f2f2f2; width:194px;}
.menu_list_container {position:relative; left:-10px; padding:0px;}
.menu_list {list-style-image:url(images/square_01_green.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:1px; margin-top:0px; margin-bottom:0px;}
.menu_list_item {padding-bottom:5px;}
.menu_list_item_materiel {padding-bottom:5px; list-style-image:url(images/square_03_green.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:1px; margin-top:0px; margin-bottom:0px; position:relative; left:11px;}
.menu_list_last_item {padding-bottom:0px;} /*this is because we don't want to add extra space at the end of the list*/
.menu_active_item {padding-bottom:5px;list-style-image:url(images/square_01_orange.gif);}
.menu_active_item_materiel {padding-bottom:5px;list-style-image:url(images/square_03_orange.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:1px; margin-top:0px; margin-bottom:0px; position:relative; left:11px;}
.menu_active_last_item {padding-bottom:5px;list-style-image:url(images/square_01_orange.gif);padding-bottom:0px;}
.menu_devis {padding-bottom:5px;list-style-image:url(images/square_01_white.gif);}
a.menu_link {font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:12px; letter-spacing:1px; text-decoration:none;}
a.menu_link:hover {font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:12px; letter-spacing:1px; text-decoration:underline;}
a.menu_link_devis {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; letter-spacing:1px; text-decoration:blink;}
a.menu_link_devis:hover {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; letter-spacing:1px; text-decoration:blink;}
/*******************************************************/

/***************************************************************************************************
 RIGHT CONTENT :: DIV that contains all the elements found on the right had side of the main content.
 The right menu, the dynamic elements (most likely to be random hardware, etc.)
***************************************************************************************************/
#right_content {float:right; position:relative; width:194px; right:18px; z-index:0;}
/*******************************************************/

/*****************************************************************************************
 RIGHT MENU :: DIV that contains the right menu elements like the background, the rounded
 edges, the menu elements, the list images, etc.
******************************************************************************************/
#right_menu_container {position:relative; width:194px;}
/*#right_menu_arrow {position:absolute; top:18px; right:10px; width:13px; height:9px;}*/
/*******************************************************/


/*****************************************************************************************
 DYNAMIC WINDOW ELEMENTS :: Styles for the dynamic windows on each side of the main content
******************************************************************************************/
.window_top_fill {background-image:url(images/window_top_fill_green.gif); width:194px; height:11px; line-height:0px;}
.window_bottom_fill {background-image:url(images/window_bottom_fill_green.gif); width:194px; height:5px; line-height:0px;}
.window_background {background-image:url(images/window_fill_green.gif); width:194px;}
.window_content {position:relative; left:10px; top:0px; width:174px;}
.window_title {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-transform:capitalize; text-decoration:none;}
.window_text {text-align:left; width:174px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none;}
.window_image {text-align:left;}
.window_link {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; color:#fd7018; text-decoration:none;}
.window_newsletter_textbox {width:170px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px;}
#newsletter_inscrire_button {text-align:right;position:relative; right:-3px;}


/*****************************************************************************************
 CENTRAL CONTENT styles :: bols links, orange italic links, etc.
******************************************************************************************/
#central_content {width:506px; float:left; position:relative; left:227px; z-index:10;}
#central_content_block_1 {width:506px; position:relative; float:left; display:inline;}
#central_content_block_2 {width:506px; position:relative; float:left; display:inline;}
#central_content_block_3 {width:506px; position:relative; float:left; display:inline;}
#central_content_block_4 {width:506px; position:relative; float:left; display:inline;}
#central_content_block_5 {width:506px; position:relative; float:left; display:inline;}
.central_title_bullet {display:inline;}
#accueil_block_1 {width:506px; position:relative;  display:inline-block;}
#accueil_block_1_image {width:100px; display:block; float:left;}
#accueil_block_1_text {width:406px; display:block; float:right; text-align:justify;}
#accueil_block_2_left {width:245px; display:block; float:left;}
#accueil_block_2_left_text {width:100%; position:relative;display:block; text-align:justify;}
#accueil_block_2_left_image {width:100%; position:relative;}
#accueil_block_2_right {width:245px; display:block; float:right;}
#accueil_block_2_right_text {width:100%; position:relative;display:block; text-align:justify;}
#accueil_block_2_right_image {width:100%; position:relative;}
#accueil_block_3 {width:506px; position:relative; display:inline-block;}
#accueil_block_3_text {width:295px; display:block; float:left; text-align:justify;}
#accueil_block_3_image {width:200px; display:block; position:relative; float:right;}
#accueil_block_4 {width:506px; position:relative; display:inline-block;}
#accueil_block_4_text {width:295px; display:block; float:left; text-align:justify;}
#accueil_block_4_image {width:200px; display:block; position:relative; float:right;}
.central_content_title {font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0px; color:#333333; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.central_content_h1 {font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0px; color:#333333; text-decoration:underline; font-weight:bold;}
.central_content_h2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#333333; text-decoration:none; font-weight:normal;}
.central_content_title_container {display:inline; position:relative; left:5px;}
.central_content_link_01 {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#000000; font-weight:bold; text-decoration:none;}
.central_content_link_02 {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#fd7018; font-style:italic; text-decoration:none;}
.central_content_link_03 {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#333333; text-decoration:underline;}
.central_content_link_02:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#fd7018; font-style:italic; text-decoration:underline;}
.one_pixel_high_line {width:100%; height:1px; background-color:#c9c409; line-height:0px;}
#direct_links, #direct_links a {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:0px; color:#666666;; text-decoration:none; text-align:center; background-color:#EEEEEE;}
#direct_links a:hover {color:#fd7018;; text-decoration:underline;}


#eurolocation_informatique_block_1 {width:506px; position:relative;  display:inline-block;}
#eurolocation_informatique_block_1_text {width:506px; display:block; text-align:justify;}
#eurolocation_informatique_pic_legend {width:506px; text-align:center;}


/*****************************************************************************************
 MATERIEL ELEMENTS :: Styles for the elements on materiel pages
******************************************************************************************/
.materiel_pic_top_fill {background-image:url(images/materiel_pic_top_fill.gif); width:126px; height:13px;}
.materiel_pic_central_fill {background-image:url(images/materiel_pic_central_fill.gif); width:126px; position:relative;}
.materiel_pic_bottom_fill {background-image:url(images/materiel_pic_bottom_fill.gif); width:126px; height:13px;}

.materiel_text_top_fill {background-image:url(images/materiel_text_top_fill.gif); width:370px; height:13px;}
.materiel_text_central_fill {background-image:url(images/materiel_text_central_fill.gif); width:370px;}
.materiel_text_bottom_fill {background-image:url(images/materiel_text_bottom_fill.gif); width:370px; height:13px;}
.materiel_text_title {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#333333; font-weight:bold; text-decoration:none;}

.materiel_list {position:relative; left:-23px; margin-top:5px; margin-bottom:5px; list-style:disc;}

.materiel_submenu {text-decoration:none; color:#333333; text-transform:uppercase;}
.materiel_submenu_active {text-decoration:none; color:#fd7018; font-weight:bold; text-transform:uppercase;}
.materiel_submenu:hover {text-decoration:underline; color:#000000;}

.haut_link {font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; color:#aaaaaa; text-decoration:none;}
/*****************************************************************************************
 BOTTOM CONTENT styles :: sub menu, company details, etc.
******************************************************************************************/
#bottom_content {width:960px; float:left; display:block; position:relative; top:-50px; text-align:center; z-index:-3;}
#bottom_rounded_shadow {background:url(images/fond_bottom.gif) no-repeat; width:960px; height:93px; position:relative; z-index:1;}
#sub_menu,#sub_menu a {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:0px; color:#aaaaaa; text-decoration:none;}
#sub_menu a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:0px; color:#aaaaaa; text-decoration:underline;}
#gplus {position:relative; left:150px;padding-top:10px; padding-bottom:5px;}
#facebook {position:relative; left:150px;padding-top:10px; padding-bottom:5px;}
#company_details {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:0px; color:#aaaaaa; text-decoration:none; position:relative; top:10px; text-align:center;}
#company_details a {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:0px; color:#aaaaaa; text-decoration:none; text-align:center;}
#company_details a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:0px; color:#aaaaaa; text-decoration:underline;text-align:center;}
#w3c_compliance {width:960px; text-align:center; position:relative; top:25px;}
#w3c_compliance a {font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:0px; color:#aaaaaa; text-decoration:underline; padding-bottom:15px;}



/*********************************************************************************************************
 WIKI STYLES
/*********************************************************************************************************/
.vignette_holder {display:inline; padding-right:3px;}
.fleche_holder {display:inline; padding-right:3px; position:relative; top:-7px;}
.cliquez_ici_holder {display:inline; padding-right:3px; position:relative; top:-8px; color:#999999;}
#div_thumb_holder {position:relative; z-index:0;}

#retour {display:inline; padding-right:3px; position:relative; top:-8px;}
#retour a, #retour a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#fd7018; text-decoration:none;}
.real_li_link {list-style-type:circle;}
.real_li_link a {color:#333333; text-decoration:underline; color:#333333;}
.real_li_link a:hover {color:#333333; text-decoration:underline;}
.real_li_link a:visited {color:#333333;}



.discontinued {font-style:italic; text-decoration:underline; color:#333333;}