/* Eléments, styles par défaut */
body {
font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size:85%;
margin:0;
padding:0;
background:#CCCCCC;

}

h1{
font-size:1.2em;
}

h3{
color:#990000;
margin-left:170px;
background:url(../img/puce/puce-txt.gif) 0 3px no-repeat;
padding-left:12px;
font-size:1em;
text-transform:lowercase;
}
a, input{
position:relative;
z-index:300;
}

img {
border:0;
margin:0;
padding:0;
}

#titre{
margin:0;
padding:0;
}

#alternative{
margin:0;
padding:0;
}


.page-doc{
margin:0;
padding:0;
margin:280px 5px 100px 5px;
background-color:#faf3e1;
padding-bottom:20px;
min-height:400px;
height:auto !important;
height:400px;
z-index:1;
}

.texte-contain{
margin:0;
padding:0;
margin:280px 0px 100px 250px;
background-color:#faf3e1;
padding-bottom:20px;
min-height:400px;
height:auto !important;
height:400px;
z-index:1;
}

#contain{
margin:0;
padding:0;
height:auto;
width : 782px;
padding : 0 0 0px 0;
padding-bottom:47px;
margin : 0px 0 0px 0;
color:#FFFFFF;
text-align:justify;
background: url(../img/logo/logo-ensemble.gif) 98% 91% no-repeat;

}

.lecteur{
width:200px;
margin:10px auto;
height:20px;
background-color:#f0f0eb;
}

.lecteurvideo{
margin:10px auto 30px auto;
border:1px solid #000000;
margin:5px auto;
text-align:center;
}

#pied{
margin: 10px auto 0px auto;
width:782px;
color:#333333;
text-align:center;
}

#cartouche{
float:left;
margin-top:-95px;
margin-left:50px;
width:317px;
height:170px;
background:url(../img/pied/cartouche.png) no-repeat 0 0;
z-index:1;
}

* html #cartouche{
position:absolute;
margin-top:-95px;
margin-left:50px;
width:317px;
height:170px;
background: none;
z-index:5;

      }
* html #cart{
width:317px;
height:190px;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/pied/cartouche.png');
z-index:5;

      }
#espace-membre {
margin:0;
padding:0;
position:relative;
top:48px;
left:39px;
z-index:200;
width:300px;
}


* html #cartouche a, input{
position:relative;
z-index:300;
}
.inp{
position:relative;
font-size:0.9em;
width:150px;

margin-top:12px;
z-index:300;
}

#bt-submit-espacemb{
margin:5px 70px;
width:34px;
cursor:pointer;

}
#espace-association{
margin:0;
pading:0;
margin-top:84px;
margin-left:60px;
}
#espace-association a{
color:#FFFFFF;
font-size:0.9em;
}
#inscr-espace{
margin:0;
pading:0;
margin-top:44px;
margin-left:85px;
}

#inscr-espace a{
color:#FFFFFF;
font-size:0.9em;
}
/* -------------------------------------------------------------------------------------------- */
/* pagetype/
/* -------------------------------------------------------------------------------------------- */

#bandeau{
margin:0;
padding:0;
position:absolute;
left:0px;
top:60px;
width782px;
}

#accessibilite{
margin:0;
padding :0;
margin : 0px auto 20px auto;
width : 762px;
color:#808080;
height:15px;
}
#ensemble{
height:60px;
background:#660000;
width:100%;
}
#ensemble p{
text-align:center;
width:500px;
margin:5px auto;
}




#entete {
margin : 0;
padding : 0;
width : 100%;
}

#liengauche{
margin:0;
padding:0;
margin:15px 0 0 0;
float:left;

}
#liendroite{
margin:0;
padding:0;
margin:15px 0 0 0;
float:right;

}

#accessibilite a{
margin:0;
padding:0;
font-size:0.8em;
color:#808080;
}
#takemenu{
display:none;
}

#tablette{
padding:0;
margin:0;
width:auto;
z-index:150; 
float:right;
margin:15px 10px 0 7px;


}
#tablette li{

display:inline;
margin-left:5px;
}

#logo{
position : absolute;
z-index : 350;
top : 0px;
left : 255px;
z-index:1;
}
#arianne {
margin : 0;
padding : 0;
position : absolute;
top : 310px;
left : 20px;
width : 400px;
height:65px;

}
#arianne ul {
margin : 0;
padding : 0;
float : left;
}
#arianne li {
display : inline;
padding-left : 5px;
list-style : none;
font-size : 0.8em;
color : #000000;
font-weight : 500;
}
#arianne a {
color : #000000;
font-weight : 500;
text-decoration : none;
}
#arianne a:hover {
text-decoration : underline;
}

#txt-centre{
width:300px;
margin:0px auto 45px auto;
text-align:center;
}

#pied-espace{
margin-top:60px;
height:20px;
width:782px;
background:#FFFFFF;
}

#mapgoogle{
width:625px;
margin:20px 50px;
}

#mapgoogle a{
width:625px;
margin:20px 50px;
}





.texte {
margin:0px;
padding:0px;
margin : 10px auto 30px auto;
color:#000000;
width:621px;
height:auto;
}

.texte-contact {
margin:0px;
padding:0px;
margin : 10px auto 10px auto;
color:#000000;
width:auto;
height:auto;
}

.erreur{
margin:7px 5px 15px 25px;
padding:0px;
text-align:justify;
width:auto;
font-size:0.9em;
}
.texte p{
margin:0px;
padding:0px;
text-align:justify;


}

.texte-acces {
margin:0px;
padding:0px;
margin : 10px auto 10px auto;
color:#000000;
width:auto;
height:auto;
}


.texte-acces p{
margin:0px;
padding:0px;
text-align:left;

}

.image {
margin:0;
padding:0;
margin:5px 8px 0 0;
float:left;
width:310px;
}








.telecharger{
margin:0;
padding:0;
position:relative;
top:3px;
color:#adadad;


}

.img-bas{
position:relative;
height:150px;
margin-left:10px;
z-index:3;
}

.img-bas-photo{
position:relative;
height:150px;
margin:0 5px;
z-index:3;
}

.telecharger-doc-contenu a{
display:block;
color:#000000;
padding-left:10px;

}

.ensavoirplus{
margin:0px;
padding:0;
background:url(../img/bt/bt-accueil.gif) 100% 0 no-repeat;
padding:2px 10px 7px 25px;
text-align:right;
margin-right:10px;




}

.ensavoirplus a{
margin:0;
padding:0;
text-align:right;
display:block;
color:#FFFFFF;
text-decoration:none;
margin:10px 10px 0 0px;
padding-top:2px;
padding-bottom:10px;

}
.doct{
list-style-type:none;
}
/* -------------------------------------------------------------------------------------------- */
/*titre/
/* -------------------------------------------------------------------------------------------- */

.sIFR5 {
margin:0;
padding:0;
position:relative;
top:40px;
padding-left:35px;
text-align:left;
color:#808080;
width:744px;
height:40px;
font-size:1.6em;
color:#666666;
background:url(../img/titre/barre-droite.gif) no-repeat 100% 14px;


}

h1{
float:right;
}
.sIFR1 {
margin-left:200px;
margin:0;
padding:0;
padding-left:35px;
color:#808080;
width:484px;
font-size:1.6em;
color:#990000;
z-index:1;


}
#lien {
position:relative;
z-index:3;
}

.sIFR2 {

margin:0;
padding:0;
margin:0px 20px 5px 25px;
left:0px;
padding-left:30px;
text-align:left;
background:url(../img/puce/titre2.gif) 0px 5px no-repeat;
color:#808080;
width:400px;
font-size:1.4em;
z-index:300;
}

.sIFR2 a{

color:#808080;

}

.sIFR6 {
margin:0;
padding:0;
margin:30px 20px 10px 25px;
left:0px;
padding-left:30px;
text-align:left;
background:url(../img/puce/titre2.gif) 0px 5px no-repeat;
color:#808080;
width:300px;
font-size:1.4em;
}
.sIFR4{
margin:0;
padding:0;
margin:80px 0px 10px 105px;
font-size:1.5em;
width:200px;
}



#lien-acces{
color:#333333;
}

/* -------------------------------------------------------------------------------------------- */
/* page-contenu/
/* ---
----------------------------------------------------------------------------------------- */
#page-type {
padding:0;
margin : 0px auto 10px auto;
width : 782px;
height : auto;
z-index : 100;
position : relative;
background:#f7e6c2 url(../img/bg/fd.jpg) 0 100% no-repeat;
}
#page-doc {
padding:0;
margin : 0px auto 10px auto;
width : 782px;
height : auto;
z-index : 100;
position : relative;
background:#f7e6c2  0 100% no-repeat;
}
.image-carte {
margin:0;
padding:0;
margin:5px 8px 0 8px;
padding-bottom:20px;
width:130px;
float:left;
z-index:300;
}

.image-carte img{
margin:0;
padding:0;

}

.image-carte a{
margin:0;
padding:0;
color:#000000;
z-index:2;

}

.element{
z-index:5;
position:relative;
}

.texte-video {
margin:0px;
padding:0px;
margin : 5px 15px 10px 15px;
color:#000000;
width:auto;
min-height:200px;
height:auto !important;
height:200px;
font-size:0.9em;
}
.cvideo{
text-align:center;
}

.texte-page {
margin:0px;
padding:0px;
margin : 5px 15px 10px 15px;
color:#000000;
width:auto;
min-height:200px;
height:auto !important;
height:200px;
font-size:0.9em;


}

.texte-page ul{
margin:5px 15px 5px 15px;
padding:0px 0px 0 0;
text-align:justify;
width:auto;
clear:left;
list-style:none;

}
.texte-page ul li{
margin-top:5px;
padding-left:15px;
background:url(../img/puce/puce-txt.gif)  0px 3px no-repeat;

}

.texte-page-photo {
margin:0px;
padding:0px;
margin : 5px 15px 10px 15px;
color:#000000;
width:auto;
height:auto !important;
font-size:0.9em;


}

.texte-page-photo ul{
margin:5px 15px 5px 15px;
padding:0px 0px 0 0;
text-align:justify;
width:auto;
clear:left;
list-style:none;

}
.texte-page-photo ul li{
margin-top:5px;
padding-left:15px;
background:url(../img/puce/puce-txt.gif)  0px 3px no-repeat;

}
.ppuce{
background:url(../img/puce/puce-txt.gif)  125px 3px no-repeat;
text-align:left;
}
.texte-page a{
color:#333333;
}
.image img{
margin:0;
padding:0;
border-left:10px #FAB700 solid;
}





/* -------------------------------------------------------------------------------------------- */
/* contact/
/* ---
----------------------------------------------------------------------------------------- */
.formulaireclient-capcha{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:80px;
width:44em;
border:1px dashed #CCCCCC;
font-size:0.9em;
text-align:center;
padding:5px 0;


}




.formulaireclient-capcha label {
display:block;
float: left;
text-align: left;
padding: 0.2em;
margin-left:20px;

}







.formulaireclient-capcha input{
width:5em;
margin:7px auto;

z-index:10;


z-index:10;
}

.formulaireclient-check{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:50px;
width:44em;
border:1px dashed #CCCCCC;
font-size:0.9em;
text-align:center;
padding:5px 0;


}




.formulaireclient-check label {
display:block;
float: left;
text-align: left;

margin-left:40px;
width:400px;

}







.formulaireclient-check input{
float:left;
width:2em;
margin:5px 7px 0px 7px;

z-index:10;


z-index:10;
}


.formulaireclient-i select{
float:right;
width:15em;

}

.formulaireclient-petitinput{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:30px;
width:44em;
font-size:0.9em;
border:1px dashed #CCCCCC;



}



.formulaireclient-petitinput label {
display:block;
float: left;
padding: 0.2em;
margin-left:10px;
padding-left:20px;
}

.formulaireclient-petitinput input{
margin:0;
padding:0;
float:left;
width:8em;
margin:5px 7px 0px 7px;
border: 1px solid #cfd0d1;
z-index:10;

}



.formulaireclient-i select{
float:right;
width:18.3em;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:0.9em;
margin:5px;

}



.formulaireclient-i{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:30px;
width:44em;
font-size:0.9em;
border:1px dashed #CCCCCC;


}



.formulaireclient-i label {
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;
}

.formulaireclient-i input{
margin:5px;
float:right;
width:22em;
z-index:10;
border: 1px solid #cfd0d1;

}


.formulaireclient-commentaire1{
margin:0;
padding:0;
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:80px;
width:44em;
font-size:0.9em;
border:1px dashed #CCCCCC;
}

.formulaireclient-commentaire1 label{
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;



}

.formulaireclient-commentaire1 textarea{
float:right;
width:25em;
margin:5px 10px 0px 0px;
border: 1px solid #cfd0d1;
z-index:10;



}

.formulaireclient-commentaire{
margin:0;
padding:0;
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:150px;
width:44em;
font-size:0.9em;
border:1px dashed #CCCCCC;
}

.formulaireclient-commentaire label{
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;



}

.formulaireclient-commentaire textarea{
float:right;
width:25em;
margin:5px 10px 0px 0px;
border: 1px solid #cfd0d1;
z-index:10;



}

.formulaireclient{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:80px;
width:44em;
font-size:0.9em;
border:1px dashed #CCCCCC;

background:url(../img/input/fleche.gif) 0 0 no-repeat;

}
.formulaireclient img{
margin:0 px 10px;



}
.formulaireclient label {
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;

padding-left:20px;
}

#demandecontact{
margin-top:20px;
background:url(../img/contact/bg.gif) 150px 0 no-repeat;
}


.formulaireclient input{


border: 1px solid #cfd0d1;

}

.formbutton {
margin:0;
padding:0;
float:right;
margin-right:100px;
}
 
.formbutton input{
display:block;
margin:10px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#333333;
font-size:0.9em;
font-weight:bold;
padding: 1px 2px;
background:url(../img/contact/envoyer.gif) repeat-x left top;
z-index:1;
}

.formbutton input:hover{
display:block;
margin:10px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#333333;
font-size:0.9em;
font-weight:bold;
padding: 1px 2px;
background:url(../img/bouton/subhover.gif) repeat-x left top;
z-index:1;
}

.obligatoire{
background:#FFCC00;
}

#suivant{
margin-top:50px;
width:100%;
text-align:center;
font-size:0.9em;
}
#suivant a{
color:#000000;
}
/* -------------------------------------------------------------------------------------------- */
/*pied/
/* -------------------------------------------------------------------------------------------- */


#coordonnes-page{
margin:5px 0 0 0;
padding-top:10px;
height:30px;
font-size:0.8em;
font-weight:100;
color:#333333;
text-decoration:none;

}

#coordonnes-page a{
color:#000000;
text-decoration:none;

}





#mentions{
color:#000000;
margin:0;
paddding:0;
margin-right:20px;
float:right;
font-size:0.85em;
padding:0 3px;
}
#mentions a {
color:#000000;
margin:0 3px;
}

.image-gallerie {
margin:0;
padding:0;
margin:5px 8px 5px 8px;
width:620px;
height:auto;


}

.image-gallerie img{
margin:0;
padding:0;
margin:3px 3px 5px 3px;



}

.image-gallerie a{
margin:0;
padding:0;
color:#000000;

}
.image-gallerie h3{
float:left;
margin:0;
padding:0;
margin:5px 20px 0 20px;
}


#footer{
	margin:0px auto 20px auto;
	width: 782px;
	font-size: 0.8em;
	color:#FFFFFF;
	text-align:center;



}

#footer a{

color:#CC3366;
text-decoration:none;
}

a:hover #aztech {

color:#da4e4d;

}
/* -------------------------------------------------------------------------------------------- */
/*identification/
/* -------------------------------------------------------------------------------------------- */
#form-connect{
position:relative;
top:40px;
height:200px;
}
.ident{
margin:0;
margin: 0.5em auto .2em auto;
color:#333333;
height:30px;
width:25em;
border: 1px dotted #7b7c7e;
font-size:0.9em;
text-align:center;


}



.ident label {
display:block;
  
	float: left;
	text-align: right;
	padding: 0.2em;
	margin-left:10px;

}


.ident input{
float:right;
width:10em;
margin:5px 10px 0px 0px;
z-index:10;
}


.formbutton {
margin:0;
padding:0;
margin-right:100px;
text-align:center;
}

.formbutton input{
display:block;
margin:10px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#333333;
font-size:0.9em;
font-weight:bold;
padding: 1px 2px;
background:url(../img/bouton/submit.gif) repeat-x left top;
z-index:1;
}


/* -------------------------------------------------------------------------------------------- */
/*plan/
/* -------------------------------------------------------------------------------------------- */


#plan-ol {
width:400px;
margin:10px auto;
}
#plan-ol li{

margin:3px auto;
}
#plan-ol a{
color:#000000;
}


#plan-ol a:hover{
color:#000000;
background-color:#FFFFCC;
}

/* -------------------------------------------------------------------------------------------- */
/*video/
/* -------------------------------------------------------------------------------------------- */

.texte-contain-video{
margin:0;
padding:0;
margin:280px 0px 100px 250px;
background-color:#faf3e1;
padding-bottom:20px;

height:auto;
z-index:1;
}

#video{
z-index:2;
position:absolute;
height:450px;


}
/* -------------------------------------------------------------------------------------------- */
/*video/
/* -------------------------------------------------------------------------------------------- */

.titre-espacepro{
font-size:1.1em;
color:#9a0101;
}

.ajout{
font-size:0.8em;
}
.titre-asso{
margin:0;
padding:0;
background:#990000;
color:#FFFFFF;
width:525px;
padding:3px 3px;
text-transform:uppercase;
}

.texte-page-espace {
margin:0px;
padding:0px;
margin : 5px 15px 10px 15px;
color:#000000;
width:auto;
font-size:0.9em;
z-index:1;
}

.texte-page-espace a{
color:#333333;
}
.coordonnes{
margin:0;
font-size:0.80em;
color:#FFFFFF;
text-transform:lowercase;
}

.savoir{
width:100%;
text-align:right;
}

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

  @media screen {
    .sIFR-active h2.sIFR2 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
 
  @media screen {
    .sIFR-active h1.sIFR1 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
	  @media screen {
    .sIFR-active h3.sIFR3 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
	@media screen {
    .sIFR-active h2.sIFR4 {
       font-family: Verdana;
       visibility: hidden;
    }
	}
		@media screen {
    .sIFR-active h2.sIFR6 {
       font-family: Verdana;
       visibility: hidden;
    }
	}

	@media screen {
    .sIFR-active h1.sIFR5 {
       font-family: Verdana;
       visibility: hidden;
    }
	}