body {
	background: #37311B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DDDDDD;
	margin-top: 0px;
}

/* Divers*/
.align-justify {text-align:justify;}
.align-center {text-align:center ;}
.align-right {text-align:right;}
.align-left {text-align:left;}
.float-left {float:left; display: inline}
.float-right {float:right;display: inline}
.clear {clear:both;}

a {
 	color:#FECC09; 
	}
	
	
a:hover{
	text-decoration:none;
	}

h1 {  
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #CACACA;
	letter-spacing: -1px;
	font-style: italic;
	line-height: 0px;
	margin-left: 500px;
}
h2{ margin:0px; font-size: 14px;}	
h3 {font-size:12px;font-weight:bold;}
em{color:#fff; font-weight: bold;}

/* class */
.title  {
	font-size:14px;	
	font-weight:bold;
	text-transform: uppercase; 
	background: #7D6632;
	color:#000000;
	float:left; 
	display: inline;
	padding: 0px 10px 0px 0px;
	}
	
.comment {
	color:#D1BD8B;font-size: 12px;
	font-weight:bold;
	background:#000000 url(img/titre.jpg) no-repeat right;
	padding: 1px 0px 1px 0px;
}

.comment-num{
	font-family:"Arial Black";
	font-size: 20px;
	color:#FECC09;
	font-style:italic;
}
.comment-num span{
	font-size: 15px;
	color:#DDDDDD;
}

.comment-bis{
	font-family:"Arial Black";
	font-size: 30px;
	text-align: center;
	background:#000000 url(img/titre.jpg) no-repeat right;
	margin: 10px 0 10px 0;
	color:#FECC09;
	font-style:italic;
}
.jufityML {
	font-size:10px;
	text-align:justify;
}

.numero{
	font-family:"Arial Black";
	font-size: 35px;
	text-align: center;
	color:#FECC09;
	font-style:italic;
	margin: 0px 0 10px 0;
	background: #37311B;
	padding: 1px 10px 1px 10px;
	-moz-border-radius:30px;
	-webkid-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	border:1px solid #DCDAD8;
}
.prefixe {
	font-size: 30px;
	color : #fff; 
}
.pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#D1BD8B;
	font-weight:bold; 
}

.big {
	font-size: 11px;
	text-transform:uppercase;
	font-weight: bold;
	text-align:center;
}



.prefixe-bis {
	font-size: 24px;
	color : #000000; 
}

.ch-be{
	background: #fff;
	font-family:"Arial Black";
	font-size: 16px;
	text-align: center;
	color: #000;
	margin: 0 0 10px 0; 
	padding: 1px 10px 1px 10px;
	-moz-border-radius:10px;
	-webkid-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	border:1px solid #FECC09;
}

.commentaire {
	font-size: 10px;
	text-align: center;
	margin: 10px 0 20px 0; 
}


/* SMS */
#sms {
	color:#CC0099;
	font-style:italic;
	font-family:"Arial Black";
	font-size:25px;
	text-align:center;
	margin: 50px 0 0 0;
}

#sms .small {
	font-family:"Arial";
	font-size:12px;
	font-style:normal;
	color:#333333;
}

#sms .blanc {
	font-size:15px;
	color:#333333;
}



/********************************* container *********************************/
#container { 
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#header { 
	width: 960px;
	height:70px;	
	background: #37311B;
}

#titre { 
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 25px;
	font-weight: lighter;
	letter-spacing: -2px;
	text-transform: uppercase;
	margin-left: 500px;
	margin-top: 5px;
}
	
#titre span { 
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 25px;
	font-weight: lighter;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #666666;
}
		


/* menu */
#menu{background: #D1BD8B;height: 18px;width: 745px;margin: 0 0 0 65px;padding:0 0 2px 150px;color:#000000;}
#menu ul, {list-style-type:none; margin: 0px; padding: 0px}
#menu li { display:inline; }
#menu li a {color:#000000; text-decoration:none; margin: 0 5px 0 5px; font-size:12px; }
#menu li a:hover,  #menu li.current {font-weight:bold; text-transform: uppercase; font-size:10px;}

/* elements page */

#page {
	width: 865px;
	margin:0 0 0 65px;
	background: #7D6632;
	border-right: 15px solid #D1BD8B;
	border-left: 15px solid #D1BD8B;
	border-bottom: 15px solid #D1BD8B;
}

#pied-page {
	clear:both;
	font-size:9px;
	background: #675325;
	height: 20px;
	color: #D1BD8B;
	text-align:center;
}

#logo {
	position:absolute;
	height: 600px;
	top:40px;
	background: url(img/cadre.gif) no-repeat;
	z-index:3;
	width: 200px;
}

/* sections */
#section { 
	float: right;
	display:inline;
	width: 710px;
	background: #7D6632;
	border:20px solid #675325;
	padding: 10px 10px 0 105px;
	margin: 0px; 
}

#section2 { 
	float:right;
	display:inline;
	width: 335px;
	background: #7D6632;
	border-right:20px solid #675325;
	border-left:20px solid #675325;
	padding: 10px 10px 0 105px;
}

#section3 { 
	float:right;
	display:inline;
	width: 335px;
	background: #7D6632;
	border-right:20px solid #675325;
	padding: 10px 10px 0 10px;
}

.photos { 
	float: left;
	display:inline;
	width: 60px;
	margin: 10px 0 10px 5px;
	text-align: center;
}
	.photos img {border: none;}


#section4 { 
	float: right;
	display:inline;
	width: 710px;
	background: #7D6632;
	border-top:20px solid #675325;
	border-right:20px solid #675325;
	border-left:20px solid #675325;
	border-bottom:20px solid #675325;
	padding: 10px 10px 0 105px;
}

/* footer */
#footer {clear:both;background: #D1BD8B;text-align: center;margin-left:65px;font-size:10px;color:#675325;}
#pub{clear:both;}
#footer a{color:#675325;text-decoration:none;}
#link {text-align:center;margin-bottom: 30px;}
#lien {color:#7D6632;text-align:center;margin-top: 30px;font-size:10px;margin-left:66px;text-decoration:none}
#lien a {color:#7D6632;text-decoration:none}
#titre-footer {color:#CC0099;font-size:12px;font-weight: bold;margin-bottom: 10px;}
#spywords {margin: 25px 0 0 0;text-align: center; vertical-align: middle;}
#mention-legale {float: left; display:inline;text-align:left;margin: 0 0 10px 15px;padding:0 0 0 0;}
#copyright {float: right; display:inline;text-align:right;margin:0 15px 10px 0;padding:0 0 0 0;}
#icra{text-align:center;margin-top: 40px;margin-left:66px;}

/* gallerie */
#hotesses {position:relative; width:700px; margin: 20px 0 10px 0; }
#hotesses img {border:0;}
#hotesses .thumbs {width:230px;position:absolute;top:10px;left: 6px; }
#hotesses .info {clear:both; margin: 0 0 10px 0;}
#hotesses a.gallery:hover span {display:block; position:absolute; width:450px; height:50px; top:0px; left:200px; padding:1px; font-style:italic; z-index:100;font-size:11px; }
#hotesses a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:12px;color:#DDDDDD;}
#hotesses a.gallery:active, #hotesses a.gallery:focus {border:1px solid #993366;}
#hotesses a.gallery:active em, #hotesses a.gallery:focus em {display:block; position:absolute; width:450px; height:665px; top:60px; left:200px; padding:5px; border:1px solid  #FECC09; z-index:50;}
#hotesses p {clear:both; margin:0; padding:10px 0 20px 250px; width:450px; }
#hotesses #justify {text-align:justify;}
#hotesses #image {clear:both; margin:0; padding-top:20px 0 0 30px;}
#hotesses em {font-size:0.6em;}
a.gallery, a.gallery:visited {display:block; display:inline-block; text-decoration:none; border:1px solid #FECC09; width:60px; height:90px; float:left; margin:5px; z-index:50;}
a.gallery em, a.gallery span {display:none; margin-left: 35px;}
a.gallery:hover {border:1px solid  #999999 ;}

/* Formulaire*/
form { margin: 0; }
input.nom{ width: 280px; margin:0 0 0 150px; }
input.email{ width: 280px; margin:0 0 0 90px; }
input.autres{ width: 280px; margin:0 0 0 200px; }
input.sujet{ width: 280px; margin:0 0 0 102px; }
input.button { padding: 0 0 0 30px; margin:0 0 0 100px }
textarea.corps{ width: 280px; margin:0 0 0 275px; }
label {font-weight:bold;margin:5px 0 0 20px;}
.alert {font-weight:bold;color:#FF0000;margin:0 0 0 200px;}
.crypto {text-align:center;background:#FFFFFF;width: 280px; margin:0 0 0 275px;}

/*Promo CB*/
.promo-cb {width:215px;text-align: center;border: 1px solid #FECC09;border-top: 3px solid #FECC09; margin: 20px 0 10px 0px; padding: 5px; -moz-border-radius:10px;-webkit-border-radius:10px;background:#fff;color:#000;}
.promo-cb-num {font-size: 18px; letter-spacing: -1px; margin: 10px 0 10px 0;font-family:"Arial Black";}
.promo-cb-num img { vertical-align: middle; margin:0 5px 5px 0;  }
.bold{font-weight:bold;}