* { padding: 0; }

/***** Body *****/
body { color: #FFFFFF; background-attachment: fixed; background-image: url(../images_design/bg.png); background-position: top; background-color: #a0a0a0; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 100%;  }

/***** Text, Lists & Links *****/
h1 { background: url(../MagicLine/css/images/logo-header.gif) no-repeat; float: left; height: 39px; margin: 10px 0 0; width: 322px; }
h1 a { display: block; height: 39px; outline: none; overflow: hidden; text-indent: -9999px; width: 322px; }
h2, h3, h4, h5, h6 { font-weight: normal; line-height: 140%; margin: 5px 0 10px; }
h2 { font-family: 'GillSansMTRegular'; font-size: 28px; margin: 0 0 10px; }
h3 { font-size: 24px; margin: 0 0 5px; }
h4 { font-size: 18px; margin: 0 0 5px; }
h5 { font-size: 13px; margin: 0px; }
p { font-size: 14px; line-height: 160%; margin: 0 0 15px; color: #FFF; }
li { font-size: 14px; line-height: 140%; list-style: square; margin: 0 0px 0px; }
ul { margin: 0 20px 10px; }
a, a:visited, a:active, a:link { color: #FFFFFF; text-decoration: none; }
a:hover { text-decoration: none; color: white;}
a img { border: none; }

/***** Classes *****/
.clearFloat { clear: both; }
#container { margin: 0 auto; width: 960px; }
#header { float: left; padding: 0px 0px 0px 0px; width: 900px; position: relative; height: 55px; }
#header p { font-size: 18px; }
.tabs { background: #3B3E3F; float: left; width: 960px; top: 0; left: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-top:10px; }
.inner {  float: left;  padding-right: 30px; padding-left: 40px; }
#footer p{ float: left; width: 960px; font-size: 12px; color: #333; padding-bottom: 40px; margin-top: 10px; }

/* DOSSIERS */
.holder{ height:375px; width:880px;  position:relative; border: 1px solid #FFF; }
.scrollable{height:375px;width:880px;position:absolute;overflow:hidden;}
.scrollable .items{width:20000em;position:absolute;clear:both;}
div.fold{ width:880px; height:265px; padding-right: 0px; padding-left: 0px; background-color: #3B3E3F; }
div.col_left{ margin:20px 0px 10px 0px; width:460px; float:left; }
div.col_left p{margin-bottom:18px;line-height:1.3em;font-size:14px;}
div.col_right{ margin:20px 0px 10px 0px; width:400px; float:right; }
div.col_right p{ margin-bottom:10px; line-height:1.2em; font-size:13px; color: #F90; }
div.col_right h4 { font-size: 16px; margin: 0 0 5px; font-style: italic; }
.verset { font-size:13px; color: #666; line-height:1.2em; }



/* Clearfix */
*:first-child+html .group { zoom: 1; } /* IE7 */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }


/* MENUS - MagicLine */
.nav-wrap { margin: 20px auto; }
/* One */
#example-one { margin: 0 auto; list-style: none; position: relative; width: 900px;}
#example-one li { display: inline-block; }
#example-one a { font: 62.5%/100% Georgia, "Times New Roman", Times, serif;color: white; font-size: 18px; float: left; padding: 0px 5px 5px 5px; margin: 0px 5px 0px 5px;text-decoration: none;  }
#example-one a:hover { color: white; }
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 4px; background: #900; }
.current_page_item a { color: white; }
.ie6 #example-one li, .ie7 #example-one li { display: inline; }
.ie6 #magic-line { bottom: -3px; }

/* Two */
#example-two { list-style: none; position: relative; width: 900px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-right: 30px; padding-left: 40px; }
#example-two li { display: inline-block; }
#example-two li a { position: relative; z-index: 200; color: white; font-size: 16px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; }
#example-two li a:hover { color: white; }
#example-two #magic-line-two { position: absolute; top: 0; left: 0; width: 100px; background: #900; z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.current_page_item_two a { color: white; }
.ie6 #example-two li, .ie7 #example-two li { display: inline; }
.qq { color: #F30; }