*{
margin:0px;
padding:0px;
font-family:/*eras demi itc*/ Century Gothic;
}

img{
border:none;
}


#diapo{
width:300px;
height:200px;
margin-left:auto;
margin-right:auto;
border:1px solid #a8a8a8;
}

#lien{
color:#fb9900;
-moz-border-radius:5;
border:1px solid #ff7200;
text-decoration:none;
display:block;
margin-top:20px;
margin-bottom:20px;
width:100px;
margin-left:auto;
margin-right:auto;
}

#lien:hover{
color:#18a6f0;
border:1px solid #18a6f0;
}

p{
font-size:14px;
}

#alignementdroite{
float:right;
padding-right:10px;
color:#18a6f0;
}

#bleu{
color:#a8a8a8;
}

#bleu2{
color:#a8a8a8;
margin-left:180px;
margin-top:70px;
}

h1{
font-size:25px;
color:#77b4ec;
padding-bottom:15px;
border-bottom:1px solid #77b4ec;
}

h4{
margin-top:20px;
margin-bottom:10px;
margin-left:20px;
}

body{
background-color:#f6f6f6;
color:#737373;

}



/*------------------------page--------------------*/
#page{
width:850px;
margin-left:auto;
margin-right:auto;
/*background-image:url(images/menurepet.jpg);
background-repeat:repeat-y;*/
/*background-color:#c8c8c8;
border-left:1px solid #f2f2f2;
border-right:1px solid #f2f2f2;*/


}




/*------------------------content--------------------*/
#content{
padding-top:310px;
margin-bottom:0px;
padding-bottom:40px;
width:830px;
padding-left:20px;
/*background-image:url(images/menurepet.jpg);
background-repeat:repeat-y;*/
display:block;
}

#content h1{
margin-top:110px;
}

#content p{
margin-left:10px;
margin-right:20px;
font-size:12px;
}

/*------------------------block news--------------------*/


#dernierenews{
width:936px;
height:354px;
background-image:url(images/fondderniere.png);
background-repeat:no-repeat;
margin-left:-40px;
margin-top:130px;
position:absolute;

}



#controller{
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
float:right;
}

#controller span{
width:150px;
height:73px;
display:block;
color:#fff;
background-image:url(images/fondsliders.png);
text-align:center;
}

#controller span:hover{
background-image:url(images/fondslidershover.png);
}

#controller span:active{
background-image:url(images/fondslidershover.png);
}

#controller p{
margin-top:45px;
width:135px;
text-align:center;
float:right;
}

#slides{
float:left;
width:700px;
}

#legendenews{
position:absolute;
width:678px;
background-image:url(images/fondlegende.png);
color:#fff;
margin-left:6px;
margin-top:6px;
padding:5px;
border-bottom:1px solid #747474;
}

/*#prevNext{
float:right;
}
*/
#sep{
margin:0px;
padding:0px;
display:block;
height:2px;
width:150px;
}



/*------------------------parties menu--------------------*/
#home-button{
float:left;
width:200px;
height:80px;
margin-left:62px;
}

#galery-button{
float:left;
width:200px;
height:80px;
margin-left:62px;
}

#contact-button{
float:left;
width:200px;
height:80px;
margin-left:62px;
}

#menu{
width:830px;
height:75px;
padding-top:35px;
}

#wrap{
width:851px;
height:300px;
margin-top:26px;
padding-left:38px;
}



/*------------------------partie galery--------------------*/
#galery{
width:830px;
}


#galery img{
margin:15px;
border:1px solid #919191;
padding:3px;
}

#galery img:hover{
border:1px solid #18a6f0;
}

#galery p{
margin-left:35px;
}


#miniature{
  width: 100px;
  height: 75px;
  clip: rect(0 85px 70px 15px);
  left: -15px;
  background-color:#242424;
}


.basic{
width:580px;
}

#galery.accordion{
width:800px;
margin-top:40px;
}

.accordion h4.active{

width:800px;
background-image:url(images/ferme.png);
background-position:right;
background-repeat:no-repeat;
cursor: pointer;
}

.accordion h4{

width:800px;
background-image:url(images/ouvre.png);
background-position:right;
background-repeat:no-repeat;
cursor: pointer;
}

.accordion p{

}






/*------------------------alert--------------------*/

.pane {
	background-image:url(images/fondalert.png);
	position: absolute;
	height:200px;
	width:320px;
	color:red;
	margin-left:250px;
	margin-top:300px;
	position:absolute;
}
.pane .delete {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.pane h3{
width:260px;
margin-left:20px;
margin-top:15px;
}

.pane p{
margin-left:20px;
margin-top:10px;
font-size:11px;
color:#000;
width:280px;
}



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

#contact2{
margin-top:30px;
margin-left:40px;
list-style:none;

}

#contact2 a{
color:#18a6f0;
text-decoration:none;
}


/*------------------------footer--------------------*/


#footer{
/*background-image:url(images/footer.png);*/
background-color:#2b2f36;
width:100%;
border-top:1px solid #8f9194;
height:50px;

margin-left:auto;
margin-right:auto;
}
#footerp{
text-align:center;
/*padding-top:40px;*/
margin-top:20px;

color:#f6f6f6;

}