/********************************************
   GENERAL
********************************************/
html {font-size: 100%;}

body {
	background-color:#010510;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
 	color:#f1fffd;
	margin:0;
	padding:0;
	}

* {margin:0px;padding:0px;}
img {border:0;}
h1 {font-size:1.3em; margin: 0 0 1.2em 0; text-align:center;}
.block-top h2 {font-size:1.2em;text-align:center; font-weight: normal; padding: 1em 0 0 0; text-transform:uppercase;}
#col-right h2 {font-size:1em; font-weight: normal; margin: 1em 0 .5em 5em; text-transform:uppercase;}
a:visited { text-decoration: underline}
a:link { text-decoration: underline}
a:hover { text-decoration: none}
#col-right ul {margin: 0 4px 20px 0; padding: 0;}
#col-right ul li {padding: 4px 0 4px 5px;margin-left: 15px;}


/********************************************
   CLASSES
********************************************/
.clear { clear:both;}
.align-justify {text-align:justify;margin: 0 5px 0 5px;}
.align-center {text-align:center;}
.float-left {float:left; margin: .3em .5em 0 0;}
.float-right {float:right; margin: .3em  0 0 1em;}
.bold {font-weight:bold;}
.tarif {text-align:center; font-size:0.4em;}
.commentaire {text-align:center; font-size:0.7em; margin:-.5em 0 1em  5em;}
.signe {margin: 0 0 1em  5em;}
.signe img {padding : 1em .5em 1.5em  .5em; background:#b6c6c5; margin: 0 1em 0 0 ; border:#e1fffd solid 1px; }
.little {font-size:.8em; margin: .7em 1em 0 1em; text-align:center; }
/********************************************
   Block
********************************************/

#content { width:960px;  margin-left: auto; margin-right: auto; margin-top:0px;}

#col-right { background: #010510 url(design/col-right.jpg) repeat-y ; float: right; width: 710px; color: #0c2951;}
#col-right-top { background: #010510 url(design/col-right-top.jpg) no-repeat top;height: 22px;}
#col-right-bottom { background: #010510 url(design/col-right-bottom.jpg) no-repeat bottom; height: 22px;}
#col-right h1 {font-size:0.9em; margin: 0 2em 1.2em 0; text-align:right;}
#col-right h3 { margin: 2em 0 0.9em 5em;font-size: 1.1em;}
#col-right p {margin: 0 2em 1em 5em; font-size: 0.9em;}
#col-right .image {margin: 0 0 1em 3em; }
#col-right .annonce {margin: 0 0 1em 0; text-align:center; font-size: 1.1em; font-weight:bold;}
#col-right .titre {margin: 0 2em 0 5em; text-align:center; font-size: 1.3em; font-weight:bold;}
#col-right a {color: #0c2951;}
#services ul  { margin:0 0 0 6em; list-style-type:decimal;}
#zodiac-chinois ul { margin:1.5em 0 0 6em; text-align:center;list-style-type:none; }

.block { background:url(design/block.jpg) repeat-y ; float:left; width:315px; color: #0c2951;}
.block p { margin: 1em 1em 1em 1em; text-align:center; font-size: 0.9em;}
.block-top { background:url(design/block-top.jpg) no-repeat top;}
.block-bottom { background:url(design/block-bottom.jpg) no-repeat bottom; height: 24px;}
.block a { background:url(design/go.jpg) no-repeat right; color: #0c2951; height: 20px; width:290px; padding: 0 25px 3px 0;}
.block a:hover{background:url(design/go-hover.jpg) no-repeat right; color: #2b5691; }

/********************************************
   HEADER
********************************************/
#header { background:url(design/zodiaque.jpg) no-repeat top right; height:250px;}
#pubx { margin: 30px 0 0 200px;}
#logo { float:left; width: 560px; }
#baseline { float:left; width: 560px; font-size: 1.5em; text-align:center; font-style:italic; font-weight:bold; }
#baseline span{ font-size: 0.5em; font-style:italic;font-weight:normal; }

/********************************************
   MENU
********************************************/
#col-left { float: left; width: 250px;}
.menu-top {background:url(design/menu-top.jpg) no-repeat top; height:24px;}
.menu { width:250px; background:url(design/menu.jpg) repeat-y top; float: left; margin: 0 0 2em 0; color:#010510;}
.menu p {  margin: 0 2em 0 2em; font-size: .9em;}
.menu-bottom {background:url(design/menu-bottom.jpg) no-repeat bottom; height:24px;}
.menu span {font-size: 1.3em;}
.menu ul  { margin:0 0 0 1em; list-style:none;}
.menu ul li { margin:0 0 0 .2em; font-size: 1.1em;}
.menu li a{ color:#010510;}
.menu li a:hover {color:#2b5691;}

/********************************************
   NUMERO/SMS
********************************************/
.numero{
	font-family:"Arial Black";
	font-size: 40px;
	color:#FF0000;
	font-style:italic;
	text-align:center;
	margin: 0 0 15px 0;
}

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

/* SMS */
#sms {
	color:#FFFFFF;
	font-style:italic;
	font-family:"Arial Black";
	font-size:11px;
	text-align:center;
	margin: 20px 0 20px 30px;
  	padding: 0 5px 0 5px;
	width:180px;
  	text-align: center;
	background:url(design/sms.jpg) repeat-y top;
}

#sms-stop {
	margin-top: 150px;
	border:none;
}


#sms .small {
	font-family:"Arial";
	font-size:9px;
	font-style:normal;
	letter-spacing:1px;
}

#sms .jaune {
	font-size:15px;
	color:#FFBE02;
	margin:5px 0 5px 0;
}

#sms img {border:none;}

#sms-top {background:url(design/sms_top.jpg) no-repeat top; height:34px;}
#sms-bottom {background:url(design/sms_bottom.jpg) no-repeat top; height:10px;}
/********************************************
   FOOTER
********************************************/ 	
#footer { font-size:0.7em;}
#footer a { 
	text-decoration: none; 
}

#mention-legale {  
	float: left; 
	text-align:left;
	margin: 2em 0 0 5em;
	padding:0 0 0 0;
}
	#mention-legale a{ color: #0c2951;	}

#copyright {  
	float: right; 
	text-align:right;
	margin:2em 1em 0 0;
	padding:0 0 0 0;
}


/********************************************
   FORM
********************************************/
form {
	margin:1em 2em 0 5em; 
	padding: 0 5px;
	border: 1px solid #f2f2f2; 
	font-size: 0.9em;
	text-align:left;
}

fieldset {
	background-color: #FFFFFF;
	margin: 0 0 1em 0;
}

legend {
	margin: 0 0 0 2em;
}

label {
	font-weight:bold;
	margin: 1em 0 0 3em;
}
input {
	border:1px solid #CCCCCC;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

#nom{ margin:1em 0 0 4.3em;}
#email{ margin:1em 0 0 0.5em;}
#autres{ margin:1em 0 0 7.5em;}
#sujet{ margin:1em 0 0 1.7em;}
#corps{ margin: 0 0 0 3em;}
#code{ margin:0 0 2em 1.7em;}

textarea {
	font: normal 1em Verdana, sans-serif;
	border:1px solid #CCCCCC;
	width:35em; 
	background:url(design/) repeat-y #FFFFFF;
	height:8em;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin-left: 7em;
	padding: 2px 3px; 
	color: #FFF;
	background: #010510 url(images/button-bg.jpg) repeat-x 0 0;
	border: none;
}

.alert {
	color:#FF0000;
	margin: 0.5em 0 0 0.5em;
	text-align:center;
	font-size: 0.8em
}