@font-face {
    font-family: 'GabrielWeissFriendsFontRg';
    src: url('fonts/gabrwffr-webfont.eot');
    src: url('fonts/gabrwffr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gabrwffr-webfont.woff') format('woff'),
         url('fonts/gabrwffr-webfont.ttf') format('truetype'),
         url('fonts/gabrwffr-webfont.svg#GabrielWeissFriendsFontRg') format('svg');
    font-weight: normal;
    font-style: normal;

}


#big{display:none;}
#present{color:#424242;width:411px; margin:auto;padding:0px;font-family:'GabrielWeissFriendsFontRg',arial;font-size:44px;text-align:center;}



body{

font-family:arial;
margin:0px;
padding: 0px;
background-color:#d3cec2;
}

p{
font-size:12px;
line-height:1.25em;
}

a{
color:#848484;
font-weight:bold;
}

a:hover{
color:#00c9ff;
}
img{border:0px;}

.left{float:left;margin-right:10px;}
.clear{clear:both;}

#global{

background-color:#dfdbd1;
margin:0px;
padding:20px;
}

#titre{
position:absolute;
margin-left:150px;
margin-top:20px;
}

#page{
width:900px;
height:500px;
background:transparent url(images/bg.png) top left no-repeat;
margin:auto;
position:relative;
}

#page_interne{
position:absolute;
margin-left:150px;
margin-top:70px;
padding:20px;
width:600px;
height:340px;
background-color:#fff;
opacity: 0.8;
_filter:alpha(opacity=80);


}

#content{
position:absolute;
margin-left:150px;
margin-top:70px;
padding:20px;
width:600px;
height:340px;
opacity: 1;
_filter:alpha(opacity=100);
}

#content a{color:#00c9ff;}
#content ul{margin-left:150px;}
#content li{font-size:12px;}

#content img{
opacity: 1;
_filter:alpha(opacity=100);
}

h3{
text-transform:uppercase;
}

#menu{
position:absolute;
margin-left:170px;
margin-top:400px;
width:640px;
height:40px;
}

#menu ul{
display: block;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu ul li{
padding: 0px;
margin:4px 0px 0px 0px;
border-right:1px solid #DFDFDF;
color: #FFFFFF;
height:30px;
width:130px;
cursor:pointer;
display: inline; 
float: left;
}

#menu ul li a{
position:absolute;
color: #ada391;
height:30px;
width:130px;
text-align:center;
padding-top:4px;
text-decoration:none;
}

#menu ul li a:hover{
color:#00c9ff;
}


#footer{
	height:190px;
	background:transparent url(images/footer.png) top left repeat-x;
}
#footer p{
	width:900px;
	margin:auto;
	padding-top:10px;
	text-align:center;
}

#liens{
	position:relative;
	width:560px;
	margin:auto;
	margin-top:30px;
	text-align:left;
	font-size:11px;
}
#liens .lien{margin-bottom:30px;clear:both;}
#liens .imgprev{float:left;position: relative;padding-left:16px;padding-top:16px;margin-right:30px;cursor:pointer;}
#liens .imgprev img{width:130px;}
#liens p{text-align:left;width:450px;}


.imgprev span {
	width: 160px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0px;
	left: 10px;
	padding-top:110px;
	padding-left:0px;
	background: url(images/favrat.png) no-repeat;
}


#fcontent{
	width:930px;
	margin:auto;
	margin-top:40px;
	padding-bottom:20px;
}
#fcontent h3{margin:0px;}
#webtv,#photos,#newsletter{width:310px;float:left;margin:0px;cursor:pointer;}




/****************SLIDESHOW*************/
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:640px;
	height:150px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:150px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:150px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:150px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/right.png) no-repeat 0 0;
}


.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}