/*****************************/
/*           HTML            */
/*****************************/
body, html, #wrap { height: 100%; width:100%; }
body { margin:0; padding:0; font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#fff url(/squelettes/navpics/fonds/fd_body.png) center 0 no-repeat; color:#5c5c5c; text-align:center; }
body > #wrap { height:auto; min-height:100%; }

img { border:0; }
a { text-decoration:none; color:#5c5c5c; }
a:hover { text-decoration:underline; }
a:active, a:focus { border:none; outline:none; }
form, input, textarea, select { font-size:10px; margin:0; }

h1, h2, h3, h4, h5, h6 { margin:0; }
ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
ul li a { display:block; margin:0; padding:0; }

div.hr { background:url(/squelettes/navpics/fonds/separ.gif) center 0 no-repeat; border:none; clear:both; display:block; height:8px; margin:20px 0; width:100%; } /* Dites merci a Bill */
div.hr hr { display:none; }



/*****************************/
/*        STRUCTURE          */
/*****************************/
#container { margin:0 auto; padding:0 0 148px 0; text-align:left; width:980px; } /* conteneur de page */  /* padding-bottom must be same height as the footer */


#content { background:url(/squelettes/navpics/fonds/fd_content.png) 0 0 repeat-x; padding:0 0 20px 0; } /* contenu */

#nav_supp {} /* navigation gauche */

#content_main { float:left; padding:11px 0 0 0; width:732px; } /* contenu principal */

#content_supp { float:left; padding:0 0 0 9px; width:239px; } /* contenu supplementaire */

#content_sub {  } /* contenu subalterne */



/*****************************/
/*          OPTIONS          */
/*****************************/
#options, #options2 { margin:40px 0 20px 32px; width:700px; }
#options h3, #options2 h3 { font-size:18px; line-height:22px; }
#options div.text div.texte, #options2 div.text div.texte { float:left; width:415px; }
#options div.text div.illustr, #options2 div.text div.illustr { float:right; margin:0; text-align:center; width:285px; }

#options h4, #options2 h4 { background:url(/squelettes/navpics/puces/fleche_grise.gif) 0 4px no-repeat; cursor:pointer; font-size:14px; line-height:18px; margin:10px 0 0 0; padding:0 0 0 16px; }
#options h4:hover, #options2 h4:hover { color:#00c0f3; }
#options h4.selected, #options2 h4.selected { background:url(/squelettes/navpics/puces/fleche_noire_bas.gif) 0 4px no-repeat; color:#000; }
#options h4:active, #options h4:focus, #options2 h4:active, #options2 h4:focus { border:none; outline:none; }

#packaging { padding:50px 0 0 0; }
#packaging h2 { color:#65d1e2; font-size:18px; margin:0 0 0 44px; }
#packaging ul { float:left; margin:15px 0 0 0; width:250px; }
#packaging ul li { font-size:14px; height:38px; line-height:38px; }
#packaging ul li:first-child {}
#packaging ul li a { background:url(/squelettes/navpics/fonds/separ_packaging.gif) 0 bottom no-repeat; color:#5c5c5c; padding:0 0 0 46px; }
#packaging ul li:first-child a {}
#packaging ul li a:hover { text-decoration:none; }
#packaging ul li.ui-tabs-selected { font-weight:bold; }
#packaging ul li.ui-tabs-selected a {}
#packaging h4 { font-size:14px; margin:0 0 15px 0; }

#packaging div.visuel { float:left; width:450px; }

/*****************************/
/*          HiSPACE          */
/*****************************/
div.article { font-size:14px; line-height:20px; padding:0 80px 0 32px; }
div.article p, div.article ul {  }


/*****************************/
/*         SPECIFIC          */
/*****************************/
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear { clear:both; height:0; }

.ui-tabs-hide { display: none; }

ul.menu { height:32px; margin:15px 0 0 0; }
ul.menu li {
	float:left;
	font-size:14px;
	height:32px;
	line-height:32px;
	margin:0;
	padding:0 0 0 28px;
}
ul.menu li a {
	color:#838383;
	display:block;
	height:32px;
	padding:0 28px 0 0;
	text-decoration:none;
}
ul.menu li a:hover { color:#65d1e2; }
ul.menu li.ui-tabs-selected a:hover { color:#65d1e2; }
ul.menu li.ui-tabs-selected {
	background:url(/squelettes/navpics/fonds/onglet_gauche.png) no-repeat left top;
	font-size:13px;
	font-weight:bold;
	padding:0 0 0 42px;
}
ul.menu li.ui-tabs-selected a {
	background:url(/squelettes/navpics/fonds/onglet_droit.png) no-repeat right top;
	color:#65d1e2;
	cursor:default;
	padding:0 53px 0 9px;
}


div.chapo { font-weight:bold; }

h1.titre { background:url(/squelettes/navpics/visuels/visuel_titre.png) 0 0 no-repeat; font-size:22px; height:50px; line-height:50px; margin:0 0 0 30px; padding:15px 0 0 82px; width:351px; }
h1.titre_hispace { font-size:24px; height:50px; line-height:50px; margin:0 0 10px 30px; padding:15px 0 0 0; width:368px; }
div.titrage { float:left; width:463px; }
div.titrage p { margin:0 0 0 30px; padding:0 30px 0 82px; }

ul.demande { background:url(/squelettes/navpics/fonds/fd_dde_devis.png) 0 0 no-repeat; float:right; height:65px; margin:25px 0 0 0; padding:10px 0 0 19px; width:250px; }
ul.demande  li { font-size:14px; font-weight:normal; line-height:28px; text-transform:uppercase; }
ul.demande  li a { background:url(/squelettes/navpics/puces/fleche_bleu.gif) 0 10px no-repeat; color:#000; padding:0 0 0 23px; }
ul.demande  li a:hover { text-decoration:none; }

.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; }