
<!-- /*--- Unités principal squelette ---*/
body {
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#center {
    position: absolute;
    left: 50%;
    margin-left: -490px;
    width: 980px;
}

#menu {
    background-image: url('../imgs/fondGauche.gif');
    background-repeat: no-repeat;
    height: 500px;
    width: 200px;
    float: left;
    padding: 100px 0px 0px 0px;
    border: 0px;
}

#menu ol li {
    text-align: right;
    list-style-type: none;
    letter-spacing: 0em;
    font-size: 12px;
    color: #7E440B;
    padding-right: 5px;
    line-height: 2.4em;
    margin-left: -18px;
    font-weight: bold;
}

#menu ol li a {
    color: #7E440B;
    text-decoration: none;
}

#menu ol li a:hover {
    color: #C47F4B;
    text-decoration: overline underline;
}

#menu img {
    padding-right: 5px;
}

#bandeau0 {
    letter-spacing: 0.1em;
    word-spacing: 0.2em;
    color: #7E440B;
    text-align: center;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 2px;
    border-left: 0px;
    border-color: #00000;
    border-style: solid;
    vertical-align: middle;
}

#bandeauTrBackground {
    margin-top: 7px;
    height: 26px;
    color: #FFFFFF;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    vertical-align: middle;
    background-color: #374C13;
    padding-right: 10px;
}

#bandeauTrBackground a {
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    text-decoration: none;
}

#bandeauTrBackground a:hover {
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    text-decoration: overline underline;
}

.greenHome {
    color: #99C83B;
}

.marronHome {
    color: #C47F4B;
}

#conteneur {
    margin-left: 200px;
}

/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*--- Début pages du site les frags html ---*/
#homePage {
    position: absolute;
    left: 50%;
    margin-left: -381px;
    top: 50%;
    margin-top: -233px;
    background-color: #FFFFFF;
    text-align: center;
}

#homePage h2 {
    color: #7E440B;
    text-align: center;
}

#homePage #rigthImg {
    text-align: right;
    width: 762px;
}

#homePage img {
    border: none;
    border: 0px;
}

/*-----------------------------------------------------------------------------------------------------*/
#accueilTemporaire {
    padding-top: 30px;
}

#accueilTemporaire h4 {
    margin-left: 10px;
    color: #C47F4B;
    text-align: center;
}

#accueilTemporaire h3 {
    color: #C47F4B;
    margin-left: 30px;
}

#accueilTemporaire p {
    margin-left: 10px;
    color: #OOOOOO;
    line-height: 30px;
    font-size: 12px;
}

#accueilTemporaire p.texteStandardAccueilTemporaire {
    margin-left: 40px;
    color: #OOOOOO;
    line-height: 15px;
    font-size: 12px;
    text-align: justify;
}

#accueilTemporaire .sousTitres {
    font-weight: bold;
    margin-left: 20px;
    text-align: left;
    text-decoration: underline;
    width: 100%;
    display: block;
    color: #374C13;
    font-size: 16px;
}

#accueilTemporaire ul li {
    list-style-image: url('../imgs/fleche.gif');
    line-height: 1.8em;
    text-align: justify;
    font-size: 12px;
    padding-right: 5px;
    margin-left: 20px;
    /*color:#C47F4B;*/
}

#accueilTemporaire #imgsAccueilTemporaire {
    padding-left: 10px;
    position: absolute;
    left: 825px;
    top: 132px;
    width: 150px;
}

#accueilTemporaire .bold {
    font-weight: bold;
}

#accueilTemporaire a:link {
    text-decoration: overline underline;
    color: #F4AA29;
    font-weight: bold;
}

#accueilTemporaire a:active {
    text-decoration: overline underline;
    color: #F4AA29;
    font-weight: bold;
}

#accueilTemporaire a:visited {
    text-decoration: overline underline;
    color: #F4AA29;
    font-weight: bold;
}

#accueilTemporaire a:hover {
    text-decoration: underline;
    color: #F4AA29;
    font-weight: bold;
}

/*-----------------------------------------------------------------------------------------------------*/
#edito {
    width: 775px;
    padding-top: 30px;
}

#edito h4 {
    margin-left: 20px;
    color: #C47F4B;
}

#edito #signatures {
    width: 775px;
    float: left;
    text-align: center;
}

#edito #editoOne {
    float: left;
    margin-left: 20px;
    width: 40%;
}

#edito #editoTwo {
    float: left;
    margin-left: 40px;
    width: 40%;
}

/*-----------------------------------------------------------------------------------------------------*/
#planManifestation {
    margin-top: -30px;
}

/*-----------------------------------------------------------------------------------------------------*/
#polesMetiers {
    width: 768px;
    padding-top: 30px;
}

#polesMetiers h4 {
    margin-left: 10px;
    color: #C47F4B;
}

#polesMetiers p {
    margin-left: 10px;
    color: #OOOOOO;
    line-height: 30px;
}

#polesMetiers #polesMetiersTable {
    margin-left: 10px;
}

#polesMetiers #polesMetiersTable .texte {
    padding-top: 5px;
    padding-left: 30px;
    padding-bottom: 5px;
    vertical-align: middle;
    font-size: 12px;
}

#polesMetiers #polesMetiersTable .texte a {
    color: #000000;
    text-decoration: none;
}

#polesMetiers #polesMetiersTable .texte a:hover {
    color: #374C13;
    text-decoration: underline overline;
}

#polesMetiers #polesMetiersTable .photosPoles { /*height:40px;*/
    vertical-align: middle;
}

#polesDetails {

}

#polesDetails h3 {
    margin-left: 10px;
    color: #C47F4B;
}

#polesDetails h4 {
    margin-left: 10px;
    color: #374C13;
}

#polesDetails img.floatRightPoles {
    float: right;
    padding-left: 2px;
}

#polesDetails p.classpPoles {
    color: #C47F4B;
    font-weight: bold;
    margin-left: 60px;
    line-height: 20px;
    font-size: 12px;
    padding-left: 7px;
    padding-left: 7px;
}

#polesDetails p.classPStandardPoles {
    margin-left: 60px;
    line-height: 20px;
    font-size: 12px;
    color: #000000;
    padding-left: 7px;
    text-align: justify;
}

#polesDetails ol li {
    list-style-image: url('../imgs/fleche.gif');
    margin-left: 60px;
    line-height: 20px;
    font-size: 12px;
    color: #000000;
    padding-left: 7px;
    text-align: justify;
}

#polesDetails a {
    background-image: url('../imgs/fleche.gif');
    background-repeat: no-repeat;
    text-decoration: none;
    margin-left: 80px;
    padding-left: 28px;
    line-height: 20px;
    font-size: 12px;
    color: #000000;
}

#polesDetails a:hover {
    color: #374C13;
    text-decoration: underline overline;
}

#polesDetails #imprimer {
    height: 40px;
    margin-top: 20px;
}

#polesDetails #imprimer img {
    border: none;
    border: 0px;
    margin-right: 30px;
    float: right;
}

/*
#polesMetiers #imgsPolesMetiers{
        padding-left:10px;
        position:absolute;
        left:825px;
        top:80px;
        width:150px;
}
*/
/*--------------------------------*/
/*------------- En fait correspond � Animations / D�bats -------------*/
#horairesConferences {
    width: 600px;
    padding-top: 30px;
}

#horairesConferences h4 {
    margin-left: 10px;
    color: #C47F4B;
}

#horairesConferences p {
    margin-left: 10px;
    color: #OOOOOO;
    line-height: 30px;
    font-size: 12px;
}

#horairesConferences p.texteStandardAnimations {
    margin-left: 10px;
    color: #OOOOOO;
    line-height: 15px;
    font-size: 12px;
}

#horairesConferences .sousTitres {
    font-weight: bold;
}

#horairesConferences ul li {
    list-style-type: none;
    letter-spacing: 0em;
    font-size: 12px;
    color: #C47F4B;
    line-height: 2.4em;
    font-weight: bold;
}

#horairesConferences ul li div.italiqueDansLesUlLi {
    color: black;
    font-style: normal;
    font-style: italic;
    margin-left: 20px;
    line-height: 1.4em;
}

#horairesConferences ul li div.italiqueDansLesUlLiColorIdem {
    color: #C47F4B;
    font-style: normal;
    font-style: italic;
    margin-left: 20px;
    line-height: 1.4em;
}

#horairesConferences #imgsHorairesConferences {
    padding-left: 10px;
    position: absolute;
    left: 825px;
    top: 132px;
    width: 150px;
}

/*-----------------------------------------------------------------------------------------------------*/
#informationOrientation {
    width: 600px;
    padding-top: 30px;
}

#informationOrientation h4 {
    margin-left: 10px;
    color: #C47F4B;
}

#informationOrientation h5 {
    margin-left: 20px;
    color: #633117;
}

#informationOrientation p {
    margin-left: 20px;
    text-align: justify;
    color: #OOOOOO;
    font-size: 12px;
}

/*-------------------------------------------------------------------------------------------------------*/
#questionnaire {
    width: 600px;
    padding-top: 30px;
}

#questionnaire h4 {
    margin-left: 10px;
    color: #C47F4B;
}

#questionnaire h5 {
    margin-left: 20px;
    color: #633117;
}

#questionnaire p {
    margin-left: 20px;
    text-align: justify;
    color: #OOOOOO;
    font-size: 12px;
}

#questionnaire a {
    color: #000000;
    text-decoration: none;
}

#questionnaire a:hover {
    color: #374C13;
    text-decoration: underline overline;
}

/*---------------------------------------------------------------------------------------------------------*/
/*
#informationOrientation #photosInformationOrientation{
        position:absolute;
        left:825px;
        top:132px;
        width:150px;
}

#informationOrientation #photosInformationOrientation div{
        text-align:center;
        border: 3px solid #374C13;
}

#informationOrientation #photosInformationOrientation p{
        font-size:11px;
        text-align:center;
}
*/
/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
#partenaires,#partenairesDynamiques { /*width:600px;*/
    padding-top: 30px;
}

#partenairesFrag h4 {
    margin-left: 30px;
    color: #C47F4B;
}

#partenairesFrag h5 {
    color: #633117;
}

#partenairesDynamiques h5 {
    margin-left: 30px;
    color: #633117;
}

#partenairesDynamiques h4 {
    margin-left: 30px;
    color: #C47F4B;
}

#partenairesDynamiques p {
    text-align: justify;
    color: #OOOOOO;
    font-size: 12px;
    margin-left: 30px;
}

#partenairesFrag img {
    border: none;
}

#partenairesDynamiques p.polesNames {
    margin-left: 50px;
}

#partenairesDynamiques p .boldPartenairesCategorie {
    font-weight: bold;
    color: #C47F4B;
}

#partenairesDynamiques a {
    color: black;
}

#partenairesDynamiques a:link {
    color: #OOOOOO;
}

#partenairesDynamiques a:visited {
    color: #OOOOOO;
}

#partenairesDynamiques a:active {
    color: #OOOOOO;
}

#partenairesDynamiques a:hover {
    color: #C47F4B;
    text-decoration: underline overline;
}

#partenairesDynamiques h6 {
    margin-left: 10px;
    color: #7E440B;
}

.partenaires {
    width: 740px;
    padding-left: 40px;
    text-align: center;
}

#centerErrefomLogo {
    width: 740px;
    text-align: center;
}

/*-----------------------------------------------------------------------------------------------------*/
#planAccess {
    width: 600px;
    padding-top: 30px;
}

#planAccess h4 {
    margin-left: 10px;
    color: #C47F4B;
}

#planAccess h5 {
    margin-left: 10px;
    color: #7E440B;
}

#planAccess p {
    margin-left: 10px;
    color: #OOOOOO;
}

#planAccess .bordures {
    margin-left: 30px;
    text-align: center;
    border: 3px solid #374C13;
}

#planAccess #textePlanAccess {
    height: 100px;
    left: 600px;
    position: absolute;
    top: 90px;
}

#planAccess #textePlanAccess p {
    font-size: 11px;
    color: #C47F4B;
}

#planAccess #textePlanAccess p.sousTitres {
    font-weight: bold;
    font-size: 16px;
    color: #633117;
}

#planAccess #textePlanAccess p.sousTitreAcces {
    font-weight: bold;
    font-size: 14px;
    color: #633117;
}

/*-----------------------------------------------------------------------------------------------------*/
#guidePedagogique {
    width: 600px;
    padding-top: 30px;
}

#guidePedagogique h4 {
    margin-left: 10px;
    color: #C47F4B;
}

#guidePedagogique h5 {
    margin-left: 10px;
    color: #633117;
}

#guidePedagogique p {
    margin-left: 20px;
    color: #000000;
    font-size: 12px;
    text-align: justify;
}

#guidePedagogique ol li {
    list-style-image: url('../imgs/fleche.gif');
    line-height: 1.8em;
    text-align: justify;
    font-size: 12px;
    padding-right: 5px;
}

#guidePedagogique #photosGuidePedagogique {
    position: absolute;
    left: 825px;
    top: 132px;
    width: 150px;
}

#guidePedagogique #photosGuidePedagogique div {
    text-align: center;
    border: 3px solid #374C13;
}

#guidePedagogique #photosGuidePedagogique div img {
    border: none;
}

#guidePedagogique #photosGuidePedagogique p {
    font-size: 11px;
    text-align: center;
}

#guidePedagogique .boldGuide {
    font-weight: bold;
}

/*-----------------------------------------------------------------------------------------------------*/
#sentMail {
    width: 600px;
    padding-top: 30px;
}

#sentMail h4 {
    margin-left: 30px;
    color: #C47F4B;
}

#sentMail a {
    color: black;
    margin-left: 70px;
}

#sentMail a:link {
    margin-left: 70px;
    color: #OOOOOO;
}

#sentMail a:visited {
    margin-left: 70px;
    color: #OOOOOO;
}

#sentMail a:active {
    margin-left: 70px;
    color: #OOOOOO;
}

#sentMail a:hover {
    margin-left: 70px;
    color: #C47F4B;
    text-decoration: underline overline;
}

/*-----------------------------------------------------------------------------------------------------*/
#errorMail {
    width: 600px;
    padding-top: 30px;
}

#errorMail h4 {
    margin-left: 30px;
    color: #C47F4B;
}

#errorMail p {
    margin-left: 30px;
    text-align: justify;
    color: black;
}

#errorMail a {
    color: black;
    margin-left: 70px;
}

#errorMail a:link {
    margin-left: 70px;
    color: #OOOOOO;
}

#errorMail a:visited {
    margin-left: 70px;
    color: #OOOOOO;
}

#errorMail a:active {
    margin-left: 70px;
    color: #OOOOOO;
}

#errorMail a:hover {
    margin-left: 70px;
    color: #C47F4B;
    text-decoration: underline overline;
}

/*-----------------------------------------------------------------------------------------------------*/
#relationsPresse {
    width: 600px;
    padding-top: 30px;
}

#relationsPresse h4 {
    margin-left: 10px;
    color: #C47F4B;
}

#relationsPresse p {
    margin-left: 10px;
    color: #OOOOOO;
    font-size: 12px;
}

#relationsPresse #photosRelationsPresse {
    position: absolute;
    left: 820px;
    top: 132px;
    width: 153px;
}

#relationsPresse #photosRelationsPresse div {
    text-align: center;
    border: 3px solid #374C13;
}

#relationsPresse #photosRelationsPresse p {
    font-size: 11px;
    text-align: center;
}

#relationsPresse #photosRelationsPresse img {
    border: none;
    border: 0px;
}

#relationsPresse #blocPlanPam table {
    padding: 10px;
    width: 550px;
    text-align: left;
}

#relationsPresse #blocPlanPam .relationsPresseTd {
    text-align: left;
    vertical-align: top;
}

#relationsPresse .sousTitreGreen {
    margin-left: 30px;
    font-weight: bold;
    color: #374C13;
}

#relationsPresse .paragrapheMarginLeft {
    margin-left: 30px;
    font-style: italic;
    font-size: 11px;
}

#relationsPresse #blocPlanPam { /*height:350px;*/

}

/*-----------------------------------------------------------------------------------------------------*/
#comment2006 {
    width: 740px;
    padding-top: 30px;
}

#comment2006 h4 {
    margin-left: 10px;
    color: #C47F4B;
}

#comment2006 #pics {
    width: 100%;
    margin-left: 30px;
}

#comment2006 #pics td img {
    border: 0px;
}

#comment2006 #cadreTexteGalerie {
    border: 1px;
    border-style: solid;
    margin-left: 30px;
    margin-bottom: 20px;
}

#comment2006 #cadreTexteGalerie p {
    margin-left: 30px;
    text-align: justify;
    font-weight: bold;
    font-size: 11px;
}

/*-----------------------------------------------------------------------------------------------------*/
#video {
    width: 740px;
    padding-top: 50px;
    text-align: center;
}

#video h4 {
    margin-left: 10px;
    color: #C47F4B;
}

#video #cadreTexte p {
    margin-left: 30px;
    text-align: justify;
    font-weight: bold;
    font-size: 11px;
}

/*-----------------------------------------------------------------------------------------------------*/
#contact {
    width: 740px;
    padding-top: 30px;
    padding-left: 30px;
}

#contact h4 {
    margin-left: 10px;
    color: #374C13;
}

#contact table {
    margin-left: 30px;
}

#contact .champsNames {
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #C47F4B;
    width: 170px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#contact input,textarea {
    background-color: #EDEDED;
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
}

#contact .annotations {
    font-size: 11px;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 10px;
}

#contact #inputValidation {
    background-color: #374C13;
    border-style: none;
    border-width: 0px;
    border-color: #000000;
    margin-left: 350px;
    width: 100px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}

/*---------------------------------------------------------------------------------*/
#fiche {
    width: 500px;
    padding-top: 30px;
}

#fiche #ficheGabarit {
    position: absolute;
    top: 230px;
    width: 770px;
}

#fiche h4 {
    margin-left: 10px;
    color: #C47F4B;
}

#fiche h5 {
    margin-left: 10px;
    color: #374C13;
}

#fiche #ficheGabarit p {
    margin-left: 10px;
    color: #OOOOOO;
    line-height: 20px;
    font-size: 12px;
    text-align: justify;
}

#fiche #ficheGabarit ul li {
    list-style-type: none;
    letter-spacing: 0em;
    line-height: 16px;
    font-size: 12px;
}

#fiche #ficheGabarit #floatRightFicheLiens {
    float: right;
    font-size: 12px;
    color: #000000;
}

#fiche #ficheGabarit #floatRightFicheLiens a {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

#fiche #ficheGabarit #floatRightFicheLiens a:hover {
    font-size: 12px;
    color: #000000;
    text-decoration: overline underline;
}

#fiche #photoFiche {
    position: absolute;
    left: 725px;
    top: 132px;
    width: 250px;
}

/*------------------------------------------------------*/
/*-------Page Inscription--------*/
#inscription {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    
}

#inscription #caenParcExpo {
    float: right;
}

#inscription #inscriptionTable {
    width: 100%;
}

#inscription .tableFormInscrip tr td,#inscription #inscriptionTable tr td
{
    padding-bottom: 10px;
}

#inscription .tableFormInscrip .champsLibelleNames {
    padding-right: 20px;
    text-align: right;
    width: 250px;
}

#inscription .encartInscription {
    border: 1px;
    border-style: solid;
    border-color: #755033;
    text-align: center;
    background-color: #E8D9CD;
    font-weight: bold;
    font-size: 12px;
    padding: 10px;
}

#inscription .encartInscription .boldInscription {
    font-weight: bold;
    font-size: 16px;
}

#inscription .inscriptionEtab {
    color: #436245;
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}

#inscription .annotationsInscription {
    color: #436245;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 5px;
}

#inscription .classInput {
    border: #000 solid;
    border-width: 0px 1px 1px 0px;
    background-color: #EDEDED;
}

#inscription #inputValidation {
    background-color: #374C13;
    border-style: none;
    border-width: 0px;
    border-color: #000000;
    margin-left: 10px;
    width: 100px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}

.resizeMe {
    cursor: n-resize;
}

.resizeMeIn {
    background-image: url("/imgs/resize_textarea.gif");
    background-color: #D8EF86;
    background-position: center center;
    background-repeat:no-repeat;
    bottom: 0;
    font-size: 1px;
    height: 6px;
    left: 0;
    overflow: hidden;
    position: relative;
    width: 338px;
}

.colorAlert {
    border: solid 1px red !important;
}

.infosGeneriques {
    color: #765134;
    font-weight: bold;
    font-size: 14px;
    padding: 15px 0px 10px 5px;
}


.infosGeneriques a{
    color: #765134;	
}

-->
#animations {
    text-align: center;
}

#animations img {
    width: 800px;
}

/*------------------------------------------------------*/
/*-------Page reservation pole espoir--------*/
.form_reservation_espoir {
    margin-bottom: 20px;
}

.center_title {
    margin-left: 40px;
}

.inscription_espoirs {
    padding-top: 90px;

}

.list_result {
    width: 760px;
    margin-left: 10px;
    border: 1px solid black;
    border-collapse: collapse;
}

.border {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
}

.head {
    height: 60px;
    color:#374C13;
    background-color: #F6E497;
}

.first {
    width: 180px;
}

.cellule {
    height: 60px;
    border: 1px solid black;

}

.center {
    text-align: center;
}

.bolt {
    font-weight: bold;
    font-size: small;
}

.impair {
    background-color: #C8D0CF;
}

.pair {
    background-color: #FFFFFF;
}


.msg_error{
    background-color: #FEF5F1;
    color: #8C2E0B;
    border-style:solid;
    border-width: 2px;
    border-color: #ED541D;
    width : 250px;    
    padding-left: 10px; 
}

.msg_ok{
    background-color: #F8FFF0;
    color: #234600;
    border-style:solid;
    border-width: 2px;
    border-color: #BBEE77;
    width : 250px;
    padding-left: 10px; 
}

#message{
    padding-top: 10px;
    padding-bottom : 10px;
}


.form_error{
    border-color: red;	
}

.dispositif{
    display: none;
    margin-right: -210px;
}

.red{
    color : red;	
}

.margin_top {
    margin-top: 15px;
}

#toggle_jeudi, #toggle_vendredi {
    margin-right: 5px;
}

.cursor {
    cursor: pointer;
}


p.texte {
    margin-left: 10px;
    color: #OOOOOO;
    line-height: 20px;
    font-size: 12px;
}

ul.texte li {
    list-style-image: url('../imgs/fleche.gif');
    line-height: 1.8em;
    text-align: justify;
    font-size: 12px;
    padding-right: 5px;
    margin-left: 20px;
}

.resa_jour{
    color: #7E440B;
}

.resa_jour:hover {
    color: #C47F4B;
    text-decoration: overline underline;
}