/* ---------------- { TOP } ----------------*/
#top { }
#logo, #header {  margin-bottom:12px; }
/* ---------------- { TOP -> LOGO } ----------------*/
#logo { padding-left:10px; }
#logo A{ font-size:2.3em; font-weight: bold; text-decoration:none; color:#ff8a11; }
#logo A EM{ color:#000; font-style:normal; }
/* ---------------- { TOP -> HEADER } ----------------*/
#header { margin-bottom:10px; padding-bottom:1px; *width: 100%; }
#header .header-title-b{ background: transparent url(../img/icons/bg_header-body.png) repeat-x 0 0; }
#header .header-title-r{ background: transparent url(../img/icons/bg_header-right.png) no-repeat 100% 0; }
#header .header-title-l{ background: transparent url(../img/icons/bg_header-left.png) no-repeat 0 0; }
#header .header-title-c { margin:6px 20px 2px; padding:12px 2px 18px; }
#header H1{ color: #fff; margin-bottom:10px; }
#header H3{ color: #fff; margin-bottom:20px; }

/* ---------------- { CRUMB } ----------------*/
#crumb { padding:2px 0px; width:98%; margin:0px auto;}

/* ---------------- { CRUMB -> CRUMB PATH } ----------------*/
#crumb_path{  margin:1px 10px 2px; padding:2px 8px; border-bottom:1px solid #ccc; }
#crumb .skipCrumBorder{ border-bottom: 0px none; }
/* ---------------- { PROMOTION } ----------------*/
#promotion{ margin:0px auto; width:99%;}
#left_nav, #right_nav, #promotion_content { float:left; text-align: left; } 
#left_nav, #right_nav { padding-top: 60px; } 
#right_nav { float:right;  } 
#promotion_wrap { text-align:center; margin:0px auto; }
#mask { 
margin:10px auto 10px; 
float:left; 
width:860px; 
min-height: 200px;
/*height:200px;
min-width:1000px; */
/*min-height: 260px; */
min-height:250px;
height:250px;
position:relative; 
overflow:hidden; 

}
#folio{ position:absolute; top:0px; left:0px; width:3300px;  }
.promotion_block { width: 270px;margin:10px; float:left; overflow:hidden; }
#left_nav, #right_nav { width:60px; height:180px; min-height:180px; }
#left_nav { background: transparent url(../img/icons/ico_left_nav.png) no-repeat 0 center; }
#left_nav A, #right_nav A { display:block; width:40px; height:180px;}
#right_nav { background: transparent url(../img/icons/ico_right_nav.png) no-repeat 0 center; }
.promotion_block_image, .promotion_block_text { margin:10px 2px 20px; }
.promotion_block_image H2, .promotion_block_text { text-align:left; }
.promotion_block_image A { display:block; margin:0px auto; }
.promotion_block_image A IMG{ text-align: left;}
.promotion_block_text {
font-size:1.05em;
line-height:1.5em;
}
#folio A:hover{ font-weight: normal; color:#FF7E00; }
.promotion_block_text P { margin:0px 1px; }
/* ---------------- { CONTENT } ----------------*/
#content { }
.index { background: transparent url(../img/icons/bg_content_index.png) repeat-x 0 0; padding:13px 0px 20px;  }
#wrapper .contentClass { margin:10px 16px; }
#content_left, #content_right { float: left;}

/* ---------------- { CONTENT -> LEFT } ----------------*/
#content_left { width:56%; min-width: 560px; margin:10px 10px; padding:10px 10px; }
#content_left H1{ font-size: 2.2em; margin-bottom:10px;}
#content_left H2, #content_left STRONG { color:#333; }
#content_left P { font-size: 1.3em; line-height:1.5em; margin-bottom:14px; }
#content_left UL { margin-bottom: 14px;}
#content_left LI { 
margin-left: 8px; 
padding-left: 16px; 
background: transparent url(../img/icons/bg_li.png) no-repeat 0 0.5em; 
font-size: 1.2em; 
line-height:1.5em;
}
#content_left OL{ 
margin-left: 8px; 
padding-left: 16px; 
font-size: 1.2em; 
line-height:1.5em;
}
#content_left BLOCKQUOTE { margin: 40px 80px; font-weight: bold; font-size: 1.2em;}

/* ---------------- { CONTENT -> RIGHT } ----------------*/
#content_right { width: 35%;  min-width: 350px; }
#content .index_right {  float:right;}

/* ---------------- { CONTENT -> RIGHT -> MENU } ----------------*/

#content_right #menu { background: transparent url(../img/icons/bg_menu.png) no-repeat 0px 0; height:370px; height:auto; }
#content_right #menu H3{ padding:10px; }
#wrapper #menu LI { display:block; padding:10px 10px; background: transparent url(../img/icons/bg_menu_li.png) repeat-x 0 100%;}
#wrapper #menu LI.stripBorder { background-image:none;}
#content_right #menu A { color:#ff6633; font-size:1.3em; font-weight: bold; }
/* ---------------- { CONTENT -> RIGHT -> FORM } ----------------*/
#content_right #form { }

#form { background:#64564c url(../img/icons/bg_form.png) repeat-y 0 0; color: #fff; margin-bottom: 14px; }
#form_bottom_right { background:transparent url(../img/icons/bg_form_right.png) no-repeat 100% 100%; }
#form_bottom_left { background:transparent url(../img/icons/bg_form_left.png) no-repeat 0 100%; }

#form_title { 
border-bottom:4px solid #4e423b; 
background: #ff6629  url(../img/icons/bg_form_title.png) repeat-x 0 0; 
}
#form_title-left { background: transparent url(../img/icons/bg_form_title-left.png) no-repeat 0 0; }
#form_title-right { background: transparent url(../img/icons/bg_form_title-right.png) no-repeat 100% 0; }
/*#form_title H3 { padding: 18px 0px 4px 30px; margin:4px 1px 1px 40px; }*/
#form H2 {  }
#form H2 EM { color:#e1d6c1; font-style:normal; font-size:16px; }

#form #form_content { margin:4px 16px 0px; padding-bottom: 1px; }
#form LABEL, #form INPUT{ float:left; }
*HTML DIV#form INPUT{ float:none; }
#form FORM { margin-bottom: 10px; }
#form LABEL { width:30%; font-size:1.4em; margin-top:10px;font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
#form INPUT { width:60%; margin-top:10px;}
#form #formulaire { margin:8px 10px; padding:6px 2px; }

#form A, #form A:visited, #form A:hover, #form A:active { color: #fff; font-weight:bold; }
#form BR { clear:both; }
#privacy_content, #submit_content { clear:both; margin:10px 0px; }
#privacy_content LABEL, #privacy_content INPUT{ float: none; width:auto;}
#privacy_content LABEL{ font-size:1.3em; font-weight: normal; }
#submit_content { text-align:center; }
#submit_content INPUT{ float: none; width:auto;}

/* ---------------- { CONTENT -> RIGHT -> SUBMENU } ----------------*/
#submenu{ margin:14px 0px; padding:0px 0px 10px; border:1px solid #66584e; }
#submenu H4 { 
background: #76706d url(../img/icons/bg_submenu.png) repeat-x 0 0; 
color:#fff; 
padding: 4px 0px 2px 10px;
border-bottom: 4px solid #64564c;
}
#submenu UL{ margin: 8px 6px; }
#submenu LI{ float:left; display:block; width:30%; }
#submenu LI A {  padding-left: 14px; background: transparent url(../img/icons/bg_li.png) no-repeat 0 center; }
/* ---------------- { FOOTER } ----------------*/
#footer { margin:20px 0px 1px; padding:10px 0px; text-align:center; background: transparent url(../img/icons/bg_footer.png) repeat-x 0 0; }
#footer_menu UL{ margin: 8px auto; width:500px;}
#footer_menu LI{ float:left; display:block; width:22%;}
#footer_menu LI A{ margin-left:8px; text-align:left; }

/* ---------------- { TOP -> HEADER } ----------------*/
#title { margin-bottom:10px; padding-bottom:1px; *width: 100%; }
#title H1{
	color: #fff;
	background-color:#20aab7;
	margin-bottom:10px;
	padding: 10px;
	font-size:3em;
}
#title H1.expand	{ padding: 20px 10px;}
#header H3{ color: #fff; margin-bottom:20px; }

/* ---------------- { CONTENT } ----------------*/

#content .block{  }
#content .left{ float:left; width:49%; margin-bottom:20px;  }
#content .right{ float:right; width:49%; margin-bottom:20px; }
#content H2 { margin:28px 0px 12px; padding:8px 6px; background-color:#20aab7; color:#fff;}
#content H2.gradient { background: transparent url(../H2_bg.gif) repeat-x 0 0;}
#content P { margin-top:10px; font-size: 1.2em; line-height:1.5em; }
.contentClass LI, .contentClass OL { margin-top:6px; margin-left:22px; font-size: 1.2em; line-height:1.1em;}
.contentClass LI { list-style-type: disc; }

/* ---------------- { CONTENT -> ERROR MESSAGE } ----------------*/
#errorMessage DL{ margin:20px; font-size:1.4em; font-weight: bold;}
#errorMessage DD{
	font-weight:normal;
	color:#333333;
}


/* ---------------- { CONTENT -> FORM } ----------------*/
#form { background:#f9f7f8; color: #146971; margin-bottom: 1px; }

#form_title { 
border-bottom:1px solid #222; 
background: transparent  url(../H2_bg.gif) repeat-x 0 0; 
}
#form_title H3 { padding: 8px 10px; color:#fff; }
#form H2 { background: transparent;  }
#form H2 EM { color:#333; font-style:normal; font-size:16px; }


#form LABEL, #form INPUT{ float:left; }
*HTML DIV#form INPUT{ float:none; }
#form FORM { margin-bottom: 10px; }
#form LABEL { width:30%; font-size:1.4em; margin-top:10px;font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
#form INPUT { width:60%; margin-top:10px;}
#form #formulaire { margin:8px 10px; padding:6px 2px; }
/* */
#form A, #form A:visited, #form A:hover, #form A:active { color: #146971; font-weight:bold; }
#form BR { clear:both; }
#privacy_content, #submit_content { clear:both; margin:10px 0px; }
#privacy_content LABEL, #privacy_content INPUT{ float: none; width:auto;}
#privacy_content LABEL{ font-size:1em; font-weight: normal; }
#submit_content { text-align: center;  }
#submit_content INPUT{ float: none; width:auto;}
INPUT#privacy, INPUT#send{ margin-top:2px; }
#form #form_content SUP{ font-weight: bold;} 

#content P.success{ margin: 80px 0px 80px; font-size:1.6em; }

#content P#optout, #content P#optout A { font-size: 9px; color:#ccc; }

 /* ---------------- { COMMON } ----------------*/
.clear { clear:both; }
.toTop { text-align:right; }
.toTop A{ font-weight: bold;  font-size:0.8em;}