html, body {padding: 0;	margin: 0; height: 100%; width: 100%; }
* {padding: 0; margin: 0; }
body {font-size: 79%; font-family: "Arial", "Lucida Sans Unicode"; background: #babbb6 url(../images/background2.jpg) no-repeat 0 0; color: #6b6b6b; }
img {border: 0; }
.img_png, 
.div_png, 
h1,
#frame_main {behavior: url(iepngfix.htc); }

strong {font-weight: bolder; }
a {color: #b20017; text-decoration: underline; }
a:hover {color: #b20017; text-decoration: none; }

h1 {position: relative; float: left; clear: left; height: 25px; width: 730px; text-align: right; background: transparent url(../images/bck-h1.png) no-repeat 0 0; color: #b20017; font-size: 1em; font-weight: normal; padding-top: 15px; margin-bottom: 20px; }
h2 {position: relative; float: left; clear: left; width: 730px; color: #b20017; font-size: 1em; margin-bottom: 15px; }
p {position: relative; float: left; clear: left; width: 700px; margin-bottom: 15px; }
ul {position: relative; float: left; clear: left; list-style-position: inside; margin-bottom: 15px; width: 700px; }

/* mise en page générale */
#frame-main {position: relative; margin-left: auto; margin-right: auto; width: 1007px; min-height: 800px; height: 800px; height: auto !important; padding-right: 30px; background: transparent url(../images/background-central-home.png) no-repeat 0 0; } 
#logo {position: absolute; top: 21px; left: 200px; width: 294px; height: 44px; }

#corps {position: relative; float: left; margin-left: 25px; margin-top: 100px; width: 730px; }

#pied {position: relative; float: left; margin-top: 40px; margin-bottom: 20px; width: 730px; height: auto; border-top: solid 1px #fff; padding-top: 10px; }
#liens-credits {position: relative; float: right; }
#liens-credits a, #menu-pied a, #menu-pied span {text-decoration: none; color: #fff; font-variant: small-caps; }
#liens-credits a:hover, #menu-pied a:hover {color: #ddd; }
#menu-pied {position: relative; float: left; width: 550px; }
.sitemap #col1, 
.sitemap #col2, 
.sitemap #col3 {position: relative; float: left; width: 160px; margin-right: 5px; }
.sitemap ul {position: relative; float: left; list-style: none; width: auto; }
.sitemap ul ul {padding-left: 10px; margin-bottom: 0; }
.sitemap #col2 {width: 230px; }
.sitemap #col3 {width: 130px; }

#contenu .sitemap li {line-height: 20px; font-variant: small-caps; }


/* menu haut */
#menu-haut {position: relative; float: right; margin-bottom: 10px; }
#menu-haut ul {position: relative; float: left; list-style: none; width: auto; }
#menu-haut li {display: inline; padding-right: 12px; }
#menu-haut li a {font-variant: small-caps; text-decoration: none; color: #6b6b6b; }
#menu-haut li a:hover {text-decoration: none; }
#menu-haut form {position: relative; float: left;}
#menu-haut form input {height: 10px; font-size: 0.7em; }
#menu-haut img {border: solid 1px #fff; margin: 2px; margin-left: 12px; }
#menu-haut img:hover {border: solid 1px #6b6b6b; }
#menu-haut input.submit {background-color: #b20017; color: #fff; border: none; padding-left: 3px; padding-right: 3px; cursor: pointer; height: 12px; line-height: 12px; font-size: 0.7em; }
#menu-haut input.submit:hover {background-color: #6b6b6b; }

#colonne-gauche {position: relative; float: left; width: 175px; }

/* menu principal */
#menu-principal {position: relative; float: left; width: 173px; border: solid 1px #fff; }
#menu-principal ul {list-style: none; margin-bottom: 0 !important; width: 173px; }
#menu-principal a {color: #fff; text-decoration: none; font-size: 1.1em; font-weight: bold; }
#menu-principal a:hover {color: #b20017; }
#menu-principal ul li {position: relative; float: left; clear: left; width: 158px; padding-top: 4px; padding-bottom: 4px; padding-left: 15px; background: transparent url(../images/elements-2.png) repeat-y 0 -50px; }
#menu-principal ul li.toggleSubMenu {padding-top: 0; padding-bottom: 0; line-height: 25px; }
#menu-principal ul.subMenu {margin-left: -15px; }
#menu-principal ul.subMenu li {background-color: #e8e8e7; background-image: none !important; border-bottom: solid 1px #fff; padding-top: 0; padding-bottom: 0; }
#menu-principal ul.subMenu li a {color: #6b6b6b; font-weight: normal; }
#menu-principal ul.subMenu li a:hover {color: #b20017; }

#menu-principal ul li.selected {background: #b20017 none no-repeat 0 0; }
#menu-principal ul li.selected a:hover {color: #fff; }


/* corps-contenu */
/* #corpscontenu {position: relative; float: left; }*/
#contenu {position: relative; float: left; min-height: 550px; height: auto !important; height: 550px; width: 735px; }

/* page accueil */
#animation {position: relative; float: left; width: 728px; height: 283px; overflow: hidden; padding-left: 1px; padding-top: 46px; margin-bottom: 40px; margin-top: -6px; background: transparent url(../images/background-photo-accueil.png) no-repeat 0 0; }
#animation #animation-titre {position: absolute; bottom: 0px; left: 15px; height: 65px; line-height: 65px; color: #fff; font-size: 1.9em; font-family: "Helvetica", "Century"; font-weight: normal !important; }

.jqcycle {overflow: hidden; width: 727px; height: 218px; }

/* classes spéciales */
#texte-accueil {position: relative; float: left; margin-right: 17px; }
/*.paragraphe-ba {position: relative; float: left; clear: left; margin-top: 10px; margin-bottom: 100px; width: 527px; background-color: red; }*/
.paragraphe-batop-top {position: relative; float: left; clear: both; height: 13px; width: 729px !important; background: transparent url(../images/bkg-paragraphes-ba-2.png) no-repeat 1px 0; }
.paragraphe-batop-body,
.paragraphe-babottom-body {position: relative; float: left; clear: both; width: 709px !important; padding-left: 10px; padding-right: 10px; background: transparent url(../images/bkg-paragraphes-ba-2.png) repeat-y -749px 0; }
.paragraphe-batop-bottom {position: relative; float: left; clear: both; height: 13px; width: 729px; background: transparent url(../images/bkg-paragraphes-ba-2.png) no-repeat -2233px 0; margin-bottom: 20px; }
.paragraphe-batop-body p, .paragraphe-babottom-body p {width: 708px !important; }
.paragraphe-babottom-top {position: relative; float: left; clear: both; height: 13px; width: 729px; background: transparent url(../images/bkg-paragraphes-ba-2.png) no-repeat -2990px 0; }
.paragraphe-babottom-bottom {position: relative; float: left; clear: both; height: 13px; width: 729px; background: transparent url(../images/bkg-paragraphes-ba-2.png) no-repeat -1499px 0; margin-bottom: 20px; }

/* Page accueil : bloc news */
#bloc-news {position: relative; float: left; clear: none; width: 173px; height: auto; margin-top: 40px; }
#bloc-news h1 {background: none; color: #fff; width: 100%; text-align: left; padding: 0; margin-bottom: 0; }
#bloc-news h2 {color: #fff; width: 100%; margin-bottom: 4px; font-size: 1em; font-weight: lighter; height: 80px; overflow: hidden; }
#bloc-news h2 a {text-decoration: none; font-size: 1em; }

#bloc-news p {width: 153px; margin: 0; padding: 0; }
#bloc-news .bloc-news-top {position: relative; float: left; width: 173px; height: 13px; background: transparent url(../images/bloc-news-gche.png) no-repeat 0 0; }
#bloc-news .bloc-news-body {position: relative; float: left; width: 153px; height: auto; background: transparent url(../images/bloc-news-gche.png) repeat-y -370px 0; padding-left: 10px; padding-right: 10px; color: #fff; }
#bloc-news .bloc-news-bottom {position: relative; float: left; width: 173px; height: 13px; background: transparent url(../images/bloc-news-gche.png) no-repeat -180px 0; }
#bloc-news .newsbox {position: relative; float: left; border-bottom: solid 1px #e05162; padding-bottom: 7px; margin-bottom: 5px; width: 153px; height: 100px; }
#bloc-news a {color: #fff; text-decoration: underline; font-size: 0.9em; }
#bloc-news a:hover {text-decoration: none; }
#bloc-news p.savoir-plus {position: absolute; bottom: 5px; left: 0px; text-align: right; margin-top: 5px; }

/* Box News : pagination*/
.paginationBox {position: relative; float: left; width: 100%; margin-bottom: 5px; } 
.paginationBox a {text-decoration: none; border: solid 1px #fff; color: #382a21; }
.paginationBox a, 
.paginationBox span {display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; }
.paginationBox a:hover {background-color: transparent; border-color: #d5031c; color: #d5031c; }
.paginationBox .current.prev, 
.paginationBox .current.next {color: #bfdbe8; border: solid 1px #bfdbe8; font-size: 0.9em; }
#hiddenresultBox {position: relative; float: left; clear: left; }

/* page contact */
#col-gauche {position: relative; float: left; width: 300px; overflow: hidden; }
#col-gauche p {width: 300px !important; }
#col-droite {position: relative; float: right; width: 390px; margin-left: -10px !important; }

#col-droite p {width: 390px !important; }
fieldset {border: none; }
textarea {position: relative; float: left; }
#col-droite label {position: relative; float: left; width: 135px; text-align: right; padding-right: 15px; }
p.submit {text-align: right; }
p.submit input.submit {background-color: #b20017; color: #fff; border: none; padding: 5px; cursor: pointer; }
p.submit input.submit:hover {background-color: #6b6b6b; }
#reponse-form {position: relative; float: left; margin-bottom: 15px; color: #b20017; text-align: center; }
#formulaire {position: relative; float: left; clear: left; }
form label.error {color: #b20017; font-style: italic; margin-left: 150px; }

#plan-acces {position: relative; float: left; clear: left; width: 100%; text-align: center; }
#plan-acces img {}

/* Albums */
#album {position: relative; float: left; margin-top: 20px; }
#album img {border: solid 1px #fff; position: relative; float: left; margin-right: 8px; margin-bottom: 8px; }

/* Page moyens */
.moyens #album {position: relative; float: left; margin: 0; width: 150px; }
.moyens #album img {clear: left; margin-right: 0; }
.moyens #contenu {}
.moyens #contenu #col-gauche-long {position: relative; float: left; width: 580px; }
.moyens #contenu #col-gauche-long p,
.moyens #contenu #col-gauche-long ul {width: 570px; }

/* News */
.news p {position: relative; float: left; width: 520px; }
.news img {position: relative; float: right; }
.pagination {position: relative; float: left; width: 700px; margin-bottom: 15px; } 
.pagination a {text-decoration: none; border: solid 1px #382a21; color: #382a21; }
.pagination a, .pagination span {display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; }
.pagination a:hover {background-color: #e8e7e4; border-color: #d5031c; color: #d5031c; }
.pagination .current {background-color: #e8e7e4; background-color: #fff; border: solid 1px #b20017; color: #b20017; }
.pagination .current.prev, .pagination .current.next {color:#bfdbe8; border-color:#bfdbe8; background:#fff; }
#hiddenresult {position: relative; float: left; clear: left; }


/* Références */
.album-reference {position: relative; float: left; margin-top: 20px; width: 700px; }
.album-reference img {border: solid 1px #fff !important; position: relative; float: left; margin-right: 8px; margin-bottom: 8px; }
dl.dl-reference {position: relative; float: left; width: 700px; }
dl.dl-reference dt {float: left; clear: left; color: #b20017; font-weight: normal; width: 150px; }
dl.dl-reference dd {float: left; color: #6b6b6b; font-weight: normal; width: 550px; }

/* Recrutement */
#recrutement {position: relative; float: left; clear: left; margin-top: 40px; }
#recrutement ul {margin-left: 20px; }