/* style gabarit */

body, .Body, html {
	background:#0F1E4F url(/general/images/customer/123/private/fond0.gif) repeat-x center top !important;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	height:100%;
}
#main_container{
	width:840px;
	overflow:hidden;
	margin:auto;}

body, .Body, .fond_principal{
	width:100%;
	height:100%;
	background:url(/general/images/customer/123/private/fond.gif) no-repeat center top;
}


/* style entete */

#headerABF{
	width:840px;
	overflow:hidden;
	height:125px;
	padding-top:10px;
	position:relative;
}

#headerABF .logo{
	margin:15px 0 0 15px;
	float:left;
	border:none;
}

#headerABF .right_bloc{
	float:right;
	width:335px;
	font-size:11px;
	color:#FFFFFF;
}

#headerABF .right_bloc .user_connect{
	text-transform:capitalize;
	font-weight:bold;
	font-size:12px;
	float:left;
	width:190px;
        color: #FFF;
}

#headerABF .right_bloc .tool_bloc{
	float:right;
	border-left:solid 1px #6686E9;
	padding-left:15px;
	width:125px;
	*width:140px;
	margin-bottom:11px;
	margin-bottom:7px;
}
#headerABF .right_bloc .deconnect{
	border:none;
	width:20px;
}

#headerABF  .connect_me{
	font-size:11px;
	width:280px;
	padding:10px;
	color:#A1B7FF;
	padding-top:3px;
	padding-bottom:3px;
	background:#2643A1;
	position:absolute;
	top:0px;
	z-index:20;
	right:35px;
	padding-bottom:5px;	
}

#headerABF  .connect_me form{
	margin: 0px;
}

.connect_me .form-item input{
	margin-right: 5px;
	width: 74px;
}

#headerABF .connect_me .input{
	width:78px;
	margin-right:5px;	
}

#headerABF .connect_me a{
	color:#A1B7FF;
	text-decoration:none;
	margin-left:3px;
	margin-right:3px;
	padding-top:3px;
	float:right;
}

#headerABF .connect_me a:hover{
	text-decoration:underline;
}

#headerABF .right_bloc .no_acces{
	color:#A1B7FF;
	float:left;
}
#headerABF .right_bloc .no_acces a{
	color:#A1B7FF;
	text-decoration:none;
	margin-left:3px;
	margin-right:3px;
}

#headerABF .right_bloc .no_acces a:hover{
	text-decoration:underline;
}

#headerABF .right_bloc .tool_bloc .connect_link{
	float:left;
	width:100px;
}

#headerABF .right_bloc .tool_bloc .connect_link a{
	float:left;
	clear:both;
	color:#A1B7FF;
	text-decoration:none;
}

#headerABF .right_bloc .tool_bloc .connect_link a:hover{
	text-decoration:underline;
}

#headerABF .right_bloc .tool_bloc .flags{
	float:right;
}

#headerABF .right_bloc .tool_bloc .flags img{
	margin-bottom:4px;
	border:none;
	clear:both;
	float:left;
}

#headerABF .right_bloc .tool_bloc .flags .margin{
	margin-top:4px;
	_margin-top:2px;
}


#headerABF .right_bloc .footer_tools{
	margin-top:10px;
	_margin-top:6px;
}

#headerABF .right_bloc .footer_tools a{
	float:left;
	clear:both;
	color:#A1B7FF;
	text-decoration:none;
	margin-top:5px;
}

#headerABF .right_bloc .footer_tools a:hover{
	text-decoration:underline;
}

#headerABF .right_bloc .footer_tools label{
	float:left;
	border-left:solid 1px #6686E9;
	color:#A1B7FF;
	margin:0 15px 0 10px;
	padding:5px 0 5px 10px;	
}

#headerABF .right_bloc .footer_tools #edit-mail{
	width:98px;
	height:20px;
	padding-left:5px;
	border:solid 1px #C9C9C9;
	padding-top:3px;
	font-size:12px;
	color:#7C7C7C;
	float:left;
}

#headerABF .right_bloc .footer_tools #edit-subscribe
{
	border: none;
	width: 27px;
	height: 17px;
	cursor: pointer;
	background: url(/general/images/customer/123/private/ok.gif) no-repeat center;
	margin-top:2px;
	float:right;
}

#headerABF .right_bloc .footer_tools .form-required{
    display:none;
}

#headerABF .right_bloc .footer_tools .msg{
    text-align:right;
    width:87%;
    clear:both;
}

#headerABF .right_bloc .footer_tools .errors{
    color:red;
}

#edit-mail-wrapper{ 
    float:left;
}

#headerABF .connect_me .form-item
{
	float: left;	
}

#edit-login{
	background:transparent url(/general/images/customer/123/private/ok.gif) no-repeat scroll center center;
	border:medium none;
	cursor:pointer;
	float:right;
	height:17px;
	margin-top:2px;
	width:27px;
}

#header .connect_me .form-item {
	float:left;
}

#header .connect_me .form-item input {
	margin-right:5px;
	width:74px;
}

#header .connect_me .error_message_2 {
	clear:both;
	padding-top:2px;
	color:red;
}
#abf-newsleter-form{
	margin:0px;
}


/******* Top Menu *************/

#topMenu{
	width:100%;
}
#topMenu .topMenu{
	width:100%;
	height:4px;
	overflow:hidden;
	background:url(/general/images/customer/123/private/top_topMenu.gif) no-repeat left top;
}
#topMenu .menu{
	width:100%;
	
	float:left;
	background:#FFFFFF url(/general/images/customer/123/private/bg_topMenu.gif) repeat-x left bottom;
	padding-left:25px;
}
#topMenu .bottomMenu{
	width:100%;
	clear:both;
	height:4px;
	overflow:hidden;
	background:url(/general/images/customer/123/private/bottom_topMenu.gif) no-repeat left top;
}

#topMenu .menu a{
	line-height:20px;
	text-transform:uppercase;
	color:#163188;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	float:left;
}
#topMenu .menu a:hover, #topMenu .menu a.on{
	color:#E95911;
}

#topMenu .menu span{
	float:left;
	width:70px;
	background:url(/general/images/customer/123/private/separator.gif) no-repeat center ;
	height:20px;
}

#topMenu .menu ul{
	float:left;
	width:790px;
	padding:0px;
	margin:0px;
	list-style:none;
}

#topMenu .menu li{
	padding-left:60px;
	padding-right:60px;
	background:url(/general/images/customer/123/private/separator.gif) no-repeat right ;
	float:left;
}
#topMenu .menu li.last{
	background:none;
	padding-right:0px;
}





/*________________________ bloc centrale __________________________*/

.center_bloc{
	float:left;
	width:100%;
	margin-top:11px;
}

.center_bloc .search_bloc{	
	width:204px;	min-height:316px;
	overflow:hidden;
	float:left;
	background:#FFF url(/general/images/customer/123/private/bottom_leftMenu.gif) no-repeat bottom left;

}

.center_bloc .search_bloc .content_bloc{
	width:100%;
	height:100%;
	background:url(/general/images/customer/123/private/top_leftMenu.gif) no-repeat top left;
	float:left;
	
}

.center_bloc .search_bloc .content_bloc .quick_search{
	margin-top:5px;
	width:187px;
	color:#8A8A8A;	
	height:100px;
	background:#FFF url(/general/images/customer/123/private/bg_leftMenu.gif) repeat-x top;
	padding-top:3px;
	padding-left:17px;
}
.center_bloc .search_bloc .content_bloc .quick_search h3{
	margin:0px 0 10px 0;
	color:#163188;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}
.center_bloc .search_bloc .content_bloc .quick_search label{
	display:block;
	margin:0px;
	padding:0px;
	width:90%;
	padding-top:-3px;
	font-size:11px;
	margin-bottom:10px;
}
.center_bloc .search_bloc .content_bloc .quick_search .input{
	width:98px;
	height:18px;
	padding-left:5px;
	border:solid 1px #C9C9C9;
	padding-top:3px;
	font-size:9px;
	color:#7C7C7C;
	float:left;
}

.center_bloc .search_bloc .content_bloc .quick_search .submit{
	margin-left:10px;	
	margin-top:2px;
	float:left;
}

.center_bloc .search_bloc .content_bloc .search_details_btn{
	background:url(/general/images/customer/123/private/bg_centerbloc_leftMenu.gif) repeat-x;
	height:38px;
	padding-left:17px;
	overflow:hidden;
}
.center_bloc .search_bloc .content_bloc .search_details_btn .btn_model {
	width:160px;
}


.center_bloc .search_bloc .content_bloc .search_details_btn a{
	margin-top:11px;
}


.center_bloc .search_bloc .content_bloc .search_by_zone{
	background: url(/general/images/customer/123/private/bg_bottombloc_leftMenu.gif) top  repeat-x;
	text-align:center;

}
.center_bloc .search_bloc .content_bloc .search_by_zone h3{
	float:left;
	margin:0px;
	padding-left:17px;
	padding-top:11px;
	color:#163188;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}



/****** right bloc *****/

.center_bloc .b_right{
	float:right;
	width:622px;
	overflow:hidden;
	background:#FFF url(/general/images/customer/123/private/bottom_rightMenu.gif) no-repeat bottom left;
}

.center_bloc .b_right .content_bloc{
	width:100%;
	background:url(/general/images/customer/123/private/bg_rightMenu.gif) repeat-x top left;	
	float:left;
	
}
.center_bloc .b_right .content_bloc .content{
	width:100%;
	float:left;
	background:url(/general/images/customer/123/private/top_rightMenu.gif) no-repeat top left;
	
}

#contentContainer{
	float:left;
	width:100%;
	margin-top:13px;
	background:url(/general/images/customer/123/private/top_contentContainer.gif) top no-repeat;
	padding-top:5px;	
	
}

#contentContainer .content{
	width:100%;
	background:#FFFFFF;
	float:left;
}

#contentContainer .content .container{
	width:810px;
	padding-top:18px;
	padding-left:16px;
	float:left;
}



#footerABF{
	border-top: solid 1px #DEDEDE;
	padding-top:10px;
	clear:both;
	background:#FFFFFF;
	padding-left:33px;
	padding-bottom:25px;
} 

#footerABF .links{
	width:777px;
	background: url(/general/images/customer/123/private/logo_footer.gif) no-repeat left top;
	min-height:45px;
	_height:45px;
	padding-left:40px;
	color:#818181;
}
#footerABF .links div{
	padding-top:20px;
}
#footerABF .links a{
	color:#818181;
	font-size:11px;
	text-decoration:none;
}

#footerABF .links a:hover{
	text-decoration:underline;
}


/*____ model de bouton ___*/


.btn_model{
	display:block;
	float:left;
	background-color: transparent;
	background-image: url(/general/images/customer/123/private/left_btn.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	height:17px;
   	width: 150px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:17px;
	padding-left:17px;
	text-align:center;
	min-width: 50px;
}


.btn_model:hover
{
	background-color: transparent;
	background-image: url(/general/images/customer/123/private/left_btn_on.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;

}


.btn_model span
{
	display: block;
	padding-right: 12px;
	background-color: transparent;
	background-image: url(/general/images/customer/123/private/right_btn.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
}

.btn_model:hover span
{
	background-color: transparent;
	background-image: url(/general/images/customer/123/private/right_btn_on.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
}

.dispo{background:url(/general/images/customer/123/private/dispo.gif) no-repeat top left;}
.dispo span{background:url(/general/images/customer/123/private/right_dispo.gif) no-repeat top right;}
.demande{background:url(/general/images/customer/123/private/demande.gif) no-repeat top left;}
.demande span{background:url(/general/images/customer/123/private/right_demande.gif) no-repeat top right;}

#short_links{
	clear:both;
	float:right;
	font-size:11px;
	color:#7182BB;
	width:600px;
	padding-top:7px;
}

#short_links a{
	color:#7182BB;
	text-decoration:none;
}
#short_links a:hover{
	text-decoration:underline;
}

/*************************dowload guide****************************************/

.download_guide{
    position:absolute;
    width:840px;
    height:575px; 
    top:168px;   
    overflow:hidden;
    z-index:2000;
    display:none;
}

.download_guide .top_guide{
    background:url(/general/images/customer/123/guide/top_guide.png) no-repeat top left;
    width:100%;
    height:17px;
    overflow:hidden;
}

.download_guide .left_guide{
    background:url(/general/images/customer/123/guide/left_guide.png) no-repeat top left;
    width:100%;
    padding-left:9px;
}

.download_guide .right_guide{
    background:url(/general/images/customer/123/guide/right_guide.png) no-repeat top right;
    width:831px;
}

.download_guide .center_guide{
    background:url(/general/images/customer/123/guide/bg_guide.png) repeat-x top left;
    width:822px;
    height:543px;
    overflow:hidden;
}

.download_guide .bottom_guide{
    background:url(/general/images/customer/123/guide/bottom_guide.png) no-repeat top left;
    width:100%;
    height:10px;
    overflow:hidden;
}

.download_guide .bottom_guide .content_guide{
    width:810px;
    overflow:hidden;
}

.download_guide .content_left_guide{
    float:left;
    width:350px;
    height:550px;
    overflow:hidden;   
}

.download_guide .content_left_guide .guidepicot{
     width:100%;
     height:100%;
     background:url(/general/images/customer/123/guide/guide.png) no-repeat left top;
}

.download_guide .content_right_guide{
    float:right;
    width:450px;
}

.download_guide .closebar{
    float:left;
    width:100%;
}

.download_guide .closebar a{
    float:right;
    font-size:12px;
    color:#013A94;
    text-decoration :none;
}

.download_guide .closebar a img{
    border:none; 
    margin-left:5px;
}

.download_guide .title_guide{
    clear:both;
    padding-top:60px;
    height:200px;
}

.download_guide .text_titre{	
    color:#FFF;
    position:relative;
}

.download_guide .text_titre .origine{
    position:relative;
    z-index:1;
}

.download_guide .text_titre .ombre{
    color:#425663;
    position:absolute;
    z-index:0;
    top:3px;
    left:3px;
}

.download_guide .titre1 span{
    font-size:60px;
}

.download_guide .titre2 span{
    font-size:48px;
}

.download_guide .guides_actions .blc1{
    float:left;
    width:176px;
}

.download_guide .guides_actions  .pos2{
    margin-left:45px;
}

.download_guide .guides_actions .top_blc{
    background:url(/general/images/customer/123/guide/top_download_guide.gif) no-repeat left top;
    width:100%;
    overflow:hidden;
    height:13px;
}

.download_guide .guides_actions .center_blc{
    background:url(/general/images/customer/123/guide/bg_download_guide.gif) repeat-y left top;
    width:100%;
    min-height:140px;
    height:140px;
    /*overflow:hidden;*/
}

.download_guide .guides_actions .bottom_blc{
    background:url(/general/images/customer/123/guide/bottom_dowload_guide.gif) no-repeat left bottom;
    width:100%;
    height:10px;
}

.download_guide .guides_actions .guide_contenu{
    width:155px;
    padding-left:10px;
    text-align:center;
}

.download_guide .guides_actions h3{
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color:#FF0000;
    padding:10px 0 15px 0;
    margin:0px;
}

.download_guide .guides_actions p{
    font-size:11px;
    margin:0px;
    height:auto;
    padding:5px 0 5px 0;
}

.download_guide .guides_actions form{
	padding:0px;
	margin:0px;
}

.download_guide .guides_actions .btn_model{
    padding-left:10px;
    cursor:pointer;
}


.download_guide .guides_actions div.formguide{
    padding:3px 0 5px 0;
}

.download_guide .guides_actions label{
    float:left;
    text-align:right;
    width:85px;
    text-transform:uppercase;
    color:#82868A;
    font-weight:bold;
    font-size:12px;
    line-height:25px;
}

.download_guide .guides_actions select{
    width:40px;
    float:left;
    margin-left:7px;
}



.download_guide p.disponibleguide{
    clear:both;
    float:left;
    margin:0px;
    padding:20px 0 0px 0;
    font-size:14px; 
}

.download_guide  #edit-addguides{
    display:none;

}


