/* 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: #FFFFFF url(../img/bg/fond.jpg) 0% 0% repeat-x;

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

#titre{
margin:0;
padding:0;
}
a {
color:#000000;
}

.texte-contact ul li{
list-style:square;
}

.texte-contact a{
color:#000000;
text-decoration:none;
}

#page {
padding:0;
margin: 20px auto 0px auto;
width:800px;
height:auto;
z-index:10;
position:relative;
}

#lien-voeux{
text-align:center;
}
#lien-voeux a{
text-align:center;
font-size:0.9em;
text-decoration:none;
}
#lien-voeux a:hover{
text-align:center;
font-size:0.9em;
text-decoration:underline;
}
#intro-c{
width:800px;
height:520px;
background:#000;
text-align:center;
}
#intro{
width:800px;
height:470px;
background:#EAE6EA;
text-align:center;
}

#pied-accueil{
margin: 0px auto 0px auto;
width:752px;
color:#FFFFFF;
text-align:center;
}


#pied{
margin: 0px auto 0px auto;
width:752px;
color:#333333;
text-align:center;
}
/* -------------------------------------------------------------------------------------------- */
/* pagetype/
/* -------------------------------------------------------------------------------------------- */

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

#accessibilite{
margin:0;
padding :0;
margin : 10px auto 20px auto;
width : 762px;
color:#808080;
height:30px;
}

#liendroite{
margin:0;
padding:0;
margin:25px 0 0 0;
float:right;
}
#liengauche{
margin:0;
padding:0;
width:250px;
float:left;

}
#liengauche img{
margin:0;
padding:0;

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

#page-type {
padding:0;
margin : 0px auto 0 auto;
width : 782px;
height : auto;
z-index : 100;
position : relative;
background:#FFFFFF;

}

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


#logo{
position : absolute;
z-index : 350;
top : 0px;
left : 255px;
z-index:1;
}
#arianne {
margin : 0;
padding : 0;
position : absolute;
top : 280px;
left : 20px;
width : 300px;

}
#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;
}

#contain{
margin:0;
padding:0;
height : auto;
width : 772px;
padding : 0 0 10px 0;
padding-bottom:20px;
margin : 0px 0 0 0;
color:#FFFFFF;
text-align:justify;
background:url(../img/cadre/cadre2.gif) 60px 100% no-repeat;


}

.texte-contain {
margin:0px;
padding:0px;
margin : 300px auto 10px auto;
color:#000000;
width:630px;
height : auto;
text-align:justify;
background:url(../img/cadre/cadre1.gif) 230px 5px no-repeat;
font-size:0.9em;
z-index:5;
padding:0px 15px 0px 30px;
}


.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;
}
.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;
}

.image img{
margin:0;
padding:0;
border-left:10px #FAB700 solid;
}


.image-carte {
margin:0;
padding:0;
margin:5px 8px 0 8px;
width:130px;
float:left;

}

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

}

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

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

.texte-carte {
margin:0px;
padding:0px;
margin : 10px auto 10px auto;
color:#000000;
width:auto;
min-height:250px;
height:auto !important;
height:250px;

}


.texte-carte p{
margin:0px 5px;
padding:0px;
text-align:justify;
width:auto;
}



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


}


.telecharger-doc{
position:relative;
top:10px;
color:#adadad;


}
.telecharger-doc a{
color:#000000;
padding-left:40px;
background:url(../img/puce/puce-tele-ddoc.gif) 25px 3px no-repeat;
}

.telecharger-doc-contenu {
margin:10px 0 0 0;
float:right;
color:#adadad;


}
.telecharger-doc-contenu a{
display:block;
margin:10px 0 10px 0;
color:#000000;
padding-left:40px;
background:url(../img/puce/puce-tele-ddoc.gif) 25px 3px no-repeat;
}

/* -------------------------------------------------------------------------------------------- */
/*titre/
/* -------------------------------------------------------------------------------------------- */

.sIFR1 {
margin:0;
padding:0;
position:relative;
left:-20px;
padding-left:30px;
text-align:left;
background:url(../img/titre/titre1/puce.gif) 0px 0px no-repeat;
color:#808080;
width:320px;
height:40px;
font-size:1.5em;
}

.sIFR2 {
margin:0;
padding:0;
position:relative;
left:0px;
padding-left:30px;
text-align:left;
background:url(../img/titre/titre2/puce.gif) 0px 0px no-repeat;
color:#808080;
width:520px;
font-size:1.25em;
}

#newsletter-ins {
margin:0;
padding:0;
float:right;
width:150px;
background:url(../img/newsletter/fd-newsletter.gif) 0 6px no-repeat;
}

#newsletter-ins input{
float:left;
margin:10px;
width:90px;
font-size:0.85em;
background:none;
border:0;
color:#FFFFFF;

}
#newsletter-ins img{
margin:0;
padding:0;
margin:10px 0;
cursor:pointer;
}



#lien-acces{
color:#333333;
}


/* -------------------------------------------------------------------------------------------- */
/* contact/
/* ---
----------------------------------------------------------------------------------------- */

.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;
text-align: right;
padding: 0.2em;
margin-left:10px;
background:url(../img/contact/picto-contact.gif) 0 4px no-repeat;
padding-left:20px;
}

.formulaireclient-petitinput input{
float:left;
width:6em;
margin:5px 7px 0px 7px;
border: 1px solid #cfd0d1;
z-index:10;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
}



.formulaireclient-i select{
float:right;
width:18.3em;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:0.9em;
margin:5px;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
}



.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;
background:url(../img/contact/picto-contact.gif) 0 4px no-repeat;
padding-left:20px;
}

.formulaireclient-i input{
margin:5px;
float:right;
width:22em;
z-index:10;
border: 1px solid #cfd0d1;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
}



.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;
background:url(../img/contact/picto-contact.gif) 0 4px no-repeat;
padding-left:20px;



}

.formulaireclient-commentaire textarea{
float:right;
width:25em;
margin:5px 10px 0px 0px;
border: 1px solid #cfd0d1;
z-index:10;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;


}

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



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



}
.formulaireclient label {
display:block;
float: left;
text-align: right;
padding: 0.2em;
margin-left:10px;
background:url(../img/contact/picto-contact.gif) 0 4px no-repeat;
padding-left:20px;
}

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


.formulaireclient input{


border: 1px solid #cfd0d1;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
}
 
.formbutton {
margin:0;
padding:0;
margin-left:400px;
height:47px;
margin-top:5px;

}

.formbutton a{

margin:0;
padding:0;
padding-top:7px;
padding-left:20px;
background:url(../img/contact/envoyer.gif) 0 0px no-repeat;
display:block;
height:52px;
width:127px;
color:#FFFFFF;
text-decoration:none;
margin:20px 20px;
}

.formbutton a:hover{

margin:0;
padding:0;
padding-top:7px;
padding-left:20px;
background:url(../img/contact/envoyer-up.gif) 0 0px no-repeat;
display:block;
height:52px;
width:127px;
color:#FFFFFF;
text-decoration:none;
margin:20px 20px;
}

.obligatoire{
background:#FFCC00;
}

#suivant{
margin-top:50px;
width:620px;
text-align:center;
font-size:0.9em;
}
#suivant a{
color:#000000;
}
/* -------------------------------------------------------------------------------------------- */
/*pied/
/* -------------------------------------------------------------------------------------------- */
#ombre{
height:96px;
margin : 0px auto 0 auto;
width :782px;
background:url(../img/ombre/ombre.gif) 0 0 no-repeat;
}

#coordonnes{
margin:5px 0 0 0;
padding-top:60px;
height:40px;
background:url(../img/coordonnees/logo-atelier-coordonnees.png) 50% 0 no-repeat;
font-size:0.9em;

}

#coordonnes-page{
margin:5px 0 0 0;
padding-top:10px;
height:30px;
font-size:0.9em;

}

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

}

* html #coordonnes{
margin:10px 0 0 0;
padding-top:50px;
height:40px;
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/coordonnees/logo-atelier-coordonnees.png');
font-size:0.9em;
      }




#plan-ol {
width:200px;
margin:10px auto;
}
#plan-ol a{
color:#000000;
}

.mentions{
margin:10px;
}
.mentions a {
color:#000000;
margin:10px;
}

.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;

}



@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;
    }
	}