/*
Theme Name: inandco
Theme URI: http://www.inandco.com/
Description: Le thème du site de la société inandco
Version: 3.0
Author: A.Duviol
Author URI: http://www.inandco.com/

inandco v3.0
http://www.inandco.com/

This theme was primarily designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

*{border:0;margin:0;padding:0}
html{background-color:#eee}
body{background-color:#eee;color:#000;font-family:Verdana, Arial, Sans-Serif;font-size:11px;line-height:1.4em}
a{color:#42556f;text-decoration:underline}
a:hover{color:#000}
p em{color:#42556f;font-style:normal;font-weight:bold}
#center{background:#eee url(../../../images/ombre.jpg) 50% 50% repeat-y;margin:0 auto;width:990px}
#head,#foot_h,#foot_b{background:transparent url(../../../images/design_inandco.jpg) 0 0 no-repeat;clear:both;width:990px}
#head{height:195px;position:relative;z-index:100}
#foot_h{background-position:0 -195px;height:73px}
#foot_b{background-position:0 -268px;height:35px}
#logo{display:block;height:195px;position:absolute;top:0;width:195px}
#logo a{background:transparent url(../../../images/logo.jpg) 0 200px no-repeat;display:block;height:195px;width:195px}
#logo a:hover{background-position:0 0}
#slideshow{height:175px;left:885px;position:absolute;top:0;width:66px}
.slide{background:transparent url(../../../images/slide.jpg) 0 0 no-repeat;height:175px;position:absolute;width:66px}
#slide1{background-position:0 0}
#slide2{background-position:-66px 0}
#slide3{background-position:-132px 0}
#slide4{background-position:-198px 0}
#slide5{background-position:-264px 0}
#slide6{background-position:-330px 0}
#slide7{background-position:-396px 0}
#slide8{background-position:-462px 0}
#slide9{background-position:-528px 0}
#slide10{background-position:-594px 0}
#slide11{background-position:-660px 0}
#slide12{background-position:-726px 0}
#slide13{background-position:-792px 0}
#slide14{background-position:-858px 0}
#slide15{background-position:-924px 0}
#slide16{background-position:-990px 0}
#slide17{background-position:-1056px 0}
#slide18{background-position:-1122px 0}
#slide19{background-position:-1188px 0}
#slide20{background-position:-1254px 0}
#slide21{background-position:-1320px 0}
#slide22{background-position:-1386px 0}
#slide23{background-position:-1452px 0}
#slide24{background-position:-1518px 0}
#slide25{background-position:-1584px 0}
#slide26{background-position:-1650px 0}
#slide27{background-position:-1716px 0}
#slide28{background-position:-1782px 0}
#slide29{background-position:-1848px 0}
#menubar{left:205px;position:absolute;top:118px;width:660px}
#nav li{float:left;height:32px;width:220px}
#nav,#nav ul{list-style-position:outside;list-style-type:none;position:relative}
#nav{font-size:13px;font-weight:700;height:32px;letter-spacing:-0.05em;width:660px}
#nav ul{display:none;width:220px}
#nav li:hover a.menu{background:transparent url(../../../images/menu.jpg) repeat scroll 100px 0;color:#eee;cursor:default;text-shadow:0 0 4px #000}
#nav li a{background:#2f3d53 url(../../../images/menu.jpg) repeat 0 -68px;color:#eee;display:block;height:18px;padding:7px 0;text-align:center;text-decoration:none;text-shadow:1px 1px 2px rgba(0,0,0,0.3);width:220px}
#nav li a:hover{background-position:100px 0;text-shadow:1px 1px 3px rgba(0,0,0,1)}
#nav li ul li a{background:#42556F none no-repeat 0 0 !important;border-top:2px #2f3d53 solid;color:#eee;float:left;font-size:0.9em;height:25px;line-height:25px;padding:0 0 0 5px;text-align:left;width:215px}
#nav li ul a:hover{background:#2f3d53 url(../../../images/menu.jpg) repeat scroll 0 0 !important}
#nav ul ul{display:none;left:184px;position:absolute;top:0;width:254px}
#nav li ul li ul li a{width:249px}
#nav li ul li:hover a.ssmenu{background:#2f3d53 url(i/menu.png) repeat-x scroll 0 -39px;text-shadow:0 0 2px #000}
#nav li ul li{height:25px}

#breadcrumb{font-size:12px;left:115px;position:absolute;top:180px}
#contenu{margin:20px auto 0;padding:0 0 0 30px;text-align:justify;width:890px;z-index:98}
#contenu_droite{float:left;width:620px}
.c1{padding:2px 10px 0 65px;width:570px}
.c2{border-left:2px #2f3d53 solid;border-right:2px #2f3d53 solid;padding:2px 10px 5px;width:150px}
.c3{padding:5px 10px 0;width:150px}
.kalitiss{color:#936;cursor:pointer;text-decoration:none}
.komunsens{color:#0ad;cursor:pointer;text-decoration:none}
hr{clear:both;display:block;height:0;margin:expression("-7px 0");overflow:hidden;visibility:hidden}
#baseline{color:#42556f;font:italic 18px Verdana, Arial, Sans-Serif;margin:0 auto;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);width:806px}
#baseline em{color:#2f3d53}
#metsol{background:#ddd url(../../../images/metsol.png) 0 0 no-repeat;height:300px;margin:0 20px;position:relative;width:850px}
.bloc_a1 a,.bloc_a2 a{display:block;height:101px;text-decoration:none}
.bloc_a1,.bloc_a2{float:left;height:101px;padding:28px 36px 8px;width:353px}
.bloc_a1 span,.bloc_a2 span{font-size:19px;font-weight:700}
.bloc_a1{color:#981c42 !important;text-align:left}
.bloc_a2{color:#2F3D53 !important;text-align:right}
#metiers,#solutions{float:left;font-size:24px;font-style:italic;font-weight:700;height:30px;line-height:24px;text-align:center;width:425px}
#boules{left:328px;position:absolute;top:51px;width:194px}
@font-face{font-family:'JournalRegular';font-style:normal;font-weight:400;src:url('/fonts/journal-webfont.eot?iefix') format('eot'),url('/fonts/journal-webfont.woff') format('woff'),url('/fonts/journal-webfont.ttf') format('truetype'),url('/fonts/journal-webfont.svg#webfontGhV9TBys') format('svg')}
.journal{font:26px/18px 'JournalRegular', Arial, sans-serif;letter-spacing:1px;text-shadow:0 0 1px rgba(0,0,0,0.3)}
.signature{margin:0 0 0 80px}
.j1{color:#114;margin:0 0 0 60px}
.j2{color:#448;margin:-10px 0 0 400px}
.j3{color:#001;margin:0 0 0 140px}
#bd{background:url(../../../images/bg_bd.jpg) no-repeat;height:308px;margin:-20px 20px 0 20px;padding:22px;position:relative;width:806px;z-index:99}
.scrollable{float:left;height:308px;overflow:hidden;position:relative;width:806px}
.scrollable .items{clear:both;position:absolute;width:20000em}
.items div{float:left;width:806px}
#arrows{left:610px;position:absolute;top:280px}
a.browse{background:url(../../../images/hori_large.png) no-repeat;cursor:pointer;display:block;float:left;font-size:1px;height:30px;margin:0 10px;width:30px}
a.right{background-position:0 -30px;clear:right;margin-right:0}
a.right:hover{background-position:-30px -30px}
a.right:active{background-position:-60px -30px}
a.left{margin-left:0}
a.left:hover{background-position:-30px 0}
a.left:active{background-position:-60px 0}
.navi{height:20px;left:415px;position:absolute;top:314px;width:200px}
.navi a{background:url(../../../images/navigator.png) 0 0 no-repeat;display:block;float:left;font-size:1px;height:8px;margin:3px;width:8px}
.navi a:hover{background-position:0 -8px}
.navi a.active{background-position:0 -16px}
.cadre{margin:0 0 5px 20px;width:424px}
.cadre4{margin:0 0 5px 0;width:587px}
.cadre_bg_h{background:#eee url(../../../images/cadre_bg_h.jpg) 0 0 no-repeat;color:#fff;font-size:12px;font-weight:700;height:18px;line-height:18px;padding:0 0 2px 5px;width:419px}
.cadre_bg_h2{background:#eee url(../../../images/cadre_bg_h2.jpg) 0 0 no-repeat;color:#fff;font-size:12px;font-weight:700;height:18px;line-height:18px;padding:0 0 2px 5px;width:419px}
.cadre_bg_h3{background:#eee url(../../../images/cadre_bg_h3.jpg) 0 0 no-repeat;color:#fff;font-size:12px;font-weight:700;height:18px;line-height:18px;padding:0 0 2px 5px;width:419px}
.cadre_bg_h4{background:#eee url(../../../images/cadre_bg_h4.jpg) 0 0 no-repeat;color:#fff;font-size:12px;font-weight:700;height:18px;line-height:18px;padding:0 0 2px 5px;width:582px}
.cadre_bg_m2{background:#ddd url(../../../images/cadre_bg_m.jpg) 0 0 repeat-y;height:227px;padding:5px 30px 0 5px;width:384px}
.cadre_bg_m{background:#ddd url(../../../images/cadre_bg_m.jpg) 0 0 repeat-y;margin:0;padding:5px 30px 10px 5px;width:389px}
.cadre_bg_m4{background:#ddd url(../../../images/cadre_bg_m4.jpg) 0 0 repeat-y;margin:0;padding:5px 30px 10px 5px;width:552px}
.cadre_bg_m li{margin:0 0 0 20px}
.cadre_bg_m_video{background:#ddd url(../../../images/cadre_bg_m.jpg) 0 0 repeat-y;padding:0 25px 0 0;width:399px}
.cadre_bg_b{background:#eee url(../../../images/cadre_bg_b.jpg) 0 0 no-repeat;height:23px;width:424px}
.cadre_bg_b4{background:#eee url(../../../images/cadre_bg_b4.jpg) 0 0 no-repeat;height:19px;width:587px}
.bouton{font-size:13px;font-weight:700;height:34px;margin:auto;text-align:center}
.bouton a{background:#2f3d53 url(../../../images/menu_selec.gif) 0 50px repeat-x;color:#eee;height:18px;padding:7px 10px 9px;border-radius:16px;position:relative;text-decoration:none}
.bouton a:hover{background-position:0 0;color:#2f3d53}
input,textarea,select{background-color:#fff;border:1px solid #42556f;font-family:verdana,helvetica;font-size:11px;margin:2px 0 0}
p{margin:0 0 15px}
#titre_bleu{color:#981c42;font-size:13px;font-weight:700;margin:5px 0 0px;}
#boutons{margin:0 0 10px 36px}
.boutons{background:transparent url(../../../images/boutons.jpg) 0 0 no-repeat;display:block;float:left;height:81px;width:210px;margin:0 0 0 10px;}
.bt_pt{background:transparent url(../../../images/boutons2.jpg) 0 0 no-repeat;height:54px;width:140px;margin:27px 0 0 20px;}


.bt1{background-position:0 0}
/*.bt2{background-position:0 -81px}
.bt3{background-position:0 -162px}*/
.bt2{background-position:0 -54px}
.bt3{background-position:0 -108px}
.bt4{background-position:0 -243px}
/*.bt21{background-position:0 -324px}
.bt22{background-position:0 -405px}*/
.bt21{background-position:0 -216px}
.bt22{background-position:0 -270px}
.bt23{background-position:0 -486px}
/*.bt1:hover{background-position:-210px 0}
.bt2:hover{background-position:-210px -81px}
.bt3:hover{background-position:-210px -162px}*/
.bt1:hover{background-position:-140px 0}
.bt2:hover{background-position:-140px -54px}
.bt3:hover{background-position:-140px -108px}
.bt4:hover{background-position:-210px -243px}
/*.bt21:hover{background-position:-210px -324px}
.bt22:hover{background-position:-210px -405px}*/
.bt21:hover{background-position:-140px -216px}
.bt22:hover{background-position:-140px -270px}
.bt23:hover{background-position:-210px -486px}
.tmed {font-size: 1.3em;color:#A93C72}
.thaj {font-size: 1.3em;color:#9A1}
.ttrans {font-size: 1.3em;color:#486690}
.tperso {font-size: 1.3em;color:#ffae00}
.tmina {font-size: 1.3em;color:#c01f32}
.tbpa {font-size: 1.3em;color:#26a2e0}

#cinema{background:#898792 url(../../../images/cinema.jpg) no-repeat 0 0;height:270px;width:490px;padding: 39px 100px 140px 120px;margin:0 auto}
.scrollable2{float:left;height:270px;overflow:hidden;position:relative;width:360px}
.scrollable2 .items2{clear:both;position:absolute;width:20000em}
.items2 div{float:left;width:360px}
.slidem{background:transparent url(../../../images/slide_multimedia_pt.jpg) 0 0 no-repeat;height:270px;width:360px;display: block}
#slidem1{background-position:0 0}
#slidem2{background-position:-360px 0}
#slidem3{background-position:-720px 0}
#slidem4{background-position:-1080px 0}
#slidem5{background-position:-1440px 0}
#slidem6{background-position:-1800px 0}
#slidem7{background-position:-2160px 0}
#slidem8{background-position:-2520px 0}
#slidem9{background-position:-2880px 0}
#slidem10{background-position:-3240px 0}
#slidem11{background-position:-3600px 0}
#slidem12{background-position:-3960px 0}
#slidem13{background-position:-4320px 0}
#slidem14{background-position:-4680px 0}
#sm_gd{background:transparent url(../../../images/slide_multimedia_gd.jpg) 0 0 no-repeat;height:595px;width:800px;display:block;border-radius:20px}


#page{background-color:#FFF;border:1px solid #959596;margin:20px auto;text-align:left;width:760px}
#header{background:#73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;background-color:#73a0c5;height:200px;margin:0 0 0 1px;width:758px}
#headerimg{height:200px;margin:7px 9px 0;width:100%}
.widecolumn .entry p{font-size:1.05em}
.narrowcolumn .entry,.widecolumn .entry{line-height:1.6em}
.widecolumn{float:left;line-height:1.6em;padding:0 0 20px 50px;width:550px}
.narrowcolumn .postmetadata{padding-top:5px;text-align:center}
.alt{background-color:#f8f8f8;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:10px}
#footer{background:#eee url('images/kubrickfooter.jpg') no-repeat top;border:none;clear:both;margin:0 auto;width:760px}
small{font-size:0.9em;line-height:1.5em}
#headerimg .description{font-size:1.2em;text-align:center}
h1{font-size:1.6em;line-height:22px;padding:10px 0}
h1.pagetitle{font-size:1.6em}
h2{font-size:1.6em;line-height:22px}
h2.pagetitle{font-size:1.6em;margin-top:30px;text-align:center}
#sidebar h2,#sidebar2 h2{font-family:Verdana, Sans-Serif;font-size:1.2em;margin:5px 0 0 5px}
h3{font-size:1.3em;margin:30px 0 0}
h1,h1 a,h2,h2 a,h3,h3 a{color:#42556F}
.commentlist li,#commentform input,#commentform textarea{font:0.9em Verdana, Arial, Sans-Serif}
.commentlist li{font-weight:700;list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
.commentlist cite,.commentlist cite a{font-size:1.1em;font-style:normal;font-weight:700}
.commentlist p{font-weight:400;line-height:1.5em;margin:10px 5px 10px 0;text-transform:none}
#commentform p{font-family:Verdana, Arial, Sans-Serif;margin:5px 0}
.commentmetadata{display:block;font-weight:400}
#sidebar,#sidebar2{font:1em Verdana, Arial, Sans-Serif}
small,#sidebar ul ul li,#sidebar ul ol li,#sidebar2 ul ul li,#sidebar2 ul ol li,.nocomments,.postmetadata,blockquote,strike{color:#777}
code{font:1.1em 'Courier New', Courier, Fixed}
acronym,abbr,span.caps{cursor:help;font-size:0.9em;letter-spacing:.07em}
#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt}
#wp-calendar caption{font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center}
#wp-calendar th{font-style:normal;text-transform:capitalize}
.catalogcolumn{float:right;margin:10px 0 0 10px;width:220px}
.formationcolumn{float:right;min-height:1600px;margin:0 0 0 40px;width:500px}
.choicecolumn{float:right;margin:150px 0 0 10px;width:90px}
.f_next{background-image:url(../../../images/next1.jpg);cursor:pointer;height:80px;width:80px}
.f_prev{background-image:url(../../../images/prev1.jpg);cursor:pointer;height:80px;width:80px}
.f_next:hover{background-image:url(../../../images/next2.jpg)}
.f_prev:hover{background-image:url(../../../images/prev2.jpg)}
.next_inac,.next_inac:hover{background-image:url(../../../images/next3.jpg);cursor:default}
.prev_inac,.prev_inac:hover{background-image:url(../../../images/prev3.jpg);cursor:default}
.narrowcolumn{float:left;padding:0 0 0 50px;width:587px}
.post{margin:0 0 30px;text-align:justify}
.post hr{display:block}
.widecolumn .post{margin:0 0 20px}
.widecolumn .postmetadata{margin:30px 0}
.widecolumn .smallattachment{float:left;margin:5px 5px 5px 0;text-align:center;width:128px}
.widecolumn .attachment{margin:5px 0;text-align:center}
.postmetadata{clear:left}
.clear{clear:both}
#footer p{padding:20px 0;text-align:center}
h3.comments{margin:40px auto 20px}
p img{max-width:100%}
img.centered{display:block;margin-left:auto;margin-right:auto}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px}
html > body .entry ul{list-style:none;margin-left:0;padding:0 0 0 10px;text-indent:-10px}
html > body .entry li{margin:7px 0 8px 10px}
.entry ul li:before,#sidebar ul ul li:before,#sidebar2 ul ul li:before{content:"\00BB \0020"}
.entry ol{margin:0;padding:0 0 0 35px}
.postmetadata ul,.postmetadata li{display:inline;list-style-image:none;list-style-type:none}
#sidebar ul li,#sidebar2 ul li{list-style-image:none;list-style-type:none;margin-bottom:3px}
#sidebar ul p,#sidebar ul select,#sidebar2 ul p,#sidebar2 ul select{margin:5px 0 8px}
ol li,#sidebar ul ol li,#sidebar2 ul ol li{list-style:decimal outside}
#sidebar ul ul li,#sidebar ul ol li,#sidebar2 ul ul li,#sidebar2 ul ol li{line-height:16px;margin:5px 0 0;padding:0 0 0 10px;text-align:left;text-indent:-10px}
#searchform{padding:3px 0 3px 5px}
#sidebar #searchform #s{background:#FFF url(../../../images/search.png) no-repeat scroll 4px center;border:1px solid #42556F;padding-left:18px;width:75px}
#commentform input{margin:5px 5px 1px 0;padding:2px;width:170px}
#commentform textarea{padding:2px;width:100%}
.commentlist{text-align:justify}
.commentlist li .avatar{background:#fff;border:1px solid #eee;float:right;padding:2px}
#sidebar_h{background:#eee url(../../../images/cadre_bg_hd_blog.jpg) 0 0 no-repeat;color:#fff;float:right;font-size:12px;font-weight:700;height:20px;line-height:18px;margin:0 0 0 10px;padding:0 3px 0 5px;width:207px}
#sidebar{background:#eee url(../../../images/cadre_bg_m_blog.jpg) 0 0 repeat-y;float:right;margin:0 0 0 10px;padding:3px 30px 10px 5px;width:180px}
#sidebar_b{background:#eee url(../../../images/cadre_bg_b_blog.jpg) 0 0 no-repeat;clear:right;float:right;height:23px;margin:0 0 0 10px;padding:0 3px 0 0;width:212px}
#sidebar_h2{background:#eee url(../../../images/cadre_bg_hd_blog.jpg) 0 0 no-repeat;color:#fff;float:left;font-size:12px;font-weight:700;height:20px;padding:0 3px 0 5px;width:207px}
#sidebar2{background:#eee url(../../../images/cadre_bg_m_blog.jpg) 0 0 repeat-y;float:left;padding:3px 24px 10px 5px;text-align:left;width:186px}
#sidebar_b2{background:#eee url(../../../images/cadre_bg_b_blog.jpg) 0 0 no-repeat;float:left;height:23px;padding:0 3px 0 0;width:212px}
acronym,abbr{border-bottom:1px dashed #999}
blockquote{border-left:5px solid #ddd;margin:15px 30px 0 10px;padding-left:20px}
blockquote cite{display:block;margin:5px 0 0}
a img{border:none}
.navigation{display:block;text-align:center}
.trombi{float:left;height:170px;width:135px}
.tooltip{background:url(../../../images/black_arrow_big.png);color:#fff;display:none;height:183px;line-height:14px;margin:30px 0 0;padding:20px 30px 10px;width:310px;z-index:101}
.overcalque{position:fixed;-khtml-opacity:0.4;-moz-opacity:0.4;background-color:#000;filter:alpha(opacity=40);opacity:0.4;height:100%;left:0;top:0;padding:0;position:expression("absolute");top:expression(document.body.scrollTop  + this.offsetHeight - this.offsetHeight);width:100%;z-index:101}
.fixedFooter{position:absolute;background-color:#ddd;border:solid 1px #000;left:50%;top:220px;margin-left:-348px;padding:5px;position:expression("absolute");top:expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight + 30);width:696px;z-index:102;box-shadow: 0px 0px 50px white;border-radius: 20px}
.fixedFooter2{position:absolute;background-color:#ddd;border:solid 1px #000;left:50%;top:350px;margin-left:-400px;padding:5px;position:expression("absolute");top:expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight + 30);padding:15px;z-index:102;box-shadow: 0px 0px 50px white;border-radius: 20px}

#foot_m a,#metsol em,h1,h2,h3{font-weight:700}
.colonne,.left,.alignleft{float:left}
.bloc_a1 a,.bloc_a2 a:hover,.bloc_a1 span,#metiers,.bloc_a2 a:hover span{color:#981c42}
.bloc_a2 a,.bloc_a1 a:hover,.bloc_a2 span,#solutions,.bloc_a1 a:hover span{color:#2F3D53}
h1,h1 a,h1 a:hover,h1 a:visited,h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#sidebar2 h2,#wp-calendar caption,cite,#wp-calendar a,.fixedFooter a{text-decoration:none}
.alignright,#commentform #submit{float:right}
.nocomments,.center{text-align:center}

#foot_h a{width:990px;height:73px;display:block}
a #bulle {display: none;background: transparent url(../../../images/decouvrez_la_famille.png) no-repeat 0 0;}
a:hover #bulle{display:block;position:absolute;margin:-52px 0 0 135px;width:152px;height:86px}

.overlay {
display:none;
background-image:url(../../../images/white.png);
width: 570px;
height: 470px;
padding: 57px 0 0 70px;
font-size:11px;
}
img[rel]{cursor:pointer;}
.overlay .close {
background-image:url(../../../images/close.png);
position:absolute; right:48px; top:33px;
cursor:pointer;
height:35px;
width:35px;
}