/* ----- Struct Common ----- */
* {margin:0; padding:0;}
html, body {height:100%;}
body {background:#15191C url(../img/bkg-page.png) repeat-x top left; /*font-size:11px;*/font-size:0.625em; color:#5E707C; font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;text-align:center;overflow:inherit;}
body.medium {font-size: 0.625em;}
body.large  {font-size: 0.795em;}
body.huge {font-size: 0.966em;}
input,select,textarea {/*font-size:11px;*/ color:#5E707C; font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;}
a, input {font-size:1.1em;}
/* ----- /Struct Common ----- */
#ctn_ctt .blk_link_l a { _font-size:1.2em !important;_text-transform:uppercase !important;} 

#ctn_page {margin:0 auto; text-align:left; width:904px;}

#ctn_hd {clear:both; height:94px; position:relative;}
#ctn_hd.no_switcher .styleswitcher {display:none;}

#ctn_mdl {padding-bottom:6px;}

.col_left #nav_left{float:left;width:214px;padding:6px 6px 0 6px;overflow:hidden;}
.col_left #ctn_ctt{float:left;width:678px}
.col_left #nav_right{float:left;width:114px;padding-right:6px;}
.col_left .no_col_right #nav_right{display:none;}

/* AVEC COLONNE DROITE - MODE BLK */
.col_right #ctn_main_blk { width:558px; }
.col_right #ctn_main_blk .ctt_1col {width:552px;}
.col_right #ctn_main_blk .ctt_2col {width:273px;}
.col_right #ctn_main_blk .ctt_3col {width:180px;}
/* AVEC COLONNE DROITE - MODE PRINT */
.col_right #ctn_main_line { width:552px; margin-right:6px;}
.col_right #ctn_main_line .ctt_1col {width:552px}
.col_right #ctn_main_line .ctt_2col {width:276px}
.col_right #ctn_main_line .ctt_3col {width:184px}
.ctt_3col .odd {width:181px;}

/* SANS COLONNE DROITE - MODE BLK */
.no_col_right #ctn_main_blk{ float:left; width:100%}
.no_col_right #ctn_main_blk .ctt_1col {width:672px;}
.no_col_right #ctn_main_blk .ctt_2col {width:333px;}
.no_col_right #ctn_main_blk .ctt_3col {width:220px;}
/* SANS COLONNE DROITE - MODE PRINT */
.no_col_right #ctn_main_line { float:left; width:672px;}
.no_col_right #ctn_main_line .ctt_1col {width:672px;}
.no_col_right #ctn_main_line .ctt_2col {width:336px;}

.no_col_right #ctn_main_line .ctt_3col {width:224px;}
.no_col_right .ctt_3col .odd {width:225px;}
/* login pages - no left or right column */
.no_col_left .no_col_right #ctn_main_blk{width: auto;padding-left: 6px !important; display:block;float:none;}
.no_col_left .no_col_right #ctn_main_blk .ctt_3col{width: 293px;}
.pre-home{margin:0 !important; padding:0 !important;}
.pre-home #ctn_main_blk{margin:0 !important; padding:0 !important;}
.pre-home h2{background-color: #CC0000;border-bottom:solid 1px #fff !important;}
.pre-home h2.gvlc{background-color: #5E707C; }
.last{margin-right:0 !important;}
/* login pages */
#ctn_main_blk, #ctn_main_line { float:left; }
.ctt_1col, .ctt_2col, .ctt_3col {float:left;}
.ctt_1col .ctt_1col, .ctt_2col .ctt_2col, .ctt_3col .ctt_3col {float:none !important; width:auto !important;margin:0 !important; padding:0 !important}



.home #ctn_main_blk .ctt_1col, .home #ctn_main_blk .ctt_2col, .home #ctn_main_blk .ctt_3col { margin:0 6px 0 0; }

#ctn_main_blk .ctt_1col, #ctn_main_blk .ctt_2col, #ctn_main_blk .ctt_3col { margin:0 6px 5px 0; }
#ctn_main_blk .ctt_1col.no_margin, #ctn_main_blk .ctt_2col.no_margin, #ctn_main_blk .ctt_3col.no_margin {margin-bottom:0;}

#ctn_ft {clear:both; height:90px; vertical-align:middle;}


/* blocs du hub */
.hub-pre{ float:left; width: 294px; position:relative; margin-left:5px;overflow:hidden;}
.first{_margin-left:3px;}
.section{position:relative;zoom:1;}
.section .img {display:block;}
.last{float:none; width:auto; overflow:hidden; _overflow:visible; zoom:1;}
.hub-pre h2{ border-bottom:1px solid #fff; background-color: #CA0000; color:#fff;}
.hub-pre img.bkg{}
.hub-pre .content{position:absolute; top:0; left:0; padding: 10px; color:#CA0000;font-size:120%; font-weight:bold;}
.hub-pre .btm_link{display:block; background-color:#D8DADB; opacity: 0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);position:absolute; bottom:0px; left:0; width:100%; color:#ca0000;zoom:1; text-transform:uppercase;}
.hub-pre .btm_link span{ padding: 3px 5px;display:block; cursor:pointer;}
.gvlc h2{background-color: #5E707C;}
.gvlc .content,.gvlc .btm_link{color:#5E707C;}
.pre-home-links{background-color: #E7EAEB; color:#cA0000;text-transform:uppercase;}
.pre-home-links li{border-bottom:1px solid #fff;padding: 3px 5px;}
.pre-home-links a{color:#da0000;}

.chapeau{margin-bottom:0 !important;}

/* ----- login ----- */
#ctl00_Authentification_loginZoneHub{padding: 20px 5px 0; color:#CC0000; height:100px}
#ctl00_Authentification_loginZoneHub ul, #ctl00_Authentification_loginZone li{list-style-type: none;}
#ctl00_Authentification_loginZoneHub ul {margin-bottom:0}
#ctl00_Authentification_loginZoneHub li{overflow:hidden; _overflow:visible; zoom:1 /* contexte formatage */}
#ctl00_Authentification_loginZoneHub input,#ctl00_Authentification_loginZone .button{border:solid 1px #CC0000; background-color:#fff;padding:3px;vertical-align:middle;margin:2px;color:#666666;}
#ctl00_Authentification_loginZoneHub input {width:100px}
#ctl00_Authentification_loginZoneHub .button{padding:0; border:0; color:#CC0000; font-size:8px !important; width: 8em; min-height:24px; _height:24px; line-height:23px; cursor:pointer;}
#ctl00_Authentification_loginZoneHub label{font-size:1.2em; float:left;min-width: 6em; _width:6em; padding: 5px;margin:2px;}
#ctl00_Authentification_loginZoneHub a{color:#951A1E;}
#ctl00_Authentification_loginZoneHub .lostcode {margin:0; text-align:center;}
#ctl00_Authentification_loginZoneHub .lostcode a {}
/* ----- /login ----- */

.pre-home .blk_push_promo{height:auto !important;}
.pre-home .blk_push_promo div{background-color:#DFE3E6}
.pre-home .blk_push_promo img{width: auto !important;}
.simple{background-color: transparent !important;}
.pre-home .blk_push_promo div {margin:0;padding:0;}
.pano{border-top: #fff solid 1px;}
.pre-home .blk_list ul li h3 {background:#DFE3E6 url(/img/bkg_array_switch_off_pre-home.gif) no-repeat 15px 8px; color:#C43C43;}

.pre-home .maintenance{border-bottom: solid 1px #fff;}
.pre-home .maintenance p{background-color: #791925 !important; color:#fff;}
.context{overflow:hidden; _overflow:visible; zoom:1;}

.hub-pre .maintenance{border-bottom: solid 1px #fff;}
.hub-pre .maintenance p{ padding:6px 17px 10px 13px;background-color: #791925 !important; color:#fff;}

.link_cgv {text-decoration:underline;}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=60);
	opacity:0.6;
}

/* Info-bulle popup "trouver la date de fin de validité de sa carte commerciale" */

#InfoBulleBox 
{
	display: none;
	position: absolute;
	left: 29%;
	top: 35%;
	width: 400px;
	height: 200px;
	padding: 0;
	margin:0;
	overflow: hidden;
	z-index:11;
}

#InfoBulleImgBox
{
	margin: auto;
	width: 400px;
	height: 200px;
	display: block;
}

#InfoBulleFilter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index:10;
	background-color: #000000;
	-moz-opacity:0.65;
	opacity: 0.65;
	filter:alpha(opacity=65);
}

.InfoBulleImgClosePopin
{
    float: right;
    cursor: pointer;
}

/* End Info-bulle popup */
/* Popup alert expiration carte */

#InfoBulleBoxExpiration
{
	display: none;
	position: absolute;
	left: 32.5%;
	top: 30%;
	width: 550px;
	height: 40%;
	margin:0;
	overflow: hidden;
	z-index:11;
	min-height: 250px;
	min-width: 540px;
}



#InfoBulleImgBoxExpiration
{
	/*margin: auto;
	position: absolute;*/
	padding: 10px;
	min-height: 215px;
	min-width: 400px;
	width: 510px;
	margin:0;
	display: block;
    z-index: 20;
    font-size: 16px;
    text-align: justify;
    border: 3px solid;
}



#InfoBulleImgLeft
{
    vertical-align: middle;
    float: left;
    max-width: 150px;
    border: 1px solid #fff;
}

.InfoBulleImgClosePopinExpiration
{
    cursor: pointer;
    width: 16px;
    height: 16px;
}

#PopClose
{
    float:right;
}

.hidden
{
    display: none;
}

#buttonUrl
{
    float:left;
    background: url("/img/cartes/bouton.png") no-repeat;
    margin: 10px 0 0 0;
}

#PopImgLeft
{
    float:left;
    width: 150px;
    height: 205px;
    padding: 15px 0 0 0;
}

#PopText
{
    width: 100%;
    height: 167px;
}
#BtnExp
{
    width: 100%;
}
#ContentRight
{
    float:left;    
    width: 330px;
    padding: 13px 5px 0 8px;
}

.ButtonWording
{
    /*background-image: url('/img/cartes/bouton.png');*/
    /*color: #83014d;*/
    color: #fff;
    font-weight: bolder;
    width: 200px;
    height: 22px;
    display: block;
    /*float: right;*/
    margin : 0;
    padding-top: 2px;
    padding-left: 8px;
    text-align: left;
}

/* End Popup alert expiration carte */