/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; height:100%; }
body { margin:0; padding:0; font:12px/16px "Trebuchet MS", Arial, sans-serif; background:#fff; color:#649cae; text-align:center; }

h2 { font-size:14px; font-weight:bold; }

img { border:0; }
a { text-decoration:none; color:#649cae; }
a:hover { text-decoration:underline; }



/*****************************/
/*        STRUCTURE          */
/*****************************/
#conteneur { width:780px; margin:0 auto; text-align:left; background:#fff;}

#devis { float:left; width:520px;}

div.etape { margin:0 0 0 18px; width:502px; }

div.entete_etap { width:502px;/*452px;*/ margin:30px 0 0 0; }
div.entete_etap img.numero { float:left; width:34px; margin:0 25px 0 0; }
div.entete_etap img.perso { float:left; width:18px; margin:0 40px 0 0; }
div.entete_etap h2 { float:left; width:443px;/*width:393px;*/ margin:5px 0 0 0; }
div.entete_etap h2 img { margin-left:10px; }

ol.couleurs, ol.couleur_suppl { float:left; width:265px; }
div.illustr_couleurs { float:left; width:148px; text-align:center; }

fieldset.sousrub { border:none; }
div.illustr_ssrub { float:left; width:117px; }
ol.list_ssrub { float:left; /*width:235px;*/width:300px; /*list-style-type:none;*/}
div.row_colors { font-weight:bold; }
div.row_colors img { margin:11px 3px 0 0; }
li:hover
{
	background-color:#d2ebff;
}

fieldset.option { border: 1px solid #e3e3e3;  margin:0 0 0 56px; padding:0; }
fieldset.option_sans_img { border: 1px solid #e3e3e3;  margin:25px 0 0 56px; padding:0; }
div.div_option { float:left; width:50px; background:#ff902f; font-weight:bold; color:#fff; text-align:center; line-height:60px; }
ol.list_option { float:left; width:365px; margin:0 0 0 10px;}
ol.list_option_sans_img{ float:left; width:365px; font-size:18px;font-weight:bold; margin:0 0 0 30px;padding:0;}

div.illustr_option { float:left; width:110px; font-weight:bold; color:#fff; text-align:center; line-height:60px; }
ol.list_option li label {  padding:0;line-height:53px;  }
ol.list_option li img{ height:16px; margin-top:7px;  }
ol.list_option li {padding:0; }
fieldset.trsprt { border:none; }

div.titre, div.td_plus, div.td_minus  { 
	border: 1px solid #e3e3e3; 
	width:417px; 
	/*width:352px; */
	margin:0 0 10px 10px; 
	padding:8px 0 5px 0;
	cursor:pointer;
}
div.titre, div.td_plus h3, div.td_minus h3 
{
	margin:0 0 10px 56px; 
	}
div.quantite 
{
	width:417px; 
	/*width:352px; */
	padding:8px 0 5px 56px; 
	/*padding:8px 0 5px 0;*/
	}
div.titre h3 { float:left; font-size:18px; /*margin:0 0 0 148px; */padding:0 0 0 148px; margin : 0; width:235px;/*width:170px;*/line-height:18px; }
div.titre img.plus, div.titre img.moins { float:right; margin-right:5px; }

div.td_plus
{
    cursor:pointer;
}
div.td_plus:hover
{
    background-color: #d2ebff;    
}
div.td_minus
{
    cursor:pointer;
}
div.td_minus:hover
{
    background-color: #d2ebff;      
}
div.btn_panier
{
	padding:40px 10px 0 10px;
	
	}

#affichage { float:left; width:260px; padding:12px 0 0 0;/*12 0 0 0*/ }
/*#tab_affiche { background:#ececec; width:235px; margin:0 0 10px 0; padding:20px 5px 15px 5px; }*/
.tab_affiche { background:#ececec; width:235px; margin:0 0 10px 0; padding:20px 5px 15px 5px; }
div.item { background:#fff; font-weight:bold; font-size:12px;margin:0 0 7px 0; padding:1px 0; }
p.intitule { float:left; width:108px; margin:0; padding:0 0 0 10px; background:#fff; }
p.valeur { float:left; width:107px; text-align:right; color:#000; margin:0; padding:0 10px 0 0; background:#fff; }

/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	}


/* Forms
------------------------------*/

form, fieldset {
	margin: 0; 
	padding: 0;
	}
	
fieldset { border: 1px solid #e3e3e3; /*width:352px;*/ width:417px; margin:0 0 0 56px; padding:8px 0 5px 0;
 }

legend {
	padding: 0;
	color: #000;
	}

input {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
	
select { padding: 0; }



/*****************************/
/*         SPECIFIC          */
/*****************************/
.clear { clear:both; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.hide { display:none; }
.bloc { display:block; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

ul.list_simple { list-style:none; margin:0; padding:0; }
ul.list_simple li { margin:0; padding:0; }

div.riviere {}
div.illstr_riv { float:left; }
div.texte_riv { float:left; }

/********************************/
/*   FONRMULAIRE D'INSCRIPTION  */
/********************************/

table.form_inscr { width:100%; }
table.form_inscr td {  }
table.form_inscr td.cl_td { text-align:right; width:130px; padding:5px;font-weight:bold; }
table.form_inscr td.cl_td span.orange { color:#ff912f; }
table.form_inscr td.cl_td2 { text-align:left; padding:5px; }
table.form_inscr td.cl_td3 { padding:5px 15px 20px 15px; color:#663300; font-weight:bold; text-align:left;}
table.form_inscr td.cl_td4 { color:#535353; font-size:11px; font-weight:bold; padding:10px 0 15px 10px; }
table.form_inscr td.cl_td4 table { width:80%;  }
table.form_inscr td.cl_td4 span.al_right { text-align:right; width:90%; }
div.entete_etap img.numero2 { float:left;width:44px; margin:0 10px 0 0;}
table.form_eurors td { height:10px; padding:0; } 
table.tab_authont td{ color:#663300; font-weight:bold;}
span.marron { color:#663300; }
a.lien_gris { /*color:#d0d0d0;*/color:#a7a7a7; text-decoration:underline;padding-left:50px; font-size:10px; }

/*************************/
/*    MENU ONGLETS       */
/*************************/
#right 
{	
	/*background-color:;*/
	background:url(../images/common/esp_client.gif) no-repeat left top #ececec;
	 width:490px;/*520*/
	 float:left;
	 margin:12px 0 0 0;
	 display:block;
	 padding:70px 15px/*10*/  0 12px;
	}
#header {
    width:483px;/*513*/
	margin:7px 0 0 0; 
	padding:0;
	background-color:#ececec;
	height:75px;
}
#header ul {
    margin:0;
	padding:0;
	list-style:none;
	width:490px;/*520*/
	height:20px;
	font-weight:bold;
	font-size:14px;
	background:url(../images/common/onglet_left.gif) 0 bottom repeat-x #ececec;
	
}
#header li {
    float:left;
    background:url(../images/common/onglet_left.gif) no-repeat right top #ececec;
    margin:0;
    padding:0;
}
#header a {
    display:block;
    background:url(../images/common/onglet_left.gif) no-repeat left top ;
    padding:15px 35px 15px 25px;
	font-weight:bold;
	text-decoration:none;
    color:#878787;
}

#header li.current , #header li.current2, #header li.current3 
{
	color:#ff912f;
    background:url(../images/common/onglet_right_on.gif) no-repeat right top #ececec;
}

/*#header li.current3 
{
	color:#ff912f;
    background:url(../images/common/onglet_right_on_droit.gif) no-repeat right top #ececec;
}*/

#header li.current a 
{
	color:#ff912f;
    background-image:url(../images/common/onglet_left_on.gif);
	/*padding-bottom:5px;*/
	text-align:center;
	border-bottom:none;
}

#header li.current3 a , #header li.current2 a 
{
	color:#ff912f;
    background-image:url(../images/common/onglet_left_on_arron.gif);
	/*padding-bottom:5px;*/
	text-align:center;
	border-bottom:none;
}

div.mainContent
{
	background-color:#ffffff;
	height:auto;
	/*background:#fff url(../images/common/pub.jpg) right bottom no-repeat;*/
	width:460px;
/*	padding:20px 10px 200px 20px;*/
	padding:20px 10px 20px 20px;
	float:left;
	/*padding:0 10px 200px 20px;
	margin:25px 0 0 0;*/
}

/****************************************************/
/*                  DEVIS - RESULTAT                */
/****************************************************/
div.item_resultat { background:#f7f7f7; font-size:11px;font-weight:bold; margin:0 0 7px 0; padding:1px 0; }
div.item_a_four { background:#fff; font-weight:bold; margin:-5px 0 7px 0; padding:1px 0 0 20px; height:24px;background:url(../images/common/plus_gris.jpg) 0 10px no-repeat ;}
span.intitule_res, p.intitule_res{ float:left; width:170px; margin:0; padding:0 0 0 10px; background:#f7f7f7;}
span.valeur_res, p.valeur_res { float:left; width:220px; text-align:left; color:#000; margin:0; padding:0 10px 0 0; background:#f7f7f7; }

span.pas_devis_link {font-size:13px; font-weight:bold; color:#649cae; float:left;}

/****************************************************/
/*					DIV AIDE						*/
/****************************************************/
div.class_aide { width:400px; font-size:11px; color:#878787; padding:3px;height:auto;border:4px solid #e7e7e7;background-color:#fff;}
div.class_aide2 { text-align:left; width:396px; font-size:11px; color:#878787; margin:3px;padding:3px;height:auto;border:4px solid #e7e7e7;background-color:#fff;}
div.class_aide3 { z-index:15; text-align:left; width:240px; font-size:11px; color:#878787; margin:3px;padding:5px;height:auto;/*border:4px solid #e7e7e7;*/background-color:#fff;}

/***************************************************/
/*				LISTE DES DEVIS					   */
/***************************************************/
div.div_liste_devis { padding:10px 0 0 0;}

.ligne_devis { float:left;font-weight:bold; margin:0 0 7px 0; padding:1px 0; width:450px;background-color:#e2e2e2;}
.ligne_devis span {font-size:11px; padding : 2px 10px 2px 5px; }
.ligne_devis span.blue { color:#649cae; }
.ligne_devis span.noir { color:#000; }
.ligne_devis a, .ligne_devis a:hover { padding:0 0 0 10px;  text-decoration:underline; color:#fe9130; }

/****************************************************/
/*				MENU SITE							*/
/****************************************************/
ul#nav {
	margin:0;
	padding: 0;
	list-style: none;
	width: 634px;
	height:23px;
	background:#649cae;
	z-index:3;
	}
ul#nav li {
	float: left;
	position: relative;
}
li#nav_accueil, li#nav_accueil a { width:71px; }
li#nav_mpo, li#nav_mpo a { width:116px; }
li#nav_produits, li#nav_produits a { width:83px; }
li#nav_packagings, li#nav_packagings a { width:99px; }
li#nav_services, li#nav_services a { width:77px; }
li#nav_extranet, li#nav_extranet a { width:109px; }
li#nav_contacts, li#nav_contacts a { width:79px; }

ul#nav li a {
	display:block;
	font-weight:bold;
	background:#649cae;
	color:#fff;
	font-size:10px;
	margin:0;
	padding:2px 0 0 0;
	text-decoration:none;
	text-align:center;
}



ul#nav li a:hover, /* la suite pour que le menu du haut reste actif quand on passe sur les sous-menus */ ul#nav li:hover a, ul#nav li.over a  {
	color:#000;
}

li#nav_accueil a:hover, li#nav_accueil:hover a, li#nav_accueil.over a { background:url(../images/common/nav/accueil_ov_nav.gif) 0 0 no-repeat; }
li#nav_mpo a:hover, li#nav_mpo:hover a, li#nav_mpo.over a { background:url(../images/common/nav/autour_mpo_ov_nav.gif) 0 0 no-repeat;}
li#nav_produits a:hover, li#nav_produits:hover a, li#nav_produits.over a { background:url(../images/common/nav/produits_ov_nav.gif) 0 0 no-repeat; }
li#nav_packagings a:hover, li#nav_packagings:hover a, li#nav_packagings.over a { background:url(../images/common/nav/packagings_ov_nav.gif) 0 0 no-repeat; }
li#nav_services a:hover, li#nav_services:hover a, li#nav_services.over a { background:url(../images/common/nav/services_ov_nav.gif) 0 0 no-repeat; }
li#nav_extranet a:hover, li#nav_extranet:hover a, li#nav_extranet.over a { background:url(../images/common/nav/espace_client_ov_nav.gif) 0 0 no-repeat; }
li#nav_contacts a:hover, li#nav_contacts:hover a, li#nav_contacts.over a { background:url(../images/common/nav/contacts_on_nav.gif) 0 0 no-repeat; }


ul#nav li ul {
	display: none;
	position: absolute;
	left: 7px;
	top: 18px;
	margin:0;
	padding:0;
	list-style:none;
	background:#fcddcc;
	}
ul#nav li ul li {
	height:auto;
}
li#nav_accueil li, li#nav_mpo li, li#nav_produits li, li#nav_packagings li, li#nav_services li, li#nav_extranet li, li#nav_contacts li { width:130px; }


ul#nav li ul ul.secondnav {
	position: absolute;
	left: 130px;
	top: 0;
	display: none;
	width:130px;
	background:#fcddcc;
	z-index:5;
}	
ul#nav li:hover ul ul, ul#nav li.over ul ul { 
display:none; 
} 
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.over ul, ul#nav li li.over ul {  /* The magic */
display: block; 
}
ul#nav ul li a, /* la suite pour que le menu du haut reste actif quand on passe sur les sous-menus */ ul#nav li:hover ul li a, ul#nav li.over ul li a  {
	display: block;
	background:#f79661;
	color:#814321;
	margin:0 1px 1px 0;
	padding:2px 0 2px 4px;
	width:126px;
	text-decoration:none;
	text-align:left;
	}
li#nav_accueil li a, li#nav_mpo li a, li#nav_produits li a, li#nav_packagings li a, li#nav_services li a,li#nav_extranet li a, li#nav_contacts li a { width:126px; } 

ul#nav ul li a:hover, /* la suite pour que le menu du haut reste actif quand on passe sur les sous-menus */ ul#nav li:hover ul li a:hover, ul#nav li.over ul li a:hover, ul#nav li:hover ul li:hover a, ul#nav li.over ul li.over a {
	color:#814321;
	background:#fcddcc;
}
ul#nav ul ul li a, /* la suite pour que le menu du haut reste actif quand on passe sur les sous-menus */ ul#nav li:hover ul li:hover ul li a, ul#nav li.over ul li.over ul li a {
	display: block;
	background:#f79661;
	color:#814321;
	margin:0 0 1px 1px;
	padding:2px 0 2px 4px;
	text-decoration:none;
}
ul#nav ul ul li a:hover, /* la suite pour que le menu du haut reste actif quand on passe sur les sous-menus */ ul#nav li:hover ul li:hover ul li a:hover, ul#nav li.over ul li.over ul li a:hover {
	color:#814321;
	background:#fcddcc;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; }
* html ul#nav li a { height: 1%; }
/* End */

.brdr { /* border */ border:1px solid #016093; }
.brdrtopnone { border-top:none; }
.brdrleftnone { border-left:none; }

.lien_orange a, lien_orange a:hover { text-decoration:underline; color:#ff912f;}
a.a_sortie, a.a_sortie:hover { cursor:pointer; padding-left:5px;background:url(../images/common/nav/fleche.gif) no-repeat left 3px;}

ul.remarque{ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 0 60px; padding:0;}
ul.remarque li{ height:15px;padding:5px 0; font-size:11px;}