/* blocks */

/*--------------Focus-------------*/
/*Focus layout*/
.focus{margin-bottom:10px; margin-top: 10px;}
.focus .bloc-top { height:15px; background:url(../images/bloc1top_marron.gif) no-repeat left top; background-repeat:repeat-x}
.focus .bloc-content {background-color:#ccc8a6; padding:10px 10px 10px 10px;}
.focus .bloc-bottom { height:10px; background:url(../images/bloc1bottom_marron.gif) no-repeat left top; background-repeat:repeat-x}
.focus .bloc-content H4 {color:#000000;}

/*-----Focus colors-----*/
/*color 1*/
.focus-style1 .focus .bloc-top {height:10px;background-image:url(../images/bloc2top_marron.gif);}
.focus-style1 .focus .bloc-content {background-image:url(../images/bloc2content_marron.gif);padding:0px 10px 0px 10px;}
.focus-style1 .focus .bloc-bottom {height:10px;background-image:url(../images/bloc2bottom_marron.gif);}
.focus-style1 .focus P {color: #ffffff}
.focus-style1 .focus H2 {background-image:url(../images/h2_bullet_white.gif); color:#FFF}
.focus-style1 .focus H3 {color:#f6a922;}
.focus-style1 .focus H4 {color:#ffffff;}
.focus-style1 .focus H5 {color:#f6a922;}
.focus-style1 .focus H6 {color:#ffffff;}
.focus-style1 .focus A:link, .focus-style1 .focus A:visited { color:#ffffff; }
.focus-style1 .focus A:hover, .focus-style1 .focus A:active { color:#f6a922; }

/*color 2*/
.focus-style2 .focus .bloc-top {height:10px;background-color:#ccc8a6;}
.focus-style2 .focus .bloc-content {background-color:#ccc8a6;padding:0px 10px 0px 10px;}
.focus-style2 .focus .bloc-bottom {height:10px;background-color:#ccc8a6;}
.focus-style2 .focus P {color: #000000}
.focus-style2 .focus H2 {background-image:url(../images/h2_bullet_red.gif);}
.focus-style2 .focus H3 {}
.focus-style2 .focus H4 {color:#000000;}
.focus-style2 .focus H5 {}
.focus-style2 .focus A:link, .focus-style2 .focus A:visited { color:#ffffff; }
.focus-style2 .focus A:hover, .focus-style2 .focus A:active { color:#333333; }

/*large focus*/
.focus-large .focus {width:590px !important}
.focus-large .focus .bloc-top {background-image:url(../images/bloclarge_top.gif);background-repeat:no-repeat;height:16px;width:590px !important}
.focus-large .focus .bloc-content {background-image:url(../images/bloclarge_content.gif); background-repeat:no-repeat; padding:10px; background-position:left bottom; background-color:#f6f1dd;}
.focus-large .focus .bloc-bottom {background-image:url(../images/bloclarge_bottom.gif); background-repeat:no-repeat; height:16px}
.focus-large .focus P {color: #000}
.focus-large .focus H1 {color:#000; font-size:12px; font-weight:bold; background-image:none;}
.focus-large .focus H2 {background-image:url(../images/h2_bullet_white.gif); color:#FFF}
.focus-large .focus H3 {color:#f6a922;}
.focus-large .focus H4 {color:#ffffff;}
.focus-large .focus H5 {color:#f6a922;}
.focus-large .focus H6 {color:#ffffff;}
.focus-large .focus A:link, .focus-style1 .focus A:visited { color:#fff; }
.focus-1arge .focus A:hover, .focus-style1 .focus A:active { color:#ffffff; }

/*medium focus*/
.focus-medium .focus {width:240px !important}
.focus-medium .focus .bloc-top {background-image:url(../images/blocmedium_top.gif);background-repeat:no-repeat; width:240px; height:16px; width:240px !important}
.focus-medium .focus .bloc-content {background-image:url(../images/blocmedium_content.gif); background-repeat:no-repeat; padding:10px; background-position:bottom; background-color:#f6f1dd}
.focus-medium .focus .bloc-bottom {background-image:url(../images/blocmedium_bottom.gif); background-repeat:no-repeat; height:16px}
.focus-medium .focus P {color: #000}
.focus-medium .focus H1 {color:#000; font-size:12px; font-weight:bold; background-image:none;}
.focus-medium .focus H2 {background-image:url(../images/h2_bullet_white.gif); color:#FFF}
.focus-medium .focus H3 {color:#f6a922;}
.focus-medium .focus H4 {color:#ffffff;}
.focus-medium .focus H5 {color:#f6a922;}
.focus-medium .focus H6 {color:#ffffff;}
.focus-medium .focus A:link, .focus-style1 .focus A:visited { color:#565656; }
.focus-medium .focus A:hover, .focus-style1 .focus A:active { color:#ffffff; }

/*small focus*/
.focus-small .focus {width:185px !important}
.focus-small .focus .bloc-top {background-image:url(../images/blocsmall_top.gif);background-repeat:no-repeat; width:185px; height:16px; width:185px !important}
.focus-small .focus .bloc-content {background-image:url(../images/blocsmall_content.gif); background-repeat:no-repeat; padding:10px; background-position:bottom; background-color:#f6f1dd}
.focus-small .focus .bloc-bottom {background-image:url(../images/blocsmall_bottom.gif); background-repeat:no-repeat; height:16px}
.focus-small .focus P {color: #000}
.focus-small .focus H1 {color:#000; font-size:12px; font-weight:bold; background-image:none;}
.focus-small .focus H2 {background-image:url(../images/h2_bullet_white.gif); color:#FFF}
.focus-small .focus H3 {color:#f6a922;}
.focus-small .focus H4 {color:#ffffff;}
.focus-small .focus H5 {color:#f6a922;}
.focus-small .focus H6 {color:#ffffff;}
.focus-small .focus A:link, .focus-style1 .focus A:visited { color:#565656; }
.focus-small .focus A:hover, .focus-style1 .focus A:active { color:#ffffff; }

.focus-border .focus .bloc-top { border-top: 1px solid #666666; background-image:none; border-left: 1px solid #666666; border-right:1px solid #666666}
.focus-border .focus .bloc-content {border-left: 1px solid #666666; border-right: 1px solid #666666; padding:10px 10px 5px 5px; background-color:#fff}
.focus-border .focus .bloc-bottom {border-bottom: 1px solid #666666; background-image:none; border-left: 1px solid #666666; border-right:1px solid #666666}
.focus-border .focus P {color: #ffffff}
.focus-border .focus H2 {background-image:url(../images/h2_bullet_white.gif); color:#FFF}
.focus-border .focus H3 {color:#f6a922;}
.focus-border .focus H4 {color:#ffffff;}
.focus-border .focus H5 {color:#f6a922;}
.focus-border .focus H6 {color:#ffffff;}
.focus-border .focus A:link, .focus-style1 .focus A:visited { color:#565656; }
.focus-border .focus A:hover, .focus-style1 .focus A:active { color:#ffffff; }



/*--------------Zoom-------------*/
.zoom { margin-bottom:10px;}
.zoom H1 {background:url(../images/zoomtop_marron.gif) no-repeat left top; margin:0px; font-size:12px; padding:3px 10px 3px 10px; color:#ffffff; width:180px;}
.zoom H2 {background:url(../images/zoomtop_marron.gif) no-repeat left top; margin:0px; font-size:12px; padding:3px 10px 3px 10px; color:#ffffff; width:180px;}
.zoom H3 {background:url(../images/zoomtop_marron.gif) no-repeat left top; margin:0px; font-size:12px; padding:3px 10px 3px 10px; color:#ffffff; width:180px;}

.zoom .zoom-content {background:url(../images/zoomcontent_beige.gif) left bottom; padding:10px 10px 70px 10px; background-repeat:no-repeat; width:180px; }
.zoom .zoom-content ul {margin: 0px; padding: 0px;}
.zoom .zoom-content ul li {background-image:url(../images/h2_bullet_red.gif); background-position: 0 2px; padding-left:13px; background-repeat:no-repeat; list-style:none;}
.zoom H4 {color:#000000;}
.zoom .zoom-content a:hover {color: #ffffff;}

/*-----Zoom colors-----*/
/*color1*/
.zoom-style1 {width:135px !important; margin-bottom:5px; margin-top:5px; padding:3px 5px 3px 0px;}
.zoom-style1 .zoom H1 {background-color:#565656; background-image:none;font-size:12px; width:115px;}
.zoom-style1 .zoom H2 {background-color:#565656; background-image:none;font-size:12px; width:115px;}
.zoom-style1 .zoom H3 {background-color:#565656; background-image:none;font-size:12px; width:115px;}
.zoom-style1 .zoom-content {background-color:#fff; background-image:none; padding:4px; width:125px; border:1px solid #565656;}
.zoom-style1 .zoom-content UL{margin-left: 5px; padding: 0px;}
.zoom-style1 .zoom-content UL LI{background-image:url(../images/bullet-list.gif); background-position:0px 5px; padding-left:10px; background-repeat: no-repeat; padding-bottom: 2px; list-style:none;}
.zoom-style1 .zoom-content a:hover {color: #f6a922;}

/*--------------Auto width block-------------*/
.auto-width {border-top:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; padding:10px 0px 10px 0px; margin:10px 0px 10px 0px; font-size:13px;}
.auto-width H4 {color:#000000;}
.auto-style1 .auto-width {border-top:1px solid #5f4e3c; border-bottom:1px solid #5f4e3c; color:#5f4e3c;}
.auto-style2 .auto-width {border-top:none; border-bottom: none; color:#4D4D4D; background-color:#ccc8a6; padding: 10px}
.auto-style3 .auto-width {background-color:#A0A0A0; border-top:none; border-bottom:none; color:#FFF; padding:10px ; background-color:#565656}
.auto-style3 .auto-width H2 {background-image:url(../images/h2_bullet_white.gif); color:#ffffff}
.auto-style3 .auto-width H3,.auto-style3 .auto-width H5 {color:#f6a922}
.auto-style3 .auto-width H4 {color:#ffffff;}
.auto-style3 .auto-width H5 {color:#f6a922;}
.auto-style3 .auto-width H6 {color:#ffffff;}
.auto-style3 .auto-width A:link, .auto-style3 .auto-width A:visited { color:#ffffff; }
.auto-style3 .auto-width A:hover {color:#f6a922;} 
.auto-style3 .auto-width A:active {color:#ffffff;}
.auto-style4 .auto-width {background-color:#F4F4F4; border:1px solid #CFCFCF; color:#333333; padding:10px; }
.auto-style4 .auto-width H4 {color:#000000;}
.auto-style5 .auto-width {background-color:#7a082b; border-top:none; border-bottom:none; color:#ffffff; padding:10px; }
.auto-style5 .auto-width P {color:white}
.auto-style5 .auto-width H2,.auto-style5 .auto-width H4,.auto-style5 .auto-width H6 {color:white}
.auto-style5 .auto-width H2 {background-image:url(../images/h2_bullet.gif);}
.auto-style5 .auto-width H3,.auto-style5 .auto-width H5 {color:#FBC400}
.auto-style5 .auto-width H4 {}
.auto-style5 .auto-width A:link, .auto-style5 .auto-width A:visited { color:#ffffff; }
.auto-style5 .auto-width A:hover, .auto-style5 .auto-width A:active {color:#FBC400;}

/*--------------styled list-------------*/
.styled-list {margin:0px; padding:3px 0px 5px 0px;}
.styled-list ul {margin:0px 0px 0px 0px; padding:0px;}
.styled-list li{background-repeat:no-repeat; list-style:none; margin:0px; padding:0px;}
.list-style1 .styled-list li {background-image:url(../images/bullet_list_marron.gif); background-position:0px 5px; padding-left:10px;}
.list-style2 .styled-list li {background-image:url(../images/bullet_list_beige.gif); background-position:0px 5px; padding-left:10px;}
.list-style3 .styled-list li {background-image:url(../images/bullet_arrow.gif); background-position:0px 3px; line-height:18px; padding-left:18px; }
