@charset utf-8;

/**
* ikodz
* Template grands visuels - Mise en situation d'ikodz
* May - 2011
* Copyright Evernet - L'équipe Evernet - May 2011
*
* Feuille de style du template ikodz.
*
* tmpl_ikodz/css/main.css
*/
body
{
  margin:0;
  padding:0;
  width:100%;
  font-family:arial;
  font-size:12px;
  }

html
{
  padding:0;
  margin:0;
  background-color:#000;
}
/* main */
.main
{
  width:100%;
  padding:0;
  margin:0 auto;
  background:#fff;
}
#logo_ikodz{
    top:25px;
    padding: 0;
    position: absolute;
    width: 986px;
    z-index: 3;
    left:14%;
}

/********** header **********/
#bandeau-haut{
    margin:auto;
    position:absolute;
    top:25px;
    z-index:3;
}
    #bandeau-haut #bandeau-haut-inner{
        width:984px;
        margin:auto;
    }
.header
{
    height: 531px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1200px;
}
    #bg-grand-visuel{
        height: 531px;
        position: absolute;
        top: 0;
        width: 1200px;
        z-index: 1;
    }
    #citation{
        position:absolute;
        right:30px;
        bottom:120px;
        z-index:1;
        text-align:right;
    }
        #citation span{
            background-color:black;
            color:white;
            line-height:45px;
           /* font-size:35px;*/
            font-family:arial;
            padding:5px 10px;
        }

.block_header
{
    background-color: #000000;
    top:25px;
    padding: 0;
    position: absolute;
    width: 986px;
    z-index: 2;
    height:130px;
}
    .inner_block_header{
        width:984px;
        position:relative;
        margin:auto;
    }
    .desc{
        color: white;
        font-family: arial;
        font-size: 13px;
        /* margin-left: -508px; */
		margin-left: -475px;
        margin-top: 50px;
        position: relative;
    }
/* logo */
.logo
{
  float:left;
  padding:0;
  margin:0;
  width:277px;
}

/*Tweets défilants*/
#logo-twitter{
    width:984px;
position:absolute;
    height:50px;
}
#logo-twitter-inner{
    margin: 14px auto auto;
    width: 984px;
}
#tweet-list {
    height: 25px;
    top: 5px;
}
#tweet-list a{
    color:black;
    font-family:arial;
    text-decoration:none;
    font-weight:bold;
}
#tweet-list a:hover{
    color:#00769e;
}
/* search */
.search
{
  padding:53px 25px 0 0;
  margin:0;
  float:right;
  width:340px;
}

.search form
{
  display:block;
  float:right;
  padding:0;
}

.search span
{
  display:block;
  float:left;
  background:url(../images/search_bg.gif) left top no-repeat;
  width:149px;
  padding:0 5px;
  height:33px;
}

.search form .keywords
{
  line-height:14px;
  float:left;
  border:0;
  width:149px;
  padding:9px 0;
  height:14px;
  background:none;
  margin:0;
  font:normal 14px Arial, Helvetica, sans-serif;
  color:#9c9c9c;
}

.search form .button
{
  float:left;
  margin:0;
  padding:0;
}

/* menu */
.menu
{
  float:right;
  padding:23px 0 0;
  margin:0;
  /* width:465px; */
  width:500px;
  height:35px;
}

.menu ul
{
  text-align:right;
  padding:0;
  margin:0;
  list-style:none;
  border:0;
  height:35px;
}

.menu ul li
{
  float:left;
  margin:0;
  padding:0 5px;
  border:0;
  height:35px;
}

.menu ul li a
{
  color:#fff;

  float:left;
  margin:0;
  padding:10px 0;
  font:normal 15px arial, Helvetica, sans-serif;
  text-decoration:none;
}
	
#overlay {
    background-image:url(../images/overlay/transparent-min.png);
    color:#efefef;
    height:350px;
}

div.contentWrap {
    height:350px;
    overflow-y:auto;
    font-family:arial;
}
    div.contentWrap a{
        color:#d0de09;
    }
    div.contentWrap #formulaire{
        text-align:right;
    }
    div.contentWrap input{
        border:0;
        border-radius:3px;
    }
.menu ul li a span
{
  padding:10px 8px;
  background:none;
}

.menu ul li a:hover
{

}

.menu ul li a:hover span
{

}

.menu ul li a.active
{
  color:#D0DE0A;

}

.menu ul li a.active span
{

}

/********** slider **********/
.slider_top
{
  margin:0 auto;
  padding:0;
  background:transparent;
  border:0;
}

/*header_text*/
.header_text
{
  margin:0 auto;
  padding:29px 0 0;
  height:263px;
  width:984px;
  background:transparent;
}

.header_text .div
{
  width:860px;
  padding:0;
  margin:0 auto;
}

.header_text img.screen
{
  float:left;
  margin:0;
  padding:0;
}

.header_text .div .left1
{
  float:right;
  width:415px;
  padding:10px 0 0;
  margin:0;
}

.header_text .div .left1 img
{
  float:left;
  margin:0;
  padding:0;
}

.header_text .div .left1 h2
{
  font:normal 24px verdana, Helvetica, sans-serif;
  color:#072e75;
  padding:10px 0;
  margin:0;
}

.header_text .div .left1 p.uli
{
  background:url(../images/simple_ul_li.gif) left no-repeat;
  padding:2px 20px;
  margin:0;
  font:normal 12px verdana, Helvetica, sans-serif;
  color:#0072bd;
}

.header_text p
{
  font:normal 12px verdana, Helvetica, sans-serif;
  color:#0072bd;
  padding:5px 50px 20px 0;
  margin:0;
}

/********** slider **********/
.header_text2
{
  margin:0 auto;
  padding:29px 0 0;
  height:72px;
  width:984px;
  background:url(../images/header_text2_bg.gif) top repeat-x;
}

.header_text2 h2
{
  padding:0 0 0 25px;
  margin:0;
  font:normal 36px Arial, Helvetica, sans-serif;
  color:#0074c0;
}

.header_text2 img
{
  float:right;
  margin:0;
  padding:10px 20px 0 0;
}

/* top_bg */
.top_bg
{
  background:url(../images/bg-barre-twitter.png) top repeat-x;
  margin:0;
  padding:0;
  height:50px;
}

.top_bg2
{
  margin:0;
  padding:0;
}

.top_bg_resize
{
  width:986px;
  margin:0 auto;
  padding:0;
  font-size:12px;
  font-family:arial;
}

.top_bg_resize img
{
  float:left;
  margin:0;
  padding:0;
}

/*FBG*/
.FBG
{
  margin:0 auto;
  padding:0 0 20px;
}

.FBG p
{
  font: 11px Arial, Helvetica, sans-serif;
  color:#5f5f5f;
  line-height:1.8em;
  padding:5px 0;
  margin:0;
}

.FBG p strong
{
  color:#2a2a2a;
}

.FBG img
{
  float:left;
  margin:10px;
  padding:0;
}

.FBG_resize
{
  width:984px;
  margin:0 auto;
  padding:0;
  border:1px solid #d4d4d4;
  background:#f0f0f0;
}

/****Recent **/
.Recent
{
  width:220px;
  float:left;
  padding:10px;
  margin:10px 0;
  border-right:1px solid #ddd;
}

.Recent2
{
  width:220px;
  float:left;
  padding:10px;
  margin:10px 0;
}

/********** block index **********/
.body
{
  margin:0;
  padding:0 0 20px;
}
.item-page h1{display:none;}
.body_resize
{
  width:954px;
  margin:0 auto;
  padding:0 15px;
  border:1px solid #d4d4d4;
  background:#fff;
}

.body_resize h2
{
  font: 20px Arial, Helvetica, sans-serif;
  color:#282828;
  padding:5px;
  margin:0;
  border-bottom:1px solid #dfdfdf;
}

.body_resize h3
{
  font: 20px Arial, Helvetica, sans-serif;
  color:#282828;
  padding:5px;
  margin:0;
}

.body_resize h4
{
  font: 36px Arial, Helvetica, sans-serif;
  color:#282828;
  padding:5px;
  margin:0;
  border-bottom:1px solid #dfdfdf;
}

.body_resize h2 span
{
  font: 11px Arial, Helvetica, sans-serif;
  color:#819e9c;
  padding:5px 0;
  margin:0;
}

.body_resize p
{
  font: 12px Arial, Helvetica, sans-serif;
  color:#747474;
  padding:10px 5px;
  margin:0;
  line-height:1.8em;
}

.body_resize p span
{
  color:#819e9c;
}

.body_resize a
{
  color:#ea3900;
  text-decoration:underline;
}

.left ul
{
  list-style:none;
  margin:0 0 0 210px;
  padding:10px 0 20px;
}

.left li
{
  background:url(../images/port_ul_li.gif) left no-repeat;
  padding:2px 20px;
  margin:0;
  font:12px Arial, Helvetica, sans-serif;
  color:#5c8783;
  line-height:1.8em;
}
.left2 ul
{
  list-style:none;
}

.left2 li
{
}
.body_resize img
{
  float:left;
  margin:20px 10px;
  padding:0;
}

.body_resize img.floated
{
  float:left;
  margin:10px 5px;
  padding:0;
}

.right
{
  width:325px;
  float:right;
  margin:0;
  padding:10px;
} 
    .right img{
        height:55px;
        margin:0 6px;
    }
    .right p{
        height:75px;
    }
    .right a{
        color:#747474;
        text-decoration:none;
    }    
    .right a:hover{
        color:#747474;
        text-decoration:underline;
    }
.left
{
  width:565px;
  float:left;
  margin:0;
  padding:10px;
}
.left2
{
  width:565px;
  float:left;
  margin:0;
  padding:10px;
  font-family:arial;
  font-size:12px;
}
#listIkodz {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
			.listIkodzN1 {
				display: block;
				clear: both; 
				/*border-bottom:1px solid #C0C0C0;*/
			}
			
			.listIkodzN1Lib {
				font: 14px Arial, Helvetica, sans-serif;
				color: #1c5e5e;
				font-weight:bold;
			}
		
			#listIkodz li  ul{
				margin: 0;
				padding: 0;
				list-style: none;
				
			}
			
				#listIkodz li  ul li{
					float: left;
					padding: 10px; 
					text-align:center;
				}
.blog
{
  width:280px;
  float:left;
  margin:0;
  padding:10px;
}

/********** portfolio form **********/
.line
{
  clear:both;
  height:1px;
  background:#dfdfdf;
  overflow:hidden;
}

/********** contact form **********/
#contactform
{
  margin:0;
  padding:5px 10px;
}

#contactform *
{
  color:red;
}

#contactform ol
{
  margin:0;
  padding:0;
  list-style:none;
}

#contactform li
{
  margin:0;
  padding:0;
  background:none;
  border:none;
  display:block;
}

#contactform li.buttons
{
  margin:5px 0;
}

#contactform label
{
  margin:0;
  width:110px;
  display:block;
  padding:10px 0;
  color:#1c1c1c;
  font:bold 13px Arial, Helvetica, sans-serif;
  text-transform:capitalize;
  float:left;
}

#contactform label span
{
  color:red;
}

#contactform input.text
{
  width:380px;
  border:1px solid #d4d4d4;
  margin:10px 0;
  padding:5px 2px;
  height:16px;
  background:#f2f2f2;
  float:left;
}

#contactform textarea
{
  width:380px;
  border:1px solid #d4d4d4;
  margin:10px 0;
  padding:2px;
  background:#f2f2f2;
  float:left;
}

#contactform li.buttons input
{
  padding:3px 0 3px 380px;
  margin:0;
  border:0;
  color:#FFF;
  float:left;
}

p.response
{
  text-align:center;
  color:red;
  font:normal 11px Arial, serif;
  line-height:1.8em;
  width:auto;
}

/*************footer**********/
.footer_resize
{
  width:960px;
  margin:0 auto;
  padding:10px 0 0;
}

.footer
{
  padding:0;
  margin:0;
  height:55px;
  background:url(../images/bg-barre-twitter.png) top repeat-x;
}

.footer p
{
  font:normal 11px Arial, Helvetica, sans-serif;
  color:#fff;
}

.footer a
{
    color: #000;
    font: 11px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 11px;
    text-decoration: none;}
}
.footer p.leftt
{
  text-align:left;
  width:50%;
  margin:0;
  padding:10px 0 0 20px;
  float:left;
}

.footer p.rightt
{
  text-align:right;
  width:30%;
  margin:0;
  padding:15px 20px 0 0;
  float:right;
}

p.clr,.clr
{
  clear:both;
  padding:0;
  margin:0;
  background:none;
}

li.bg,.bg
{
  clear:both;
  border-top:1px solid #dfdfdf;
  padding:0;
  margin:10px 0;
  background:none;
  line-height:0;
}

.gallery
{
  width:860px;
  height:250px;
  margin:0 auto;
  padding:0;
}

#slider
{
  margin:0;
  padding:0;
  list-style:none;
}

#slider ul,#slider li
{
  margin:0;
  padding:0;
  list-style:none;
}

/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li
{
  width:860px;
  height:250px;
  overflow:hidden;
}

p#controls
{
  margin:0;
  padding:0;
  position:relative;
}

#prevBtn
{
  display:block;
  margin:0;
  overflow:hidden;
  width:16px;
  height:26px;
  position:absolute;
  left:-40px;
  top:-150px;
}

#nextBtn
{
  display:block;
  margin:0;
  overflow:hidden;
  width:16px;
  height:26px;
  position:absolute;
  left:880px;
  top:-150px;
}

#prevBtn a
{
  display:block;
  width:16px;
  height:26px;
  background:url(http://ikodz.com/qr-code/templates/ikodz/images/l_arrow.gif) no-repeat 0 0;
}

#nextBtn a
{
  display:block;
  width:16px;
  height:26px;
  background:url(http://ikodz.com/qr-code/templates/ikodz/images/r_arrow.gif) no-repeat 0 0;
}

.panes img {
	margin:0px;
}

#display-form, #basic-details, #display-misc, .contact-misc, .contact-miscinfo {
	display:none;
}

.contact h2 span {
  font: 20px Arial, Helvetica, sans-serif;
  color:#000;
  padding:5px;
  margin:0;
  border-bottom:1px solid #dfdfdf;
}

fieldset input, textarea {
	width:250px;
	-moz-box-shadow: 0 0 10px #EEE inset;
	-webkit-box-shadow: 0 0 10px #eee inset;
	border: 1px solid #CCC;
	padding:4px;
}

fieldset {
	border:1px solid #d2d2d2;
}

.hikashop_product_image img{
	float:none;
	margin:0 auto;
}
.login-greeting {
	display:none;
}

.logout-button input{
	font-family:arial;
	font-size:15px;
	padding-top:10px;
	border:0px;
	background:transparent;
	color:white;
}

.hikashop_product_name a {
	color: #282828;
	font-size: 20px;
	text-decoration:none;
}

.hikashop_subcontainer, .hikashop_container {
	border:0px solid !important;
}

#formAcymailing1 {
	display:none;
}