html,body{margin:0;padding:0}
body{font: 76% verdana,arial,sans-serif;text-align:center}
html{
overflow:-moz-scrollbars-vertical;
overflow-y: scroll;
}
p{margin:0 25px}
a{display:inline;color:#c60;padding:0}
a:hover, a:focus, a:active {outline: none;}
div#header{position:relative}
div#header{height:120px;line-height:100px;margin:0;background:url(../images/studio_header.jpg) no-repeat;}
div#header h1{font-size:1.5em;letter-spacing:.9em;color:#000;margin:0;padding:20px 0 0 18px}
div#container{width:1000px;margin:0 auto}
div#container{text-align:left}
div#content{float:right;width:770px}
div#content p{line-height:1.4}
div#navigation{float:left;width:230px}
div#navigation{background:#fff}
div#extra{background:#fff}
div#extra{float:left;clear:left;width:230px}
div#footer{clear:both;float:right;width:770px}
div#footer{background: #fff;color: #999; text-align:center; font-size:.9em}
div#footer p{margin:0;padding:0px 5px}
div#footer a{color: #999; text-decoration:none}

.contentHaut{height:20px;line-height:20px;background:url(../images/studio_content_haut.jpg) no-repeat;}
.contentBas{height:25px;line-height:25px;background:url(../images/studio_content_bas.jpg) no-repeat;}
.contentMilieu{min-height:345px;background:url(../images/studio_content_milieu.jpg) repeat;}

.footerHaut{height:20px;line-height:20px;background:url(../images/studio_content_haut.jpg) no-repeat;}
.footerBas{height:25px;line-height:25px;background:url(../images/studio_content_bas.jpg) no-repeat;}
.footerMilieu{background:url(../images/studio_content_milieu.jpg) repeat;}

.navHaut{height:20px;line-height:20px;background:url(../images/studio_nav_haut.jpg) no-repeat;}
.navBas{height:25px;line-height:25px;background:url(../images/studio_nav_bas.jpg) no-repeat;}
.navMilieu{min-height:200px;background:url(../images/studio_nav_milieu.jpg) repeat;}
.navMilieu p{margin-bottom:8px}

.extraHaut{height:20px;line-height:20px;background:url(../images/studio_nav_haut.jpg) no-repeat;}
.extraBas{height:25px;line-height:25px;background:url(../images/studio_nav_bas.jpg) no-repeat;}
.extraMilieu{min-height:100px;background:url(../images/studio_nav_milieu.jpg) repeat;}

.recherche{margin:0 25px 10px 25px;padding:0 0 10px 0;border-bottom:1px solid #f6f6f6}
.recherche form, .recherche input{font-size:.8em}

.imgselect{padding:2px;border:1px solid #000}
.imgnoselect{padding:2px;border:1px solid #ccc}

div#myTreeMenu p{margin:0 0 4px 4px}

table{font-size:.9em}
select{font-size:.9em}
.btn{background:#CC6600;color:#fff;border:1px solid #fff;margin:10px;padding:1px;font-size:1em;letter-spacing:.4em;font-weight:bold;cursor:pointer}

form#two {background:#fff; width:700px; padding:0 10px; margin:0 auto; font-size:.9em; font-family:verdana, arial, helvetica, sans-serif;} /*  4f718a */
form#two p {font-size:1em; color:#000; text-align:left; padding:0 5px 5px 0; margin:0;}
form#two fieldset#current p {padding:0; margin:0;} /* padding:4px */

form#two fieldset {width:680px; display:block; border:1px solid #ccc; padding:0px 5px 5px 10px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em; font-size:1em; }
form#two fieldset:hover {border:1px solid #999;}
form#two fieldset#opt:hover {border:1px solid #999;}

form#two legend {font-size:1.3em; font-weight:bold; border-bottom:2px solid #c60; margin-bottom:15px; padding:6px; background:none; color:#000;}
* html form#two legend { padding:0 0 5px 0; margin:5px 0 10px 0; border-bottom:2px solid #c60;}

form#two label {clear:left; display:block; float:left; width:160px; text-align:right; padding-right:20px; color:#000; margin-bottom:0.1em;} /* margin-bottom:0.5em */

form#two fieldset#option select {float:left; margin:0 0 0.2em 0;}
form#two fieldset#option label {clear:left; display:block; float:left; width:300px; text-align:right; padding-right:20px; color:#fff; margin-bottom:0.1em;} /* margin-bottom:0.5em */

form#two input {float:left; font-size:1em; border:1px solid #ccc; padding-left:0.5em; margin-bottom:0.2em; width:300px; background:#fff;} /* margin-bottom:0.6em */
form#two input:hover { background:#FCFCFC; border:1px solid #c60; color:#000;}
form#two input:focus {background:#fff; border:1px solid #000; color:#000;}
form#two #livraison, form#two fieldset#paiement input, form#two fieldset#current input {width:40px; border:0; background:#fff; float:left;}

form#two select {float:left; margin:0 0 0.2em 0;}
form#two textarea {font-size:1.1em; width:410px; height:8em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#c5d3e0;}
form#two textarea:hover { background:#b80b38; border:1px solid #fff; color:#fff;}
form#two textarea:focus {background:#fff; border:1px solid #b80b38; color:#b80b38;}
form#two textarea#zone {float:left; font-size:1.1em; width:340px; height:3em; border:1px solid #fff; margin:2px 0 4px 1px; padding:0; background:#c5d3e0;}
form#two textarea#infosSpecial {float:left; font-size:1.1em; width:340px; height:3em; border:1px solid #fff; margin:2px 0 4px 1px; padding:0; background:#c5d3e0;}


form#two .btn-client{background:#CC6600;width:520px;color:#fff;border:1px solid #fff;margin:10px;padding:1px;font-size:1em;letter-spacing:.1em;font-weight:bold;cursor:pointer} /*  */

form#two option {background:#fff; color:#000;} /* b80b38 */
form#two optgroup {background:#fff; color:#000; font-style:normal;}
form#two optgroup option {background:#fff; color:#000;} /* b80b38 */

/* DEBUT fvalidate */
form#two input.errHilite, form#two select.errHilite, form#two textarea.errHilite, .recherche input.errHilite, .recherche select.errHilite  {
	border: 1px solid #FF0000;
	background-color: #FFE;
}

form#two label.errHilite, .recherche label.errHilite {
	color: #CC3300;
	text-decoration : none;
}
/* FIN fvalidate */

.navpage{ border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5; }

.navpage ul
{
padding: 1px 0; /* .1em 0 */
margin: 0 auto;
list-style-type: none;
color: #000;
width: 98%;
text-align: center;
font-weight: bold;
}

.navpage li { display: inline; font: .9em/1.4em Verdana, Arial, Geneva, Helvetica, sans-serif; margin: 0 }

.navpage li a
{
text-decoration: none;
background-color:#fc3;
color: #fff;
padding: .1em .2em;
/*border-right: 1px solid #fff;*/
/*border-left: 1px solid #fff;*/
font-weight: normal;
}

.navpage li a:hover
{background-color:#c60;color: #fff;}

.navlistpage a:link.current, .navlistpage a:visited.current, .navlistpage a:hover
{background: #c60;color: #fff;border-bottom: 0;}

#navlistmenu{ 
width: 230px; 
}
#navlistmenu ul{
margin: 0 25px;
padding: 5px 0;
list-style-type: none;
font-size: 1em;
text-align: left;
}
#navlistmenu li{
border-bottom: 1px solid #fff;
}
#navlistmenu a{
display: block;
margin: 2px 0;
padding: 3px;
width: 170px;
font-weight: bold;
}
#navlistmenu a:link, #navlistmenu a:visited{
background-color:#fff; /* FF9900 */
color: #000;
text-decoration: none;
}
#navlistmenu a:hover{
background-color:#D9D1C4; /* FF9900 */
color: #fff;
}

/* TOOLTIPS V 1.3 */
#tip {
	z-index:100;
	position:absolute;
	border:0;
	padding:0 6px 5px 0;
	background:transparent url(bgs.png) no-repeat bottom right;
	color:#000;
	font:70%/1.4 Verdana,Helvetica,sans-serif;
	display:none;
}

/* get out of jail card for IE */
* html #tip {
  background:transparent;  
}

* html #tip * {
  background:#fff;
}

#tip * {
  background:transparent url(bg.png) repeat;
}

#tip div {
  position:relative;
  top:-5px;
  left:-5px;
  border:1px solid #999;
  padding:5px;
}
/* FIN TOOLTIPS */