/* -- LAYOUT MODULE --*/

/*
div.bloc.w{$WIDTH}.b{$COLOR}
	+ div.bHeader
		+ h3		
		+ span.bg1 [js]
		+ span.bg2 [js]	
		+ span.bg3 [js]
		+ span.fleche(.active) [js]
		
	+ div.bContenu
		+ div.col1 ( si multi-colonnes )	
			+ span.bg_input_text
				+ span.bg_2
					+ input
	
	+ div.bFooter
		+ span.bg1 [js]
		+ span.bg2 [js]
		+ span.bg3 [js]
*/

.bloc, .bloc .bHeader, .bloc .bFooter {
	position:relative;
}
.bloc .bHeader span, .bloc .bFooter span { display:block }

.bloc .bHeader {
	padding-top:8px;
	background-position:bottom left;
	background-repeat:repeat-x;
	background-color:transparent;
	height:1.88em;
}
.bloc .bFooter {
	padding-bottom:8px;	
	background-position:top left;
	background-repeat:repeat-x;
	background-color:transparent;
	height:1.7em;
}
.bloc .bg1 {	
	background-position:top left;
	background-repeat:repeat-x;
	/* width:jquery */
	height:8px; width:100%;
	position:absolute; left:8px;
}
.bloc .bg2 {
	position:absolute; left:0; width:8px; height:8px;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
}
.bloc .bg3 {
	position:absolute; right:0; width:8px; height:8px;
	background-position:top right;
	background-repeat:no-repeat;
	background-color:transparent;
}
.bloc .bg4 {
	position:absolute; left:0; bottom:0;
	background-position:top left;
	background-repeat:repeat-x;
}
.bloc .bHeader .bg2, .bloc .bHeader .bg3 {
	top:0;
}
.bloc .bHeader .bg1 {
	top:0;
}
.bloc .bFooter .bg1 {
	background-position:bottom left;
	bottom:0;
}
.bloc .bFooter .bg2 {
	bottom:0; background-position:bottom left;
}
.bloc .bFooter .bg3 {
	bottom:0; background-position:bottom right;
}
.bloc .bFooter .bg4 {
	top:0; left:0;
	background-position:left top;
	height:11px; width:100%; 
}

.bloc .bHeader h3 {	
	position:relative;	color:white; line-height:1.88em; font-weight:bold; margin:0 0 0 8px;
}

.bloc .bHtml {
	position:absolute; width:100%; z-index:10; top:0; left:0
}

.bloc .bContenu {
	border-width:1px 2px;
	border-style:solid;
	border-color:#cce5f2;
	background-color:white;	
}
.bloc .bFooter a {
	color:white; font-size:0.69em; display:block; line-height:1.7em;
}

.bloc .bHeader input {
	margin-right:10px
}

/* BLEU v2 */
.bloc.bBleu .bHeader .bg1, .bloc.bBleu .bHeader {
	background-color:#26749a;
	background-image:url(../images/bg_head_bleu.v2.gif);	
}
.bloc.bBleu .bHeader .bg2 {
	background-image:url(../images/bg_coin_hg_bleu.v2.gif);
}
.bloc.bBleu .bHeader .bg3 {	
	background-image:url(../images/bg_coin_hd_bleu.v2.gif);
}
.bloc.bBleu .bFooter .bg1 {
	background-color:#d4d7dd; 
	background-image:url(../images/bg_footer_gris.png);
}
.bloc.bBleu .bFooter .bg2 {
	background-image:url(../images/bg_coin_bg_gris.png);
	
}
.bloc.bBleu .bFooter .bg3,  .bloc.bBleu .bFooter .bg4 {
	background-image:url(../images/bg_coin_bd_gris.png);
}
.bloc.bBleu .bFooter a { 
	color:#414e63; display:block; float:left; border-right:1px solid #b6b8bb; padding-right:10px;padding-left:10px;
}
.bloc.bBleu .bFleche {
	border-left:1px solid #56869e;
}
.bloc.bBleu .ajaxLoading {
	background:url(../images/ajaxLoader_bloc_bleu.gif) no-repeat center center;
}

/* ORANGE v2 */
.bloc.bOrange .bHeader .bg1, .bloc.bOrange .bHeader {
	background-color:#ff9a02;
	background-image:url(../images/bg_head_orange.v2.gif);
}
.bloc.bOrange .bHeader .bg2 {
	background-image:url(../images/bg_coin_hg_orange.v2.gif);
}
.bloc.bOrange .bHeader .bg3 {	
	background-image:url(../images/bg_coin_hd_orange.v2.gif);
}
.bloc.bOrange .bContenu {
	border-color:#dee0e6;
}
.bloc.bOrange .bFooter .bg2 {
	background-image:url(../images/bg_coin_bg_gris.png); 
}
.bloc.bOrange .bFooter .bg3,  .bloc.bOrange .bFooter .bg4 {	
	background-image:url(../images/bg_coin_bd_gris.png);
}
	
.bloc.bOrange .bFooter .bg1 {
	background-color:#d4d7dd;
	background-image: url(../images/bg_footer_gris.png);	
}
.bloc.bOrange .bFooter a { 
	color:#414e63; display:block; float:left; border-right:1px solid #b6b8bb; padding-right:10px;padding-left:10px;
}

.bloc.bOrange .bFleche {
	border-left:1px solid #cc933e;
}

/* fleche activation de bloc */
.bFleche {
	position:absolute; display:block;
	width:30px; right:0; top:0; height:30px;
	background:url(../images/bg_fleche_off.png) 0 0 no-repeat;
	cursor:pointer; 
}

.bFleche.active {
	background:url(../images/bg_fleche_on.png) 0 0 no-repeat;
}

.bloc.noFleche .bFleche {
	display:none;
}

.bloc .bDescriptif {
	border-width:1px 2px;	
}

.bloc .ajaxLoading {
	position:absolute; top:0; right:130px; 
	width:30px; height:30px; 
}

.bloc .ajaxLoading.right30{
	right:30px;
}

.bloc.bOrange .ajaxLoading {
	background:url(../images/ajaxLoader_bloc_orange.gif) no-repeat center center;
}

.module {
	padding:20px;
	background:url(../images/bg_module.gif) repeat-x top left;
}

.module.noBg {
	background:none;
}

.module h4 {
	color:#1A4D66; font-size:1.2em;
}

.module .col {
	float:left; position:relative;
}

.module .col.nb1 {
	clear:left;
}

.module .col.nb1, .lay3c .col.nb2 {
	margin-right:20px;
}

.module .col .col.nb1 {
	margin-right:15px;
}

input.bFooterLien {
	border:none; background:none; color:#414e63; float:left; border-right:1px solid #b6b8bb; padding-right:10px;
	font-size:0.69em; display:block; height:1.7em; text-decoration:underline; cursor:pointer;
}

/* -- FIN LAYOUT MODULE -- */