body {
	background : #383732; 
	font: 0.7em Tahoma, Arial, sans-serif; 
	margin-top: 0px;
}

a { color: #7B1E55; }
a:hover { color: #CFACC2; }

h4 {  
	font-size:10px;
	font-weight:bold;	
	padding: 120px 0 0 350px ;
	color:#666666;
}

h5 {  
	font-size:12px;
	font-weight:bold;
}

ul {
	list-style: none;
	text-align: left;	
	padding-right: 0;		
	text-decoration: none;
}

li {
	padding: 5px 0 5px 5px;
	font-size: 14px;
}

.box li a {
	color:#CFACC2;
	font-weight:bold;
	text-decoration:none;
}
.box li a:hover { color: #FFE0F5; }
.box li a.active { color:#FFFFFF; }

#middle a {
	color:#7B1E55;
	font-weight:bold;
	text-decoration:none;
}
#middle li a:hover { color: #CFACC2; }
#middle li a.active { color:#CFACC2; }

/* Class */
.commentaire {
	font-size: 10px;
	text-align: center;
	padding: 10px 0 10px 0; 
}

.ch-be .comment{
	font-size: 11px;
	margin-right:20px;
	color: #C997B4;
}

.clear{
	clear:both;
}

.white {
	color:#444;
}

.bleu {
	color:#006599;
}

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

.justify {
	text-align:justify;
}

.center {
	text-align:center;
}

/* Numero */
.numero {
	font-family:"Arial Black";
	font-size: 40px;
	text-align: center;
	color: #FF8737;
	font-style:italic;
	margin: 10px 0 0 260px;
}

.numero .prefixe {
	font-family:"Arial Black";
	font-style:italic;
	font-size: 25px;
	color : #444; 
}

.numeroindex {
	font-family:"Arial Black";
	font-size: 40px;
	text-align: center;
	color: #FF8737;
	font-style:italic;
	margin: 0 0 0 0;
}

.numeroindex .prefixe {
	font-family:"Arial Black";
	font-style:italic;
	font-size: 25px;
	color : #FFE0F5; 
}

.numeroindex .prefixe2 {
	font-family:"Arial Black";
	font-style:italic;
	font-size: 25px;
	color : #444; 
}

.ch-be{
	font-family:"Arial Black";
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	margin: 0 0 10px 0;
	color:#FFE0F5; 
}

.ch-be .comment{
	font-size: 9px;
	margin-right:20px;
	color: #C997B4;
}

/* SMS */
#sms {
	border: 2px solid #C7147A ;
 	-moz-border-radius:10px;-webkit-border-radius:10px;
	background: #fff;
	font-family:"Arial";
	font-weight: bold;
	font-size:18px;
	text-align:center;
	margin: 15px 0 0 260px;
}

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

#sms .color {
	font-family:"Arial Black";
	font-style:italic;
	font-size:25px;
	color:#C7147A;

}

/* Block*/
#container { 
	width: 893px;
	margin-left: auto;
	margin-right: auto;
	background:#FFE0F5;
/*	height: 880px;*/
}	
	#container-bottom { background:url(images/page-bottom.gif) top no-repeat; height:25px;}

#header { 
	background: url(images/bandeau.jpg) no-repeat;
	height:167px;
	width: 893px;
}

.intro { color: #444; margin: 10px 15px 20px 15px; width: 863px;}
.intro h1 {font-size: 14px; text-transform: uppercase; color: #7B1E55; text-align:center; margin: 0 0 2px 0;}
	.intro p {margin: 0 0 0 10px;}

.box-400-left { float: left; width: 424px; margin:0 8px 0 8px; }
.box-400-right { float: right; width: 424px; margin:0 8px 0 8px; }
	.box-400-top { background:url(images/box_400_top.gif) bottom no-repeat; height:24px; margin-bottom:0px; }
	.box-400-corps { background:#7B1E55; height: 490px; padding: 0 5px 0 5px; text-align:center;}
	.box-400-bottom { background:url(images/box_400_bottom.gif) no-repeat; height:26px; margin-top:0px;}
	.box-400-corps p { width:  410px; text-align:justify; font-size:13px; font-family:"Arial Narrow"; font-weight:bold; color:#CFACC2;}
	.box-400-corps h2{ font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 35px; font-weight: lighter; letter-spacing: -2px; text-transform: uppercase; margin: 0 0 0 0; color: #FFE0F5; margin: 0 0 0 0;}
	.box-400-corps h3 {font-family: Tahoma; font-size: 12px; color: #FFFFFF;}
	.box-400-corps .text16 { font-size:15px; color:#FFD8F2; }
	.box-400-corps .text18 { font-size:17px; color:#C997B4; }
	
	
.preview { float:left; text-align:center;  width: 138px; color:#CFACC2; }
	.preview-comment{ text-align:justify; margin: 0 10px 0 10px; }
	.preview-title{ margin: 0 0 5px 0; font-size: 14px; font-weight:bold; }
	.preview-title a { border:0; text-decoration:none; color: #CFACC2; }
	.preview-title a:hover { border:0; text-decoration:none; color: #FFE0F5; }
	.preview img { border:0; text-decoration:none; }	
.preview-video { float:left; text-align:center;  width: 123px; color:#CFACC2; }

.box {
	background:#7B1E55;
}
	.box h3{ color: #FFE0F5; margin: 0 0 0 10px; font-size: 16px; font-stretch:condensed; text-transform: uppercase;}
	.boxtop { height: 11px; background: url(images/boxtop.jpg) no-repeat; }		
	.boxbottom {height: 11px; background: url(images/boxbottom.jpg) no-repeat;  margin-bottom: 20px;}
	
#middle { float: right; width: 600px; padding: 0 15px 0 15px; text-align:center; }
	#middle p {padding: 0 0 10px 10px;}

/* colonne de gauche */
#left { float: left; width: 230px; margin: 30px 15px 10px 15px; }

#pied-page {
	clear:both;
	font-size:9px;
	color: #7D6632;
	text-align: center;
}

#pub{
	margin: 10px 0 0 0;
	text-align: center;
}

/* footer */
#footer {
	text-align: center;
	font-size:10px;
	color:#675325;
}

#footer a{
	color:#675325;
	text-decoration:none;
}


#link {
	text-align:center;
}

#nav {
	clear: both;
	text-align:center;
	color: #7D6632;
	margin:20px 0 0 0;
}

#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;
	padding: 15px 0 10px 0;
}
 
#spywords {
	margin: 25px 0 0 0;
	text-align: center; 
	vertical-align: middle;
}

#mention-legale {  
	float: left; 
	text-align:left;
	margin: 0 0 0 30px;
	padding:0 0 0 0;
}

#copyright {  
	float: right; 
	text-align:right;
	margin:0 30px 0 0;
	padding:0 0 0 0;
}

#icra{  
	text-align:center;
	margin-top: 40px;
	margin-left:66px;
}

/* gallerie */
#container_left {position:relative; width:850px; height:900px; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:228px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:567px; height:50px; top:0px; left:240px; padding:5px; font-style:italic; color: #444;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#7B1E55;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #00CC00;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:567px; height:850px; top:50px; left:250px; padding:5px; color:#000; border:1px solid #7B1E55; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:55px; padding-left:260px; width:560px; font-size:2em; font-weight:normal; color:#7B1E55;}
#container_left p {clear:both; margin:0; padding-top:20px; padding-left:260px; width:560px; text-align:center; color: #444;}
.comment_container_left { font-size: 10px; text-align: center; color: #444; margin: 10px 0 0 260px;}
.comment_container_hotesses { text-align:center; margin: 10px 0 0 260px;}
.comment_container_preview { float:left; text-align:center; width: 48%;}
.comment_container_preview img{ float:left; margin: 5px;}
.comment_container_preview a{ text-decoration:none;}
#container_left h2{ font-size:2em; font-weight:normal; color:#7B1E55;}
.comment_container_pub { clear:both; margin: 15px 0 30px 260px; text-align:center; }
#container_left #justify {text-align:justify;}
#container_left #image {clear:both; margin:0; padding-top:20px; padding-left:30px;}
#container_left h1 em {font-size:0.6em; color:#7B1E55;}
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#FFFFFF; text-decoration:none; border:1px solid #FFFFFF; width:60px; height:90px; float:left; margin:4px 4px 4px 8px; z-index:50;}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/* Formulaire*/
form { margin: 0; }
input.nom{ width: 280px; margin:0 0 0 77px; }
input.email{ width: 280px; margin:0 0 0 33px; }
input.autres{ width: 280px; margin:0 0 0 107px; }
input.sujet{ width: 280px; margin:0 0 0 40px; }
textarea.corps{ width: 300px; margin:0 0 0 140px; }
input.button { padding: 0 0 0 30px; margin:0 0 0 100px }
.alert {
	font-weight:bold;
	color:#FF0000;
	margin:0 0 0 0;
	text-align:left;
}