@charset "iso-8859-1";
body{
   scrollbar-base-color:#61615f;
   scrollbar-arrow-color:#61615f;
   scrollbar-highlight-color:#61615f;
   scrollbar-shadow-color:#61615f;
   scrollbar-face-color:#61615f;
   scrollbar-track-color:#61615f;
   background-color:#61615f;
}

a img{
   border:none;
}

#logo{
   position:absolute;
   top:25px;
   left:5px;
   z-index:10;
}

.newsletter{
   position:absolute;
   font-family:arial; 
   font-size:11px;
   top:24px;
   right:5px; 
   z-index:3;
   color:white;
   height:15px;
   width:380px;
}

.projetAsso{
   width:100%;
   margin-left:0px;
   color:black;
   margin-top:0px;
   font-family:trebuchet,arial;
   text-align:left;
   font-size:11px;
   line-height:18px;   
}

/* style de la page index*/
.conteneurIndex{
  position:relative;
  margin:auto;
  margin-top:20px;
  width:744px;
  height:530px;
  font-family:arial;
  font-size:10px;
  }

.titreIndex{
  position:absolute;
  z-index:1;  
  top:30px;
  left:30px;
  width:372px;
  height:60px;
  color:white;
  font-size:25px;
  font-family:century gothic,arial,trebuchet MS;
  text-align:left;
  letter-spacing:2px;
}

.logoIndex{
  position:absolute;
  z-index:1;  
  top:0px;
  left:492px;
  background-color:#5b5b5a;
  width:252px;
  height:248px;
  text-align:center;
}

.slogan{
  position:absolute;
  z-index:1;  
  top:445px;
  left:30px;
  width:372px;
  height:53px;
  vertical-align:bottom;
  text-align:right;
  color:white;
  font-size:19px;
  font-family:century gothic,arial,trebuchet MS;
  letter-spacing:1px;  
}
#lien1, #lien2, #lien3, #lien4, #lien5, #lien6{
  position:absolute;
  z-index:1;
  top:252px;
  left:108px;
  width:124px;
  height:124px;
  text-transform:uppercase;
}

#lien1 table, #lien2 table, #lien3 table, #lien4 table, #lien5 table, #lien6 table{
  font-size:16px;
  text-align:center;
  height:100%;
  line-height:30px;
  color:white;
}

.visage1{
  position:absolute;
  z-index:1;
  top:124px;
  left:364px;
  width:124px;
  height:124px;
}
.visage2{
  position:absolute;
  z-index:1;
  top:252px;
  left:236px;
  width:124px;
  height:124px;
}
.visage3{
  position:absolute;
  z-index:1;
  top:252px;
  left:364px;
  width:124px;
  height:124px;
}
.visage4{
  position:absolute;
  z-index:1;
  top:252px;
  left:492px;
  width:124px;
  height:124px;
}
.visage5{
  position:absolute;
  z-index:1;
  top:252px;
  left:620px;
  width:124px;
  height:124px;
}
.visage6{
  position:absolute;
  z-index:1;
  top:380px;
  left:492px;
  width:124px;
  height:124px;
}

.adresseIndex{
  position:absolute;
  z-index:1;
  top:506px;
  left:492px;
  width:248px;
  height:30px;
  color:gray;
  text-align:right;
  letter-spacing:1px;
}

.adresseIndex a{
  color:gray;
  letter-spacing:0px;
  text-decoration:none;
}

/* style du viewer */

	#flashcontent {
		height: 100%;
	}
	
.calqueviewer{
   position:absolute;
   top:0px;
   left:0px;
   z-index:100;
   width:100%;
   height:100%;
   background-color:black;
   opacity:0.85;
   filter:alpha(opacity=85);
}

.menuGalerie{
  text-align:right;
  font-family:arial;
  margin-top:90px;
  font-size:12px;
  width:720px;
  color:gray;
}

/* style des services */
.services{
  width:95%;
  margin-left:10px;
  text-align:left;
}

.services h2{
  color:#57a3be;
  text-align:left;
}

.services td{
  padding:5px;
}


/* style du menu haut */

dl, dt, dd, ul,li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size:11px;
}

/* style du plan */

.plan{
   margin-top:10px;
   margin-left:10px;
   text-align:left;
   width:580px;
   font-size:11px;
   font-family:arial,trebuchet;
}

.plan td {
   vertical-align:top;  
   margin:0;
   padding:0;
   }

.plan td a:hover{
   background-color:#ef8237;
   display:block;
   color:white;
   }

.plan td a {
   display:block;
   border-left:1px dotted gray;
   padding-left:10px;
   text-decoration:none;
   height:25px;
   color:black;
   }

/* style du menu */

#menu
{
  width:950px;
  right:0px;
  z-index:10;
  font-family:arial;
  position:absolute;
  letter-spacing:1px;
  top:167px;
}

#menu dl
{
float:right;
}

#menu dt
{
color:white;
text-align:center;
border-left:1px solid white;
}

#menu dt a
{
color:white;
text-align:center;
text-decoration:none;
font-size:12px;
}

#menu dd
{
position:relative;
top:4px;
display:none;
border-bottom:1px solid #C6C6C8;
border-right:1px solid #C6C6C8;
}

#menu li
{
text-align:left;
background-color:#c1df5e;
letter-spacing:0px;
height:20px;
border-bottom:1px solid white;
}

#menu li a
{
color:black;
text-decoration:none;
display: block;
padding-top:3px;
height:100%;
border:none;
font-size:11px;
letter-spacing:0px;
padding-left:10px;
height:20px;
}

#menu dt a:hover, #menu dt a:focus
{
color:black;
text-decoration:underline;
}

#menu li a:hover, #menu li a:focus
{
color:black;
text-decoration:none;
display:block;
background-color:#e1ff7a;
}

/* style du contour */

.textDefilant{
   font-size:11px;
   font-family:arial;
   width:450px;
   text-align:left;
   color:white;
   margin-top:25px;
   margin-right:15px;
}

.index{
   width:744px;
   height:530px;
   font-size:11px;
   font-family:trebuchet,arial;
   background-color:#31312e;
   text-align:center;
}

.contour{
   width:957px;
   height:520px;
   font-size:11px;
   font-family:trebuchet,arial;
   margin-top:0px;
}

/* style des actions */

.gauche img{
   float:left;
   margin-right:10px;
   height:80px;
   margin-top:2px;
}

.droite img{
   float:right;
   margin-left:10px;
   height:80px;
   margin-top:2px;   
}

/* style des liens */

.mod{
   color:#BC270B;
   font-weight:bold;
   font-size:11px;
   text-decoration:none;
}

.seq{
   color:black;
   font-size:11px;
   text-decoration: none;
}

a:hover{
   color:#ed7538;
}

a{
   color:#7d9d09;
}

.menuTd{
   vertical-align:middle;
   text-align:center;
   border-left:1px solid white;
   border-bottom:1px solid white;
}

/* style de accueil.html */

.menuHaut{
   width:957px;
   height:25px;
   font-size:11px;
   z-index:2;
   font-family:arial,trebuchet;
   background-image:url('../skin/graphisme/fondMenuHaut.jpg'); 
}

.menuBas{
   width:500px;
   height:20px;
   text-align:left;
   font-size:10px;
   text-transform:uppercase;
   font-family:arial,trebuchet;
   margin-left:20px;
}

.menuBas a{
   color:#31312e;
   text-decoration:none;
}

.conteneur{
   position:relative;
   margin:auto;
   margin-top:20px;
   width:957px;
   height:530px;
   font-family:arial;
}

.bandeau{
   width:957px;
   height:160px;
   font-size:11px;
   font-family:arial,trebuchet;
   background-image:url('../skin/graphisme/fondBandeau.jpg');
   text-align:right;
   vertical-align:top;
}

.recherche{
   position:absolute;
   top:5px;
   left:722px;  
   z-index:3;
}

.titre{
   position:absolute;
   top:5px;
   left:19px;  
   z-index:3;
   color:white;
}

.adresse{
   position:absolute;
   top:5px;
   right:0px;  
   z-index:3;
   color:#e0dcdc;
   font-size:11px;
   letter-spacing:1px;
   font-family:arial, sans-serif; 
}

.logo{
   position:absolute;
   top:70px;
   left:470px; 
   z-index:1;
   width:207px;
   height:95px;
   opacity:0.8;
   filter:alpha(opacity=80);   
}

.copyright{
   margin-top:5px;
   font-size:10px;
   color:white;
   text-align:right;
   width:100%;
   font-family:arial;
}

.copyright a{
   color:white;
   text-decoration:none;
}

.zoneCentrale{
   width:707px;
   height:350px;
   color:black;
   font-size:11px;
   vertical-align:top;
   background-image:url('../skin/graphisme/fondZoneCentrale.png');
   background-repeat:no-repeat;
   background-position:bottom right;   
   background-color:white;  
}

.zoneBasse{
   background-color:white;
   border-top:1px solid #9c9c9c;
}

.zoneCentrale table{
   font-size:11px;
   width:100%;
}

.zoneCentrale ul li{
   margin-top:15px;
}

.menuGauche{
   width:170px;
   height:349px;
   font-size:10px;
   text-transform:uppercase;
   font-family:arial,trebuchet;
   vertical-align:top;
   padding-top:50px;
   text-align:left;
   background-color:#c1df5e;
}

.menuGauche a{
   display:block;
   color:#5c7604;
   height:25px;
   padding-top:10px;
   border-bottom:1px solid #5c7604; 
   width:170px;
   text-decoration:none;
}

.menuGauche a:hover{
   display:block;
   color:#5c7604;
   background-color:white;
   padding-top:10px;
   border-bottom:1px solid #5c7604;   
   height:25px;
   width:170px;
}

.menuDroit{
   width:250px;
   height:350px;
   font-size:11px;
   font-family:arial,trebuchet;
   text-align:left;
   vertical-align:top;
   background-image:url('../skin/graphisme/fondMenuDroit.png');
}

.menuDroit h2{
   font-size:13px;
   text-align:left;
   margin-bottom:0px;
   margin-top:5px;
   margin-left:10px;
   width:225px;
   border-bottom:1px solid white;
}

.basPage2{
   color:white;
   font-size:10px;
   background-image:url('../skin/graphisme/fondMenuDroit.png');
   text-align:center;
   height:20px;
   vertical-align:bottom;   
}

.ascenseur{
   overflow:auto;
   width:99%;
   height:275px;
}

.zoompdf{
   text-align:center;
   position:absolute;
   left:170px;
   top:495px;
   width:82px;
   height:82px;
   z-index:5;
}

.ca{
   position:absolute;
   left:245px;
   top:200px;
   width:170px;
   height:60px;
   z-index:5;
   background-image:url('../skin/graphisme/calque.png');
}

.ca2{
   position:absolute;
   left:520px;
   top:185px;
   width:430px;
   height:338px;
   background-color:white;  
   opacity:0.8;
   filter:alpha(opacity=80); 
   z-index:4;
}

.ed{
   position:absolute;
   left:420px;
   top:475px;
   width:134px;
   height:20px;
   z-index:5;
   background-image:url('../skin/graphisme/calque.png');
}

.be{
   position:absolute;
   left:420px;
   top:495px;
   width:134px;
   height:20px;
   z-index:5;
   background-image:url('../skin/graphisme/calque.png');
}

.ga{
   position:absolute;
   left:420px;
   top:518px;
   width:134px;
   height:20px;
   z-index:5;
   background-image:url('../skin/graphisme/calque.png');
}

.mb{
   position:absolute;
   left:420px;
   top:540px;
   width:134px;
   height:20px;
   z-index:5;
   background-image:url('../skin/graphisme/calque.png');
}

.rr{
   position:absolute;
   left:420px;
   top:565px;
   width:134px;
   height:20px;
   z-index:5;
   background-image:url('../skin/graphisme/calque.png');
}

.orgaFjt{
   position:absolute;
   left:603px;
   top:195px;
   width:124px;
   height:447px;
   z-index:4;
}

.bandeauA{
   width:950px;
   height:50px;
   font-size:11px;
   font-family:arial,trebuchet;
   background-color:gray;
   text-align:left;
}

.menuGaucheA{
   width:250px;
   font-size:11px;
   vertical-align:top;
   font-family:arial,trebuchet;
   background-image:url('../skin/graphisme/fondMenuDroit.png');
   text-align:left;
}

.zoneCentraleA{
   width:500px;
   font-size:11px;
   font-family:arial,trebuchet;
   text-align:left;
   border-right:1px solid gray; 
   vertical-align:top;  
}

.menuDroitA{
   width:200px;
   font-size:11px;
   font-family:arial,trebuchet;
   text-align:left;
}

.info{
   width:225px;
   margin-top:5px;
   margin-left:10px;
   margin-right:15px;   
   font-size:11px;
   color:black;
   border-bottom:1px solid white;
   padding-bottom:5px;
   text-align:justify;
}

.info a{
   color:black;
   text-decoration:none;
}

.info a:hover{
   color:white;
}

.actus{
   margin-top:10px;
   margin-left:10px;
   margin-right:15px;   
   font-size:11px;
   color:black;
   border-bottom:3px solid #e1d9cf;
   padding-bottom:5px;
   text-align:justify;
}

.actus a{
   color:black;
   text-decoration:none;
}

.actus a:hover{
   color:#e1d9cf;
}

.page{
   position:absolute;
   top:500px;
   left:385px;
   font-size:11px;
   font-family:trebuchet,arial;
   text-align:left;
   z-index:2;
}

/* style des titres */
h4{
   text-align:inherit;
   font-size:11px;
   font-family:century gothic,verdana;
   text-transform:uppercase;
   letter-spacing:1px;
   margin-left:0px;
   margin-bottom:2px;
   margin-top:5px;
   color:#b20431;
   font-weight:bold;
}

h3{
   text-align:left;
   font-size:12px;
   font-family:century gothic,verdana;
   font-style:italic;
   text-transform:uppercase;
   letter-spacing:1px;
   margin-left:0px;
   margin-top:15px;
   color:black;
   font-weight:normal;
}

h2{
   text-align:center;
   font-size:15px;
   font-family:century gothic,verdana;
   text-transform:uppercase;
   letter-spacing:1px;
   margin-left:0px;
   margin-top:15px;
   color:black;
   font-weight:normal;
}

h1{
   text-align:left;
   font-size:20px;
   font-family:century gothic,verdana;
   text-transform:uppercase;
   letter-spacing:1px;
   font-style:lighter;
   color:white;
   margin:0px;
   font-weight:normal;
}

.admin{
   font-size:11px;
   position:absolute;
   font-weight:bold;
   top:580px;
   left:60px;
}

/* style de controle.html */

.controle{
   margin-top:100px;
   text-align:center;
   padding:10px;
   font-size:11px;
}

/* style des formulaires d'administration */

.formulaire{
   width:440px;
   color:black;
   margin-top:10px;
   font-family:trebuchet,arial;
   text-align:left;
   font-size:11px;
}

select{
   border:1px solid #d6d5d5;
}

.bouton{
   background-color:#c1df5e;
   border-bottom:1px solid gray;
   border-right:1px solid gray;
   font-size:10px;  
   text-transform:uppercase; 
   color:#31312e;
}

textarea{
   border:1px solid #d6d5d5;
   font-size:11px;
}

input{
   border:1px solid #d6d5d5;
   color:gray;
}

.erreurForm{
   color:red;
   font-family:trebuchet,arial;
   font-size:11px;
   text-align:center;
}

.thForm{
   font-size:10px;
   text-transform:uppercase;
   font-family:trebuchet,arial;
   text-align:center;
   height:20px;
}

.tdForm{
   font-size:11px;
   font-family:trebuchet,arial;
   text-align:center;
}