/** balises ***************************************************************** */
*{
    margin:0; padding:0; border:none;
}
html {overflow-y:scroll;} /* Firefox debug */
ul {
    list-style:none;
}
body{
    margin:0; padding:0;
    background:#ffffff url(../img/bg-body.jpg) repeat-x top left; color:#656565;
    font:0.75em/1.35em Arial, Geneva, Helvetica, sans-serif;
}
body.longContent {
    background:#ffffff url(../img/bg-body.jpg) repeat-x 0px -175px;
}
hr{
    position:absolute; left:-999999em;
}
p {
    margin: 0.5em 0;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
acronym{
    text-decoration:none;
    border-bottom:none;
}
img{
    border:0;
}
input, textarea{
    font:1em/1.35em Arial, Geneva, Helvetica, sans-serif;
}
.clearer{
	margin: 0;
	padding: 0;
	height: 1px;
	visibility: hidden;
	clear: both;
	line-height:1px;
	float:none;
}

/** structure *************************************************************** */
#page{
    margin:1em auto 0 auto; padding:0;
    position:relative;
}
    #head{
        margin:0px; padding:0;
    }
        #headContentWrapper{
            width:932px; height:63px;
        }
    #mainContent{
        position:absolute;z-index:2;
        clear:both;
        width:984px;
    }
        #mainContentWrapper{
            width:938px;
            padding:3px 23px 0 23px;
        }
            #chapo{
                width:938px;
            }
                #chapo h1, #chapo p{
                    margin-top:0;
                    margin-bottom:0;
                }
                #chapo img.deco{
                    position:absolute; top:0; left:0; z-index:1;
                }
                #chapo div.content,
                #chapo div.chapo{
                    position:absolute; z-index:2;
                    overflow:auto;
                }
                #bandeauAleatoire{
                    width:938px; height:354px;
                    text-align:center;
                }
                    #loader{
                        margin-top:-210px;
                        color:#A499C5;
                        font-size:0.9em;
                    }
            #content{
                margin:0 0 0 20px;
            }
    #footer{
        z-index:3;
        margin:0; padding:5px 0 0 0;
        color:#666666;
        background:transparent url(../img/hr2.gif) repeat-x 20px 0%;
        font-weight:bold;
    }
        #footer ul{
            list-style:none;
            margin:0; padding:0;
        }
            #footer ul li{
                float:left;
                margin:0; padding:0 0 0 0.2em;
            }
            #footer ul li.lessImportant{
                font-size: 0.9em;
                padding-top:0.1em;
            }
            #footer ul li.active{
                font-weight:bold;
                color:#4E2683;
            }
                #footer ul li a{
                    color:#666666;
                }
                #footer ul li a:hover{
                    text-decoration:underline;
                }
                    #footer ul li a img{
                        vertical-align:top;
                    }

/** microformat du site ***************************************************** */
/* Ascenseur perso */
.toScroll{
	overflow:hidden;
	position:relative;
}
.scrollContent {
	padding-right:20px;
	position:absolute;
}
.scrollBar {
	background:transparent none repeat scroll 0%;
	bottom:10px;
	cursor:pointer;
	position:absolute;
	right:0pt;
	top:10px;
	width:20px;
}
.scrollBar .face {
	background:transparent url(../img/bg-ascenceur.gif) repeat-y scroll right top;
	padding-left:10px;
	position:absolute;
	top:0pt;
	width:10px;
}
.scrollBar .up {
	background:transparent url(../img/fleche-haut.gif) no-repeat scroll left top;
	height:6px;
	position:absolute;
	right:0pt;
	top:-10px;
	width:10px;
}
.scrollBar .down {
	background:transparent url(../img/fleche-bas.gif) no-repeat scroll left top;
	bottom:-10px;
	height:6px;
	position:absolute;
	right:0pt;
	width:10px;
}
/* FIN Ascenseur perso */


.invisible{
    position:absolute !important; left:-9999em;
}
.hr{
    background:transparent url(../img/hr.gif) repeat-x top left;
}
#chapo .content, 
.overflowAuto{
    overflow:auto;
}
.push .wrapper{
    overflow:auto;
    margin: 0;
}
.push .content{
    clear:both;
}
p.chapo{
    font-weight:bold;
}
p.action{
    margin-top:0.5em !important;
    font-size:0.9em; font-weight:bold;
}
p.action a{
    padding:0 0 0 10px;
    background:transparent url(../img/puce-nav.gif) no-repeat 0% 50%; color:#4E2683;
    text-decoration:none;
}
p.action a:hover{
    text-decoration:underline;
}
.large{
    font-size:1.1em;
    line-height:1.5em;
}
.x-large{
    font-size:1.25em;
    line-height:2em;
}
.small{
    font-size:0.833333em;
}
.x-small{
    font-size:0.694444em;
}
#tools{
    position:relative;
	z-index: 20;
    list-style:none;
}
#tools ul {
    position:absolute;
}
    #tools li{
        float:left;
    }



/** formulaires ************************************************************* */
#fauxSelect{
    position:absolute;
    z-index:999;
    background:#FFFFFF;
    border-right:1px solid #C2B9D9;
    border-bottom:1px solid #C2B9D9;
    border-left:1px solid #C2B9D9;
    overflow:hidden;
}
#fauxSelect ul{
    list-style:none;
    padding:2px;
}
#fauxSelect ul li{
    padding:1px 2px;
}
#fauxSelect ul li:hover, #fauxSelect ul li.hover{
    background:#C2B9D9; color:#FFFFFF;
}
#fauxSelect .scrollContent{
    position:absolute;
}

#fauxSelect .scrollBar{
    background:transparent none repeat scroll 0 0;
    bottom:2px;
    cursor:pointer;
    height:196px;
    position:absolute;
    right:2px;
    top:2px;
    width:9px;
}
#fauxSelect .face{
    background:transparent url(../img/bg-ascenceur-faux-select.gif) repeat-y scroll left top;
    position:absolute;
    top:0;
    width:9px;
}
#fauxSelectMask {
    position:absolute; top:0; left:0;
    z-index:998;
}
.replaced select, 
.replaced .radioGroup input{
    position:absolute;
    top:-999999em;
    left:-999999em;
}
.replaced .select .field{
    float:left;
    width:167px;
    background:transparent url(../img/bg-select-185.png) no-repeat top left;
    padding: 2px 9px;
}

.radioGroup label{
    width:72px;
    float:left;
    padding:0 0 0 18px;
    background:transparent url(../img/bg-radio-13.png) no-repeat top left;
	cursor: pointer;
}
span.legend, 
.text label,
.select label{
    width:150px;
    float:left;
}
.text .field{
    background:transparent url(../img/bg-input-185.png) no-repeat top left;
    float:left;
    width:176px;
    padding:0 0 2px 9px;
}
.text .field input{
    background:transparent;
    width:166px;
    color:#656565;
    padding-bottom:0.5em;
}
.checkbox{
    padding-left:150px;
}
.checkbox input{
    position:absolute; top:-999999em; left:-999999em;
}
.checkbox label{
    padding:0 0 0 18px;
    background:transparent url(../img/bg-checkbox-13.png) no-repeat top left;
    display:block;
}

p.required{
    float:left;
    font-size:0.8em;
}
div.actions{
    text-align:right;
}
.radioGroup label.checked{
    background:transparent url(../img/bg-radio-13-checked.png) no-repeat top left;
}
.checkbox label.checked{
    background:transparent url(../img/bg-checkbox-13-checked.png) no-repeat top left;
}
.radioGroup label.checkedFocus{
    background:transparent url(../img/bg-radio-13-checkedFocus.png) no-repeat top left;
}
.checkbox label.checkedFocus{
    background:transparent url(../img/bg-checkbox-13-checkedFocus.png) no-repeat top left;
}
.radioGroup label.focus{
    background:transparent url(../img/bg-radio-13-focus.png) no-repeat top left;
}
.checkbox label.focus{
    background:transparent url(../img/bg-checkbox-13-focus.png) no-repeat top left;
}

.fauxSelect{
    line-height:1.3em;
}
/* */


#content .content ul, 
    #content .content ol{
        list-style:none;
    }

    #content .content li{
        padding-left:0.5em;

        background:transparent url(../img/puce-sous-navLink.gif) no-repeat 0 0.5em;
    }

    #content #contentWrapper.large .content li{
        background-position:0 0.7em;
    }

    #content #contentWrapper.x-large .content li{
        background-position:0 0.9em;
    }

/* ** vrac ****************************************************************** */
p.download a{
    text-decoration:none;
    color:#4E2683;
    background:transparent url(../img/ico-pdf.gif) no-repeat scroll 0 50%;
    padding:0 0 0 20px;
    font-size:0.9em;
    font-weight:bold;
    margin-top:0.5em !important;
}
p.download a:hover{
    text-decoration: underline;
}

.open dd .toScroll{
    display:none;
}
.open dd.open .toScroll{
    display:block;
}
.accordion dl#currentTopLevelItem.open dt span span {
    background-image:url(../img/puce-accordion-on.gif);
}

.dimension .field{
    background:transparent url(../img/bg-input-85.png) no-repeat top left;
    float:left;
    width:76px;
    padding:0 0 2px 9px;
}
.dimension .field input{
    background:transparent;
    width:66px;
    color:#656565;
    padding-bottom:0.5em;
}
.js #btnSubmitUnit{
    position:absolute;top:-999999em;left:-999999em;
}

.text, 
.radioGroup, 
.select, 
.checkbox, 
.textarea{
/*    background-color:red;
/*    padding-top:1px;*/
}