/* reset all default styles*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
img,abbr,acronym{border:0;}
body{font:11px verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
input, select, textarea,option { border:1px solid #808080; background-color:#009DE0; color:#fff;  }
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}
h1,h2,h3,h4,h5,h6{margin-bottom:1em;}
ol li{list-style:decimal outside;}
dl dd{margin-left:1em;}
th,td{border:0px solid #000;padding:.5em;}
th{font-weight:bold;text-align:center;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
blockquote,p,fieldset,table,pre{margin-bottom:1em;}

* { outline: none; }

body{
  font-size : 13px;
  color : #808080;
}
html {overflow: scroll;}
.left{
  float : left;
}
.right{
  float : right;
}
.txt_center{
  text-align:center;
}
.clr{
  clear : both;
}
.rounded{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  behavior:url(/css/border-radius.htc);
}

ul.error_list{
  color : #f00;
}
h1{
  color : #22B0E2;
}
#top{
  background : url(/images/header_background.jpg) right no-repeat;
  height : 141px;
}
#navigation ul, #content, #footer div, #top{
  width : 998px;
  margin : 0 auto;
}
#navigation ul{
  text-align : right;
  padding : 5px 0;
}
#navigation, #footer{
  background : #58585A;
  font-weight : bold;
}
#navigation{
  font-size : 105%;
}
#navigation ul li, #footer ul li{
  display : inline;
  padding : 0 5px;
}
#navigation ul li a, #footer li a, #footer li{
  text-decoration : none;
  color : #fff;
}
#navigation ul li a.active{
  color : #EC7F00;
}
#navigation ul li a:hover, #footer li a:hover{
  color : #EC7F00;
}
#footer ul{
  float : right;
  text-align : right;
  padding : 5px 0;
}
#content{
  min-height:250px;
  padding : 20px 0 0 0;
}
#content.content_news{
  padding : 0;
  background: url(/images/background_news.jpg) top center repeat-y;
}
#footer div, #footer p{
  line-height : 50px;
  height : 50px;
}
#footer a, #footer{
  text-decoration: none;
  color : #fff;
  font-size:90%;
}
#footer a:hover{
  color : #EC7F00;
}
div#content form{
  margin : 20px 0 0 0;
}
div#content form.contact{
  width:500px;
}
div#content form label{
  display : block;
  float : left;
  width : 200px;
}
div#content form p img{
  float:right;
}

#formnewsletter *{
  margin:0;
  padding:2px;
}

#product div#info{
  min-height: 50px;
}
#product_main_navigation{
  float : right;
  width:610px;
}
#product_main_navigation li{
  display : inline;
  width : 150px;
  /*margin : 0 0 0 20px;
  padding : 10px;*/
  line-height : 73px;
}
#product_main_navigation li a img{
  margin : 0 15px -15px 0;
  padding-left:10px;
}
#product_main_navigation li a, #div_contact.realisation p a, #div_stat.realisation p a, #product_sub_navigation p a{
  color : #fff;
  text-decoration : none;
  vertical-align: middle;
}

#realisation_holder{
  width: 100%;
  overflow-x: hidden;
  min-height : 620px;
  position: relative;
}
#realisation_slider{
  width : 6000px;
  position: absolute;
}
#realisation_slider .product{
  width : 998px;
}
#realisation_slider ul.diapo{
  width : 620px;
  height : 300px;
}
#realisation_slider div.moodiapo{
  z-index:0;
}
.product{
  display: inline-block;
  zoom: 1;
	*display:inline;

}
#div_contact.realisation p, #div_stat.realisation p, #product_sub_navigation p{
  margin:0;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}
#div_contact.realisation p a, #div_stat.realisation p a{
  white-space:nowrap;
}
#div_i-img.realisation p strong{
  font-size:63px;
  padding-right:10px;
}
#div_i-img.realisation p a{
  text-decoration:none;
}
#div_contact{
  background-color : #019EDF;
  /*margin : 0 0 0 200px;*/
}
#div_stat {
  background-color : #DED901;
}
#div_contact.realisation{
  line-height : 0px;
}
#div_i-img.realisation, p.empty{
  width:180px;
  padding-right:40px;
}
p.empty{
  height:71px;
}
#div_stat.realisation, #div_contact.realisation {
  margin:40px 0 0 0;
  width:150px;
}
#realisation_slider #div_stat.realisation, #realisation_slider #div_contact.realisation {
  margin:0 0 40px 0;
  width:150px;
}
#div_stat.realisation, #div_contact.realisation,  #product_file, #product_realisation {
  padding : 5px;
  height:20px;
  padding-top:10px;
}
#product_file {
  margin-right:10px;
  width:250px;
}
#product_realisation {
  width:330px;
}
#div_contact.realisation{
  float:right;
}
#product_navigation, #supertec_navigation{
  background: url(/images/product_navigation.jpg) bottom repeat-x;
  padding : 0 0 16px 0;
  width:998px;
}
#product_navigation{
  height:80px;
}
#supertec_navigation{
  height:50px;
}
#product_navigation li, #supertec_navigation li {
  float:left;
  text-align:center;
}
#product_navigation li{
  height:80px;
  width:190px;
}
#supertec_navigation li{
  height:50px;
  width:180px;
}
#product_navigation li a, #supertec_navigation li a {
  padding : 0 0 15px 0;
  opacity : 0.5;
}
#product h1{
  font-weight: bold;
  margin : 10px 0 0 0;
}
#product div#info{
  width : 380px;
  float : left;
}
#product_navigation li.selected {
  background: url(/images/product_navigation_selected.jpg) bottom center no-repeat;
  opacity: 1;
  height:96px;
}
.statistic, .statistic2, .statistic3 {
  width:327px;
  float:left;
  margin:0 5px 10px 0;
}
.statistic {
  background-color:#DED901;
}
.statistic2 {
  background-color:#E3DF26;
}
.statistic3 {
  background-color:#E8E44D;
}
/*
iscreen.tv : #ec7f00 + #C76A00 + #A15600
iscreen.display : #DA6BA0 + #B35783 + #8C4567
iscreen.bar : #96BC0D + #78960B + #5A7008
iscreen.tag : #E40E70 + #BD0B5B + #960949


iscreen.tv : tableaux : #ec7f00 + #f38a0f + #fb9e31 interieur : #C76A00 + #A15600
iscreen.display : tableaux : #da6ba0 + #de81ae + #e498be interieur : #b85c8d + #9b4b7e
iscreen.bar : tableaux : #96BC0D + #aad410 + #b6d544 interieur : #78960B + #5A7008
iscreen.tag : tableaux : #E40E70 + #f8107a + #e15093 interieur : #BD0B5B + #960949
ibuilder : tableaux : #ded901 + #e3df26 + #e8e44d interieur : #b7af20 + #989023
*/

.statistic.stat_iscreen {
  background-color:#ec7f00;
}
.statistic.stat_idisplay {
  background-color:#DA6BA0;
}
.statistic.stat_ibar {
  background-color:#96BC0D;
}
.statistic.stat_itag {
  background-color:#E40E70;
}
/*2eme tableau*/
.statistic.stat_iscreen2 {
  background-color:#f38a0f;
}
.statistic.stat_idisplay2 {
  background-color:#de81ae;
}
.statistic.stat_ibar2 {
  background-color: #aad410;
}
.statistic.stat_itag2 {
  background-color:#E40E70;
}
/*3eme tableau*/
.statistic.stat_iscreen3 {
  background-color:#fb9e31;
}
.statistic.stat_idisplay3 {
  background-color: #e498be;
}
.statistic.stat_ibar3 {
  background-color:#b6d544;
}
.statistic.stat_itag3 {
  background-color: #e15093;
}




.statistic h1, .statistic2 h1, .statistic3 h1{
  color:#fff;
  padding:10px 0 0 20px;
}
.stat_clair, .stat_fonce {
  clear:both;
  padding:10px;
  color:#FFFFFF;
  text-align:center;
  line-height:0.9em;
  min-height:15px;
}
.stat_clair {
  background-color:#B7AF20;
}
.stat_fonce {
  background-color:#989023;
}
.stat_clair.txt_left{
  text-align:left;
}
div.stat_iscreen .stat_clair, div.stat_iscreen .stat_fonce, div.stat_iscreen .stat_fonce, div.stat_iscreen .stat_clair, div.stat_idisplay .stat_fonce,div.stat_idisplay .stat_clair ,div.stat_ibar .stat_fonce,div.stat_ibar .stat_clair,div.stat_itag .stat_clair,div.stat_itag .stat_fonce {
  line-height:0.9em;
}
div.stat_iscreen2 .stat_clair, div.stat_iscreen2 .stat_fonce, div.stat_iscreen2 .stat_fonce, div.stat_iscreen2 .stat_clair, div.stat_idisplay2 .stat_fonce,div.stat_idisplay2 .stat_clair ,div.stat_ibar2 .stat_fonce,div.stat_ibar2 .stat_clair,div.stat_itag2 .stat_clair,div.stat_itag2 .stat_fonce {
  line-height:0.9em;
}
div.stat_iscreen3 .stat_clair, div.stat_iscreen3 .stat_fonce, div.stat_iscreen3 .stat_fonce, div.stat_iscreen3 .stat_clair, div.stat_idisplay3 .stat_fonce,div.stat_idisplay3 .stat_clair ,div.stat_ibar3 .stat_fonce,div.stat_ibar3 .stat_clair,div.stat_itag3 .stat_clair,div.stat_itag3 .stat_fonce {
  line-height:0.9em;
}
div.stat_iscreen .stat_clair, div.stat_iscreen2 .stat_clair , div.stat_iscreen3 .stat_clair  {
  background-color:#C76A00;
}
div.stat_iscreen .stat_fonce, div.stat_iscreen2 .stat_fonce, div.stat_iscreen3 .stat_fonce {
  background-color:#A15600;
}
div.stat_idisplay .stat_clair, div.stat_idisplay2 .stat_clair, div.stat_idisplay3 .stat_clair {
  background-color:#B35783;
}
div.stat_idisplay .stat_fonce, div.stat_idisplay2 .stat_fonce, div.stat_idisplay3 .stat_fonce {
  background-color:#8C4567;
}
div.stat_ibar .stat_clair, div.stat_ibar2 .stat_clair, div.stat_ibar3 .stat_clair {
  background-color:#78960B;
}
div.stat_ibar .stat_fonce, div.stat_ibar2 .stat_fonce, div.stat_ibar3 .stat_fonce {
  background-color:#5A7008;
}
div.stat_itag .stat_clair, div.stat_itag2 .stat_clair, div.stat_itag3 .stat_clair {
  background-color:#BD0B5B;
}
div.stat_itag .stat_fonce, div.stat_itag2 .stat_fonce, div.stat_itag3 .stat_fonce {
  background-color:#960949;
}
#supertec_navigation li.selected {
  background: url(/images/product_navigation_selected.jpg) bottom center no-repeat;
  opacity: 1;
  height:66px;
}
#product_navigation li.selected1 a, #product_navigation li.selected2 a, #product_navigation li.selected3 a, #product_navigation li.selected4 a, #product_navigation li.selected5 a {
  opacity: 1;
}
#supertec_navigation li.selected1 a, #supertec_navigation li.selected2 a, #supertec_navigation li.selected3 a, #supertec_navigation li.selected4 a {
  opacity: 1;
}
#product_navigation.selected1, #supertec_navigation.selected1 {
  background: url(/images/product_nav_selected1.jpg) bottom left no-repeat;
}
#product_navigation.selected2, #supertec_navigation.selected2 {
  background: url(/images/product_nav_selected2.jpg) bottom center no-repeat;
}
#product_navigation.selected3, #supertec_navigation.selected3 {
  background: url(/images/product_nav_selected3.jpg) bottom center no-repeat;
}
#product_navigation.selected4, #supertec_navigation.selected4 {
  background: url(/images/product_nav_selected4.jpg) bottom center no-repeat;
}
#product_navigation.selected5 {
  background: url(/images/product_nav_selected5.jpg) bottom center no-repeat;
}

#supertec_navigation {
  margin-bottom:30px;
}
/***h1 page supertec***/
h1.societe, h1.titre_stats, h1.titre_contact, h1.titre_espaceclient {
  color:#fff;
  background: url(/images/back_societe.jpg) top left no-repeat;
  height:38px;
  padding:8px 0 0 55px;
}

/***fin h1 societe ***/

/**caroussel **/
.caroussel_background {
  background: transparent;
  overflow: hidden;
  width: 680px;
  height: 384px;
  padding-left:150px;
  -moz-background-clip: border;
  -moz-background-origin: padding;
  -moz-background-inline-policy: continuous;
  position: relative;
}
.caroussel_div {
  position: absolute;
  width:650px;
  height: 100%;
  display: block;
}
.carouselLeft {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(/images/left.png) repeat scroll 0 0;
  display:none;
  height:40px;
  width:40px;
  top:0;
}
.carouselLeft:hover {
  background-position:0 40px;
  cursor:auto;
  height:40px;
  width:40px;
}
.carouselRight {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(/images/right.png) repeat scroll 0 0;
  display:none;
  height:40px;
  width:40px;
  top:0;
}
.carouselRight:hover {
  background-position:0 40px;
  height:40px;
  width:40px;
}
img.cloudcarousel {
  border: 1px solid #B3B3B3;
}
/**fin caroussel**/

#product p.sub_title span{
  font-size: 115%;
}
#product li{
  list-style-type: circle;
  list-style-position: inside;
}
#description, .realisation,#bloc_description{
  float : left;
  text-align : justify;
  color : #fff;
}
#description,#bloc_description{
  clear : both;
}
#description{
  min-height : 250px;
}
#description.description_ibuilder{
  min-height : 380px;
}
#description, #target, #product h2 span, div.page h2 span, h2.realisation{
  width : 260px;
  padding : 10px;
}
.div_realisation {
  padding-right:98px;
}
p.block_realisation {
  width:260px;
}
#target{
  text-align : center;
  float : left;
  background-color:#fff;
}
#description p{
  padding : 5px;
}
#bloc_description{
  width:280px;
}
#description_fleche {
  background-image: url(/images/fleche_bottom.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  width:280px;
  height:38px;
}
#video_holder{
  float : right;
  height:265px;
  padding:5px;
  position:relative;
  text-align:left;
  background: url(/uploads/assets/videos/images/fond.jpg) bottom center no-repeat;
}
#video_news{
  width:610px;
  height:265px;
  padding:8px 0 0 0;
  position:relative;
  text-align:center;
  background: url(/images/fond_video_news.jpg) top center no-repeat;
}
#video{
  padding : 5px;
}
#swf {
  width:610px;
  background:#fff;
}
#target{
 /* margin-top : 20px;*/
}
#product_sub_navigation{
  padding-left : 95px;
}
.grey{
  background-color : #B3B3B3;
}
/*
#product_sub_navigation, #target{
  margin-top : 20px;
}
#product_sub_navigation.sub_ibuilder{
  margin-top : 0px;
  margin-bottom:20px;
}
#product_sub_navigation{
  float : right;
}
#product_sub_navigation, #video_holder{
  width:610px;
}
#product_sub_navigation li{
  width : 33%;
  display: block;
}
#product_sub_navigation li a{
  text-align : center;
  display: block;
  padding : 10px;
  color : #fff;
  text-decoration : none;
  border : 2px #fff solid;
}
#product_sub_navigation li.colored{
  float : right;
  width : 50%;
}
*/
#product{
  padding-bottom : 20px;
}
#product h2, div.page h2{
  /*
  border-top: 3px #22B0E2 solid;
  margin-top : 35px;*/
  
}
#product h2.realisation {
  border-top:none;
  margin-top:0;
  font-weight:bold;
}
div.page h2 a{
  line-height : 41px;
}
#product h2 span, div.page h2 span{
  padding : 0 10px;
  height : 41px;
  line-height : 41px;
  margin-top : -22px;
  display : block;
  color : #fff;
  text-align : center;
  background-color : #22B0E2;
}
#content div.news{
  width : 728px;
  padding:20px 10px 10px 0;
  text-align:justify;
}
#content div.news_archive{
  width : 250px;
  padding:20px 0px 10px 10px;
  margin:0;
}
#content div.news_archive h3{
  margin : 10px 0 0 0;
}
#content div.news_archive h2{
  font-weight : bold;
}
#content div.news_archive p{
  padding : 5px 0 0 20px;
  margin : 0;
}
#content div.news_archive p a{
  color : #22A8E2;
  text-decoration : none;
}
.date_news{
  font-size:16px;
  width:10%;
  height:70px;
  border-right:1px solid #22B0E2;
  margin-right:10px;
  text-align:right;
  padding-right:5px;
}
.date_news h3{
  font-weight:bold;
  color:#22B0E2;
  margin:0;
  padding:0;
}
.date_news p{
  margin:0;
  padding:2px 0;
}
.news_content{
  width:85%;
}
.news_img {
  border:2px #666 solid;
}
.news_txt_img {
  width:400px;
  padding-left:10px;
}