html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}








body {
background-color:#251504;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#125122;
font-weight:bold;
background-repeat:repeat-x;
background-image:url('../images/fond_cuir.jpg');
}

div {
padding:0px;
margin:0px;
}


img {
border:0px;
}

a:link {
	color: #000000;
	text-decoration:underline;
}
a:visited {
	color: #000000;
	text-decoration:underline;
}
a:hover {
	color: #000000;
	text-decoration:underline;
}
a:active {
	color: #000000;
	text-decoration:underline;
}





h2 {font-size:1.1em;
margin:15px 0px 0px;
padding:0px;
font-weight:bold;
padding-left:10px;

}

p {
margin:0px;
padding:0px;
margin-top:5px;
margin-bottom:10px;
padding-left:5px;
}


#page {
width:1000px;
height:auto;
margin-top:0px;
margin-left:auto;
margin-right:auto;
position:relative;
}

#entete {
width:1000px;
height:185px;
}

.entete_titre {
float:left;
width:250px;
display:inline;
padding:10px;
}

.entete_titre h1{
font-size:50px;
color:pink;
font-weight:100;
}

.entete_propos {
float:right;
display:inline;
}

.entete_menu {
float:right;
display:inline;
padding:70px 0px 0px 5px;
}

#contenant {
width:1000px;
height:436px;
padding-top:60px;

}


#change_image {
z-index:2;
position:relative;
bottom:22px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/fond.png);
}


#mosaique{
/*float:left;*/
height:auto;
width:280px;
display:inline;
}

.case {
height:64px;
width:64px;

float:left;
display:inline;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;
margin:0px 0px 13px 13px;
}

.case img{
height:64px;
width:64px;
border:2px dashed #963;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;

box-shadow:0px 0px 8px 2px #100500;-moz-box-shadow:0px 0px 8px 2px #100500;-webkit-box-shadow:0px 0px 8px 2px #100500;-ms-box-shadow:0px 0px 8px 2px #100500;-o-box-shadow:0px 0px 8px 2px #100500;
behavior:url(css/PIE.htc);
overflow:hidden;
}



#bande a img{
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;
behavior:url(css/PIE.htc);
}

#titre_image {
height:auto;
width:775px;
z-index:2;
position:absolute;
left:0px;
top:-5px;


}

h1{
padding:30px 0px 15px 20px;
font-size:35px;
font-weight:bold;
color:#FFFFFF;
line-height:1em;
text-shadow:0px 0px 2px #000;
}


#description_image {
position:absolute;
top:75px;
left:20px;
height:auto;
width:745px;
z-index:3;
color:#fff;
opacity:1.0;
text-shadow:0px 0px 2px  #000;
font-size:17px;
font-weight:100;
}


#bas_page {
position:relative;
color:#000;
text-shadow:0px 0px 8px  #000;
width:794px;
height:269px;
position:relative;
top:-20px;
left:-8px;
z-index:1;
/* background-color:blue;

border:2px dashed #EEA;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;
box-shadow:0px 0px 8px 2px #100500;-moz-box-shadow:0px 0px 8px 2px #100500;-webkit-box-shadow:0px 0px 8px 2px #100500;-ms-box-shadow:0px 0px 8px 2px #100500;-o-box-shadow:0px 0px 8px 2px #100500;
behavior:url(css/PIE.htc);*/
}

#contact {
width:200px;
height:212px;
position:relative;
float:right;
font-size:20px;
font-weight:bold;
color:#000;
top:-50px;
right:10px;
text-shadow:0px 0px 8px  #000;
display:inline;

background-repeat:no-repeat;
}

#contact img {
position:absolute;
top:0px;
left:0px;
width:200px;
height:212px;
z-index:1;
}

#contact p {
position:absolute;
top:80px;
right:20px;
text-align:right;
width:180px;
height:120px;
z-index:2;
}

#diapo {
position:relative;
float:left;
margin-bottom:8px;
width:666px;
height:375px;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;
box-shadow:0px 0px 8px 2px #201000;
overflow:hidden;
overflow:hidden;
display:inline;
border:2px dashed #963;
z-index:2;
behavior:url(css/PIE.htc);
}	

#pad {
postion:absolute;
top:0px;
left:0px;
width:662px;
height:371px;

border:10px solid #FFF;
background:transparent;
z-index:3;
display:block;
}


#bande {
position:absolute;
top:0px;
left:0px;
height:375px;
width:auto;
z-index:1;
}

#bande a{
float:left;
position:relative;
width:666px;
height:375px;
border:0px;
display:inline;
}

#bande a img{
position:absolute;
top:0px;
left:0px;
}

#bande a h3{
position:absolute;
bottom:-50px;
left:0px;
text-align:right;
z-index:1;
height:50px;
width:755px;
padding:10px;
background-color:#FFF;
color:#FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
font:18px arial;
}

#prec {
position:absolute;
top:134px;
left:6px;
height:73px;
width:37px;
z-index:2;
display:none;
padding:10px;

border-radius:5px;
}

#suiv {    
position:absolute;
top:134px;
right:6px;
height:73px;
z-index:2;
width:37px;
display:none;
padding:10px;

border-radius:5px;
}