/*---------------------------------------------------------------------
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
-------------------------------------------------------------------------
Copyright 2007 POINT WEB
type : screen
categorie : structure site
Auteur : Klair
site : K-production
-------------------------------------------------------------------------*/
/*----------- DETECTION JS--------------------*/
#jserror{ background:#FFFFCC; border:#FF0000; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left}
#jserror dt{ font-weight:bold}
*{ margin:0; padding:0}
/*--------------------------------------------*/

body{ background:url(../images/fond_02.jpg) repeat-x left top #000; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px}
h1{ background:url(../images/Kproduction_44.jpg) no-repeat left top; padding-left:20px; color:#ff0000; font-size:14px}
hr{border:1px dashed #ff0000;}
fieldset{padding:10px; border:1px solid #ff0000;}
fieldset div{ margin: 5px 0 8px 0;}
fieldset div label{width:90px; display:block; float:left;}
fieldset legend{ color:#ff0000}
fieldset input{ height:13px; border:1px solid #ff0000}
fieldset input:focus{ background: #CCC}
fieldset textarea:focus{ background: #ccc}
fieldset textarea{ border:1px solid #ff0000; height:130px}

a{ color:#fff; text-decoration:none}
a:hover{ text-decoration:underline}

#global{ width:1000px; margin:0 auto}
#header{ background:url(../images/Kproduction_01.jpg) no-repeat left top; height:286px}
#menu{ width:1000px; float:left; margin-top:2px; margin-left:90px}
#menu li{ display:inline; list-style:none; float:left}
#wrapper{ padding:20px 0  20px 0; float:left}
#mdm1{ width:203px; float:left; margin-right:20px}
#mdm1 dl{ border-left:1px solid #ff6d0b; border-right:1px solid #ff6d0b; background:#171616}
#mdm1 dt{ background:url(../images/Kproduction_28.jpg) no-repeat left top; min-height:169px; padding:20px 0 0 27px}
#mdm1 dt img{ border:1px solid #ff6d0b}
#mdm1 dd{ padding:5px 20px 5px 30px; color:#666; min-height:30px;}
#mdm1 a{ color:#ff6d0b; text-decoration:none}
#mdm1 a:hover{ text-decoration:underline}
#content{float:left; width:530px;  background:#000; margin-right:20px; margin-left:220px}
#content a{ color:#ff0000; text-decoration:none}
#content a:hover{ text-decoration:underline}
#fond{ background:url(../images/Kproduction_31.jpg) no-repeat left top; border-left:1px solid #ff0000; border-right:1px solid #ff0000; padding:20px}
#mdm2{ width:203px; float:left; }
#mdm2 dl{ border-left:1px solid #11cf41; border-right:1px solid #11cf41; background:#171616}
#mdm2 dt{ background: url(../images/Kproduction_25.jpg) no-repeat left top; min-height:169px; padding:20px 0 0 27px}
#mdm2 dt img{ border:1px solid #11cf41}
#mdm2 dd{ padding:5px 20px 5px 30px; color:#666; min-height:30px;}
#mdm2 a{ color:#11cf41; text-decoration:none}
#mdm2 a:hover{ text-decoration:underline}
#footer{ background:#333; color:#00ccff; clear:both; padding:5px; font-style:italic}
#footer a{ color:#00ccff; text-decoration:none}
#footer a:hover{text-decoration:underline}

.space{ margin-left:550px}
.float_left{ float:left}
.float_right{ float:right}
.clear{ clear:both}

/*--------------------------------blocs bdd ---------------------------------------------------------------------------------------*/
.produits{background:#171616; color:#ccc; float:left; width:100%; margin:0 0 10px 0}
.produits dt {background:#ff0000; padding:0 0px 0 2px; color:#fff; float:left; width:100%}
.produits span{color:#fff}
.produits img{ float:left; margin:0 5px 0 0}
.produits div{ border-bottom:1px solid #000}
/*----------------------------------------------------------------------------PAGE 1/2 suivante--*/
#compteur-pages{ width:450px; float:left; margin:10px 0 0 10px; }
#compteur-pages div{float:left}
#compteur-page1{text-align:left; width:100px}
#compteur-page2{text-align:center;width:250px}
#compteur-page2 a:hover{color:#fff}
#compteur-page2 strong{color:#fff}
#compteur-page3{text-align:right;width:100px}
w