/**
*
* @author : DFO IT Team@FullSIX
*
* Definition des styles pour le template de tableaux de bord
*
**/

.overNav{padding-top: 6px;}
.overNav a, .overNav ul li.search span{color: #888888; font-size: 10px;}
.overNav ul li{ background: url(skin/overNavSeparator.png) no-repeat right 4px; padding: 0 5px 0 5px; _background-position: right 2px; *padding-top: 2px; _padding-top: 2px; line-height: 12px; display: inline-block; }
.overNav ul li.first, .overNav ul li.last{ background: none; }
.overNav ul li.search{padding-top: 0px; _padding-top: 0px; *padding-top: 0px; }
.overNav ul li.search span{ text-transform: none; float: left; margin: 0px 5px 0 0; _padding-top: 2px; *padding-top: 2px;}
.overNav ul li.search form input.txt, .overNav .txt, .overNav .ok{border: none; height: 13px !important; overflow:hidden;}
.overNav input.ok{ padding: 0; margin: 0; font-size: 10px; width: 20px; overflow: hidden; *margin-top: 4px;}
.overNav ul li.search form input.txt{ background: none; color: #888888; width: 100px; }
.overNav ul li.search form { display: inline-block; width: 122px; background: url(skin/whiteinput.png) no-repeat left 0px; height: 16px; overflow: hidden; *background-position: left 3px;} 

#main{width:100%;}

#rightColumn{display: block;}
#mainInside{ width: 650px; overflow: hidden;}

#header #headerContent {background: url(skin/bg-tetiere.png) repeat-x left top;}
#header #headerContent a.logo{padding-left: 20px; padding-right: 20px;}
#header #headerContent #titleHead{height:81px; padding-left: 21px; background: url(skin/verticalbanniereBG.png) no-repeat left top;}
#header #headerContent #titleHead .randomImg{ text-align: right; padding-right: 20px; height:81px; overflow: hidden;}
#header #headerContent #titleHead #titleNav{ font-size: 26px; padding-top: 40px; height:41px; overflow: hidden; font-weight: normal;} 
#header .headImageRight #titleHead #titleNav{ float: left; height: 61px !important; padding-top: 25px !important; color: #5c5d5f;}
#header .headImageRight a.logo{padding-top: 8px;}
#header .headImageRight #titleHead{ width: 70%;}
#header .headImageRight #titleHead #imageRight{ float: right; text-align: right; padding:10px 0 0 0;}

#blocLogout{ float: right; line-height: 32px; color: #5c5c5c;}

.fullSize{ width: 100%; overflow: hidden; _overflow: visible; zoom:1;}
.fullSize img{ width: 100%; overflow: hidden; _overflow: visible; zoom:1;}


/* BOUTONS */
.btn{ color: #909090; padding: 0 0 2px 10px; margin-left: 5px; background: url(skin/greybutton.png) no-repeat left top; text-decoration: none; cursor: pointer; display: inline-block; height: 15px; }
.btn span, .btn input{ padding: 0px 10px 2px 0; background: url(skin/greybutton.png) no-repeat right top; color: #909090; _padding-top: 0px; display: inline-block; height: 15px; *display:inline-block; _height: 14px; *height: 14px; }
.btn2{margin-left: 0; color: #cecece; padding: 0px 0 0px 10px; background: url(skin/button.png) no-repeat left top; text-decoration: none; display: inline-block; height: 19px; overflow: hidden; _padding-top: 0; *padding-top: 0; cursor: pointer;}
.btn2 span, .btn2 input{ border: 0; padding:2px 11px 0px 1px; background: url(skin/button.png) no-repeat right top; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 12px; display: block; height: 19px; *display:inline-block; *height: 19px;_height: 19px;  }
.btn2 input,.btn3 input, .btn6 input{ padding-top:1px;padding-bottom:3px !important;_height:20px !important; cursor: pointer;}
.btn3{margin-left: 0; color: #cecece; padding: 0px 0 0px 10px; background: url(skin/button.png) no-repeat left -20px; text-decoration: none; display: inline-block; height: 20px;overflow: hidden; _padding-top: 0; *padding-top: 0; cursor: pointer;}
.btn3 span, .btn3 input{ border: 0; padding:1px 11px 0px 1px; background: url(skin/button.png) no-repeat right -20px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 12px; display: block; height: 19px; *display:inline-block; _height: 20px; *height: 20px; }
.btn4{margin-left: 0; color: #000; padding: 0px 0 0px 10px; background: url(skin/button.png) no-repeat left -120px; text-decoration: none; display: inline-block; height: 19px; overflow: hidden; _padding-top: 0; *padding-top: 0; cursor: pointer;}
.btn4 span, .btn4 input{ border: 0; padding:2px 11px 0px 1px; background: url(skin/button.png) no-repeat right -120px; color: #000; font-weight: bold; font-size: 12px; display: block; height: 19px; *display:inline-block; _height: 17px; *height: 17px; }
.btn5{margin-left: 0; color: #FFF; padding: 0px 0 0px 10px; background: url(skin/boutons/buttonLg.png) no-repeat left 0px; text-decoration: none; display: inline-block; height: 39px; overflow: hidden; _padding-top: 0; *padding-top: 0; cursor: pointer;  width:120px;}
.btn5 span, .btn5 input{ border: 0; padding:4px 15px 0px 5px; background: url(skin/boutons/buttonLg.png) no-repeat right 0px; color: #FFF; font-size: 12px; display: block; height: 39px; text-align: center; width: 100px; *display:inline-block;_height: 35px; *height: 35px; }
.bt5OneLine{margin-left: 0; color: #FFF; padding: 0px 0 0px 10px; background: url(skin/boutons/buttonLg.png) no-repeat left 0px; text-decoration: none; display: inline-block; height: 39px; overflow: hidden; _padding-top: 0; *padding-top: 0; cursor: pointer;  width:120px;}
.bt5OneLine span, .bt5OneLine input{ border: 0; padding:0px 15px 0px 5px; background: url(skin/boutons/buttonLg.png) no-repeat right 0px; color: #FFF; font-size: 12px; display: block; height: 39px; text-align: center; width: 100px; *display:inline-block;_height: 39px; *height: 39px;line-height:39px; }
.btndisabled,.btndisabled input,.btndisabled span{background-image: url(skin/button-disabled.png);cursor:default;}
.btnProfilgris,.btnProfilgris input,.btnProfilgris span{background-image: url(skin/button-profil.png);}
.btn7{margin-left: 0; color: #cecece; padding: 0px 0 0px 10px; background-repeat:no-repeat ; background-position: top left; text-decoration: none; display: inline-block;  height: 30px; overflow: hidden; cursor: pointer;}
.btn7 span, .btn7 input{ border: 0; padding:10px 11px 0 1px; background-repeat:no-repeat ; background-position: top right; color: #fff;font-size: 12px; display: block; height: 20px; *display:inline-block; border: 0 !important;}

.btn6{margin-left: 0; color: #cecece; padding: 0px 0 0px 10px; background: url(skin/button.png) no-repeat ;text-decoration: none; display: inline-block; height: 19px; overflow: hidden; _padding-top: 0; *padding-top: 0; cursor: pointer;}
.btn6 span, .btn6 input{ border: 0; padding:2px 11px 0px 1px; background: url(skin/button.png) no-repeat;color: #fff;font-size: 11px; display: block; height: 19px; *display:inline-block; *height: 19px;_height: 19px;  border: 0 !important;}

.btn8 {
    background: url("/css/skin/button.png") no-repeat scroll left -60px #FFFFFF;
    height: 19px;
    padding-left: 10px;
    display: inline-block;

}

.btn8 input, .btn8 span {
    background: url("/css/skin/button.png") no-repeat scroll right -60px transparent;
    color: #FFFFFF;
    display: inline-block;
    height: 15px;
    padding: 2px 10px 3px 5px;
}

.btn6 span span,
.btn7 span span {
    padding:0;
    background:none;
    height:auto;
    display:inline;
}


.popup .btn2{_margin-right: 10px;}
.popup .blockForm .btn2{_margin-right: 0px;}
.popup .close, .popup .blockForm .close{_margin-right: 0px !important;}
.popup .btn2 input, .popup .btn3 input{ _height: 19px;*height: 19px;}

.bodyheader{ overflow: hidden; _overflow: visible; zoom:1;}

#body{ float:left;width:100%;_display:inline;}


h1.pageTitle{ float: left; }
h1.pageTitle span.baseline{font-size: 16px;color: #fbb51b;}
h1.pageTitle{font-size: 20px; color: #fbb51b; text-transform: uppercase;}
h1.pageTitle span.name{ text-transform: uppercase; font-size: 20px; margin-right: 10px; color: #000;}
.myHome h1.pageTitle, h1.pageTitle span.baseline{font-size: 20px; text-transform: uppercase; }

/* Styles bloc units */
.blocUnitTitle{ height: 27px; overflow: hidden;_overflow:visible;zoom:1; padding: 0 8px 0 15px; line-height: 27px;}
.blocUnitTitle h2{ font-size: 18px; color: #FFF; text-transform: uppercase; font-weight: normal; line-height: 27px; float: left;}
.cufon-active .blocUnitTitle h2{padding-top: 5px;*padding-top: 0px;_padding-top: 0px;}
.unitSelector{ float: right; line-height: 27px;}
.unitSelector input, .unitSelector select{height: 16px; padding: 0; margin: 4px 0 0 0; border: 0; font-size: 10px; line-height: 12px; *height: 18px;}
.unitSelector input.submit{ background: none; color: #FFF; }
.unitSelector a{ display: inline-block; color: #FFF; text-decoration: underline; height: 16px; padding: 0 0 0 15px; margin: 7px 0 0 0; border: 0; font-size: 11px; line-height: 12px; *height: 18px;}
.unitSelector a:hover{text-decoration: none; }


/* Formulaires */
input.error, select.error, textarea.error{color: #fa0000; background-color: #FEB4B4; border-color: #fa0000;}
.okForm{}

.switchSelect optgroup{display: none; }

/* FOOTER */
#footer, #footer li, #footer li a{color:#979c9f !important; border-color: #979c9f; }


/* LOGIN PAGE */
.blockLogin .blockContentGen h3 span canvas{font-size:1.5em !important;}
.blockLogin #mainInside {width:577px !important;}
.blockLogin .blockInside {background:#f9f8f4 !important; min-height:auto !important;}

.blockLogin .head {background:#685d37; padding:6px 0; height:20px;}
.blockLogin .head h1 {color:#fff; font-size:1.5em; text-align:center;}

.blockLogin .body {background:#f9f8f4; padding:20px; height:50px;}
.blockLogin h3 a {color:#685C2B; font-size:0.95em; font-weight:bold; text-transform:none; text-decoration:underline;}
.borderLogin {border: 1px solid #cccccc; _margin-left:3px;}

.blockLogin .AccesBtn .blockInside {background:none !important;}
.blockLogin .AccesBtn .bgBtn {background:transparent url(skin/fonds/bgBtn.jpg) no-repeat left top; width:576px; height:30px;}
.blockLogin .AccesBtn a {text-decoration:none;}

.blockLogin  .block {margin:0px;}

.mAuto {margin:0 auto !important;}
.floatN {float:none !important;}

.lang-es h1.pageTitle{padding-top: 2px !important;}
.lang-es #header #headerContent a.logo {padding-top:25px;}
.lang-es #header .headImageRight #titleHead{ width: 62%;}
.lang-es .diac #header #headerContent #titleHead #titleNav{ padding-top:30px; *padding-top: 25px; _padding-top: 25px;}
.lang-es .diac #header #headerContent a.logo {padding-top:23px;}
.lang-es .nissan #header #headerContent a.logo {padding:28px;}
.lang-es .nissan #header #headerContent #titleHead #titleNav {}
.lang-es .nissan #header .headImageRight #titleHead #titleNav {padding-top:26px !important; *padding-top: 21px !important; _padding-top: 21px !important;}
.lang-es .nissan .myHome h1.pageTitle,  .lang-es .nissan h1.pageTitle span.baseline {font-size:18px;}
.lang-es .nissan h1.pageTitle span.baseline strong {color:black !important;}
.lang-es .espacePrive #header #headerContent a.logo {padding-top:15px!important;}


/* Tooltip */
.bulleInfo{width:320px;display:none;text-decoration:none;z-index:10;}
.bulleInfo .tip-top{display:block;height:9px;background:url(skin/tips/bulleTop.png) no-repeat center center;_background:url(skin/tips/bulleTop_ie.png) no-repeat bottom center;}
.bulleInfo .tip-bottom{display:block;height:7px;background:url(skin/tips/bulleBottom.png) no-repeat center center;_background:url(skin/tips/bulleBottom_ie.png) no-repeat top center;}
.bulleRight .tip,.bulleSmall .tip{background:url(skin/tips/bulleRight.png) repeat-y center center;_background-image:url(skin/tips/bulleRight_ie.png);}
.bulleLeft .tip{zoom:1;background:url(skin/tips/bulleLeft.png) repeat-y center center;_background-image:url(skin/tips/bulleLeft_ie.png);}
.bulleInfo .tip-title{margin-left:10px;font-size:14px;color:#796e47;font-weight:bold;text-align:left;padding:20px 35px 20px 25px;background:url(skin/tips/bulleTitle.png) no-repeat top left;}
.bulleInfo .tip-text{display:block;padding:0 35px 10px 35px;text-align:justify;font-weight:bold;}
.bulleInfo .tip-text .btn2{margin-top:10px;}

.blockMail{background-repeat: no-repeat;padding-left:70px;min-height:49px;_height:49px;min-height: 49px;padding-left: 70px; padding-top: 9px;}


/* error form */
input.errorInput{border:1px solid #ff0000 !important;margin-bottom:0 !important}
.msgError{display:block;margin-bottom:5px;color:#ff0000 !important;font-size:10px;}

/* font */
.upperFont {
    text-transform: uppercase;
    font-size: 18px;
}

.lowerFont {
    text-transform: none;
    font-size: 18px;
}

.underLineB {
    font-weight: bold;
    text-decoration: underline;
    display: inline-block;
}

/* Form */

.formBloc label{
    display: block;
    font-weight: bold;
    margin-top: 3px;
}

.formBloc input.error {
    background: #fff;
}

.formBloc .contractCondition .lbcheckbox {
    font-weight: bold;
}

.formBloc .lbcheckbox {
    display: inline;
    font-weight: normal;
    margin: 0;
}

.formBloc input[type=text],
.formBloc select{
    height: 18px;
}



.formBloc select {
    height: 20px;
}

.formBloc .full {
    width: 99%;
}

.formBloc .small {
    width: 25%;
}

.formBloc .medium{
    width: 50%;
}

.formBloc .large{
    width: 75%;
}

.formBloc .unit {
    min-height: 1px;
}


/* Popin */

#maskPopinRCI{
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	z-index: 9001;
	background: #FFF;
	opacity: 0.5;
	filter: alpha(opacity=60);
}
#layerPopinRCI{
	width: 500px;
	height: 250px;
	position: absolute;
	z-index: 9010;
	top: 50%; left: 50%;
	margin: -125px 0 0 -250px;
}
#layerPopinRCI .layerpopin{
	height: 250px; text-align: left; position: relative;
	box-shadow: 2px 2px 6px #000;
	-moz-box-shadow: 2px 2px 6px #000;
	
}
#layerPopinRCI .layerpopin .headPopin{height: 28px; background: #74683E url(skin/popupHead.png) repeat-x scroll left top; overflow: hidden; padding: 10px 20px; position: relative;}
#layerPopinRCI .layerpopin .headPopin a.close{position: absolute; right: 20px; top: 15px; padding-right: 15px; background: url(skin/pictos/picto-close-popin.png) no-repeat right 3px;}
#layerPopinRCI .layerpopin .headPopin h3{color:#FFF; text-transform: uppercase; font-size: 24px;}

#layerPopinRCI .layerpopin .bodyPopin {height: 202px; background: #FFFFFF url(skin/bgPopup.png) repeat-x scroll left bottom;}
#layerPopinRCI .layerpopin .bodyPopin .body{ text-align: center; padding: 45px;}
#layerPopinRCI .layerpopin .detailTxt{ margin-bottom: 40px;}