﻿.floatL{float:left;}
.floatR{float:right;}
.context {overflow:hidden; }
.marginR {margin-right:15px !important;}
#page {overflow:hidden; zoom:1; margin:0 auto; width:912px; }
#news {padding:10px;border:1px solid #D0D0D0 !important; text-align:left; background-color:#FFF; margin-top:10px;  overflow:hidden;  zoom:1;}
#news .newsItem {float:left; width:430px; display:block; margin-right:15px; margin-bottom:10px;} 
h1 {margin-bottom:10px !important;}
h3.h3{font-size:17px; font-weight:bold; color:#F26500;}
h2.h2{font-size:24px; font-weight:normal; color:#0076A5;}
.mediaFullSize {zoom:1;}
.mediaFullSize img, .mediaFullSize object, .mediaFullSize embed { width:100%;display:block;}
h3 {font-weight:normal;}

#banner_short_Upteq {text-align:left; margin:10px 0 0; overflow:hidden; zoom:1;} 
/* coorectif IE6 et FF pour les styles gemaltos mal faits*/
#nav_left_container {height:auto;display:block;}
#content_3_3 {zoom:1; float:left; position:relative;padding-bottom:10px;display:block;}


/*remise en place des styles des element (suppression display:table; etc*/
body #container_telecommunication {height:auto; min-height:0; display:block; overflow:hidden;position:relative;}

#content_home { zoom:1; display:block;background-color:#FFF;  border:1px solid #E9E5E2; width:440px; _width:440px; padding:10px; float:left; position:relative;  margin:0 20px 0 0;}
#content_home .blueList li {float:left; margin-right:10px; list-style-image:none; list-style-type:none; width:200px; margin-left:0!important;}
#content_home .blueList li a {display:block; background: url(skin/puce_btn.png) no-repeat left top; padding-left:20px; color:#0074A3; font-size:13pt; text-decoration:none; padding-top:4px; margin-bottom:4px;}
#content_home .blueList li a:hover {color:#F26500; background:url(skin/puce_traits.png) no-repeat left 8px; }
#conten_homeSmall { zoom:1; display:block; margin-right:0 !important;overflow:hidden;}
#conten_homeSmall .blockHome .orangeList li {zoom:1;padding-bottom:7px; _padding-bottom:6px; list-style-image:none; list-style-type:none;   margin-left:0 !important;}
#conten_homeSmall .blockHome .orangeList li a{background: url(skin/puce_traits.png) no-repeat left 3px; padding-left:19px; padding-top:0;}
#conten_homeSmall .blockHome {border:1px solid #E9E5E2; padding:9px;}
#conten_homeSmall .blockHome.first {margin-bottom:15px;}
#conten_homeSmall .blue {font-size:18pt; color:#0074A3;}
#conten_homeSmall .orange {font-size:18pt; color:#EB6A0E;}



/****
* C. Styles helpers (margins, paddings, txtX)
****/
/* alignement (vertical-align, text-align */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}
.Tspace {margin-top:10px !important;}


.line, .lastunit {overflow: hidden; _overflow: visible; zoom:1; margin:0; padding:0; display:block; }
.unit{float:left;margin-right:20px; zoom:1;}
.size1on1{float:none !important;margin-right:0; width:auto}
.sizeEnbref{width:60%!important;}
.sizeLaMarque{width:76%!important;}
.size1on2{width:49%!important;}
.sizeForm{ width:47%!important;}
.size1on3{width:32.3%!important;}
.size2on3{width:66%!important;}
.size1on4{width:23.8%!important;}
.size3on4{width:74.8%!important;}
.size1on5{width:18.8%!important;}
.size2on5{width:39%!important;}
.size3on5{width:58%!important;}
.size4on5{width:78%!important;}
.sizeDesigner{width:38%!important;}
.sizeRetail{float:none; width:32.3%!important;}
.lastunit {float:none;width:auto !important; margin-right:0; _margin-right:-3px; _position:relative; _left:-3px;}


/* tabs : onglets, declaration de la partie structurelle */

.blockTabs {zoom:1; position:relative;margin-top:20px; } 
ul.tabs {overflow:hidden; zoom:1; }
ul.tabs li, ul.tabs li a  {color:#0092C7 !important;}
ul.tabs li {float:left; cursor:pointer; _width:1%; white-space:nowrap;background-image:none; list-style-image:none; list-style-type:none; margin:0; text-align:center; } 
ul.tabs a {display:block; zoom:1;background-position:right top; padding:4px; color:#FFF !important; font-weight:bold; font-size:12pt; text-decoration:none !important;  }
ul.tabs li a:hover,ul.tabs li a.hover, ul.tabs li.current a{ background-image:url(skin/tabs.png) !important; color:#FFF !important;} 

ul.tabs li.last {float:none; overflow:hidden; width:auto; zoom:1;_float:left;}
ul.onglets2 li {width:49%} ul.onglets3 li {width:33.1%} ul.onglets4 li {width:21%} ul.onglets5 li {width:19%} ul.onglets6 li {width:16%}
ul.onglets7 li {width:14%} ul.onglets8 li {width:12.3%} ul.onglets9 li {width:11%} ul.onglets10 li {width:10%}


.hasJS .tabCtn {display:none;}
.hasJS .tabCurrent {display:block;}


/* BTN */
.btn,.btn span{display:-moz-inline-stack; display:inline-block;vertical-align:middle;height:26px;line-height:26px; white-space:nowrap;background:url(skin/btn.png) right top no-repeat;color:#0873AB;text-decoration:none !important;cursor:pointer;text-align:left; font-weight:bold; zoom:1;}
.btn{padding-right:13px;_width:1%; }
.btn span img{display:inline; margin-right:10px;}
.btn span{display:block; padding-left:10px; background-position:left top; position:relative; font-size:1em; zoom:1;}

.btnBlack, .btnBlack span {background: url(skin/btnBlack.png) no-repeat left top; zoom:1;}
.btnBlack span {background-position:right top; color:#FFF; min-height:22px; _height:22px; font-size:11px; padding-left:4px !important; padding-right:9px!important;  line-height:22px; }
.btnBlack {padding-left:5px; outline:none;zoom:1;}

/*BLOCK TOGGLE*/	
.block {zoom:1;}


.blockToggle .head { background:#0092C7 url(skin/toggle.png) no-repeat right top; height:42px; line-height:40px; border-left:1px solid #CACACA;position:relative;}
.blockToggle .head a {display:block;color:#fff; padding-right:20px; cursor:pointer; zoom:1; overflow:visible; font-size:1.15em;position:relative;} 
.blockToggle .head a:hover, .blockToggle .head a.hover {color:#EB6A0E !important;border-left:0;} 
.blockToggle .head a.fond1 span, .blockToggle .head a.fond2 span , .blockToggle .head a.fond3 span , .blockToggle .head a.fond4 span  {background-position:left 1px;  background-repeat:no-repeat; display:block; padding-left:10px;}
.blockToggle .head a.fond1 span { background-image:url(skin/toggleF1.png);}
.blockToggle .head a.fond2 span { background-image:url(skin/toggleF2.png);}
.blockToggle .head a.fond3 span { background-image:url(skin/toggleF3.png);}
.blockToggle .head a.fond4 span { background-image:url(skin/toggleF4.png);}
.blockToggle .body {padding:20px; border:1px solid #D4D4D4; margin-top:-1px; background:#FFF url(skin/bkg_body_toggle.png) repeat-x left bottom;}
.toggleClosed .head {background-position:right -42px;}
.toggleClosed .body, .toggleClosed .foot {display:none;}

.blocContent{border :1px solid #E9E5E2; padding:20px; margin-right:3px; margin-bottom:13px; position:relative; background:url(../images/spark_big.png) no-repeat right top;zoom:1;}
.blocContent p{font-size:13px;}
.coinArondi{position:absolute; right:-1px; top:-1px;  z-index:11; overflow:hidden;}
/****
* E. Contenus (listes ul.listPuce,  .mea, dataArray...)
****/
/* mea */
.mea, .mea .text, .meaRight, .meaRight .text, .meaWrap {overflow:hidden; _overflow:visible; zoom:1;}
.mea .media {float:left; margin-right:10px; _margin-right:7px;}
.mea .clearReturn {clear:left}
.meaRight .clearReturn {clear:right}
.meaRight .media {float:right; margin-right:0; margin-left:20px;}
.meaWrap .text {overflow:visible; zoom:0;}

	
/* liste*/
ul.sparow {}
ul.sparow li {background:url(skin/puce_sparow.png) no-repeat left 3px; list-style:none;list-style-image:none !important; padding-left:15px; margin-top:15px; font-size:13px;}
ul.sparow li strong {color:#0076A5; margin-bottom:5px; display:block;}

/* SLIMBOX */

#popupFlash {background:#000; }
#popupFlash p label{color:#FFF !important; font-size:12px; padding-left:10px;}
#popupFlash p {background-color:#000;text-align:center; }
#popupFlash p input {width:60%;border:none; margin-left:10px;  min-height:18px; _height:18px;}
#sbox-window embed, #sbox-window object, #sbox-window select{visibility:visible; z-index:1 !important;}
#sbox-overlay{position:	absolute;background-color:#000;}
#sbox-window{position:absolute;background-color:#000;text-align:left;overflow:visible;}
#sbox-btn-close{position:absolute;width:30px;height:30px;right:-4px;top:-10px;background:url(skin/closebox2.png) no-repeat center;border:none; z-index:1000000;}
.sbox-window-ie6 #sbox-btn-close{background-image:url(skin/closebox2.png);}
#sbox-content{clear:both;overflow:auto;background-color:#000;height:100%;width:100%;}
.sbox-content-image#sbox-content{overflow:visible;}
#sbox-image{display:block;}
.sbox-content-image img{display:block;}
.sbox-content-iframe#sbox-content{overflow:visible;}
.body-overlayed embed, .body-overlayed object, .body-overlayed select{visibility:hidden;}

ul.tiret li {background:url(skin/tiret.gif) no-repeat left 8px; padding-left:10px;margin-top:0;}
.rss {background: url(skin/logo_rss.png) no-repeat left top; display:block; color:#EB6A0E !important; font-size:0.60em; height:20px; padding-left:20px;  }
.rssContent {overflow:hidden; zoom:1; height:20px; width:100%;  text-align:left;}
.puce {display:block; background: url(skin/puce_traits.png) no-repeat left 3px; padding-left:20px; font-size:0.80em; margin-bottom:10px;}
.blocContent p.bigBlue {font-size:13px;}
.bigBlue strong{color:#0074A3;}
.blue{color:#0074A3;}
