body {margin: 0; padding: 0; font-family: Verdana, sans-serif; text-align: center; color: #000; background: #f6c034 url(images/layout/bg.gif) repeat-X; font-size: 12px; line-height: 18px;}

/* header */
.header {width: 910px; height: 100px; margin: 8px 0 4px 0; background: url(images/layout/header2.png) no-repeat;}
.header_link {width: 910px; height: 100px; margin: 8px 0 4px 0;}
.header_link a {width: 910px; height: 100px; display: block; background: url(images/layout/header2.png) no-repeat; text-indent: -9999px;}
.header h1 {display: none;}
.header p {display: none;}

/* frame */
#frame {width: 910px; margin: auto; position: relative;}
.frame_top {width: 910px; height: 23px; background: url(images/layout/mainframe_top.png) no-repeat;}
.frame_middle {width: 910px; background: url("images/layout/mainframe_background.png") repeat-y; text-align: left;}
.frame_bottom {width: 910px; height: 24px; clear: both; background: url(images/layout/mainframe_bottom.png) no-repeat;}

/* layout */
#left {float: left; width: 240px; padding: 0 0 0 25px;}
#middle {float: right; width: 640px; padding: 0;}
#middle .content {padding: 0 45px 15px 5px;}
.content_left2 {float: left; width: 200px;}
.content_left {float: left; width: 300px;}
.content_right {}

/* boxes */
.box_top {width: 230px; height: 13px; background: url(images/layout/box_top.gif) no-repeat;}
.box_middle {width: 230px; background: url(images/layout/box_middle.gif) repeat-y;}
.box_bottom {width: 230px; height: 20px; background: url(images/layout/box_bottom.gif) no-repeat; margin-bottom: 15px;}
.box_content {padding: 0 20px 10px 10px;}
.box_title {font-weight: bold; color: #AA5808; margin: 0 0 5px 0;}
.box_item {margin: 0 0 15px 0;}
.box_item img {float: left; margin: 5px 10px 0 0; border: solid 1px #999;}
.box_big_top {width: 628px; height: 14px; background: url(images/layout/box_big_top.jpg) no-repeat;}
.box_big_middle {width: 628px; background: url(images/layout/box_big_middle.jpg) repeat-y;}
.box_big_bottom {width: 628px; height: 25px; background: url(images/layout/box_big_bottom.jpg) no-repeat;}
.box_big_content {padding: 0 0 0 15px;}


/* left navigation */
ul#nav {margin: 0; padding: 0; list-style: none; width: 220px;}
ul#nav li {margin: 0; padding: 0; list-style: none;}
ul#nav li a {display: block; width: 220px; height: 27px; text-indent: -9999px;}
#nav_accueil {background: url(images/layout/nav.gif) 0px 0px no-repeat;}
#nav_arts {background: url(images/layout/nav.gif) 0px -27px no-repeat;}
#nav_institut {background: url(images/layout/nav.gif) 0px -54px no-repeat;}
#nav_cours {background: url(images/layout/nav.gif) 0px -81px no-repeat;}
#nav_articles {background: url(images/layout/nav.gif) 0px -108px no-repeat;}
#nav_videos {background: url(images/layout/nav.gif) 0px -135px no-repeat;}
#nav_contact {background: url(images/layout/nav.gif) 0px -162px no-repeat;}
a#nav_accueil:hover, a#nav_accueil.selected {background-position: -220px 0px}
a#nav_arts:hover, a#nav_arts.selected {background-position: -220px -27px}
a#nav_institut:hover, a#nav_institut.selected {background-position: -220px -54px}
a#nav_cours:hover, a#nav_cours.selected {background-position: -220px -81px}
a#nav_articles:hover, a#nav_articles.selected {background-position: -220px -108px}
a#nav_videos:hover, a#nav_videos.selected {background-position: -220px -135px}
a#nav_contact:hover, a#nav_contact.selected {background-position: -220px -162px}

/* sub navigation */
ul#nav_sub {margin: 7px 0 0 0; padding: 0 0 10px 0; list-style: none; background: url(images/layout/nav_line.gif) left bottom no-repeat;} 
ul#nav_sub li {margin: 5px 0 0 10px; padding: 0; list-style: none;} 
ul#nav_sub li a {display: inline; text-indent: 0; color: #D97B25; font-weight: normal; text-decoration: none; padding: 0 0 0 10px;} 
ul#nav_sub li a:hover {color: #D97B25; text-decoration: underline; background: url(images/arrow_links.gif) 0px 2px no-repeat;}
ul#nav_sub li a.selected {color: #D97B25; background: url(images/arrow_links.gif) 0px 2px no-repeat;}

/* articles */
div.article_header {background: url(images/layout/bg_titre.jpg) top right repeat-y; padding: 2px 0 2px 0; margin: 0 0 15px 0;}
h4.article_titre {font-size: 1.5em; margin: 20px 0 15px 0; line-height: 1.3em;}
p.article_auteur {font-style: italic; margin: 0 0 25px 0;}
ul.articles {margin: 0; padding: 0;}
ul.articles li {background: url(images/arrow_links.gif) 0px 5px no-repeat; padding: 0 0 0 10px; margin: 0 0 8px 0;}

/* images */
div.image_right {float: right; margin: 0 0 15px 20px; width: 150px;}
div.image_right img {border: solid 1px #999; margin: 0 0 5px 0;}
div.image_legende {font-size: 0.9em; line-height: 1.4em; color: #666; font-style: italic;}
img.right {float: right; border: solid 1px #999; margin: 0 0 15px 15px;}
img.left {clear: both; float: left; border: solid 1px #999; margin: 5px 15px 5px 0;}
img.left_thumb {clear: both; float: left; margin: 5px 15px 15px 0;}
img.left_thumb_small {clear: both; float: left; margin: 5px 10px 0 0;}


/* misc */
div.bg_ornament {background: url(images/bg_ornement.gif) no-repeat;}
h1 {font-family: georgia; font-size: 24px; line-height: 22px; font-weight: normal; color: #CF4110;}
h2 {font-size: 1.5em; margin: 0 0 15px 0; padding: 0;}
h3 {font-size: 1em; margin: 0; padding: 15px 0 10px 10px;}
h4 {font-family: georgia; font-weight: normal; font-size: 1.5em; margin: 0 0 10px 0; padding: 0; color: #CF4110; line-height: 22px;}
h4.chi {font-size: 1.4em; color: #CD3B0F;}
h5 {font-size: 1em; margin: 0 0 15px 0; padding: 10px 0 0 0; color: #CF4110;}
h5.home {margin: 0 0 5px 0}
h6 {font-family: georgia; font-weight: normal; font-size: 1.2em; margin: 0 0 10px 0; padding: 0; color: #CF4110;}
p {padding: 0; margin: 0 0 15px 0;}
a {text-decoration: underline; font-weight: normal; color: #D97B25;}
a:hover {color: #CA300C;}
a:active {outline: none;}
:focus {-moz-outline-style: none;}
ul {margin: 15px 0 15px 16px; padding: 0;}
table.books td {font-size: 0.9em; padding-bottom: 30px;}
div.book_title {font-weight: bold;}
div.hr {width: 100%; height: 1px; background: #F2CA61; margin: 20px 0 20px 0;}
div.hr hr {display: none;}
div.hr_small {width: 100%; height: 1px; background: #F2CA61; margin: 20px 0 20px 0;}
div.hr_small hr {display: none;}
ul.benefices {margin: 0 0 25px 0; padding: 0; list-style: none;}
ul.benefices li {margin: 0 0 5px 0; padding: 0 0 0 20px; color: #CF4110; font-size: 1.2em; background: url(images/li.gif) 0px 6px no-repeat;}
ul.lois {margin: 25px 0 15px 0; padding: 15px 0 15px 0; list-style: none; border: solid 1px #F2CA61; border-left: none; border-right: none;}
ul.lois li {margin: 0 0 15px 0; padding: 0 0 0 20px; color: #CF4110; background: url(images/li.gif) 0px 6px no-repeat;}
table.programme td {padding: 0 15px 3px 0; vertical-align: top;}
div.niveau {margin: 0 0 25px 0;}
ul.home li {margin: 0 0 5px 0;}
div.home_intro {font-size: 0.9em; line-height: 1.6em; color: #666; margin: 0; padding: 0 0 0 5px;}
a.arrow {background: url(images/arrow_links.gif) 0px 2px no-repeat; padding: 0 0 0 10px;}
span.heure {color: #666;}
form {margin: 0; padding: 0;}
#mailing {font-size: 11px; padding: 0 0 0 10px;}
form.email label {color: #777;}
form.email input {width: 150px; font-size: 11px; margin-bottom: 4px; color: #555; border: solid 1px #DEAF79;}
form.email input.submit {width: 80px; font-size: 11px; margin-left: 0px; border: solid 1px #DEAF79;}
.important {color: #f00;}
.wrong {text-decoration: line-through}
table.prix td {margin: 0; padding: 0 25px 25px 0;}
span.date {font-style: italic; color: #555;}
.video_embed {display: none;}
div.clear {clear: both;}
div.info_cours {margin: 0 0 15px 95px;}

/* inscription */
#inscription label {clear: both; float: left; width: 250px; font-weight: bold; margin: 0 10px 0 0;}
#inscription label.error {float: none; width: auto; font-weight: normal; margin: 0 0 15px 260px; color: #f00;}
#inscription input {display: block; width: 250px; margin: 0 0 5px 0;}
#inscription textarea {display: block; width: 250px; height: 100px; margin: 0 0 5px 0;}
#inscription input.submit {width: auto; margin: 10px 0 0 260px;}
#inscription div.input_radio {margin: 0 0 5px 260px;}
#inscription div.input_radio input {width: auto; margin: 0; display: inline;}
#inscription input.error {border: solid 2px #f00; background: #FFFFD5;}
#inscription div.input_radio label.error {margin: 0;}