@charset "utf-8";
/* CSS Document */



.rouge{color:red;}

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

body{
	background:url(interface/bg.jpg) #fff center top repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#51463d;
}

#entete{
	width:580px;
	height:168px;
	margin:0 auto;
	background:url(interface/bg_entete.png) center no-repeat;
}

#navigation{
color:#FFFFFF;
text-align:center;
	width:580px;
	height:61px;
	
}

#page{
	width:900px;
	margin:0 auto;
	padding:10px 30px;
	background:url(interface/bg_page.png) repeat-y #fff;
	overflow:hidden;
	clear:both;
}

h1, h2, h3, h4{color:#5e0400; text-transform:uppercase; margin-bottom:7px;}
h1{font-family:Calibri, Verdana, "Times New Roman", Times, serif; font-size:28px;}
h2{font-family:Calibri, Verdana, "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:16px; font-style:italic;}
h3{font-family:Calibri, Verdana, "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:14px;}
h4{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:12px;}

p{margin-bottom:12px; line-height:18px;}
hr{ width:100%; height:1px; background-color:#CBC5B6; border:0; margin:-7px 0 5px 0; }

a:link{color:#ce2c00;}
a:active{color:#7d1e00;}
a:hover{color:#b82700; text-decoration:none;}
a:visited{color:#7d1e00;}

ul.puce{ margin: 0 0 20px 30px; list-style-image: url(interface/puce.png);line-height:1.3em; }
.puce li{ padding:4px 0; margin-bottom:2px; }

ul.puce2{ margin: 0 0 20px 30px; list-style-image: url(interface/puce2.png);line-height:1.3em; }
.puce2 li{ padding:4px 0; margin-bottom:2px; }

#diaporama{
	width:601px;
	height:299px;
	padding:7px;
	background:url(interface/bg_diaporama.png) no-repeat;
}
.ft-title {padding:10px; width:587px; font-weight:bold;}
.ft-title a{color:#b5dd00;}
.ft-title a:hover{text-decoration:none;}

#galerie img{ float:left; margin:0 13px 10px 12px; }
#galerie img:hover{ background:#E7E4C9; }

#conteneur{width:900px; margin:10px auto; clear:both; overflow:hidden;} 
#conteneurbeige{width:900px; background:url(interface/bg_contenu_beige.png) 0 0 no-repeat; margin:10px auto; padding-top:15px; clear:both; overflow:hidden;}
#conteneurbeige2{width:920px; background:url(interface/bg_contenu_beige2.png) bottom no-repeat; margin:10px 0 15px -20px; padding:0 0 15px 20px; clear:both; overflow:hidden;}
#conteneurbeige3{width:940px; background:url(interface/bg_contenu_beige3.png) top no-repeat; margin:0 0 0 -20px; padding:15px 0 15px 0; clear:both; overflow:hidden;}

.bgdrapeau{ display:block; width:920px; background:url(interface/bg_drapeau.png) bottom  no-repeat; margin:5px 0 0 -20px; padding:0 0 5px 20px; }

.collgauche{
	display:block;
	width:260px;
	float:left;
	padding:0 15px 0 5px;
}

.collgauchedouble{
	display:block;
	width:545px;
	float:left;
	padding:0 15px 0 0;
}

.collcentre{
	display:block;
	width:280px;
	float:left;
	padding:0 0 0 20px;
}

.collcentredouble{
text-align:justify;
	display:block;
	width:580px;
	float:left;
	padding:0 0 0 20px;
}

.colldroite{

	display:block;
	width:265px;
	float:right;
	padding:0px 0 0 15px;
}

.collpleine{
	display:block;
	width:900px;
	margin:0 auto;
	clear:both;
}

#piedpage{
	width:900px;
	height:182px;
	margin:0 auto;
	margin-bottom:20px;
	padding:0px 30px;
	background:url(interface/bg_piedpage.jpg) bottom no-repeat #fff;
	clear:both;
}

#piedpage p{
	margin-bottom:8px;
	line-height:18px;
}

#piedpage br{
	line-height:20px;
} 

#piedpage h3{
	margin-bottom:3px;
}


/* Classes diverses ------------------------------------ */


.contour{ border:3px #fff solid; -webkit-box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999; }
.icone{ float:left; margin:0 10px 7px 0; }
.imagegauche{ float:left; margin:0 10px 7px 0; }
.imagedroite{ float:right; margin:0 0 7px 10px; }
.bordurebas{ border-bottom:1px solid #cdcaac; border-collapse:collapse;}




/* Classes textes  ------------------------------------ */
.texte11{font-size:11px; text-align:justify;}


/* Diaporama  ----------------------------------------- */
#navdiaporama {position:relative; padding-left:55px; margin-bottom:15px;}
.sliderbutton {float:left; width:39px; padding:12px 20px;}
.sliderbutton img {cursor:pointer}

#slider {float:left; position:relative; width:890px; height:375px; margin:0 0 0 30px; clear:both;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:870px; height:375px; padding:0 10px;}

.pagination {float:left; list-style:none; height:25px; margin:15px 0;}
.pagination li {background:#6c0900; border:1px solid #480600; float:left; cursor:pointer; padding:5px 8px;  margin:0 4px 0 0; text-align:center; color:#fff}
.pagination li:hover {background:#890b00; border:1px solid #480600; color:#fff}
li.current {background:#b20f00; border:1px solid #8b0b00; }









/* Tooltip ---------------------------------------- */
#tooltip{
	position:absolute;
	border:1px solid #621B01;
	background: #811702;
	padding:5px 8px;
	color:#fff;
	display:none;
	z-index:2;
}