/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/****************************/

.clear { clear: both; }
.clear-hr { clear: both;width: 940px; margin: 0 auto 40px;padding: 20px 0 0;border-bottom: 1px solid #ccc; }
.clear-hr-small { clear: both;width: 820px; margin: 0px auto 40px 120px; border-bottom: 1px solid #ccc; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

h1,h2,h3,h4,h5 { color: #222; }

body { background:#ececec url(../img//back.png) repeat-x 0 0; }
#main { position: relative; width: 1000px; min-height: 900px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #ccc;background: url(../img//page-back.gif) repeat-y 0 0; }
#content { margin: 0px; padding: 30px; display: block;overflow: hidden;background: url(../img//content-back.png) no-repeat 0 0; color: #444; }

#page-title { position: absolute;top: 320px; left:0px; display: block;width: 100%;text-align: center; }
#page-title-an { position: absolute;top: 320px; left:0px; display: block;width: 100%;text-align: center; }
#page-title p { position: absolute;left: 50%;display: block;width: 70px;margin-left: -571px; }
#page-title-an p { position: absolute;left: 50%;display: block;width: 70px;margin-left: -571px; }

#header { position:relative;height:150px;margin: 0 auto;background-color: #eee; }
#header h1 a { position:absolute;top:20px;left:20px;display:block;width:224px;height:103px;background:url(../img//kolt-production.gif) no-repeat 0 0;text-indent:-8888px; }

#lng-change { position:absolute;top:0;right:10px;padding:4px; }
#lng-change a, #lng-change a:visited { color:#888; }

#nav { position:absolute;bottom:30px;right:0;margin: 0;font-size:18px; }
#nav li { float:left;position:relative;padding:0 15px;z-index:8; }
#nav li.back { position:absolute;top:25px;width:20px;height:10px;padding:0;z-index:1;background:url(../img//nav-sel.gif) no-repeat center 0;  }
#nav a { position:relative;color:#787878; }
#nav a:hover { color:#222;text-decoration: none; }
#nav .current_page_item a { color:#ee236b; }

#banner { position: relative;height:110px;padding-left:20px;background:url(../img//banner-back.gif) repeat-x 0 0;color:#444;line-height:110px;font-size:26px;font-style:italic; }
#banner .k-logo { position: absolute;top: 0;left: 740px;display: block;width: 220px;height: 110px;background: url(../img//banner-k.png) no-repeat 0 0;z-index: 0; }

#intro { width: 1000px;}
#text-intro { width: 620px; float: left; margin-bottom: 10px; }
#sidebar { width: 280px; height: auto; min-height:220px; padding: 10px 10px 0; background: url(../img//sidebar.gif) no-repeat; float: left; margin-left: 20px;}
#sidebar h3 { border-bottom: 1px solid #ccc;; width: 280px; text-align: center; padding-bottom: 10px; }
#sidebar li { padding: 4px 0; color: #ed1e6b; font-size: 13px; }

.bloc-produit { width: 940px; height: auto; display: block; overflow: hidden; margin:0px; margin-bottom: 20px; min-height: 0px;}
.bloc-produit-top-l {width: 940px; height: 20px; background: url(../img//bloc-produit-top-l.gif) no-repeat; display: block; overflow: hidden; }
.bloc-produit-center-l {width: 940px; height: auto; background:url(../img//bloc-produit-center-l.gif) repeat-y 0 0; display: block; overflow: hidden; margin:0px;padding:10px;}
.bloc-produit-bottom-l {width: 940px; height: 20px; background: url(../img//bloc-produit-bottom-l.gif) no-repeat ;display: block; overflow: hidden; margin:0px;}
.bloc-produit-top {width: 940px; height: 20px; background: url(../img//bloc-produit-top.gif) no-repeat; display: block; overflow: hidden; }
.bloc-produit-center {width: 940px; height: auto; background:url(../img//bloc-produit-center.gif) repeat-y 0 0; display: block; overflow: hidden; margin:0px;padding:10px;}
.bloc-produit-bottom {width: 940px; height: 20px; background: url(../img//bloc-produit-bottom.gif) no-repeat ;display: block; overflow: hidden; margin:0px;}
.icone-produit {margin: 0px 30px 0px 20px; padding: 0px; width: 115px; height:115px; display: block; overflow: hidden; float: left; vertical-align: center;}
.desc-produit {width: 720px; height: auto; float: left; display: block; overflow: hidden;}
ul.titre-produit {width: 720px; height: 20px; padding-bottom: 10px;}
li.title-left {width: 10px; height: 25px; background: url(../images/stitre_gauche.png) no-repeat center; float:left;}
li.title-center {width: auto; height: 25px; background:url(../images/stitre_centre.png) repeat-x 0 0; float:left; color: #ffffff; font-weight: bold; font-size: 14px; padding-top:2px;}
li.title-right{width: 10px; height: 25px; background: url(../images/stitre_droite.png) no-repeat center; float:left;}
.txt-produit { line-height: 1.8em; text-align: justify;font-size: 12px; width: 720px; height:auto;}


#footer { width: 940px;margin: 0 auto;padding: 10px;color: #666;line-height: 14px; text-align: center;font-size: 12px; }
#footer a, #footer a:visited { color: #666;text-decoration: none; margin:10px; }
#footer a:hover { color: #666;text-decoration: underline; margin:10px; }
#footer #legal { color: #999; font-size: 10px; margin-top: 5px; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS, Ms sans serif,Verdana,Helvetica; color: #333; }

a { color: #ee236b; }
a.grey { color: #333; }

li.home { width : 250px; }


a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

h2 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 10px; }
h3 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 20px; }
h4 { font-weight: bold; font-size: 1em; line-height: 18px; }
h5 { font-weight: bold; font-size: 10px; line-height: 18px; }


.koltproduction { color: #ed1e6b; }

.page-entry { line-height: 1.8em;text-align: justify;font-size: 16px; }

/* LINKS */
a.twitter { padding: 1px 0 0 24px;background: url(../img//networks/twitter.gif) no-repeat 0 0; }
a.facebook { padding: 1px 0 0 24px;background: url(../img//networks/facebook.gif) no-repeat 0 0; }

/* PAGE: HOME */

#home #page-title-an p { height: 410px;background: url(../img//title-home.gif) no-repeat 0 0;width:70px; }
#home #page-title p { height: 470px;background: url(../img//title-bienvenue.gif) no-repeat 0 0; }
#home #second-txt { width: 600px; margin:0px; float: left;}
#home .text { line-height: 1.8em;text-align: justify;font-size: 18px; padding-top: 20px; }
#home h2 { line-height: 1.8em;text-align: justify;font-size: 18px; font-weight: normal; margin-bottom: 0px; padding-top: 20px; color: #333; }
#home #content-home { margin: 0px; padding: 30px; padding-bottom: 0px; display: block;overflow: hidden;background: url(../img//bg-home.png) no-repeat 0 0; height: 791px; color: #444; }

/* PAGE: DEVELOPPEMENT */

#development #page-title-an p { height: 595px;background: url(../img//title-development.gif) no-repeat 0 0;}
#development #page-title p { height: 692px;background: url(../img//title_developpement.gif) no-repeat 0 0; }

/* PAGE: conception */

#conception #page-title-an p { height: 541px;background: url(../img//title-conception.gif) no-repeat 0 0;}
#conception #page-title p { height: 541px;background: url(../img//title-conception.gif) no-repeat 0 0; }

/* PAGE: DESIGN */

#design #page-title p { height: 291px;background: url(../img//title-design.gif) no-repeat 0 0;width:70px; }

/* PAGE: iphone */
#solutions #page-title p { height: 460px;background: url(../img//title-solutions.gif) no-repeat 0 0; }
#solutions #why-the-iphone { padding-bottom: 40px; width: 1000px; height: auto; display: block; overflow: hidden; margin:0px;}
#solutions #our-solutions { padding-bottom: 10px; width: 1000px; height: auto; display: block; overflow: hidden; margin:0px;}
#solutions #our-solutions2 { padding-bottom: 0px; width: 1000px; height: auto; display: block; overflow: hidden; margin:0px;}
#solutions .article { height: auto, width: 940px ; margin: 0; padding:0px; }
#solutions .img-article { margin: 0px; padding:0px; float:left;}
#solutions #why-the-iphone ul { margin-left: 20px; padding:0px; float:left; width: 640px; height: auto:}
#solutions #our-solutions ul { margin-right: 20px; padding:0px; float:left; width: 600px; height: auto:}
#solutions #our-solutions2 ul { margin-left: 20px; padding:0px; float:left; width: 600px; height: auto:}

#solutions .article p { line-height: 1.6em;text-align: justify;font-size: 12px; margin-bottom: 10px; }

/* PAGE: LEXIQUE*/
#lexique #page-title p { height: 345px;background: url(../img//title-lexique.gif) no-repeat 0 0; }
#lexique #alphabet { width:1000px; }
#lexique a.lettre_alphabet { font-weight: bold; font-size: 14px; margin-right:15px; }
#lexique a.lettre_alphabet:link, a.lettre_alphabet:visited, a.lettre_alphabet:active { text-decoration: none; }
#lexique a.lettre_alphabet:hover { text-decoration: underline; }
#lexique .lettre { font-size: 20px; font-weight: bold; color: #ee236b; margin-bottom: 20px;}
#lexique h3 { font-weight: bold; font-size: 12px; margin: 0px;}
#lexique .text-definition { width: 740px; margin-bottom: 15px;}
#lexique .lettre-definition { width: 940px; margin-bottom: 50px;}

/* PAGE: PLAN DU SITE*/
#map #content { min-height:600px; }
#map h2 { margin-bottom: 30px; }
#map #page-title-an p { height: 543px;background: url(../img//title-map.gif) no-repeat 0 0; }
#map #page-title p { height: 543px;background: url(../img//title-plan.gif) no-repeat 0 0; }
#map a.bloc-page:link, a.bloc-page:visited, a.bloc-page:active { text-decoration: none; }
#map a.bloc-page-l:link, a.bloc-page-l:visited, a.bloc-page:active { text-decoration: none; }
#map a.bloc-page:hover { text-decoration: none; background:url(../img//page-box-hover.png) no-repeat; }
#map a.bloc-page-l:hover { text-decoration: none; background:url(../img//page-box-hover.png) no-repeat; }
#map a.bloc-page { width: 940px; height: 75px; display: block; overflow: hidden; margin:0px; margin-bottom: 20px; background:url(../img//page-box.png) no-repeat;}
#map a.bloc-page-l { width: 940px; height: 75px; display: block; overflow: hidden; margin:0px; margin-bottom: 20px; background:url(../img//page-box-light.png) no-repeat;}
#map .icone-page {margin: 8px 30px 0px 30px; padding: 0px; width: 60px; height: 60px; display: block; overflow: hidden; float: left; vertical-align: center;}
#map ul.titre-page {width: 720px; height: 25px; padding:10px; float: left; display: block; overflow: hidden; margin-top: 15px;}
#map li.title-left {width: 10px; height: 25px; background: url(../images/stitre_gauche.png) no-repeat center; float:left;}
#map li.title-center {width: auto; height: 25px; background:url(../images/stitre_centre.png) repeat-x 0 0; float:left; color: #ffffff; font-weight: bold; font-size: 14px; padding-top:2px;}
#map li.title-right{width: 10px; height: 25px; background: url(../images/stitre_droite.png) no-repeat center; float:left;}

/* PAGE: REFERENCES*/

#references #page-title p { height: 490px;background: url(../img//title-references.gif) no-repeat 0 0;width:70px; }
#references.fr #page-title p { height: 494px;background: url(../img//title-references.gif) no-repeat 0 0; }
#references #show-references { margin-bottom: 100px;}
#references #cover-flow {margin-bottom: 20px; margin-left:10px;}
#references #slider {margin-bottom: 20px; margin-left: 100px;}
#references #show-references h3 { font-weight: bold; font-size: 12px; margin-bottom: 20px; margin-left: 250px;}
#references .txt-flow { width:450px;; text-align: justify; margin-left:250px; }
#references #titre-client {font-size: 24px; font-weight: bold; margin-bottom: 45px; color: #222; }
#references .logo-list { width:940px; margin: 0px 0px 10px 0px; display: block; overflow: hidden; float: none;}
#references .logo-client { float:left; margin-right: 35px; }
#references #dbl-clic {font-size: 16px; text-align: center; position: absolute; top: 620px; left: 275px; display: block; overflow: hidden;z-index: 10000;}
/* PAGE: CONTACT */
#contact #page-title p { height: 400px;background: url(../img//title-contact.gif) no-repeat 0 0; }
#contact .page-entry { line-height: 1.8em; }
#contact h3 { text-align: center;padding-bottom: 8px; }
#contact .fiche-contact {width: 940px; height: auto; display: block; overflow: hidden; margin-bottom: 40px; }
#contact .photo-contact {width : 100px; height: 125px; float: left; margin-right: 20px; }
#contact p.txt-contact { text-align: justify; float:left; width: 820px; font-size: 13px; line-height: 24px;}
#contact .name-contact { color: #ed1e6b; font-weight: bold;}
#contact #sidebar ul#tel-contact { float: left; width: 240px; margin-top: 4px; display: block; overflow: hidden;}
#contact #sidebar ul#tel-contact li { margin-top:-7px;}
#contact #sidebar ul li#mail-contact { margin-top:50px; display: block; overflow: hidden;}
#contact #sidebar ul li { color: #333;}
#contact .number-contact { color: #ed1e6b;}
#contact #sidebar .sidebar-image { float: left; margin-right: 8px; }