/*code css pour pages principales*/

/* ------------------------------ code commun ------------------------------*/
body{
     font-family:Arial;
     font-size:10pt;
     margin-top: 0px;
     scrollbar-face-color : #f19025;
	 scrollbar-shadow-color : #f19025;
	 scrollbar-highlight-color : #9f1331;
	 scrollbar-3dlight-color : #f19025;
	 scrollbar-darkshadow-color : #9f1331;
	 scrollbar-track-color : #9f1331;
	 scrollbar-arrow-color : #9f1331;
}

img{
    border:none;
}

#page {
	position: relative;
	width: 900px;
	height: 500px;
	left: 50%;
	margin-left: -450px;
	z-index: 1;
	background-color:#FFFFFF;
} 

.gras{
    font-weight:bold;
}

.rougeGras{
       color:#9b1331;
       font-weight:bold;
}
.rougeGras a{
       color:#9b1331;
       font-weight:bold;
}
.italic{
       text-align:center;
       font-weight:bold;
       color:#9b1331;
       font-size:10pt;
       font-style:italic;
}
#imgAccueil{
      position:absolute;
      top:120px;
      left:0px;
      width:600px;
      height:430px;
      left: 50%;
	  margin-left: -300px;
}
#bdoAccueil{
      position:absolute;
      top:510px;
      left:0px;
      width:900px;
      height:40px;
      background-color : #f19025;
      font-size:24pt;
      text-align:center;
}
#bdoAccueil a{
      color:#FFFFFF;
      text-decoration:none;
      }
/* -------------------- Bandeau ME -------------------------- */       
#anim{
    position:absolute;
    top:70px;
    left:150px;
    width:600px;
    height:50px;
    z-index:25;
}
#bandeau{
    position:absolute;
    top:0px;
    left:0px;
    width:900px;
    height:100px;
    font-family:Arial;
    font-size:34pt;
    color:#9f1331;
    background-color:#FFFFFF;

}
.logo{
    width:164px;
    height:100px;
}

#ME{
    position:absolute;
    left:275px;
    top:20px;
    text-align:center;
}
#titreME{
    position:absolute;
    left:250px;
    top:20px;
    text-align:center;
    font-size:34pt;
    color:#9f1331;
}
/* -------------------- Menu ----------------------------- */
#menu{
      position:absolute;
      top:85px;
      left:0px;
      text-align:center;
      width:900px;
}
#trait{
       width:900px;
       height:5px;
       background-color:#FFFFFF;
       position:absolute;
       top:100px;
       left:0px;
       z-index:1;
       vertical-align:bottom;
}
#traitBas{
       width:900px;
       height:5px;
       background-color:#FFFFFF;
       position:absolute;
       top:450px;
       left:0px;
       z-index:3;
}
/* ----------------- Colonne ----------------- */
#colonneR{
     position:absolute;
      top:113px;
      left:680px;
      width:220px;
      height:477px;
      background-color:#9f1331;
       z-index:2;
}

#colonneBeige{
      position:absolute;
      top:113px;
      left:680px;
      width:220px;
      height:477px;
      background-color:#a99e88;
       z-index:2;
}
#colonneBeigeAtlas{
      position:absolute;
      top:113px;
      left:680px;
      width:220px;
      height:477px;
      background-color:#bba489;
       z-index:2;
}
#colonneChoco{
      position:absolute;
      top:113px;
      left:680px;
      width:220px;
      height:477px;
      background-color:#8d442d;
       z-index:2;
}
#colonneTaupe{
      position:absolute;
      top:113px;
      left:680px;
      width:220px;
      height:477px;
      background-color:#baa093;
       z-index:2;
}
#colonneOrange{
      position:absolute;
      top:113px;
      left:680px;
      width:220px;
      height:477px;
      background-color: #f19025;
       z-index:2;
}
#colonneKaki{
      position:absolute;
      top:113px;
      left:680px;
      width:220px;
      height:477px;
      background-color: #a8a875;
       z-index:2;
}
#colonneVert{
      position:absolute;
      top:113px;
      left:680px;
      width:220px;
      height:477px;
      background-color: #b0c647;
       z-index:2;
}
#colonneRose{
      position:absolute;
      top:113px;
      left:680px;
      width:220px;
      height:477px;
      background-color: #ea6574;
       z-index:2;
}
#colonneO{
      position:absolute;
      top:113px;
      left:717px;
      width:183px;
      height:350px;
      background-color: #f19025;
      z-index:5;
      
}

/*---------------------- Pied de page -------------------- */
.fly{
     position:absolute;
     top:0px;
     left:0px;
     width:227px;
     text-align:center;
}

.atlas{
     position:absolute;
     top:0px;
     left:227px;
     width:227px;
     text-align:center;
}

.crozatier{
     position:absolute;
     top:0px;
     left:454px;
     width:226px;
     text-align:center;
}

#pied{
      position:absolute;
      top:510px;
      left:0px;
      height:80px;
      width:681px;
      z-index:2;
}
/* ------------------ Edito -----------------------*/
.titreEdito{
       width:150px;
       font-size:14pt;
       color:#9f1331;
       font-weight:bold;
       }
#imgEdito{
      position:absolute;
      top:155px;
      left:430px;
}
.logoEns{
      position:absolute;
      top:470px;
      left:0px;
      width:900px;
      height:60px;     
      vertical-align:middle;  
}
.txtcentre a, txtcentre a:hover{
       text-decoration:none;
       color:#9b1331;
}
.centre{
       text-align:center;
}

#liste{
       position:absolute;
       top:115px;
       left:15px;
       width:150px;
       font-weight:bold;
       font-size:13pt;
       color:#9f1331;
       text-align:center;
}

ul li{
       margin: .5em;

}

li a{
       text-decoration:none;
       color:#9b1331;
}

li a:hover{
       font-weight:bold;
}

ul {
       list-style-image:url(../images/puceR.gif);
}

#edito{
       position:absolute;
       top:130px;
       left:30px;
       width:350px;
}
.flyEns{
     position:absolute;
     top:5px;
     left:0px;
     width:290px;
     text-align:center;
}

.atlasEns{
     position:absolute;
     top:5px;
     left:305px;
     width:290px;
     text-align:center;
     margin-top:27px;
}

.crozatierEns{
     position:absolute;
     top:5px;
     left:605px;
     width:290px;
     text-align:center;
}
/* ------------------ Contenu ----------------------- */

#contenu{
          background-color:#FFFFFF;
      position:absolute;
      top:127px;
      left:20px;
      width:750px;
      height:440px;
}
.chiffre2{
       font-size:12pt;
       font-weight:bold;
       color:#9f1331;

       }
.titre{
       width:150px;
       font-size:12pt;
       color:#9f1331;
       }

.conteneur{
      position:absolute;
      top:0px;
      left:150px;
      width:470px;
}    
.conteneur2{
      position:absolute;
      top:0px;
      left:150px;
      
}  
.titreO{
       color:#f19025;
       font-weight:bold;
       font-size:16pt;
       }
.titreR{
       color:#9f1331;
       font-weight:bold;
       font-size:16pt;
       }     
.titre a{
       color:#9b1331;
       }
       
.titre a:hover{
       color:#9b1331;
       text-decoration:none;
       }
.ca{
     position:absolute;
     top:210px;
     left:450px;
     font-size:8pt;
     font-weight:bold;
     color:#000000; 
     z-index:5;  
 }
#mag{
     position:absolute;
     top:45px;
     left:0px;
     text-align:center;
}

/* ------------------- photo et frise ------------------------ */
.photo{
    width:220px;
    position:absolute;
    top:0px;
    left:0px;
}

.photo2{
    width:220px;
    position:absolute;
    top:170px;

}
#frise{
     position:absolute;
     top:190px;
     left:-130px;
     font-family:Arial;
     font-size:8pt;
     color:#9f1331;
     text-align:center;
}
#para1{
       position:absolute;

              left:-20px;
       top:40px;
       width:100px;
}
#para2{
       position:absolute;
       left:180px;
       top:-60px;
       width:120px;
}
#para3{
       position:absolute;
       left:255px;
       top:40px;
       width:110px;
}
#para4{
       position:absolute;
       left:338px;
       top:-55px;
       width:80px;
}
#para5{
       position:absolute;
       left:395px;
       top:40px;
       width:60px;
}
#para6{
       position:absolute;
       left:490px;
       top:-50px;
       width:110px;
}


/* --------------- colonne ---------------- */
.txtcolonne{
        position:absolute;
        top:250px;
        left:10px;
       text-align:center;
       font-weight:bold;
       color:#f19025;
       font-size:10pt;
       width:200px;
}
.txtcolonne4{
        position:absolute;
        top:300px;
        left:10px;
       text-align:center;
       font-weight:bold;
       color:#f19025;
       font-size:10pt;
       width:200px;
}
.txtcolonneB{
       margin-top:200px;
       margin-left:10px;
       text-align:center;
       font-weight:bold;
       color:#ffffff;
       font-size:10pt;
       width:200px;
}
/*.txtcolonne2{
       margin-top:370px;
       margin-left:10px;
       text-align:center;
       font-weight:bold;
       color:#f19025;
       font-size:10pt;
       width:200px;
}*/
/* ------------ enseignes -------------------- */
.lien{
text-decoration:underline;
}
.titreFly a{
      color:#f19025;
      font-size:12pt;
      font-weight:bold;
      text-decoration:none;
}
.titreFly a:hover{
      text-decoration:underline;
}
.titreAtlas a{
      color:#f19025;
      font-size:9pt;
      font-weight:bold;
      text-decoration:none;
}
.titreAtlas a:hover{
      text-decoration:underline;
}
.titreCrozatier a{
      color:#f19025;
      font-size:10pt;
      font-weight:bold;
      text-decoration:none;
}
.titreCrozatier a:hover{
      text-decoration:underline;
}
.chiffre a{
     color:#f19025;
     font-weight:bold;
     font-style:italic;
     position:absolute;
     top:350px;
     font-size:12pt;
}
#lienRes{
     color:#f19025;
     font-weight:bold;
     font-style:italic;
     font-size:10pt;
}
.pastille{
      text-decoration:underline;
	  z-index:-1;
	  }
/* ----------------- fly ------------------- */
.titreFly{
      color:#a5c959;
      font-size:12pt;
      width:120px;
}

.titreAtlas{
      color:#a33f4a;
      font-size:12pt;
      width:120px;
}
.titreCrozatier{
      color:#b29993;
      font-size:12pt;
      width:120px;
}
.detailChiffres{
    color:#9f1331;
    font-weight:bold;
    font-size:12pt;
}
.centre{
       text-align:center;
}

.txtcentre{
       text-align:center;
       font-weight:bold;
       color:#9b1331;
       font-size:8pt;
}


/* ----------------------- mentions ------------------------ */
.mentions2{
       text-indent:5px;
       font-family:Arial;
       font-size:10pt;
       color:#9b1331;
       padding:5px;

}

.mentions2 a,mentions2 a:hover{
       font-weight:bold;
       font-size:10pt;
       color:#9b1331;
}

#mentions{
       font-family:Arial;
       font-style:italic;
       font-size:8pt;
       color:#9b1331;
       position:absolute;
       top:595px;
       left:0px;
       text-align:center;
       width:100%;
}

#mentions a, mentions a:hover{
       text-decoration:none;
       color:#9b1331;
}



#colonne{
      position:absolute;
      top:200px;;
      left:746px;
      width:209px;
      height:381px;
}

.txt_dev{
width:280px;}


#menu a{
      color:#9b1331;
      text-decoration:none;
      font-weight:normal;  
}


#contact{
       position:absolute;
       top:84px;
       left:50px;
}

#coord{
       position:absolute;
       top:84px;
       left:250px;
}

#coord a:hover{
       text-decoration:underline;
}

 
#res{
     position:absolute;
     top:-13px;
     left:143px;
     z-index:1;
           width:517px;
       height:400px:
       z-index:0;
}
#resFly{
     position:absolute;
     top:-20px;
     left:235px;
     width:424px;
     height:400px:
}
#resAtlas{
     position:absolute;
     top:13px;
     left:265px;
     width:400px;
     height:343px:
}
#resCroz{
     position:absolute;
     top:13px;
     left:235px;
     width:424px;
     height:343px:
}
.titre_res{
     position:absolute;
     top:0px;
     left:0px;
      z-index:7;
}


/* ----------------------------- code en savoir+ -------------------------- */
#imgplus{
         background-image:url(../images/plus.jpg);
         background-repeat:no-repeat;
}

#tabplus{
         margin-right:.5em;
         margin-left:.5em;
         position:absolute;
         top:110px;
         left:0px;
         width:480px;
}


/* ------------------------------ code page mentions legales------------------------*/

#imgmention{
       background-image:url(../images/mention.jpg);
       background-repeat:no-repeat;
}

#tabmention{
       margin-right:.5em;
       margin-left:.5em;
       position:absolute;
       top:110px;
       left:0px;
       width:440px;
}