body, html, form
{
    text-align: left;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #808285;
    font-family: Helvetica;
    background-image:url(/assets/back.jpg);
    background-position:center center;
    background-repeat:repeat-x;
    background-attachment:fixed;
}
a.dot, .goutte 
{
    padding-left:15px; 
    background-image:url(/assets/dot.png);
    background-position:left center;
}
.goutte 
{
    color:Black;
}
em
{
    font-style: italic;
}
b, strong
{
    font-weight:normal;
    color:Black;
}
a
{
    cursor: pointer;
    text-decoration: underline;
    outline: expression(hideFocus='true');
    color:Black;
    outline: 0;
    -moz-outline: 0;
}
a:hover, a:hover *
{
    cursor: pointer;
}
a:focus
{
    outline-style: none;
}
form
{
    display: table;
}

#outer
{
    display: block;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    position: relative;
}
#inner
{
    width: 100%;
    height: 600px;
    z-index:2;
    position:relative;
    
}
#header
{
    width: 100%;
    height: 90px;
    position: relative;
    border-bottom: dotted 1px black;
}
#top
{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}
#top a 
{
    width:351px;
    margin-left:12px;
    display:block;
    background-image:url(/assets/logotype-ARNML.png);
    height:81px;
    background-repeat:no-repeat;
}
#containerWrapper
{
    width: 100%;
    height: 420px;
    position: relative;
    background-color:White;
}
#container
{
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    border-right: dotted 1px black;
    background-color:White;
}
#main
{
    height: 360px;
    width: 100%;
}
#menu
{
    width: 196px;
    height: 100%;
    position: relative;
    float: left;
    border-right: dotted 1px black;
    border-left: dotted 1px black;
    background-color:White;
}
#menu a:hover
{
    font-weight:bold;
}
#submenu
{
    width: 200px;
    height: 100%;
    position: relative;
    float: left;
    border-right: dotted 1px black;
    background-position:center bottom;
    background-repeat:no-repeat;
}
#submenu ul
{
    padding-top:15px;
    background-color:White;
}
#menu ul {
    margin-top:15px;
}
#menu li, #submenu li
{
    font-size: 108%;
    margin:0 0 13px 0;
    padding-left:12px;
    line-height:19px;
    
}
#submenu li
{
    font-size: 93%;
    margin:0 0 10px 0;
}
#menu li a, #submenu li a
{
    text-decoration:none;
    letter-spacing:0.05em;
}
#menu li.active a 
{
    font-weight:bold;
}
#menu .active, #submenu .active, #submenu li:hover
{
    background-color:#00CB9C;
}
#content
{
    height: 100%;
    width: 801px;
    position: relative;
    float: left;
}
#subsubmenu 
{
    line-height:19px;
    margin-top:15px;
    padding:0 15px;
    
}
#subsubsubmenu 
{
    line-height:19px;
    margin-top:10px;
    padding:0 15px;
    color:White;
}
#subsubsubmenu a 
{
    line-height:19px;
    color:White;
    text-decoration:none;
}
#subsubsubmenu a:hoevr
{
    text-decoration:underline;
}
#subsubsubmenu a.active
{
    color:Black;
}
#subsubmenu a
{

    color:#87888A;
    text-decoration:none;
    
}
#subsubmenu a.active
{

    color:Black;
    text-decoration:underline;
}

#contenttxt
{
    margin: 18px 15px 0;
    text-align:justify;
    line-height:16px;
}
#contentleft
{
    width:402px;
    height:100%;
    float:left;
    position:relative;
    font-size:85%;
    
}
#contentright
{
    width: 398px;
    border-left: dotted 1px black;
    float: left;
    height: 100%;
    position:relative;
}
#img 
{
    width:100%;
    height:310px;
    background-position:center top;
    background-repeat:no-repeat;
}
#imglegend
{
    height:35px;
    font-size:85%;
    color:#87888A;
    position:absolute;
    bottom:0;
    right:0;
    left:10px;
    font-style:italic; 
    text-align:left;
    line-height:17px;
}
#footer
{
    height: 90px;
    position: relative;
    border-top: dotted 1px black;
}
#bottom
{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    
}
#bottom a 
{
    margin-top:20px;
    display:none;
    float:left;
    background-position:left bottom;
}
#bottom:hover a 
{
    display:block;
}
#bottomright
{
    width: 388px;
    border-left: dotted 1px black;
    float: right;
    height: 100%;
    line-height:60px;
    padding-left:10px;
    font-size:93%;
    
}
#contentbottom
{
    padding-left:12px;
    position: relative;
    height: 60px;
    border-top: dotted 1px black;
    border-left: dotted 1px black;
    line-height:60px;

}
#contentbottom a 
{
        color:#87888A;
        text-decoration:none;
}
#contentbottom a:hover 
{
    color:Black;
        text-decoration:underline;
}
/* Text page navigation links */
#navcontent
{
    height:35px;
    width:100%;
    position:absolute;
    bottom:0;
}
#navcontent a.arrow, .imageLegend a.arrow
{
    display:block;
    color:White;
    width:50px;
    text-align:center;
    height:17px;
    line-height:17px;
    text-decoration:none;
    letter-spacing:0.05em;
}
.imageLegend a.arrow 
{
    float:right;
    background-color:#37BDC6;
    margin-left:10px;
}
#navcontent a.arrow:hover
{   
    color:black;
}
.arrowright
{
    float:right;
}
#contentleft #navcontent a.inactive:hover
{
    color:White;
    cursor:default;
}
#contentleft #navcontent a.inactive 
{
    background-color:#CCCCCC;
}
.leftlinks {
    position:absolute;
    left:0;
    top:0;
}
.rightlinks
{
    position:absolute;
    right:0;
    top:0;
    left:100px;
    line-height:17px;
    text-align:right;
}

.rightlinks .active
{
    color:Black;
    text-decoration:underline;
}
.rightlinks a 
{
   text-decoration:none;
   color:#87888A;
}


.ficheTechnique, .formulaire
{
    position:absolute;
    top:0; bottom:0;
    right:0;
    background-color:White;
    background-position: center bottom;
    background-repeat:repeat-x;
    overflow:hidden;
    font-size:85%;
}
.ficheTechnique
{
    background-image:url(/assets/ficheBack.jpg);
}
.ficheLeft, .formLeft 
{
    position:absolute;
    left:0; 
    width:402px;
    top:0;
    bottom:0;
    border-right:dotted 1px Black;
    
}
.ficheLeftTitle, .formLeftTitle 
{
    line-height:19px;
    margin-top:15px;
    padding:0 15px;
    color:White;
}
.ficheLeftText, .formLeftText 
{
    padding:0 15px;
    text-align:justify;
    line-height:17px;
}
 .formLeftText , .formRight 
 {
     margin-top:15px;
     line-height:20px;
 }
.ficheRight, .formRight 
{
    position:absolute;
    left:403px; 
    width:398px;
    top:0;
    bottom:0;
}
.formRight 
{
    padding:0 15px;
    top:39px;
    width:368px;
}
.ficheImg
{
    position:absolute;
    top:0; left:0; right:0; height:310px;
    overflow:hidden;
}
.ficheLegend
{
    position:absolute;
    left:10px; right:0; bottom:0; height:35px;   
    line-height:19px;
}
.imageLegend
{
    position:absolute;
    left:0; right:0; bottom:0; height:35px;   
    text-align:right;
    line-height:17px;
}
.ficheRetourAusite, .formRetourAusite
{
    position:absolute;
    left:0; right:0; bottom:0; height:35px;
    line-height:19px;
    cursor:pointer;
}
.formEnvoyer
{
    position:absolute;
    right:0; bottom:0; height:35px;
    line-height:19px;
    cursor:pointer;
}
.formenvoyerLink 
{
    padding:2px 10px;
    color:White;
    line-height:19px;
    height:19px;
    text-decoration:none;
}
.ficheRetourAusite .fleches, .formRetourAusite .fleches, .imageLegend .fleches
{
    padding:2px 10px;
    color:White;
    line-height:19px;
    height:19px;
    margin-right:10px;
}
.imageLegend a
{
    color:#808285;
    text-decoration:none;
}
.imageLegend a.active,.imageLegend a:hover
{
    color:Black;
    text-decoration:underline;
}
.formulaire input 
{
    border:0;
    border-bottom:1px dotted Black;
    width:300px;
}
.formulaire input.error 
{
    border-bottom:2px solid Red;
}
.formulaire .enseign input 
{
    width:230px;
}
.formSent
{
    width:783px; 
    position:absolute; 
    top:0; 
    left:0;
    height:70px;
    padding-top:290px;
    padding-left:18px;
    background-image:url("/assets/backFormSent.png");
    line-height:25px;
    color:White;
    font-size:13px;
    font-weight:bold;
    cursor:pointer;
}
.formulaire label 
{
    width:72px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.formulaire .enseign label 
{
    width:140px;
}
.formulaire .formRight label
{
    width:120px;
}
.formulaire .formRight input 
{
    width:247px;
}
.formulaire textarea
{
    width:368px;
    height:192px;
}
.formulaire textarea#presentationEnseignants
{
    height:156px;
}
/*********************************/

.clearer
{
    clear: both;
    float: none;
}

#diaporamaPic
{
    padding-left: 196px;
    height: 100%;
    border-left: dotted 1px black;
    overflow:hidden;
}

#bandeauxImage 
{ 
    position:absolute; 
    top:90px;
    right:0;
    bottom:148px;
    left:0;
    border-top: dotted 1px black;
    border-bottom: dotted 1px black;
    background-color:White;
    overflow:hidden;
    white-space:nowrap;
}
.diapImg
{

    width:800px;
    height:360px;
    line-height:360px;
    overflow:hidden;
    background-image:url(/assets/ajax-loader.gif);
    background-repeat:no-repeat;
    background-position:center center;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.diapImg img {float:left;}
#controlLeft
{
    position:absolute;
    cursor:pointer;
    left:0;
    background-color:rgba(255,255,255,0.5);
    top:91px;
    bottom:149px;
}
#controlRight
{
    position:absolute;
    cursor:pointer;
    right:0;
    
    background-color:rgba(255,255,255,0.5);
    top:91px;
    bottom:149px;
    
}
#arrayRight
{
    position:absolute;
    cursor:pointer;
    right:0;
    top:0;
    bottom:0;
    width:45px;
    background-color:rgba(255,255,255,0.5);
    background-image:url("/assets/arrayRight.png");
}
#arrayLeft
{
    position:absolute;
    cursor:pointer;
    left:0;
    top:0;
    bottom:0; width:45px;
    background-color:rgba(255,255,255,0.5);
    background-image:url("/assets/arrayLeft.png");
}
#backToSite
{
    position:absolute;
    left:0;
    top:0;
    width:188px;
    height:100%;
}
#backToSite a 
{
    padding:2px 10px 2px 50px;
    color:Black;
    font-size:93%;
}
#legendContainer 
{
    position:absolute;
    left:188px;
    top:0;
    right:0;
    height:100%;
    padding-left:14px;
    font-style:italic;
    border-left:dotted 1px Black;
    font-size:85%;
}

.remCol
{
    width :398px;
    height:100%;
    float:left;
    border-left:1px dotted black;
}
.remCol .txt
{
    padding:15px;
    text-align:justify;
    font-size:93%;
    line-height:23px;
}
.contactDiv 
{
    height:100%;   
    background-position:right center;
    float:left;
    width:1002px;
}
.line1
{
margin-bottom:16px;
margin-top:287px;

}
.line1, .line2
{
    padding-left:15px;
    color:Black;
}
.line1 a , .line2 a
{
    font-weight:bold;
}
#contentbottom a.active 
{
    color:Black;
}

div.button 
{
    background-image:url(/assets/buttonBack.jpg);
    background-repeat:no-repeat;
    width:136px; height:109px; position:relative;
    float:left;   
    margin:0 10px 5px 0;
}
div.button a.imgCont
{
    display:block;
    height:97px;
    width:126px;
    margin-top:2px;
    position:relative;
    background-repeat:no-repeat;
    background-position:center center;
    text-decoration:none;
}
div.button a.imgCont span
{
    display:block;
    position:absolute;
    bottom:0;
    width:118px;
    padding:0 4px;
    color:White;
    text-decoration:none;
}
div#buttons
{
    margin:15px 0 0 15px;
}
div.toolCont
{
    z-index:15000;
    font-size:85%;
    padding:5px; background-color:white;
    border:1px black solid;
}

#themeBtn
{
    background-image:url(/assets/themeBtn.png);
    background-repeat:no-repeat;
    position:absolute;
    left:80%;
    width:100px;
    height:100px;
    top:0;
    cursor:pointer;
}
.themeSheet
{
    background-image:url(/assets/themeBack.png);
    height:550px;
    width:1200px;
    position:absolute;
    top:57px; left:50%;
    margin-left:-600px;
    background-repeat:no-repeat;
    background-position:center 40px;
}
.themeSheet .Lettrine
{
    position:absolute;
    top:60px; left:50px; z-index:10;
    width:130px;
    height:130px;
    background-image:url(/assets/goutteThemeBack.png);
    background-position:left top;
    background-repeat:no-repeat;
}
.themeSheet .title
{
    font-size:200%;
    margin:16px 0;
    color:Black;
}
.themeSheet .txtcont
{
    position:relative;
    padding:107px 80px;
}
.themeSheet .txtcont .col
{
    position:relative;
    float:left;
    line-height:19px;
    padding-right:20px;
    padding-left:10px;
    text-align:justify;
    width:490px;
    z-index:11;
}
.themeSheet .txtcont div.col2
{
    padding-right:20px;
    padding-left:20px;
    width:480px;
}
.themeSheet .txtcont .col .themeParagraph
{
    padding-left:80px;
}
.themeSheet .close 
{
    position:absolute;
    width:570px;
    padding-left:30px;
    right:18px;
    height:35px;
    line-height:35px;
    top:0;
    background-image:url(/assets/themeClose.png);
    background-repeat:no-repeat;
    background-position:right center;
    color:White;
    cursor:pointer;
}
.themeSheet .close strong
{
    font-weight:bold;
    color:White;}
.themeSheet .arrowL, .themeSheet .arrowR
{
    background-color:#D6D92E;
    position:absolute;
    
    top:470px;
}
.themeSheet .arrowL
{
    left:42px;
}
.themeSheet .arrowR
{
    right:42px;
}
div.themeSheet .inactive a
{
        background-color:#CCCCCC;
}
.themeSheet .arrowR a, .themeSheet .arrowL a  
{
    text-decoration:none;
    color:White;
    padding:0 10px;
}


.diap .slideshow-images a, .diap .slideshow-images a img {cursor:default;}

#RN 
{
    background-image:url(/assets/logos/RN.png);
    background-repeat:no-repeat;
    width:48px;
    height:44px;
}
#natura2000 
{
    background-image:url(/assets/logos/natura2000.png);
    background-repeat:no-repeat;
    width:64px;
    height:44px;
    margin-left:10px;
}

#ILEDEFRANCE 
{
    background-image:url(/assets/logos/region-ile-de-france.png);
    background-repeat:no-repeat;
    width:114px;
    height:44px;
    margin-left:10px;
}


#EAUSEINE 
{
    background-image:url(/assets/logos/eau_de_seine.png);
    background-repeat:no-repeat;
    width:92px;
    height:44px;
    margin-left:10px;
}