/*ELEMENTS*/
body {background: #960202;font-family: Verdana, Arial, Helvetica, sans-serif;margin-top:0;padding-top: 0;}

h1 {letter-spacing: -1px; font-size: 10px; margin: 60px 0 0 270px ;color:#960202;text-align:left;}
h2 {letter-spacing: -1px; font-size: 11px; text-align:left;color:#960202;}

ul, ol {margin: 5px 20px;padding: 0 20px;font-size: 12px;font-weight:normal;}
ul li {list-style-image: url(images/bullet.gif);}

/*CLASSES*/
.clear {clear:both;}
.red {color:#F20000;font-size: 14px;}
.contour{background:#2D2822; border: 1px solid  #999999;padding: 4px;margin: 5px 0 5px 5px;}
.contour-clair{background: #FAFAFA;border: 1px solid #E5E5E5;padding: 4px;margin: 5px;}

/*BLOCK*/
#contenu {padding-left:300px;margin: 10px 10px 10px 0;font-size: 12px;text-align:justify;}

#scrollbox {width:590px; height:145px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin: 10px 10px 0 25px;}

#thumbs {width:2160px; height:80px;}

#content {margin: 0 0 0 0;width: 420px;text-align:left;font-size: 12px;float: right; display: inline;}
#content p{text-align:justify; padding: 0 0 0 15px;}

#page {margin-left:auto;margin-right:auto;width: 960px;background: url(images/page-contenu.jpg) repeat-y;}
#page-top {background: url(images/page-top.jpg) no-repeat top; height:29px;}
#page-bottom {background: url(images/page-bottom.jpg) no-repeat bottom; height:29px;}

#header {width:960px;background: url(img/header.jpg) top no-repeat;}/*+60px*/

#logo {float:right;display:inline;margin-right:-20px;background:url(photos/preview/aïcha.gif) top no-repeat; height: 700px;width:287px;text-align:center;}

#column_right {float:right;display:inline;width:300px;text-align:left;padding: 0 10px 0 0 ;}/*+40px*/

#column_left{float:left;display:inline;width:650px;text-align:right;}/*+20px*/
#column_left p{margin: 0 10px 0 0; font-size:11px; 	color:#666666;}
	
#baseline{ font-size:8px; margin: 126px 0 0 0;}

#titre {padding-left:200px;margin: 5px 15px 20px 0;font-size:11px;color:#FFFFFF;font-weight:bold;}

#annonce {float:right;display: inline;width:600px;margin: 18px 7px 20px 0;font-size:13px;color:#FFFFFF;text-align:center;background: #000000;font-weight:bold;}
#annonce p{ font-size:12px; color:#FFFFFF; text-align:justify; font-weight:normal;width:580px;}
#annonce a{ color:#FF7D7D; text-decoration:none;}
#annonce a:hover{color:#FF0000;}
	
.annonce-bis {float:right;display: inline;margin: 0 30px 20px 0;text-align:center;font-size: 14px;width: 300px; font-weight:bold;}
.annonce-ter {float:right;display: inline;margin: 20px 0 0 0;text-align:center;font-size:11px; 	color:#666666;	width: 400px; }

.promo {	background: url("images/promo-bis.png")top right repeat-y;padding:0 10px 0 200px;font-weight:bold; font-size: 13px; color:#000000;margin: 5px 10px 10px 0;}	
#hotesse {float:right;display: inline;font-weight:bold; font-size: 13px; margin: 0 10px 10px 0;width: 410px;text-align:left;}
	
.promo-baseline{text-transform:uppercase;font-size:8px;letter-spacing:1px; color:#F20000;margin: -1px 0 5px 0;}
.promo-baseline a{color:#F20000;font-size:10px;margin:0 0 0 7px;}
.promo-baseline a:hover{color:#000000;}
.promo-baseline .active{color:#000000;}

/*NUMEROS / SMS*/
.numero{font-family:"Arial Black";font-size: 43px;color:#F20000;font-style:italic;margin: 0 25px 10px 0;}
.numero .prefixe {font-family:"Arial Black";font-style:italic;font-size: 28px;color:#000000;}

.ch-be{font-family:"Arial";font-weight:bold;font-size: 15px;margin: 20px 35px 15px 0;color:#666666;text-align: center;}
.ch-be .comment{font-size: 11px;margin-right:20px;color: #a04242;}

.commentaire{font-size: 9px;text-align:center;margin:10px 0 10px 0;color: #a04242;}

/* 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;padding: 10px 0 10px 0;margin: 30px 10px 30px 30px;}
#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;}

/*FOOTER*/
#footer {clear:both;text-align: center;font-size:10px;color:#CC6600;margin: 0 0 0 0;}
#footer-h1 {text-align: center;font-size:10px;color:#960202;margin: 20px 0 5px 0;letter-spacing: 9px; }
#footer a{color:#CC6600;text-decoration:none;}
 
#spywords {margin: 25px 0 0 0;text-align: center; vertical-align: middle;}

#mention-legale { float: left; display: inline;text-align:left;margin: 20px 0 0 30px;padding:0 0 0 0;}
#mention-legale a{	color:#960202;}

#copyright {float: right;display: inline; text-align:right;margin:20px 30px 0 0;padding:0 0 0 0;}
#copyright a{	color:#960202;}

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

/*FORM*/
form {float:right;display: inline;margin:10px; padding: 0 5px;width: 420px;text-align:left;font-size: 12px;}
fieldset {background-color: #FFFFFF;}
legend {margin: 0 0 0 20px;}
label {font-weight:bold;margin:5px 0;margin: 0 0 0 20px;}
input.nom{ width: 250px; margin:0 0 0 10px; }
input.email{ width: 250px; margin:0 0 0 5px; }
input.autres{ width: 250px; margin:0 0 0 60px; }
input.sujet{ width: 400px; margin:0 0 0 0px; }
textarea.corps{ width: 400px; margin:0 0 0 0px; }
input.button { padding: 0; margin:0 0 0 120px ;}
.alert {font-weight:bold;color:#FF0000;margin: 0 10px 0 100px;}
.crypto {text-align:center;}

/*TABLE*/
table {}
td.descriptif-a{padding:5px;color:#333333;font-size: 9px;font-weight:normal;background: #C0C0C0;text-align:justify;}
td.descriptif-b{padding:5px;background: #EFEFEF;color:#333333;font-size: 9px;font-weight:normal;text-align:justify;}
.thumb {border: 1px solid #960202;}
td.row-a {background:#C0C0C0;}
td.row-b {background: #EFEFEF;}

/*ZONES*/
cadre {margin: 5px 0;padding: 10px;text-align: center;display: block;overflow: auto;  background:#F7F7F7; border: 1px solid #f2f2f2; }

/*Promo*/
.promo-cb {text-align: center;border: 1px solid #FECC09;border-top: 3px solid #FECC09; margin: 15px; padding: 5px; -moz-border-radius:10px;-webkit-border-radius:10px;background:#fff;color:#000; font-size:12px;}
.promo-cb-num {font-size: 24px; 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;}