.cufon-loading dt a{ /* for Cufon.replace('h1') */
visibility:hidden;
}
.cufon-loading h2{ /* for Cufon.replace('h1') */
visibility:hidden;
}

body {
font: normal 85% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height:20px;
margin:0;
padding:0px;
background:#000000;
background: #000 url(../img/bg/bg_koclaym.jpg) center repeat-y ;
}





a img {
  border: 0;
  font-size:0.9em;
}

html, body,h1 ,h2 ,h3 ,p ,ol, ul, dl, dd, dt, form, fieldset {
  margin: 0;
  padding: 0;
}
p {
color:#303030;
margin:0 7px;
font-size:0.9em;
}

fieldset {
  border: 0;
}

textarea {
  font: inherit;
}

#print {
  display:none;
}

h2{
font-size:1.5em;
}

lightbox{
	background-color:#eee;
	font-size: 15px;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-family: arial;
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(/_mm/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/overlay.png", sizingMethod="scale");
}
/* Chemin
-------------------------------------------------------- */
.epuise{
width:166px;
margin:0 auto;
}

#arianne {
margin : 10px 0 0 25px;
padding : 0;
width : 570px;
height:25px;

}

#arianne li {
display : inline;
padding-left : 5px;
list-style : none;
font-size : 0.9em;
color:#303030;
font-weight : 500;


}
#arianne-titre{
text-transform:lowercase;
}
#arianne a {
color:#303030;
font-weight : 500;
text-decoration : none;
}
#arianne a:hover {
text-decoration : underline;
}
#arianne-p {
margin : 30px 0 0 30px;
padding : 0;
width : 500px;
height:25px;

}

#arianne-p  li {
display : inline;
padding-left : 5px;
list-style : none;
font-size : 0.9em;
color:#303030;
font-weight : 500;
}
#arianne-p  a {
color:#303030;
font-weight : 500;
text-decoration : none;
}
#arianne-p  a:hover {
text-decoration : underline;
}

/* Page type
-------------------------------------------------------- */

h1{
font-size:1.2em;
margin:0;
padding:0;
color:#76665f;
}


#page {
padding:0;
margin:0px auto 0px auto;
width:1000px;
height:auto;
position:relative;
z-index:5;
}


.titreaccueil{
text-transform:uppercase;
}



#cadre-animation{
margin:0;
padding:0;
background:#000;
}


#content{
margin:25px 0 0 0;
padding:0 0 0px 0;
overflow: auto;
width:1000px;
background:url(../img/bg/col-bas.gif) 0 100% no-repeat #FFF;
text-align:justify;
min-height:550px;
height:auto !important;
height:550px;
overflow:hidden;
}


#content1{
float:left;
margin:25px 0 0 0;
padding:0;
width:320px;
overflow:hidden;

}
#content2{
float:right;
margin:30px 0 0 0;
padding:0 20px 0 5px ;
width:622px;
overflow:hidden;


}
#content2 a{
color:#303030;


}
#titre2-acc{
margin:10px 60px;
position:relative;
z-index:10;
background:#FFF;
display:inline;
padding:2px 3px;
font-family: 'agence',  Helvetica, "Lucida Grande", Tahoma, Verdana, Sans-Serif;

}
#cadre-txt{
width: 540px; 
padding:0 0 25px 0;
margin: 30px 0 25px 30px;
background:#FFF;
border:1px solid #a1997f;
}
#cadre-txt h2{
margin:0px 25px;
position:relative;
top:-10px;
z-index:10;
background:#FFF;
display:inline;
padding:2px 3px;
}


.accueilp0 img {
margin:5px 8px;
padding:1px;
border:1px solid #a8a1a0;
float:left;
}

.accueilp0 ul {
color:#303030;
margin:5px 0;
padding:0;
font-size:0.9em;
list-style:none;
}
.accueilp0 ul li{
margin:0 7px 0 12px;
padding:0 0 0 7px;
background:url(../img/puce/puce.gif) 0 9px no-repeat;
}
.ensavoirplus-actu {
color:#303030;

}
#major{
width:200px;
margin:15px auto;
}
.cadre-photos{
width:250px;
margin:15px auto;
background:#FFF;
border:1px solid #a1997f;
}
.cadre-photos h2{
position:relative;
top:-10px;
left:20px;
background:#FFF;
display:inline;
}
#photo-acc{
width:225px;
margin:5px auto;
}
.link-acc{
position:relative;
left:220px;

}
#facebook-cadre{
margin:0 0 20px 35px;
width:250px;
background:#FFF;
}
.savoirplusactu{
color:#76665f;
float:right;
text-decoration:none;
font-size:0.9em;
}
.savoirplusactu1{
margin:5px 7px;
height:40px;
color:#76665f;
float:right;
display:block;
text-decoration:none;
font-size:0.8em;
}
.txt-agenda{

}
.doc-presse {
Margin:15px 0 0 7px;
}

.doc-presse a{
color:#8d7951;
}

/* Pied de page
-------------------------------------------------------- */


#bg-pied{
position:relative;
margin:0px;
padding:0 0 15px 0;
width:100%;
z-index:300;
background:#000;
}

#bg-lien{
margin:0px 0 0 0;
padding:5px;
height:50px;
width:400px;
list-style:none;
float:left;

}

#bg-lien  li{
margin:0 5px;
padding:0;
float:left;

}

#bg-lien  li a{
color:#FFF;
font-size:0.85em;
text-decoration:none;

}
#bg-lien li a:hover{
color:#FFF;
font-size:0.85em;
text-decoration:underline;

}
/* FOOTER */


#nav_footer {
margin:10px 7px 0 5px;
width: 400px; 
height: 30px; 
float:right;}
#nav_footer a {
display: block;
height: 30px; 
float: left; 
text-indent: -9999px;
outline:none;
}
#nav_footer a.myspace {width: 80px; 
background: url(../images/nav_footer.gif) no-repeat 0 0px;
}
#nav_footer a.myspace:hover {
background: url(../images/nav_footer.gif) no-repeat 0 -30px;
}
#nav_footer a.facebook {width: 75px; background-image:url(../images/nav_footer.gif); background-repeat: no-repeat; background-position: -80px 0px}
#nav_footer a.facebook:hover {background-position: -80px -30px}
#nav_footer a.youtube {width: 63px; background-image: url(../images/nav_footer.gif); background-repeat: no-repeat; background-position: -155px 0px}
#nav_footer a.youtube:hover {background-position: -155px -30px}
#nav_footer a.dailymotion {width: 92px; background-image: url(../images/nav_footer.gif); background-repeat: no-repeat; background-position: -218px 0px}
#nav_footer a.dailymotion:hover {background-position: -218px -30px}
#nav_footer a.twitter {width: 78px; background-image: url(../images/nav_footer.gif); background-repeat: no-repeat; background-position: -310px 0px}
#nav_footer a.twitter:hover {background-position: -310px -30px}



#bg-pied p{

clear:left;
text-align:center;
}

#bg-pied p a {
color:#FFF;
text-decoration:none;
margin:0 3px;
}

#footer{
margin:15px auto 0px auto;
width: 1000px;
color:#999;
text-align:center;
font-size:0.9em;
}

#footer a{
color:#da4e4d;
text-decoration:none;
}

a:hover #aztech {
color:#7b1a42;


}
/* page dossier*/

#cadre-dossier{
width: 550px; 
padding:0 0 25px 0;
margin: 30px 0 25px 30px;
background:#FFF;
border:1px solid #a1997f;
min-height:250px;
height:auto !important;
height:250px;
}
#cadre-dossier h2{
margin:0px 0px 25px 55px;
position:relative;
top:-10px;
left:-20px;
z-index:10;
background:#FFF;
display:inline;
padding:2px 3px;
font-family: 'agence',  Helvetica, "Lucida Grande", Tahoma, Verdana, Sans-Serif;
}

.dossier img {
margin:5px 8px;
padding:1px;
float:left;
border:1px solid #aba5a5;

}
.dossier h3 {
margin:5px 8px;
padding:1px;
color:#8d7951;
}
#cadre-dossier ul {
color:#303030;
margin:5px 0;
padding:0;
font-size:0.9em;
list-style:none;
}
#cadre-dossier ul li{
margin:0 7px 0 12px;
padding:0 0 0 7px;
background:url(../img/puce/puce.gif) 0 9px no-repeat;
}


#commentaire {
margin:10px 0 15px 45px;
width:550px;
height: 425px; 
overflow: hidden; 


}
.livredor img {
position:relative;
top:3px;
margin:0px 2px;
border:1px solid #aba5a5;

}
.livredor h3 {
margin:5px 8px;
padding:1px;
color:#8d7951;
font-size:0.95em;
letter-spacing:0.1em;
text-transform:uppercase;
}
.contact { 
position:relative;
top:0px;
left:30px;
width:200px;
}
a.contact { 
padding:15px 0 0 45px;
color:#333;
background:url(../img/picto/commentaire.gif) 0 0 no-repeat;
outline:none;
text-decoration:none;
}


#messagelivreor
{ 
background-color:#FFF; 
width: 460px; 
height: 305px; 
padding:5px 25px; 
margin: 10px 0px 10px 25px;
border:1px solid #a1997f;
}


#messagelivreo input, #messagelivreor select{

width:250px;
margin:5px 10px 0px 0px;
border:1px solid #a1997f;
z-index:10;

}
#messagelivreo label{
display:block;
float: left;
padding: 0.2em;
margin-left:10px;
width:175px;
}
#messagelivreo {
margin:5px 0;
padding:0;
width:500px;


}
#captchap{
margin:5px 0;
padding:0;
width:500px;
}
#captchap label{
display:block;
float: left;
padding: 0.2em;
margin-left:10px;
width:175px;
}

#captchap input{

width:70px;
margin:5px 10px 0px 0px;
border:1px solid #a1997f;
z-index:10;

}
#captchap img{
margin:0 50px 0 0px;
float:right;

}
.formbutton input{
display:block;
margin:10px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#FFFFFF;
font-size:0.9em;
font-weight:bold;
padding: 2px 5px;
background:#666;
z-index:1;
}

.formbutton input:hover{
display:block;
margin:10px;
cursor:pointer;
border:outset 1px #ccc;
background:#CCC;
color:#FFFFFF;
font-size:0.9em;
font-weight:bold;
padding: 2px 5px;
z-index:1;
}
.obligatoire{
background-color:#333;
color:#FFFFFF;
font-size:0.8em;
}

#messagelivreor textarea{

width:250px;
margin:5px 10px 0px 0px;
border:1px solid #a1997f;
z-index:10;
clear:right;




}
#suivant{

margin:25px auto;
width: 540px; 
text-align:center;
}
#suivant a{
padding:3px 0;
color:#303030;
text-align:center;

}


.date-comment{
color:#b5b3b3;
}
.comment1{
margin:5px 8px;
background:#f7f7f7;
border:1px solid #eeeeee;
}
.comment2{
margin:5px 8px;
background:#FFF;
}

#precedente{
margin:25px 7px 0 7px;
}
#precedente a{
color:#303030;

}


/* page agenda*/
#cadre-agenda{
width: 550px; 
padding:0 0 25px 0;
margin: 30px 0 25px 30px;
background:#FFF;
border:1px solid #a1997f;
min-height:250px;
height:auto !important;
height:250px;
}
#cadre-agenda h2{
margin:0px 25px;
position:relative;
top:-10px;
z-index:10;
background:#FFF;
display:inline;
padding:2px 3px;
font-family: 'agence',  Helvetica, "Lucida Grande", Tahoma, Verdana, Sans-Serif;
}

#cadre-agenda h3{
margin:0 0 0 10px;
font-size:0.9em;
}





.chanteur{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;

}
.chanteur a{ /*header of 1st demo*/
text-align:right;
font-size:0.9em;
color:#FFF;
text-decoration:none;
background: #8d8d8d url(../img/calendrier/flaeche.gif) 2px 4px no-repeat;
padding: 2px 15px;
}

.openpet{ /*class added to contents of 1st demo when they are open*/

}
.openpet a{ /*class added to contents of 1st demo when they are open*/
background: #8d8d8d url(../img/calendrier/fleche-h.gif) 3px 5px no-repeat;;
text-align:right;
font-size:0.9em;
color:#FFF;
text-decoration:none;

padding: 2px 15px;
}

#annee {
margin:25px 0 5px 0;
list-style:none;
height:25px;
text-align:center;
font-size:0.9em;

}
#annee  li{
display: inline;
margin: 0 15px 0 0;

}

.lienen{
padding:2px;
color:#333;

}
.lienen:hover{
padding:2px;
text-decoration:none;
border:1px solid EB6E1B;
background:#8d8d8d;
color:#FFF;

}

#encoursan{
padding:2px;
text-decoration:none;
border:1px solid EB6E1B;
background:#8d8d8d;
color:#FFF;
}
.actu-cadre1 ul{
margin-left:45px;
list-style:none;
width:415px;
color:#303030;
font-size:0.9em;
}
.actu-cadre1 ul li{
margin:5px 0;
padding:0 0 0 10px;
}

.actu-cadre0 ul{

margin-left:45px;
list-style:none;
width:415px;
color:#303030;
font-size:0.9em;

}
.actu-cadre0 ul li{
margin:5px 0;
padding:0 0 0 10px;

}

.actu-cadre0{
margin:10px auto;
width:500px;
text-align:justify;
min-height:240px;
height:auto !important;
height:240px;
border:1px solid #eeeeee;
padding:10px;



}
.actu-cadre1{
margin:10px auto;
width:500px;
text-align:justify;
min-height:240px;
height:auto !important;
height:240px;
background:#f7f7f7;
border:1px solid #eeeeee;
padding:10px;



}
.actu-cadre1 img{
margin:5px 7px;
float:left;



}
.actu-cadre0 img{
margin:5px 7px;
float:left;



}
.savoirplus-agenda a{
color:#303030;
}
.savoirplus-agenda{
text-align:right;
}

/*video*/
#content-video{
margin:15px auto;
width:940px;
padding:0;
background:#FFF;
border:1px solid #a1997f;
}

#content-video h2{
margin:0px 0px 25px 55px;
position:relative;
top:-10px;
z-index:10;
background:#FFF;
display:inline;
padding:2px 3px;
font-family: 'agence',  Helvetica, "Lucida Grande", Tahoma, Verdana, Sans-Serif;
}

/*photos*/
#content-photo{
margin:15px auto;
width:951px;
padding:0;
background:#FFF;
border:1px solid #a1997f;

}
 #content-photo h2{
margin:0px 0px 0px 55px;
position:absolute;
left:0;
top:322px;
z-index:10;
background:#FFF;
display:inline;

}
.lien-gallerie{
margin:5px 0px 0 0;
padding:0 0px 0 25px;
background:url(../img/boutons/suivant.gif) 1px 0 no-repeat;
display:block;
width:300px;
height:30px;
text-align:left;
color:#303030;
text-decoration:none;
}
.lien-gallerie-detail{

margin:5px 0px 0 0;
padding:0 0px 0 25px;
background:url(../img/boutons/suivant.gif) 90px 0 no-repeat;
display:block;
width:280px;
height:30px;
text-align:center;
color:#303030;
text-decoration:none;
outline:none;
}
.col1-image0 {
padding:10px 0;
float:left;
width:auto;
height:220px;
overflow:hidden;
}
.col1-image0 p{
margin:25px 1px 0 13px;
float:left;
}
.col1-image0 p{
width:300px;
}


.col1-image1 {
padding:10px 0;
margin:0 ;
width:auto;
height:220px;
overflow:hidden;
}

.col1-image1 p{
margin:25px 10px 0 0px;
width:300px;
float:right;
}

#gallery-img p {
margin:10px 17px 10px 19px;
width:260px;
heght:159px;
}


#content-images{
margin:15px auto;
width:900px;
padding:0 25px;
background:#FFF;
border:1px solid #a1997f;
}

.content-img{
margin:0px 0 0 0;
padding:0 0 0px 0;
overflow:hidden;
}

/* disco*/	

.titre{
margin:5px 5px 5px 0px;
float:right;
width:214px;
}

.dossier-album img {
margin:5px 8px;
width:308px;
}
.cadre-disco  h3 {
margin:5px 15px;
padding:1px;
color:#8d7951;
font-size:0.95em;
letter-spacing:0.1em;
}
.cadre-disco{
width: 550px; 
padding:0 0 25px 0;
margin: 30px 0 25px 30px;
background:#FFF;
border:1px solid #a1997f;
min-height:250px;
height:auto !important;
height:250px;
}
.cadre-disco h2{
margin:0px 0px 25px 55px;
position:relative;
top:-10px;
left:-20px;
z-index:10;
background:#FFF;
display:inline;
padding:2px 3px;
font-family: 'agence',  Helvetica, "Lucida Grande", Tahoma, Verdana, Sans-Serif;
}
.cadre-disco ul {
color:#303030;
margin:5px 0;
padding:0;
font-size:0.9em;
list-style:none;
}
.cadre-disco ul li{
margin:0 7px 0 12px;
padding:0 0 0 7px;
background:url(../img/puce/puce.gif) 0 9px no-repeat;
}
#lecteur-disco1{
width:320px;
margin:10px auto;
position:relative;
z-index:5;
}
#lecteur-disco2{
width:320px;
margin:10px auto;
position:relative;
z-index:5;
}
#lecteur-disco3{
width:320px;
margin:10px auto;
position:relative;
z-index:5;
}

#retour-haut{
float:right;
margin:5px 35px 0 35px;
padding:1px 0 0 25px;
background:url(../img/picto/haut.gif) 0 0 no-repeat;
}
#retour-haut a{
color:#303030;
text-decoration:none;
}
#retour-haut a:hover{
color:#303030;
text-decoration:underline;
}
.aime-fb{
width:450px;
margin:5px auto;
}
.cpte-valid{
margin:2px auto;
text-align:center;
width:155px;
}

.cpte-valid a{
display:block;
background:url(../img/boutons/bg-sub.gif) 0 0 ;
color:#333;
padding:2px 5px;
text-decoration:none;
}

#lecteur{
position:absolute;
left:65px;
}
.paypal{
width:150px;
margin:15px auto 10px auto;
padding:0;
}


.content-vid{
margin:15px 0 0 0;
padding:0 0 0px 19px;
overflow:hidden;
}




.dossier-video {
float:left;
margin:0 10px 10px 0px;
padding:2px;
border: 1px solid #fff; 
box-shadow: 0 1px 2px rgba(0,0,0,.2); 
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -o-box-shadow: 0 1px 2px rgba(0,0,0,.2); 

}

.ie .dossier-video{
zoom: 1;
padding:1px;
border:1px solid #999;
}

.dossier-video img {
	
text-align:center;
	}
	
	

.portfolio-standard{
margin:10px 0;
}

.portfolio-item {
margin-bottom: 20px;
float: left;
}

.portfolio div.item {
display: block;
padding: 0;
float: left;
position: relative;
	
}

.portfolio .item-photo img {
	height: auto;
}

.portfolio .item-photo a {
	display:block;
	position:relative;
	z-index: 5;
}

.portfolio .item-photo a img {
	padding: 0;
	display: block;
}

.portfolio h3 {
width:200px;
margin:10px auto;
color:#333333;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Sans-Serif;
font-size:0.9em;
}
.portfolio a{
text-decoration:none;
color:#333333;

}
.portfolio-standard .item:hover  {
	display: block;
}

.dossier-video{
	position: relative;
	z-index: 300;
	min-height:190px;
}

.dossier-video .dossier-video-bg{

	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;	
	display:block;
	z-index: 300;
	zoom: 1;
	cursor:pointer;
}

.dossier-video .dossier-video-bg { 
background: transparent url(../img/video/video.png) center center no-repeat;

}

.ie .dossier-video .dossier-video-bg { 
background: transparent url(../img/video/video-ie.png) center center no-repeat;

}

 .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }