body {
	color : #FAFCCA;
	background : #000000;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Sets default font size to 10px */
	margin-top: 0px;
}

p {
 font-size: 14px;
}

a { 
	color: #FF6600;
	font-weight:bold.
}
a:hover { 
	color:#FAFCCA; 
}

/********************************************
   ENTETES
********************************************/
h1 {
font-size: 1.8em;
}

h2  { 
	font-size: 1.7em; 
}

h2 a { 
	text-decoration: none; 
}	
/**************************
GENERAL
***************************/
#content { 
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-top:10px;
	background:#323230;
	border: 1px solid #636359;
}
#index { 
	background: url(images/visio-x.jpg) no-repeat 0px 170px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

#index h2 { 
	margin:0 0 -1px 0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
}

#index h2 a{ 
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	text-decoration:none;
}

#index h2 a:hover{ 
	color:#FF6600;
}

#index h2 span{ 
	color:#FF6600;
}


#baseline {color:#999999; text-align:center; margin: 10px 0 10px 0;font-size: 12px;}
#logo { position:absolute; top: -50px; left: 0px; height: 77px; width: 350px; }
#logo img{ border:none; }
#main { width: 700px; float:right;	display: inline;}
/********************************************
   Promo CB
********************************************/
.promo-cb {text-align: center;border: 1px solid #FAFCCA;border-top: 3px solid #FAFCCA; margin: 20px 5px 10px 5px; padding: 5px; -moz-border-radius:10px;-webkit-border-radius:10px;background:#fff;color:#000; font-size:12px;}
.promo-cb-num {font-size: 20px; 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;}

/********************************************
   BUZZ
********************************************/
.promo-top { background:url(images/promo-top.jpg) no-repeat top; height:9px; }
.promo {
	background:url(images/promo.jpg) repeat-y top;
	width:412px;
	margin-left: auto;
	margin-right: auto;
	color:#666666;
}
.promo-bottom { background:url(images/promo-bottom.jpg) no-repeat bottom; height:9px;}
.block-promo-top {float:left; width:475px; display: inline;}
.block-promo-bottom { float:left; margin-top: 250px; width:475px;display: inline;}

.promo p{ 
	margin:0 5px 0 10px;
	padding:0;
	font-size:11px;
}

.link {text-align:right; padding: 10px 10px 5px 5px; color:#000000; font-size: 13px; text-transform:uppercase;}
.link a{color:#000000; }
.link a:hover{color:#FF6600;}
/********************************************
   BUZZ
********************************************/
.buzz-top { background:url(images/buzz_top.jpg) no-repeat top; height:30px; }
.buzz-top-classic { background:url(images/buzz_bottom_classic.jpg) no-repeat bottom; height:10px;}
.buzz-top span {font-size: 1.9em; letter-spacing:-1px; font-weight:bold; width:198px; float:right; text-align:center;}
.buzz {
	background:url(images/buzz.jpg) repeat-y top;
	color:#666666;
	margin: 0px 15px 15px 15px;
	width:655px;
}
.buzz-bottom { background:url(images/buzz_bottom.jpg) no-repeat bottom; height:10px;}

.buzz p {
	margin: 0 .9em 1em .9em;
}

.buzz ul{
	list-style: none;
}

.buzz ul li {
	height: 50px;
	width: 230px;
	background: url(images/key.jpg) no-repeat top left;
	margin: 0 0 12px -25px;
	padding: 0 0 0 40px;
	font-size:2em;
	letter-spacing:-2px;
	font-weight:bold;
	color:#FF3300;
}

.buzz ul li span{
	float: left;
	font-size:.7em;
	letter-spacing:-1px;
	color: #333333;
}

.buzz a:hover { 
	color:#333333; 
}	
.buzz h1 { 
	margin:.5em 0 .5em 1em;
	color: #FF3300;
}

.buzz h2 { 
	margin: 1em 0 .5em 1em; 
	color:#333333;
}

.contour-fiche{
	background: #FAFAFA;
   	border: 1px solid #E5E5E5;
	padding: 4px;
	float:left;
	display: inline;
	margin:10px;
}

/********************************************
   FICHE MODELE
********************************************/
.diapo-top { background:url(images/diapo_top.jpg) no-repeat top; height:10px;}
.diapo {
	float:left;
	display: inline;
	background:url(images/diapo.jpg) repeat-y top;
	color:#666666;
	margin: 0 15px 15px 15px;
	width:198px;
}
.diapo-bottom { background:url(images/diapo_bottom.jpg) no-repeat bottom; height:10px;}
.diapo img a { border:none;}
.diapo a {text-decoration:none;}

.hotesse {text-align: center; text-transform:capitalize; color:#FF9900; font-size:2em; font-weight:normal; letter-spacing:-1px;}
.hotesse a{ text-decoration:none}
.ligne-descriptive { height: 25px;}
.ligne-descriptive p { margin:5px 10px 0 0; float:left;}

/********************************************
   SIDEBAR
********************************************/
#sidebar {
	float: left;
	display: inline;
	width: 240px;
	background: url(images/bandeau.jpg) no-repeat top center;
	margin: 0;	
	padding: 65px 0 0 5px; 	
}

#sidebar h2{
	border-top: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	padding: 0 0 0 20px;
	font-size: 1.8em;
	color : #FAFCCA;
}
#sidebar ul li a span{color:#fafcca; font-weight:bold;}

#sidebar ul {
	list-style: none;
	text-align: left;		
	text-decoration: none;
}
#sidebar ul li {
	padding: 0 5px 2px 10px;
}

* html body #sidebar ul li { height: 1%; }

#sidebar ul li a {
	font-weight: bold;
	background-image: none;
	text-decoration: none;
	font-size: 1.2em;
}
#sidebar ul li a:hover{
	color : #FAFCCA;
}

#sidebar ul li #current {
	color : #FAFCCA;
}

/********************************************
   CLASS D'ALIGNEMENT
********************************************/
.float-left  { float: left;	display: inline; }
.float-right { float: right;display: inline; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-justify{ text-align:justify; }
.align-center { text-align: center; }
.margin-auto {margin:auto;}
.clear {clear:both;}

/********************************************
   CLASS SPECIFIQUES
********************************************/
.connect  { float: right; margin-right:5px; text-decoration:none; border:none;}
.bio { border:none; float: left; }
.bigbig {font-size: 18px; font-weight: bold; letter-spacing: -1px; color:#FF6600}
.infos  { margin-left:5px;}
.show { font-size:1.5em; text-align:center; font-weight:bold;}
.show a { color:#FF9900;}
.offline {color:#FF0000;font-size:.8em;}
.online {color:#00CC00;font-size:.8em;}
.show span {color:#666666; font-size:.8em;} 
.pageparpage { text-align:center; margin:auto;}
.pageparpage .prev{ text-align:left; width: 100px; height: 40px; float: left; }
.pageparpage .next{ text-align:right; width: 100px; height: 40px; float: right; }
.pageparpage b{ font-size:1.1em;}
#margin_peepshow{margin:0 0 -50px 20px;}



 
/* les blocs */
#accueil { 
	width: 980px;
	margin: auto;
}



.imageindex { 
	margin: 0px;
	padding: 0px;
}

#contentboxtop { 
	height: 57px; 
	margin: 45px 0 0 100px;
}

#page{ 
	width: 960px;
	margin-top:10px;
}

.box-deux 
{  
	float: left; 
	width: 480px; 
	margin: 0 0 0 0px; 
	padding: 0 0 0 0;
}


/* les classes */
.bold{
	font-weight:bold;
}

/**************************
NUMERO
***************************/

.numero{
	background:url(images/fd_numero.jpg) repeat-y top left; 
	width:340px;
	font-family:"Arial Black";
	/*font-style: italic;*/
	font-size: 30px;
	text-align: center;
	margin: 0 0 10px 5px;
	color:#FF6600;
}
.numero-top{background:url(images/fd_numero_top.jpg) no-repeat top left; height:29px;}
.numero-offre{background:url(images/fd_numero_offre.jpg) no-repeat top left; height:29px;}
.numero-bottom{background:url(images/fd_numero_bottom.jpg) no-repeat bottom left; height:22px;}

.prefixe {
	font-size: 20px;
	color:#666666;
}

.ch-be{
	font-family:"Arial Black";
font-weight:bold;
	font-size: 16px; 
	text-align: center;
	margin: 0 0 10px 0;
}
.ch-be span { font-size: 12px; font-weight:normal;} 
.commentaire {
	font-size: 10px;
	text-align: center;
	amrgin:10px;
}

.tarifs-right {
	font-size: .9em;
	text-align: right;
	margin: 0 2em 0 0; 
}

.tarifs-center {
	font-size: 12px;
	text-align: center;
}

.important {
	background: url(images/pass.jpg) no-repeat 10px 0;
	height:200px;
	padding: 1.5em 0 0 28em;
}

.pass-img{ background:#000000; padding: 5px 5px 0 5px; margin: 0 0 0 290px; width:348px;}
.pass-img img{ border:none;}
.pass-img a{ text-decoration:none;}
#img-padd-right {padding: 0 5px 0 0;}
/**************************
FOOTER
***************************/
#footer { 
	width: 960px;
	margin:30px auto;
}

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

#partenaire { 
	color:#666666; 
	marin: 10px 0 10px 0;
	text-align: center; 
}

#partenaire a {
	font-size: 1em;
	color:#666666;
}

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

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

#copyright {  
	float: right; 
	text-align: right;
	margin: 0 20px 0 0;
	padding: 0;
}
/********************************************
   FORM
********************************************/
form {
	margin: 0 0 0 10px ; 
	padding: 0 5px;
	font-size: 0.9em;
	text-align:left;
	color:#000000;
	font-size: 12px;
}

fieldset {
	margin: 0 10px 10px 10px;
}

legend {
	margin: 0 0 0 20px;
	font-size: 1.4em;
}

label {
	font-weight:bold;
	margin: 10px 0 0 10px;
	font-size: 1.2em;
}
input {
	font: normal 1em Verdana, sans-serif;
	color:#777;}
input.envoyer {margin: 0 40px 0 0;}

#nom{ margin:10px 0 0 97px;}
#email{ margin:10px 0 0 45px;}
#autres{ margin:10px 0 10px 140px;}
#sujet{ margin:10px 0 0 60px;}
#corps{ margin: 0 0 0 200px;}
#code{ margin:0 0 20px 20px;}

textarea {
	font: normal 1em Verdana, sans-serif;
	border:1px solid #CCCCCC;
	width:380px; 
	background:#FFFFFF;
	height:150px;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin-left: 7em;
	padding: 2px 3px; 
	color: #FFF;
	background-color: : #010510;
	border: none;
}

.alert {
	color:#FF0000;
	margin: 0.5em 0 0 170px;
	text-align:center;
}

/**************************
GALLERIE
***************************/
#scrollbox {
	margin: 10px;
	height:140px; 
	overflow:auto; 
	width: 600px;
}

#thumbs {
	height:80px;
	text-align:left;
}

.contour-clair{
	background: #FAFAFA;
   	border: 1px solid #E5E5E5;
	padding: 4px;
	margin: 0 4px 0 4px;
}
.contour-index{
	background: #FAFAFA;
   	border: 1px solid #E5E5E5;
	padding: 2px;
	margin: 0 2px 2px 2px;
}

.preview{
	background: #FAFAFA;
   	border: 1px solid #E5E5E5;
	padding: 4px;
	margin: 0 0 0 10px;
	float:left; 
}
.preview p{
	font-size:1em;
	margin: 0 0 0 0 ;
}
.preview span{
	font-size:.8em;
	text-align:right;
}
.preview img{
	border:none;
}
.preview img{
	text-decoration:none;
}