/* @group reset */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, cite, em,  img,  strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, address {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
}

html {
 height: 100%;
 background-color: white;
 font-family: Cambria, Georgia, serif;
 color: black;
 border-bottom: 1px solid white;
}

html #repertoire {
 background-color: #e2f0f8;
}

#bg_repertoire { 
 width: 100%;
 position: fixed;
 z-index: 0;
}

body {
 position: relative;
 height: 100%;
}

ol, ul {
 list-style: none;
}

a {
 text-decoration: none;
 color: black;
}

#wrapper {
 position: relative;
 width: 950px;
 margin: 0 auto;
 overflow: hidden;
 min-height: 100%;
}

#content {
 position: relative;
}
/* @end */

/* @group header */

#header {
 position: relative;
 height: 200px;
}

body#repertoire #header {
 position: relative;
 height: 375px;
}

#website_sections {
 padding-top: 12px;
 padding-left: 50px;
 font-size: 15px;
}

#website_sections li, #website_sections_splash li {
 float: left;
 margin-right: 30px;
}

#website_sections a:hover {
 color: #00acba;
}

#title_image {
 position: absolute;
 top: 60px;
 left: 75px;
}

#btn_recherche {
 position: absolute;
 top: 150px;
 right: 45px;
}

/* @end */

/* @group nav */

#nav {
 position: absolute;
 top: 147px;
 left: 50px;
 font-family: "Trebuchet MS", sans-serif;
}

#nav li {
 float: left;
 margin-right: 30px;
 letter-spacing: 1px;
}

#nav li.membres a {
 color: white;
}

#nav a:hover, #nav a:active, #nav a.active {
 text-decoration: underline;
}

/* @end */

/* @group subnav */

#subnav {
 float: left;
 margin-right: 56px;
}

#subnav ul {
 margin-top: 31px;
 margin-left: 52px;
 text-transform: uppercase;
 text-align: center;
 width: 242px;
 font: 15px "Trebuchet MS", sans-serif;
}

#subnav ul li {
 line-height: 16px;
}

#subnav li.big {
 height: 33px;
 padding: 11px;
 overflow: hidden;
 background: url(/images/bg-subnav-big.jpg) 0 0;
}

#subnav li.big:hover {
 background: url(/images/bg-subnav-big.jpg) 0 -55px;
}

#subnav li.big.active {
 background: url(/images/bg-subnav-big.jpg) 0 -110px;
}

#subnav li.small {
 height: 16px;
 padding: 8px;
 overflow: hidden;
 background: url(/images/bg-subnav-small.jpg) 0 0;
}

#subnav li.small:hover {
 background: url(/images/bg-subnav-small.jpg) 0 -32px;
}

#subnav li.small.active {
 background: url(/images/bg-subnav-small.jpg) 0 -64px;
}

#subnav #btn_repertoire {
 width: 242px;
 height: 260px;
 padding: 0;
 overflow: hidden;
 text-indent: -1000px;
 background: url(/images/bg-btn-repertoire.jpg) 0 0;
}

#subnav #btn_repertoire:hover {
 background: url(/images/bg-btn-repertoire.jpg) 0 -260px;
}

#subnav #btn_repertoire a {
 width: 242px;
 height: 260px;
 display: block;
}



/* @end */

/* @group footer */

#footer {
 width: 950px;
 margin: 0 auto;
 margin-bottom: 40px;
}

#footer #website_sections {
 font-size: 14px;
 text-align: center;
}

/* @end */

/* @group inner_content */

#inner_content {
 float: left;
 width: 550px;
 font-size: 16px;
 line-height: 24px;
 margin-bottom: 40px;
}

#inner_content h1 {
 text-indent: -10000px;
}

#inner_content h2 {
 font-size: 20px;
 margin-top: 5px;
 margin-bottom: 10px;
}

#inner_content h3 {
 font-size: 14px;
}

#inner_content h4 {
 font-size: 13px;
}

#inner_content p {
 margin-bottom: 10px;
 text-align: justify;
}

#inner_content ul {
 list-style-type: disc;
 margin-left: 36px;
 margin-bottom: 10px;
}

#inner_content ul.alphabetique {
 list-style-type: lower-latin;
}

#inner_content ol {
 list-style-type: decimal;
 margin-left: 36px;
 margin-bottom: 10px;
}

#inner_content ul li {
 line-height: 20px;
 margin-bottom: 4px;
}

#inner_content img.page_title {
 height: 45px;
 width: 550px;
 margin-top: 10px;
}

#inner_content a:link, #inner_content a:visited {
 color: #004e7a;
}

#inner_content a:hover, #inner_content a:active {
 color: #004e7a;
 text-decoration: underline;
}

/* @group repertoire */

#repertoire #inner_content h2 {
 font-size: 25px;
 color: #c73300;
 font-weight: normal;
 margin-bottom: 20px;
}

#repertoire #inner_content {
 padding-left: 30px;
 width: 800px;
}

.repertoire {
 margin-top: -100px;
}

#alphabetique span.left {
 width: 200px;
 text-align: right;
 float: left;
}

#alphabetique img.filet {
 margin: 30px 0 30px 200px;
}

#alphabetique ul {
 float: left;
}



#alphabetique li {
 float: left;
 list-style-type: none;
 margin-right: 10px;
 color: #888888;
}

#alphabetique li a:link, #alphabetique li a:visited {
 color: black;
}

#recherche_avancee {
 width: 600px;
}

#recherche_avancee label {
 float: left;
 text-align: right;
 width: 200px;
}

#recherche_avancee div.input {
 float: left;
 width: 250px;
 height: 32px;
 margin-left: 30px;
 background: url(/images/bg-input.png) no-repeat;
}

#recherche_avancee div.input input[type=text] {
 width: 230px;
 height: 19px;
 margin-top: 5px;
 margin-left: 5px;
 border: none;
}

#recherche_avancee div.region {
 width: 600px;
 height: 60px;
}

#recherche_avancee select {
 width: 300px;
 margin-left: 30px;
}

#recherche_avancee div.optionnelle {
 width: 700px;
 height: 60px;
}

#recherche_avancee div.optionnelle span {
 float: left;
 text-align: right;
 width: 200px;
 font-size: 15px;
 color: #00abba;
}

#recherche_avancee div.optionnelle span.image {
 float: left;
 width: 401px;
 margin-left: 30px;
 padding-top: 18px;
}

#recherche_avancee div.langue {
 width: 600px;
 height: 40px;
 margin-top: -20px;
}

#recherche_avancee div.langue ul {
 list-style: none;
 padding-left: 170px;
}

#recherche_avancee div.langue li {
 display: inline;
 margin-left: 20px;
}

#recherche_avancee button {
 margin-left: 230px;
}


/* @end */ 



/* @end */

/* @group splash */

body#splash {
 height: 775px;
 background: url(/images/bg-splash.jpg) no-repeat center;
}

#inner_splash {
 position: relative;
 margin: 0 auto;
 width: 775px;
}

#logo {
 width: 100%;
 height: 300px;
}

#logo img {
 margin-top: 60px;
}

#phrase {
 width: 460px;
 height: 120px;
 margin-top: 155px;
 float: left;
}

#links {
 float: left;
 text-transform: uppercase;
 font: 26px "Trebuchet MS", sans-serif;
 color: white;
 margin-top: 160px;
 margin-left: 70px;
}

#splash #links p {
 margin-bottom: 40px;
}

#splash #links a:link, #splash #links a:visited {
 color: white;
}

#splash #links a:hover, #splash #links a:active {
 color: black;
}

#website_sections_splash {
 position: absolute;
 bottom: 20px;
 left: 170px;
}

/* @end */

/* @group therapeute */

div.therapeute {
 overflow: hidden;
 padding-left: 30px;
 margin-bottom: 40px;
}

div.therapeute div.photo {
 width: 170px;
 float: left;
}

div.therapeute div.data {
 width: 530px;
 margin-left: 50px;
 float: left;
}

div.therapeute img.filet {
 margin-left: 200px;
 margin-top: 30px;
}

/* @end */

/* @group form inscription */

#inscription {
 margin-top: 10px;
}

#inscription label {
 display: block;
}

#inscription input[type=text] {
 width: 300px;
}

#inscription .fripepuite {
 display: none;
}

.error {
 color: red;
 font-size: 12px;
 font-weight: bold;
}

/* @end */