@charset "utf-8";
/* CSS Document */

body.pixmobi {/*overflow:auto;*/ position:relative;}
.pixmobi #Outer { }
.pixmobi #Inner { }
.pixmobi .wrapper { min-width:610px; max-width:960px; margin:0 auto; padding:0; position:relative;}

.pixmobi .clear {float:none; clear:both;}
.pixmobi .clearRight {clear:right;}
.pixmobi .center,
.pixmobi #ContentRight .center {margin-left:auto; margin-right:auto; text-align:center;}
.pixmobi .smaller {font-size:85%;}
.pixmobi .imgLeft {float:left; margin:3px 15px 5px 0;}
.pixmobi .imgRight {float:right; margin:3px 0px 5px 15px;}
.pixmobi .textRight {text-align:right;}

.pixmobi a:link,
.pixmobi a:visited,
.pixmobi a:active,
.pixmobi a { color:#F60; text-decoration:none; outline:0px none; }
.pixmobi a:hover { text-decoration:underline; }

.pixmobi a.roundedBtn {font-size:1.1em; line-height:1.1em; font-weight:bold; color:#666; background:url(../img/rounded_shadow_button_bg.png) 100% -180px no-repeat; padding-right:15px; height:48px; display:block; float:left;}
.pixmobi a.roundedBtn span.rounded {display:block; float:left; height:48px; background:url(../img/rounded_shadow_button_bg.png) 0 0 no-repeat; cursor:pointer; padding-left:15px;}
.pixmobi a.start.roundedBtn {background-position: 100% -240px; color:#FFF; }
.pixmobi a.start.roundedBtn span.rounded {background-position: 0 -60px; }
.pixmobi a.roundedBtn:hover,
.pixmobi a.start.roundedBtn:hover,
.pixmobi a.active.roundedBtn {background-position: 100% -300px; text-decoration:none; color:#FFF;}
.pixmobi a.roundedBtn:hover span.rounded,
.pixmobi a.start.roundedBtn:hover span.rounded,
.pixmobi a.active.roundedBtn span.rounded {background-position: 0 -120px;}
.pixmobi a.roundedBtn span.btnText {display:block; float:left; padding-top:10px; cursor:pointer;}
.pixmobi a.roundedBtn span.btnPicto {display:block; float:left; width:20px; height:20px; background:url(../img/button_pictos.png) 0 0 no-repeat; margin:8px 5px 0 0;}
.pixmobi a.start.roundedBtn span.btnPicto {background-position: -20px -20px;}
.pixmobi a.video.roundedBtn:hover,
.pixmobi a.active.video.roundedBtn {color:#FFF; }
.pixmobi a.video.roundedBtn:hover span.btnPicto,
.pixmobi a.active.video.roundedBtn span.btnPicto {background-position: 0 -20px;}

.pixmobi .fancyContent {display:block; background-color:#FFF; padding:10px;}
.pixmobi #TemoignageCSTB {padding:10px 20px 20px; width:600px; /*height:468px;*/}
.pixmobi #Slides {padding:10px 20px 20px; width:600px; height:468px;}
.pixmobi #Slides h2 {position:relative;}
.pixmobi #Slides p {margin:0;}
.pixmobi #Slides span.right {font-size:11px; font-weight:normal; position:absolute; right:0; bottom:5px; }
.pixmobi #Slides span span { /*text-transform:uppercase; font-weight:bold;*/ color:#999; font-size:11px;}

.pixmobi #Header { /*margin:0; padding:0;*/position:relative;}
.pixmobi #Header .wrapper {  padding:0 10px;}
.pixmobi #HeaderTop { height:45px; background-color:#1A1A1A;   }
.pixmobi #Logo { margin-top:10px; float:left; }
.pixmobi #ByCowemo { margin:26px 0 0 10px; float:left; }
.pixmobi #Languages { float:right; }
.pixmobi #Languages a { display:block; float:right; height:17px; width:29px; margin:14px 0 0 13px; background:url(../img/languages.png) 0 0 no-repeat; }
.pixmobi #Header a#LngFR { background-position: 0 0px; }
.pixmobi #Header a#LngFR.active,
.pixmobi #Header a#LngFR:hover { background-position: 0 -17px; }
.pixmobi #Header a#LngEN { background-position: 0 -34px; }
.pixmobi #Header a#LngEN.active,
.pixmobi #Header a#LngEN:hover { background-position: 0 -51px; }
.pixmobi #Languages a span { display:none; }
.pixmobi #HeaderActions {position:absolute; z-index:5; top:25px; right:90px; }

.pixmobi #HeaderBottom { height:70px;  background:url(../img/header_nav_bg.png) 0 100% repeat-x;}
.pixmobi #Navigation { /*height:120px; background:url(../img/header_nav_bg.png) 50px 0 repeat-x;*/ clear:both;  background:url(../img/header_nav_button_bg.png) 0 0 repeat-x; border-top:1px solid #DDD; z-index:9999; margin:0 0 30px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; overflow:hidden; border-right:1px solid #CCC; border-left:1px solid #CCC;
/*-moz-box-shadow: 0px 8px 5px -2px #CCC;
-webkit-box-shadow: 0px 8px 5px -2px #CCC;
-o-box-shadow: 0px 8px 5px -2px #CCC;
box-shadow: 0px 8px 5px -2px #CCC;*/}
.pixmobi #Navigation .wrapper {}
.pixmobi #Navigation ul { /*float:left;*/ margin:0; padding:0; background-color:#FFF;}
.pixmobi #Navigation ul li { list-style:none; display:block; /*float:left;*/ clear:both; height:36px; width:auto; margin:0; padding:0; background:url(../img/header_nav_button_bg.png) 0 0 repeat-x;}
/*.pixmobi #Navigation ul li.first {-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;}
.pixmobi #Navigation ul li.last {-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}*/
/*.pixmobi #Navigation ul li.active,*/
.pixmobi #Navigation ul li:hover { background-position:0 -72px;}
.pixmobi #Navigation ul li.active:hover { background-position:0 0px;}
.pixmobi #Navigation ul li.first,
.pixmobi #Navigation ul li.first:hover  { background-position:0 -36px; height:auto;}

.pixmobi #Navigation ul li a { color:#666; font-size:1.1em; line-height:1.1em; font-weight:bold; display:block; height:100%; text-decoration:none; }

.pixmobi #Navigation ul li a:hover  { color:#FFF; text-decoration:none;}
.pixmobi #Navigation ul li.active a,
.pixmobi #Navigation ul li.active a:hover  { color:#F60; text-decoration:none;}
.pixmobi #Navigation ul li.active a {cursor:default;}
.pixmobi #Navigation ul li.active.first a { cursor:pointer;}
.pixmobi #Navigation ul li.first a,
.pixmobi #Navigation ul li.first a:hover { color:#FFF; padding-right:10px;}
.pixmobi #Navigation ul li a span { display:block; padding:10px;  }
.pixmobi #Navigation ul li.first a span {background:url(../img/arrows.png) 100% -66px no-repeat; padding-right:20px;}
.pixmobi #Navigation ul li.first a:hover span {background-position: 100% -106px;}
.pixmobi #Navigation ul li.opened.first a span {background-position: 100% 13px;}
.pixmobi #Navigation ul li.opened.first a:hover span {background-position: 100% -27px;}
/*.pixmobi #Navigation ul li.first a span {background:url(../img/arrow_down.png) 100% 14px no-repeat; padding-right:20px;}
.pixmobi #Navigation ul li.opened.first a span {background:url(../img/arrow_up.png) 100% 14px no-repeat;}*/
/*.pixmobi #Navigation ul li.first a:hover span {background:url(../img/arrow_up.png) 100% 14px no-repeat;}
.pixmobi #Navigation ul li.opened.first a:hover span {background:url(../img/arrow_down.png) 100% 14px no-repeat;}*/
.pixmobi #Navigation ul li a span span { display:inline; padding:0;  }

.pixmobi #Navigation ul ul {border-bottom:1px solid #DDD; /*position:absolute; z-index:9999;*/ width:100%; box-shadow: 0 0 10px #999; padding:0 0 10px 0; background-color:#FFF;}
.pixmobi #Navigation ul li.csshover ul { display:none;}
.pixmobi #Navigation ul li.csshover:hover ul {display:block;  }
.pixmobi #Navigation ul li.first ul li,
.pixmobi #Navigation ul li.first ul li:hover {clear:both; float:none; border:none; background:#FFF url(../img/bullet_orange.png) 10px 11px no-repeat; height:auto;}
.pixmobi #Navigation ul li.first ul li a { color:#444; padding:0; font-size:12px; line-height:12px; cursor:pointer;}
.pixmobi #Navigation ul li.first ul li a span {background:none; padding:10px 10px 0 21px;}
.pixmobi #Navigation ul li.first ul li.active a,
.pixmobi #Navigation ul li.first ul li a:hover { color:#F60;}

.pixmobi span.notBut {color:#F60;}
.pixmobi span.notBut span { text-decoration:line-through; color:#666;}

.pixmobi #Baseline {  color:#999; font-size:12px; padding:10px 0; margin:0; font-weight:normal; margin:0; /*white-space:nowrap;*/text-transform:uppercase; float:left; width:260px; letter-spacing:-0.5px;}
.pixmobi #SubBaseline {clear:both; color:#999; font-size:12px; font-weight:normal; text-align:center; padding:0 0 0 310px; margin:0;}

.pixmobi .shadowTop { width:100%; height:10px; position:absolute; bottom:-10px; left:0; background: url(../img/shadow_top.png) 0 0 repeat-x;  z-index:2;}

.pixmobi #Main {clear:both;}

.pixmobi #Footer { min-height:45px; /height:45px;/* background-color:#212121;*/ background:transparent url(../img/footer_bg.png) repeat-x 0 0; clear:both; position:fixed; bottom:0; left:0; width:100%; z-index:10;}
.pixmobi #Footer .wrapper {padding:14px 6px;}
.pixmobi #Footer a { color:#FFF; }
.pixmobi #Footer a:hover,
.pixmobi #Footer a.active { color:#F60; text-decoration:none; }
.pixmobi #FooterLeft a { font-size:1.15em; line-height:1.15em; float:left; padding-right:6px; margin-right:6px; border-right:1px dotted #CCC; }
.pixmobi #FooterLeft a.last { border-right:none; }
.pixmobi #FooterRight { font-size:1.15em; line-height:1.15em; color:#CCC; font-style:italic; text-align:right;}

.pixmobi #Content {  /*min-height:400px; background:url(../img/main_bg.png) 0 0 repeat-x;*/ padding:0; margin-bottom:45px;}
.pixmobi #ContentCenter {margin:0 30px 10px 30px; clear:both; /* overflow:hidden;*/ position:relative;}
.pixmobi #ContentLeft {width:280px; margin:-67px 30px 10px 30px; float:left; /*overflow:hidden;*/ position:relative; z-index:2;/margin-top:-37px;}
/*.pixmobi .emulator #ContentLeft {margin-top:347px; }*/
.pixmobi #ContentRight {margin:30px 30px 10px 340px; /*position:relative;*/}
.pixmobi #AddToAny {/*position:absolute; right:0; top:5px;*/ float:right; margin-top:5px;}
.pixmobi #AddToAny a {color:#666;}
.pixmobi #AddToAny a:hover {color:#F60; text-decoration:none;}
.pixmobi .col2 {float:left; width:50%; margin-top:10px;}
.pixmobi .left.col2 .wrap {margin-right:15px;}
.pixmobi .right.col2 .wrap {margin-left:15px;}

.pixmobi .col4 {float:left; width:25%;}
.pixmobi .col4 .wrap {margin-right:5px; margin-left:5px;}
/*.pixmobi .left.col4 .wrap {margin-right:10px;}
.pixmobi .right.col4 .wrap {margin-left:10px;}*/
.pixmobi .col5 {float:left; width:20%;}
.pixmobi .col5 .wrap {margin-right:5px; margin-left:5px;}

.pixmobi .col4 a.imgGallery img,
.pixmobi .col5 a.imgGallery img {max-width:100%; margin:5px 0;}

.pixmobi .col3 {float:left; width:33.3%;}
.pixmobi .col3 .wrap {margin:5px 5px 10px 5px; /height:167px;}
.pixmobi .left.col3 .wrap {margin-right:10px;}
.pixmobi .right.col3 .wrap {margin-left:10px;}

.pixmobi .video.col3 .wrap {background:url(../img/tutorial_bg.jpg) 0 0 no-repeat; border:1px solid #000;}
.pixmobi .video.col3 .wrap a { display:block; text-align:center; border:2px solid #333;  padding:95px 0 0 0; min-height:38px; /height:38px; margin:25px 5px 5px; font-size:15px; font-weight:bold; background:#FFF url(../img/play_bg.png) 50% 40% no-repeat;}
/*.pixmobi .video.col3 .wrap a.fancyVideo { background-image:none; position:relative;}
.pixmobi .video.col3 .wrap a.fancyVideo:hover {text-decoration:none;}
.pixmobi .video.col3 .wrap a.fancyVideo span { display:none; color:#666; font-size:18px;}
.pixmobi .video.col3 .wrap a.fancyVideo:hover span { display:block; width:100%; position:absolute; top:50px; left:0; z-index:5;}*/
.pixmobi .video.col3 .wrap a.fancyTutoFlash:hover,
.pixmobi .video.col3 .wrap a.fancyVideo:hover {/*border-color:#F60;*/ background-color:#F60; color:#FFF; text-decoration:none;}

/*.pixmobi .right.model.col3 .wrap {margin-left:5px;}*/
/*.pixmobi .model.col3 {min-width:286px;}
.pixmobi .left.model.col3,
.pixmobi .right.model.col3 {min-width:296px;}*/
.pixmobi .model.col3 .wrap {margin:5px 0 10px 0; /*max-width:100%; overflow:hidden;*/}
.pixmobi .left.model.col3 .wrap {margin-right:10px;}
.pixmobi .right.model.col3 .wrap {margin-left:10px;}
.pixmobi .iphone4 {width:286px; height:557px; background:url(../img/iphone4.png) 0 0 no-repeat; color:#999; position:relative; z-index:4; margin:0 auto;}
/*.pixmobi .iphone4:hover {color:#F60;}*/
.pixmobi .mobileView {width:240px; height:360px; background-color:#222; position:absolute; z-index:4; top:100px; left:24px;}
.pixmobi .mobileView a {position:absolute; z-index:5; top:0; left:0;}
.pixmobi .model .modelLegend {color:#666; border:1px dotted #CCC; margin:25px auto 0 auto; width:286px;}
/*.pixmobi .left.model .modelLegend {margin-right:0;}
.pixmobi .right.model .modelLegend {margin-right:0px;}*/
.pixmobi .model .modelLegend p {margin-top:22px;}
.pixmobi .model .modelLegend img {float:left;}


.pixmobi h2 {margin:0 0 15px 0; color:#555;}
.pixmobi #Content h3 {color:#F60; margin:30px 0 10px 0; padding-left:12px; font-size:14px; /*text-decoration:underline;*/ background:url(../img/bullet_orange.png) 0 5px no-repeat;}
.pixmobi #Content h3.list {margin:10px 0 5px 0; background-position:0 4px;}
.pixmobi #Content h4 {margin:0 0 10px 10px; color:#999; text-decoration:underline;}
.pixmobi #Content h2 {border-bottom:1px dotted #F60; padding-bottom:5px; margin-top:30px;}
.pixmobi .fancyContent h2 {margin:0 0 10px; border-bottom:1px dotted #F60; padding:7px 0 5px;}
.pixmobi #Content .module h2 {border-bottom:none; padding-bottom:0; margin-bottom:10px; color:#888; margin-top:0;}
.pixmobi #Content h2:first-letter,
.pixmobi .fancyContent h2:first-letter {color:#F60; font-size:larger;}
.pixmobi #Content .module h2:first-letter {color:#555; font-size:larger;}
.pixmobi .fancyContent h3 {margin-top:15px;}
.pixmobi p {margin:0 0 10px 0;}
.pixmobi #ContentRight p {text-align:justify;}
.pixmobi #ContentRight .module p {text-align:left;}
.pixmobi #ContentRight .module p.center {text-align:center;}
.pixmobi p a,
.pixmobi p a:link,
.pixmobi ul a,
.pixmobi ul a:link {text-decoration:underline;}
.pixmobi p a.appendix:link,
.pixmobi p a.appendix,
.pixmobi ul a.appendix:link,
.pixmobi ul a.appendix {color:inherit; text-decoration:none; cursor:help;}
.pixmobi sup {color:#999; font-weight:bold; padding-left:3px;}
.pixmobi p a.appendix:hover,
.pixmobi p a.appendix:hover sup,
.pixmobi ul a.appendix:hover,
.pixmobi ul a.appendix:hover sup {color:#F60; text-decoration:underline;}

.pixmobi #FlashCode {float:left; margin:0 12px 0 0;}

.pixmobi .keyFigures {color:#F60;}

.pixmobi .contact {clear:left;}
.pixmobi .contact a,
.pixmobi .contact a:link {color:#333; text-decoration:none; padding-top:4px; margin-left:36px; display:block;}
.pixmobi .contact a:hover {color:#F60;}
.pixmobi .picto { display:block; clear:left; float:left; width:32px; height:28px; background:url(../img/pictos32.png) 0 0 no-repeat;}
.pixmobi .picto span {display:none;}
.pixmobi .tel.picto {background-position:0 -4px;}
.pixmobi .mail.picto {background-position:0 -35px;}
.pixmobi .web.picto {background-position:0 -68px;}
.pixmobi .map.picto {background-position:0 -98px;} 

.pixmobi .module {margin:0 0 30px 0; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -ms-border-radius:10px; padding:10px; background:#F3F3F3 url(../img/form_bg.jpg) 0 0 repeat-x;}
.pixmobi .moduletrans {background:none;}
.pixmobi #Main .module p {font-size:12px; margin:10px;}
.pixmobi #Main .module ul {font-size:12px; margin:10px 10px 10px 20px;}
.pixmobi #ContentRight .module,
/*.pixmobi #ContentCenter .module*/ {margin-top:10px;}


.pixmobi table.design {width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -ms-border-radius:5px; border:0px none; margin:15px 0 10px 0; border-bottom:1px solid #7E7E7E; border-collapse:separate; border-spacing:0;}
.pixmobi table.design caption {margin:0; padding:10px; color:#555; font-weight:bold; text-transform:uppercase; display:none;}
.pixmobi table.design tr.odd {background-color:#EEE;}
.pixmobi table.design tr.even {background-color:#FFF;}
.pixmobi table.design th {  font-weight:bold; padding:5px 2px 5px 10px; text-align:left; border:0px none; border-left:1px solid #7E7E7E;}
.pixmobi table.design thead tr.odd,
.pixmobi table.design thead tr.even {background-color:transparent;}
.pixmobi table.design thead th {text-transform:uppercase; padding:5px 2px; text-align:center; background:transparent url(../img/tabs_bg.png) -10px -30px no-repeat; height:19px; color:#FFF;}
.pixmobi table.design thead th.first { background-position:0 -30px; border-left:0px transparent;}
.pixmobi table.design thead th.last { background-position:100% -30px;}
.pixmobi table.design tfoot th {padding-left:30px;}
.pixmobi table.design td {text-align:center; text-align:center; padding:5px 0; border:0px none; border-left:1px solid #CCC;}
.pixmobi table.design td.last {border-right:1px solid #7E7E7E;}
.pixmobi table.design strong {/*color:#0F0;*/ font-weight:bold; /*-moz-text-shadow: 1px 1px 2px #000; -ms-text-shadow: 1px 1px 2px #000; -webkit-text-shadow: 1px 1px 2px #000; text-shadow: 1px 1px 2px #000;*/}
.pixmobi table.design img {margin:1px;}

.pixmobi a.collapse { color:#333; padding-left:20px; background:url(../img/pictos.png) -2px -2px no-repeat; text-decoration:none;}
.pixmobi a.collapse:hover {color:#F60; background-position:-2px -122px;}
.pixmobi a.opened.collapse {background-position:-2px -62px;}
.pixmobi a.opened.collapse:hover {background-position:-2px -182px;}

/* ========================================================================== */
/* TABS */
/* ========================================================================== */

.pixmobi #Content ul.tabs  {float:none; margin:25px 0 0 0; padding:0; position:relative; z-index:3; height:30px;}
.pixmobi #Content ul.tabs h3 {margin:0; font-size:100%; padding:0; background:none;}
.pixmobi ul.tabs li {display:block; list-style-image:none; list-style:none; float:left; width:auto; margin:0; padding:0;}
.pixmobi ul.tabs li a { display:block; height:30px;  background:url(../img/tabs_bg.png) 100% -120px no-repeat; text-decoration:none; padding:0 10px 0 0; outline:0;}
.pixmobi ul.tabs li a span {display:block; height:24px; background:url(../img/tabs_bg.png) 0 -30px no-repeat; padding:6px 5px 0 15px; color:#333; float:left; font-weight:bold; color:#FFF;}

.pixmobi ul.tabs li a:hover {background-position:100% -150px; text-decoration:none; cursor:pointer;}
.pixmobi ul.tabs li a:hover span {background-position:0 -60px; color:#FFF;}
.pixmobi ul.tabs li a.active {background-position:100% -90px;}
.pixmobi ul.tabs li a.active span {background-position:0 0px; color:#333;}
.pixmobi ul.tabs li a.active:hover {cursor:default;}

.pixmobi .tabBloc {border:1px solid #CCC; -webkit-border-radius: 10px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-topleft: 0;
border-radius: 10px;
border-top-left-radius: 0; /overflow:hidden; position:relative; top:-1px; z-index:2;}
.pixmobi .tabBloc .col2 {margin-top:0;}
.pixmobi .tabBloc .left.col2 .wrap {margin:10px 5px 10px 10px;}
.pixmobi .tabBloc .right.col2 .wrap {margin:10px 10px 10px 5px;}
.pixmobi #Content .tabBloc h4 {margin:0; font-size:100%; background-color:#EEE; padding:5px; color:#999; text-transform:uppercase; text-decoration:none;}
.pixmobi .tabBloc ul { display:block; margin:5px 0 10px 6px; list-style:none; padding:0;}
.pixmobi .tabBloc ul li {list-style:none; display:block; padding:3px 0 3px 12px; font-weight:bold;  font-size:12px; background:url(../img/bullet_orange.png) 0 6px no-repeat; color:#444;}
.pixmobi .tabBloc ul li span {font-weight:normal; color:#999;}
.pixmobi .tabBloc ul li span.new {font-weight:normal; color:#F60; font-family:"Courier New", Courier, monospace;}
.pixmobi .tabBloc ul li ul {margin:0 0 0 20px;}
.pixmobi .tabBloc ul li ul li { padding:3px 0 2px 12px; background-image:url(../img/bullet_darkgrey.png);}

.pixmobi #Main .legend,
.pixmobi #Main .module .legend {font-size:85%; padding-top:3px; color:#666; font-style:italic; text-align:right;}
.pixmobi #Main .module .legend {margin-right:0; margin-bottom:0;}

.pixmobi #ContentRight #Appendix {font-size:85%; color:#666; font-style:italic; border-top:1px dotted #999; padding-top:10px; margin-top:20px; padding-bottom:10px;}
.pixmobi #ContentRight #Appendix p {margin:2px 0; text-align:right;}

/* ========================================================================== */
/* Form design */
/* ========================================================================== */

.pixmobi dl.form {margin:25px 0 0 0; padding:0; position:relative; z-index:2;}
.pixmobi dl.form form {margin:0; padding:0; position:relative;}
.pixmobi dl.form fieldset {margin:3px 0 14px 0; padding:0 0 20px 0; border:1px dashed #CCC; background:#F3F3F3 url(../img/form_bg.jpg) 0 0 repeat-x;}
.pixmobi dl.form blockquote {margin:0; padding:0; float:none; clear:left; display:block;}
.pixmobi dl.form legend {margin:10px 0; text-transform:uppercase; font-weight:bold; margin-left:5px; padding:0 4px; background-color:#FFF; color:#F60;}
.pixmobi dl.form input {font-size:11px; font-family:Arial, Helvetica, sans-serif; height:15px; border:1px solid #BBB; width:164px; margin:0; padding: 0 2px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -ms-border-radius:4px; outline: 0 !important;}
.pixmobi dl.form input:hover {border-color:#999;}
.pixmobi dl.form input:focus {border-color:#999; background-color:#FED;}
.pixmobi dl.form input.disabled:hover,
.pixmobi dl.form input.disabled:focus,
.pixmobi dl.form input.disabled {background-color:#EEE; color:#999; border:1px solid #BBB;}
.pixmobi dl.form input.date {width:60px;}
.pixmobi dl.form input.datetime {width:90px;}
.pixmobi dl.form input.time {width:30px;}
.pixmobi dl.form input.short {width:50px;}
.pixmobi dl.form input.radio,
.pixmobi dl.form input.checkbox {width:auto; margin:1px 2px 1px 0; vertical-align:text-top; background-color:transparent; border:none; outline: 0 !important;}
.pixmobi dl.form select {font-size:11px; font-family:Arial, Helvetica, sans-serif; width:171px;}
.pixmobi dl.form select.multiple {height:87px;}
.pixmobi dl.form select.auto { width:auto;}
.pixmobi dl.form textarea {font-size:11px; font-family:Arial, Helvetica, sans-serif; height:58px; border:1px solid #BBB; width:94%; margin:0;}
.pixmobi dl.form button { margin:0; text-transform:uppercase; font-size:10px; line-height:10px; /padding-top:3px; cursor:pointer; outline: 0 !important;}
.pixmobi dl.form dt {text-align:right; width:40%; float:left; clear:left; padding:1px 0 0 0; margin:7px 0 0 0;}
.pixmobi dl.form dt.full {width:auto; float:none; clear:both; text-align:left; margin-left:10px; display:none;}
.pixmobi dl.form dt.fixed {width:auto; float:none; clear:both; text-align:left; margin-left:10px; display:none;}
.pixmobi dl.form dt button {margin:-1px 6px 0 0;}
.pixmobi dl.form label {padding-right:3px; font-size:11px;}
.pixmobi dl.form a {font-size:11px; text-decoration:underline;}
.pixmobi dl.form a:hover {color:#000;}
.pixmobi dl.form dd.fixed a {display:block; text-align:center;}
.pixmobi dl.form dd { width:60%; float:left; padding:0; margin:7px 0 0 0;}
.pixmobi dl.form dd.full {width:auto; float:none; clear:both; margin-top:5px; padding:0 10px;}
.pixmobi dl.form dd.fixed {width:370px; /*width:auto; padding:0 10px;*/ float:none; clear:both; margin:10px auto 0 auto; }
.pixmobi dl.form dd.full textarea {width:99.5%;}

.pixmobi ul.errors { background:#FEE url(../img/warning.png) 10px 10px no-repeat; border: 1px solid #F00; padding:10px; margin:20px 30px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -ms-border-radius:4px; position:relative; left:10px;}
.pixmobi ul.errors li {list-style-type:disc; margin:0 0 0 40px; color:red; list-style-image:none;}
.pixmobi ul.errors li a {color:red;  text-decoration:none;}
.pixmobi ul.errors li a:hover {text-decoration:underline;}

.pixmobi dl.form .message {display:block; font-size:11px;}
.pixmobi dl.form .error.message {color:#F00;}

.pixmobi dl.form input.error,
.pixmobi dl.form textarea.error,
.pixmobi dl.form select.error  { border:1px solid #F00; background:#FEE url(../img/error.png) 97% 3px no-repeat; color:#F00;}
.pixmobi dl.form input.ok,
.pixmobi dl.form textarea.ok,
.pixmobi dl.form select.ok {border:1px solid #090; background:#EFE url(../img/form_ok.png) 97% 3px no-repeat; }
.pixmobi dl.form label.required { padding-left:9px; background:url(../img/required.png) 0 2px no-repeat;}

.pixmobi dl.form .group { margin-left:19px; }

.pixmobi #Captcha  {display:block; width:370px; margin:0 auto !important; font-size:11px;}
.pixmobi #CaptchaContainer {margin-top:5px;}

.pixmobi .recaptchatable td img#recaptcha_tagline,
.pixmobi .recaptchatable td img#recaptcha_logo {display:none !important;}
.pixmobi .recaptchatable .recaptcha_image_cell {background-color:transparent !important;}
.pixmobi .recaptchatable #recaptcha_response_field {border-color:#BBB !important; font-size:11px !important; width:297px !important;}

.pixmobi #ModelChoice { background-color:#000; color:#CCC; padding:5px 10px 10px 10px;}
.pixmobi #ModelChoice h1 {margin:0 0 5px 0; font-size:14px; display:none;}
.pixmobi #ModelChoice .group {float:left; margin:10px;}
.pixmobi #ModelChoice .group p {margin:0;}
.pixmobi #ModelChoice .group h2 {margin:0 0 15px 0; padding:0; font-size:13px; text-transform:uppercase;}
.pixmobi #ModelChoice .group img {border:1px solid #666;}

.pixmobi #ToolTip { display:none;  background-color:#FFF; border:1px solid #EEE; font-family:Arial, Helvetica, sans-serif; padding:10px; position:absolute; z-index:10000; max-width:240px; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -ms-border-radius:5px;}
.pixmobi .toolTip { /*cursor:help;*/}
.pixmobi .toolTip { cursor:help;}
.pixmobi .toolTipInfo {display:none !important;}
.pixmobi #ToolTip ul {margin:0 5px; padding:0;}
.pixmobi #ToolTip ul li { padding:2px 0 2px 12px; list-style:none; background:url(../img/bullet_darkgrey.png) 0 6px no-repeat; font-size:inherit;}


.pixmobi .schema {margin:0 15%; /margin:0 5%; text-align:center; padding:0;}
.pixmobi #ContentRight .schema p {text-align:center;}
.pixmobi .leftBlock,
.pixmobi .centerBlock,
.pixmobi .rightBlock,
.pixmobi .linkBlock {background:#F60 url(../img/schema_bloc_bg.png) repeat-x 0 0; color:#FFF; font-weight:bold; text-transform:uppercase; font-size:85%; -webkit-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -ms-border-radius: 10px; text-align:center; display:block; padding:7px 5px; width:40%; margin:15px 0;  -moz-text-shadow: 0px 0px 5px #000; -webkit-text-shadow: 0px 0px 5px #000; text-shadow: 0px 0px 5px #000;}
.pixmobi .linkBlock {margin:20px auto 0;}
.pixmobi .linkBlock a {color:#FFF; text-decoration:none;}
.pixmobi .leftBlock {float:left;}
.pixmobi .rightBlock {float:right;}
.pixmobi .centerBlock { margin:0 auto; clear:both;}
.pixmobi a.leftBlock,
.pixmobi a.centerBlock,
.pixmobi a.rightBlock {color:#FFF; text-decoration:none;}
.pixmobi ol.schemaLegend {margin:0 0 5px 20px; padding:0;}
.pixmobi ol.schemaLegend li {margin:0; padding:3px 0 2px 0; font-size:11px; color:#666;}
.pixmobi ol.schemaLegend li ul {margin:0; padding:0;}
.pixmobi ol.schemaLegend li ul li { padding:3px 0 2px 12px; list-style:none; background:url(../img/bullet_darkgrey.png) 0 6px no-repeat; font-size:inherit;}

.pixmobi #MobileMarketing {background: url(../img/schema_marketing_bg.png) no-repeat center center; height:142px;}

.pixmobi #PixmobiPlatform {background: url(../img/schema_pixmobi_bg.png) no-repeat center 16px; /height:336px;}
.pixmobi #PixmobiPlatform .leftBlock,
.pixmobi #PixmobiPlatform .rightBlock {margin:0 0 30px 0;}
.pixmobi #PixmobiPlatform img {margin:40px 0 10px 0;}

.pixmobi .bubble {display:block; padding:10px; /*border:1px dotted #F60;*/ text-align:center; font-size:18px; line-height:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; font-weight:bold; /*background-color:#CCC;*/;}
.pixmobi #ContentRight p.bubble {text-align:center;}
/*.pixmobi #ContentRight p.left.bubble {text-align:left;}
.pixmobi #ContentRight p.right.bubble {text-align:right;}*/
.pixmobi .bubble span {color:#F60; font-size:30px; line-height:22px; padding:0 3px;}
.pixmobi .right.bubble {float:right;}
.pixmobi .left.bubble {float:left;}


.pixmobi ol#ListPickerLegend {margin-left:240px; min-height:180px;}
.pixmobi ol#ListPickerLegend li {margin-bottom:5px;}

.pixmobi .newsAcc {margin-top:-15px; float:left; width:100%; border-bottom:1px dotted #F60; padding-bottom:5px; }
.pixmobi .news {background:#F3F3F3 url(../img/form_bg.jpg) 0 0 repeat-x; overflow:hidden; margin:10px 0 0;}
.pixmobi #Content .newsAcc h3 {margin:0 0 5px; color:#666; background-position:0 4px; clear:left;}
.pixmobi #Content .newsAcc h3:hover,
.pixmobi #Content .newsAcc h3.opened {color:#F60;}
.pixmobi .news .newsDate {float:right; color:#999; font-weight:bold; font-size:14px;}
.pixmobi .news .newsDetail { padding:0 12px 2px;} 
.pixmobi .news .newsSummary {margin-bottom:10px; font-weight:bold;}
.pixmobi .news .newsPicture {float:left; /*max-width:120px; */}
.pixmobi .news .newsPicture img { /*width:100%; */ margin:3px 10px 5px 0;}
.pixmobi .news .newsContent ul, .pixmobi .news .newsContent ol {margin-left:20px; position:relative; left:20px;}

.pixmobi .onlyMobile {display:none;}

.pixmobi .newsAll {Text-align:right; margin:10px 0; /*border-top:1px dotted #F60;padding-top:8px;*/ float:left; width:100%;}
.pixmobi .newsAll a {font-weight:bold; color:#F60;   padding-right:12px; font-size:14px; background:url(../img/bullet_orange.png) 100% 5px no-repeat;}

.pixmobi .company {margin:10px 0; float:none; padding:10px 10px 0 10px; border:1px dotted #999;}
.pixmobi .company img {float:left; margin:3px 0;}
.pixmobi .company p {margin-left:190px;}
.pixmobi .company span { text-transform:uppercase; font-weight:bold; color:#999; font-size:11px;}

.pixmobi .refType {display:block; float:right;}
.pixmobi .refType img{margin:0 0 0 5px; vertical-align:top;}

#RefCar { margin: 30px 0; text-align:center; }
#RefCar ul { margin:0; padding:0; }
#RefCar li { list-style:none; display:inline; margin:0; padding:0; }
#RefCar li img { margin:0 15px 15px; vertical-align:middle; }
.carousel { height:54px; overflow:hidden; position:relative;}
.carousel .mask-left { position:absolute; z-index:4; left:-1px; top:0; height:54px; width:71px; background: transparent url(../img/refcar-mask-left.png) right 0 no-repeat;}
.carousel .mask-right { position:absolute; z-index:4; right:-1px; top:0; height:54px; width:71px; background: transparent url(../img/refcar-mask-right.png) left 0 no-repeat;}
.carousel .scroller { width:100%; height:71px; overflow:hidden; overflow-x:scroll; white-space:nowrap; position:relative;}
#RefCar.carousel ul { display:inline-block; }
#RefCar.carousel ul li { display:inline-block; }

.pixmobi #Main #RefSamples { padding-bottom:0; }
.pixmobi #Main #RefSamples p { margin:6px 6px 0;}
.pixmobi #Main #RefSamples span { display:block; }
.pixmobi #Main #RefSamples span a+a { margin-left:12px; }
.pixmobi #Main #RefSamples span+span { margin-top:-30px; }