/* File => /compufirst/css/common/main.css update date: 2011-02-03 17:02:20.0 */

dl, dt, dd, ul, li, div, span, input, strong {
	margin: 0;
	padding: 0;
	list-style-type: none;
	outline:none;
} 
a img {
	border:none;
}
a {
	outline:none;
	text-decoration:none;
}

body {
	width:991px;
	height:100%;
	margin:0 auto;
	padding:15px 0 20px 0;
	cursor:default;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background:#cacaca;
}
#superieur {
	width:991px;
	height:auto;
	text-align:left;
	background:url(/img/www/images/main/common/superieur/border-top-eproc.png) no-repeat top left;
	padding:7px 0 0 0;
}  
#centrale {
	width:991px;
	height:auto;
	clear:both;
	background:url(/img/www/images/main/common/superieur/border-center-eproc.png) repeat-y top left;
}
#col_gauche {
	width:979px;
	padding:0 6px 0 6px;
}
#inferieur {
	clear:both;
}
#footer {
	clear:both;
	width:991px;
	height:7px;
	background:url(/img/www/images/main/common/superieur/border-bottom-eproc.png) no-repeat bottom left;
	padding:0;
}
/* TAGCO */
#tagco {
	display:none;	
}
/* INFO (BARRE ROUGE EN MODE TEST) */
#info {
	width:958px;
	height:15px;
	background:#ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	padding:5px 10px 5px 10px;
	margin:0 0 10px 0;
}
#info .italic {
	font-style:italic;
	font-weight:normal;
}
#info li {
	float:left;
	margin-right:20px;
	text-align:center;
}

/* File => /compufirst/css/main/common/main_header.css update date: 2018-03-29 15:20:31.0 */

/* CODE CSS POUR FIREFOX/NETSCAPE */
#header {
	width:979px;
	height:176px;
	background:url(/img/www/images/main/common/superieur/border-center-eproc.png) repeat-y top left;
	padding:0 6px 0 6px;
}
#header_center {
	clear:both;
}  
/* MENU SYSTEM SE CONNECETER / PANIER */
#top_right {
	float:right;
	margin:0 15px 0 0;
}
#top_right ul {
	float:left;
}
#top_right #header_link_start {
	background:url(/img/www/images/main/common/main_header/menu_sys/img-menu-system-deroule-start.png) no-repeat top right;
	height:20px;
	width:200px;
	padding:20px 20px 0 0;
	text-align:right;
	margin:-13px 0 0 0;
}
#top_right #header_link_center {
	height:20px;
	width:200px;
	padding:0 20px 0 0;
	text-align:right;
	background:url(/img/www/images/main/common/main_header/menu_sys/img-menu-system-deroule.png) no-repeat top right;
}
#top_right #header_link_end {
	background:url(/img/www/images/main/common/main_header/menu_sys/img-menu-system.png) no-repeat top right;
	height:20px;
	width:200px;
	padding:20px 20px 0 0;
	text-align:right;
	margin:-13px 0 0 0;
}
#top_right #header_link_start img, #top_right #header_link_center img, #top_right #header_link_end img {
	vertical-align:middle;
	margin-right:5px;
}
#top_right #header_link_start a, #top_right #header_link_center a, #top_right #header_link_end a {
	color:#000;
}
#top_right #header_link_start a:hover, #top_right #header_link_center a:hover {
	text-decoration:underline;
}
#top_right #header_link_start .color, #top_right #header_link_center .color, #top_right #header_link_end .color {
	color:#396eb7;
	text-decoration:underline;
}
/* LOGO ET NUM */
#logo {
	float:left;
	margin:0 0 0 40px;
}
/* MENU ONGLET PRINCIPAL */
#header_menu {
	clear:both;
} 
#menu_nav {
	width:980px;
	height:32px;
	background:#396eb7;
}
#menu_nav .menu_separateur {
	background:#92afd6;
	width:1px;
	height:32px;
	float:left;
}
#menu_nav .onglet_hide, #menu_nav .onglet_hide_current, #menu_nav .onglet_end, #menu_nav .onglet_end_current {
	display:none;
}
#menu_nav .onglet_accueil, #menu_nav .onglet_accueil_current, #menu_nav .onglet_center, #menu_nav .onglet_center_current {
	float:left;
	font-weight:normal;
	color:#fff;
	text-align:center;
}
#menu_nav .onglet_accueil, #menu_nav .onglet_accueil_current, #menu_nav .onglet_center ul, #menu_nav .onglet_center_current ul  {
	padding:10px 20px 7px 20px;
	cursor:pointer;
	background-image:none;
}
#menu_nav .onglet_accueil a, #menu_nav .onglet_accueil_current a {
	color:#fff;
}
/* SOUS MENU */
.sous_menu_nav .sous_menu {
	display:none;
	border-left:1px solid #838282;
	border-right:1px solid #838282;
	border-bottom:1px solid #838282;
	background:#eee;
	padding:0 0 10px 0;
} 
.sous_menu_nav #smenu1, .sous_menu_nav #smenu2, .sous_menu_nav #smenu3, .sous_menu_nav #smenu4, .sous_menu_nav #smenu5, .sous_menu_nav #smenu6 {
	width:975px;
	position:absolute;
	margin-left:1px;
	z-index: 99;
	height:auto;
}
.sous_menu_nav #smenu6 {
	width:180px;
	position:absolute;
	margin-left:461px;
	z-index: 99;
	height:auto;
}
/* CATEGORIE PRODUITS */
.sous_menu_nav .sous_menu ul {
	float:left;
	margin:0 0 0 0;
	width:180px;
	/*height:250px;*/
}
#smenu1 ul {
	float:left;
	margin:0 0 0 0;
	width:180px;
	/*height:260px;*/
}
#smenu2 ul {
	float:left;
	margin:0 0 0 0;
	width:180px;
	/*height:170px;*/
}
#smenu3 ul {
	float:left;
	margin:0 0 0 0;
	width:180px;
	/*height:330px;*/
}
.sous_menu_nav .sous_menu .title {
	font-weight:normal;
	width:160px;
	display:block;
	font-size:12px;
	color:#0086c7;
	margin:0;
	padding:7px 0 0 20px;
}
.sous_menu_nav .sous_menu a {
	font-weight:normal;
	font-size:10px;
	margin:0;
	color:#494f4e;
	padding:1px 0 1px 20px;
	display:block;
}
.sous_menu_nav .sous_menu a:hover {
	color:#fff;
	background:#0086c7;
}
/* MOTEUR DE RECHERCHE */
#moteur_recherche {
	float:right; 
	width:325px;
	margin:0 10px 0 0;
	color:#fff;
}
#moteur_recherche .text {
	float:left;
	padding:4px 0 0 9px;
	background:url(/img/www/images/main/common/main_header/moteur_recherche/left-moteur-recherche.png) no-repeat top left;
	border:none;
	width:70px;
	height:20px;
}
#moteur_recherche #global_search {
	padding:4px 0 0 0;
	margin:0;
}
#moteur_recherche #query {
	background:url(/img/www/images/main/common/main_header/moteur_recherche/fond-moteur-recherche.png) no-repeat top left;
	border:none;
	width:189px;
	height:24px;
	padding:0 8px 0 8px;
	font-size:10px;
	color:#000;
	font-weight:normal;
	margin:0 0 0 0;
	float:left;
} 
#moteur_recherche .advance_search {
	display:none;
}
#moteur_recherche #search {
	background:url(/img/www/images/main/common/main_header/moteur_recherche/bt-moteur-recherche.png) no-repeat top left;
	border:none;
	width:38px;
	height:24px;
	padding:0;
	cursor:pointer;
}

/* File => /compufirst/css/common/popup/popup_add_to_basket.css update date: 2011-01-26 13:29:23.0 */

/* CODE CSS POUR FIREFOX/NETSCAPE */
#addToBasket {
	width:320px;
	height:auto;
	position:fixed;
	top:0;
	margin:250px 0 0 320px;
	z-index:10;
}
#addToBasket .top {margin:0 0 0 0; display:block; background:transparent; font-size:1px;}
#addToBasket .bottom {display:block; background:transparent; font-size:1px;}
#addToBasket .b1, #addToBasket .b2, #addToBasket .b3, #addToBasket .b4, #addToBasket .b5, #addToBasket .b6, #addToBasket .b7, #addToBasket .b8, #addToBasket .b1b, #addToBasket .b2b, #addToBasket .b3b, #addToBasket .b4b, #addToBasket .b5b, #addToBasket .b6b, #addToBasket .b7b, #addToBasket .b8b {display:block; overflow:hidden;}
#addToBasket .b1, #addToBasket .b2, #addToBasket .b3, #addToBasket .b1b, #addToBasket .b2b, #addToBasket .b3b {height:1px;}
#addToBasket .b2 {background:#f9f9f9; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#addToBasket .b3 {background:#f9f9f9; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#addToBasket .b4 {background:#f9f9f9; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#addToBasket .b5 {background:#f9f9f9; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#addToBasket .b6 {background:#f9f9f9; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}

#addToBasket .b6b {background:#fff; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#addToBasket .b5b {background:#fff; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#addToBasket .b4b {background:#fff; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#addToBasket .b3b {background:#fff; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#addToBasket .b2b {background:#fff; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}


#addToBasket .b1 {margin:0 6px; background:#d6d6d6;}
#addToBasket .b2, #addToBasket .b2b {margin:0 4px; border-width:0 2px;}
#addToBasket .b3, #addToBasket .b3b {margin:0 3px;}
#addToBasket .b4, #addToBasket .b4b {height:1px; margin:0 2px;}
#addToBasket .b5, #addToBasket .b5b {height:2px; margin:0 1px;}
#addToBasket .b6, #addToBasket .b6b {height:3px; margin:0 0px;}
#addToBasket .b1b {margin:0 6px; background:#d6d6d6;}
#addToBasket .content {
	width:318px;
	height:auto;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	padding:0 0 0 0;
	color:#333;
} 
#addToBasket .content .addToBasket_header {
	height:15px;
	background:url(/img/www/images/common/addToBasket/fond_header_addToBasket.gif) repeat-x left bottom;
}
#addToBasket .content .addToBasket_header .right {
	float:right;
	padding-right:8px;
}
#addToBasket .content .addToBasket_header #btn_addToBasket_close {
	width:13px;
	height:12px;
	border:none;
	cursor:pointer;
	background:url(/img/www/images/common/addToBasket/addToBasket-bt-annuler.gif) no-repeat; 
}
#addToBasket .content .addToBasket_center {
	padding:0 15px 0 20px;
	background:url(/img/www/images/common/addToBasket/fond_popup_addToBasket.jpg) repeat-x left top;
	height:85px;
}
#addToBasket .content .addToBasket_center .left {
	float:left;
}
#addToBasket .content .addToBasket_center .right {
	font-size:18px;
	float:left;
	padding:25px 0 0 30px;
}
#addToBasket .content .addToBasket_footer {
	text-align:center;
	height:30px;
	background:#fff;
	padding-bottom:10px;
}

/* File => /compufirst/css/common/popup/popup_menu_system.css update date: 2013-03-14 10:43:13.0 */

#compte_deroulant {
	position:absolute;
	width:200px;
	height:auto;
	z-index:80;
	margin:42px 0 0 0;
	background:url(/img/www/images/main/common/main_header/menu_sys/img-menu-system-deroule.png) no-repeat bottom right;
	padding:0 20px 5px 0;
}
#compte_deroulant .compte_center {
	width:200px;
	text-align:right;
}
#compte_deroulant .compte_center .menu_start, #compte_deroulant .compte_center .menu_center, #compte_deroulant .compte_center .menu_end {
	clear:both;
	width:200px;
	text-align:right;
}
#compte_deroulant .compte_center .menu_start li, #compte_deroulant .compte_center .menu_center li, #compte_deroulant .compte_center .menu_end li {
	clear:both;
	width:200px;
	text-align:right;
	margin:1px 0 0 0;
}
#compte_deroulant .compte_center h2 {
	display:none;
}
#compte_deroulant .compte_center a {
	color:#000;
}
#compte_deroulant .compte_center a:hover {
	text-decoration:underline;
}
/* PANIER DEROULANT  */
#panier_deroulant {
	position:absolute;
	width:170px;
	height:auto;
	z-index:80;
	margin:26px 0 0 240px;
	background:url(/img/www/images/main/common/main_header/menu_sys/img-menu-system-deroule.png) #fff no-repeat bottom right;
	padding:10px 20px 5px 10px;
}
#panier_deroulant .panier_center {
	width:170px;
	text-align:left;
}
#panier_deroulant .panier_center .produit_start, #panier_deroulant .panier_center .produit_center, #panier_deroulant .panier_center .produit_end {
	clear:both;
	width:170px;
	font-size:10px;
	height:30px;
	margin:5px 0 5px 0;
	color:#333;
}
#panier_deroulant .panier_center .nom_produit_panier {
	float:left;
	width:110px;
}
#panier_deroulant .panier_center .qte_produit_panier {
	float:right;
	font-weight:bold;
}
#panier_deroulant .panier_center .ref_produit_panier {
	float:left;
}
#panier_deroulant .panier_center .prix_produit_panier {
	float:right; 
}
#panier_deroulant .panier_bottom {
	text-align:center;
	clear:both;
	padding:10px 0 0 0;
	height:15px;
}
#panier_deroulant .panier_bottom a {
	color:#396eb7;
	text-decoration:underline;
}
/* CODE CSS POUR IE7/8 */
*+html #compte_deroulant {
	margin-left:-440px;
}
/* CODE CSS POUR IE7/8 */
*+html #panier_deroulant {
	margin-left:-200px;
}

/* File => /compufirst/css/common/popup/popup_upload.css update date: 2012-04-24 13:26:09.0 */

#uploadForm {
	width:498px;
	height:200x;
	display:none;
	position:fixed;
	top:0;
	margin:160px 0 0 220px;
	z-index:10;
	background:#f2f2f2;
	border-radius:5px;
	border:1px solid #07304f;
}
#uploadForm .champs_form_header {
	width:498px;
	height:30px;
	background:#0f609e;
	border-radius:3px 3px 0 0;
	border-bottom:1px solid #07304f;
} 
#uploadForm .champs_form_header .left {
	float:left;
	width:398px;
	padding:7px 0 0 20px;	
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
#uploadForm .champs_form_header .right {
	float:right;
	width:70px;
	text-align:right;
	padding:5px 10px 0 0;
}
#btn_uploadForm_close {
	width:20px;
	height:20px;
	border:none;
	cursor:pointer;
	background:url(/img/www/images/common/upload/bt-fermer-upload.png) no-repeat left top;	
}
#uploadForm .champs_form {
	width:458px;
	height:120px;
	padding:20px;	
}
#uploadForm h1 {
	color:#4c4c4c;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
}
#uploadForm a {
	color:#4c4c4c;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
#uploadForm .name {
	display:none;
}
#form_upload {
	width:443px;
}
#file {
	/*position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;*/
	cursor:pointer;
}
#uploadForm .fakefile {
	position: absolute;
	top: 73px;
	left: 20px;
	z-index: 1;
	cursor:pointer;
}
#file_new {
	width:328px;
	height:29px;
	border:none;
	background:url(/img/www/images/common/upload/fond-champ-upload.png) no-repeat left top;	
	float:left;
	margin:0 5px 0 0;
}
#uploadForm .bt_upload {
	display:block;
	width:167px;
	height:29px;
	border:none;
	cursor:pointer;
	background:url(/img/www/images/common/upload/bt-envoyer-fichier.png) no-repeat left top;
	margin:20px 0 0 145px;	
}

/* File => /compufirst/css/common/tag/tag_fil_ariane.css update date: 2015-08-27 11:05:30.0 */

/* CODE CSS POUR FIREFOX/NETSCAPE */
#fil_ariane {
	width:979px;
	height:30px;
	clear:both;
	margin:0 0 0 0;
	background:#f1f1f1;
	padding:10px 0 0 0;
}
#fil_ariane li {
	float:left;
	color:#808080;
	font-size:12px;
	margin:0 7px 0 0;
}
#fil_ariane a {
	color:#808080;
	font-size:12px;
}
#fil_ariane h1 {
	float:left;
	color:#416fb1;
	font-size:12px;
	margin:0;
}


/* File => /compufirst/css/main/pages_fonctionnelles/login/login_client.css update date: 2019-01-08 10:15:42.0 */

body {
	width:678px;
}
#superieur {
	background:none;
}  
#centrale {
	background:none;
}
#login {
	width:678px;
	height:474px;
	background:url(/img/www/images/main/pages_fonctionnelles/login/fond-login.jpg) no-repeat top left;
}
#logo {
	text-align:center;
}
#logo img {
	padding:20px 0 0 0;
}
#login_form {
	margin:50px 0 0 167px;
	width:343px;
	padding:130px 0 0 0;
}
#login_form .login_title {
	text-align:center;
	background:url(/img/www/images/main/pages_fonctionnelles/login/fond-title-login.png) no-repeat top left;
	width:343px;
	height:29px;
	padding:10px 0 0 0;
	color:#fff;
	font-size:16px;
}
#login_form .form {
	background:url(/img/www/images/main/pages_fonctionnelles/login/fond-form-login.png) no-repeat bottom left;
	width:343px;
	height:130px;
}
#login_form .form label {
	width:155px;
	padding:0 5px 0 0;
	text-align:right;
	display:block;
	float:left;
	margin:10px 0 0 0;
}
#login_form .form input {
	width:150px;
	float:left;
	border:1px solid #767676;
	margin:10px 0 0 0;
}
#login_form .form .checkbox {
	width:15px;
	float:left;
	border:1px solid #767676;
	margin:10px 0 0 0;
	display:none;
}
#login_form .form .bouton_login {
	background:url(/img/www/images/main/pages_fonctionnelles/login/bt-form-login.png) no-repeat top left;
	width:134px;
	height:29px;
	border:none;
	clear:both;
	margin:10px 0 5px 104px;
}
#login_form .forget_pass, #login_form .error {
	color:#ff0000;
	font-size:12px;
	clear:both;
	width:343px;
	text-align:center;
    margin-top:10px;
}