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

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

* {margin:0px;padding:0px;}
a:visited { text-decoration: underline}
a:link { text-decoration: underline}
a:hover { text-decoration: none}


/********************************************
   CLASSES
********************************************/
.clear { clear:both;}
.align-justify {text-align:justify;margin: 0 5px 0 5px;}
.align-center {text-align:center;}
.special {text-align:center;}
.align-right {text-align:right;}
.float-left {float:left; margin: .3em .5em 0 0;display: inline;}
.nav { color:#000000; font-size: .8em; text-align:right; margin:1em 1em 1em 0; float:right;display: inline;}
.nav a { color:#000000; }
.commentaire {text-align:center; font-size:0.4em;}
.signe{ margin:0 1em 0 1em; float:left; display: inline; border: #cce8ed solid 1px ; background:#cce8ed; padding: 5px;}
.horoscope  { margin:1em 0 1em 0;}
.link { text-align:center; clear:both; margin: 0 0 1.2em 0;}
.link a { font-size:.7em; color:#2fadc4;	}
.vert {color:#7a1076;}
.big {font-size:1.5em;}
.white {background:#cce8ed; text-align: center; padding: 15px 0 15px 0;font-size:14px; font-weight:bold;}
.push {color:#FF0000; font-weight:bold; margin: 0 0 0 5px;}
.gratuit { color:#FF0000; font-weight:bold; margin:}
/********************************************
   Block
********************************************/
.voyance { float:left; display: inline; width: 300px; margin:10px  0 10px 35px; border: 1px solid #030303; border-width: 1px 1px;  -moz-border-radius : 15px 0px 15px 0px; background:#f2f2f2;}
.voyance_big { width: 635px; margin:10px  0 10px 35px; border: 1px solid #030303; border-width: 1px 1px;  -moz-border-radius : 15px 0px 15px 0px; background:#f2f2f2; text-align:center;}
#content { width:980px;  margin-left: auto; margin-right: auto; margin-top:0px; border-left:#666666 solid 1px;border-right:#666666 solid 1px; padding: 0 10px 0 10px; background: #FFFFFF;}
#col-right { float: right; display: inline; width: 710px; color: #0c2951; border:#99CCFF thin;}
.block_big { background: url(design/block_big.jpg) repeat-y ; width:710px; color: #0c2951; margin: 0 0 1em 0;}
.block_big_top{background: #91cfdb url(design/block_big_top.jpg) no-repeat top left;}
.block_big_bottom{background: #91cfdb url(design/block_big_bottom.jpg) no-repeat bottom left; height:10px;}
.block_big h1 { color:#FFFFFF; text-align:right; font-size: 1.4em;  padding: .3em 1em .3em 0; text-transform: uppercase;letter-spacing: -1px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.block_big ul  { margin:0 0 .5em 2em; list-style:none;} 
.block_big h2 { margin: 0 .5em 0 .5em;font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }

.block_big p {font-size:12px; margin: 0 .5em 0 .5em;}
.block_big .preditavi { text-align:right; color:#999999;font-size: .7em; margin: 0 .8em 1em 0;}
.block_big .preditavi a{color:#999999; }
.annonce { text-align:center; font-size: 1.1em; font-weight:bold; padding: 1em 0 0 0; margin: 0 0 1em 0;}
.block_big .sous-annonce {text-align:center;font-size: .9em;}
.block_big  h3 { text-align:left; font-size: 1.1em; margin: 0 0 0 2em;}
/*.block_big .margleft {margin: 0 0 0 15em;}*/

.block { background:#f2f2f2; float:left; display: inline; width:330px; color: #0c2951; border:#cccccc solid 1px;margin: 1em 0 0 16px;}
.block .image {float:left; display: inline; text-align:center; margin: 0 .2em 0 .2em;}
.block .image img {border:#b7e0e8 solid 1px; margin: 1em 0 .5em 0;}
.block h2 a {font-size: .7em; text-align:center; text-decoration:none; color:#2fadc4; font-weight:bold; margin: 1em 0 0 0; }
.block h3 a{ color:#2fadc4; font-size: .8em;}
.fiche { color:#2fadc4; font-size: .7em;}
.little {font-size: .8em;}
.block h4 { color:#666666; font-size: .8em; margin: 0 0 .5em 0;}
.block p {  text-align:justify; font-size: 0.6em; margin: 0 .5em 0 .5em ; }




.block_r { background:#f2f2f2 url(design/block.jpg) repeat-y ; float:right; display: inline; width:345px; color: #0c2951; margin: 0 0 1.5em 0;}
.block_r img {float:left; display: inline; margin:.9em .7em .7em 0;}
.block_r_top{background: #91cfdb url(design/h2.jpg) no-repeat top left;}
.block_r h1 { color:#FFFFFF; padding: .3em 1em .3em 0; text-align:right; font-size: 1.3em; text-transform: uppercase;letter-spacing: -1px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.block_r h2 { text-align:center; font-size: .9em;margin: 0 .5em 0 .5em;}
.block_r h4 { text-align:left; font-size: 1em; margin: .3em 0 .7em .5em;}
.block_r p {font-size: .8em; text-align:justify;margin: .5em .5em 1em .5em;}
.block_r a {color:#7a1076;}
.block_r a:hover {color:#2fadc4;}
.block_l { background:#f2f2f2 url(design/block.jpg) repeat-y ; float:left; display: inline; width:345px; color: #0c2951;margin: 0 0 1.5em 0;}
.block_l img {float:left; margin:.9em .7em .7em 0;display: inline;}
.block_l_top{background: #91cfdb url(design/h2.jpg) no-repeat top left;}
.block_l h1 { color:#FFFFFF; padding: .3em 1em .3em 0; text-align:right; font-size: 1.3em;text-transform: uppercase;letter-spacing: -1px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.block_l h2 {margin: 0 .5em 0 .5em; text-align:center; font-size: .9em;}
.block_l h4 { text-align:left; font-size: .8em; margin: .5em 0 .1em .5em; }
.block_l p {font-size: .8em;text-align:justify;margin: .5em .5em 1em .5em;}
.block_l a {color:#7a1076;}
.block_l a:hover {color:#2fadc4;}
.profil { margin: 0 0 1.5em 0;}
.profil .image { margin: 0 2em .5em 0; float:left;display: inline;}
.profil a { color:#2fadc4	}
.profil p {font-size: .8em; text-align:justify; margin: 1em .5em 1em .5em;}

.element {margin:.5em 0 1em 0;}
.element h2{margin:0 0 .5em 0;}
/********************************************
   HEADER
********************************************/
#header {  background:#FFFFFF url(design/avenir.jpg) no-repeat top; height:170px;}


/********************************************
   MENU
********************************************/
#col-left { float: left; width: 245px;display: inline;}
.titre {text-align:center; color:#fff; font-weight:bold; width:245px; letter-spacing: -1px; font-size:1.2em; background:#82a00b; padding: 2px 0 2px 0;}
.accueil {text-align:center;  width:220px; margin: 0 0 .5em 0; }
.accueil a {color:#82a00b; font-weight:bold;  letter-spacing: -2px; font-size:1em;text-decoration:none;}
.accueil a:hover{color:#2fadc4;}
.menu-bottom {background:url(design/menu-bottom.jpg) no-repeat top; height:14px;}
.menu { width:245px; background: url(design/menu.jpg) repeat-y top; float: left; margin: 0 0 2em 0; display: inline;}
.menu ul  { margin:0 0 .5em 1em; list-style:none; color:#FFFFFF; }
.menu ul li { margin:7px 0 3px 0px; font-size: 1em; text-decoration:none; }
.menu li a{ color:#010510; font-weight:400;letter-spacing: 1px;font-weight: bold; }
.menu li a:hover {color:#2b5691;}
.menu li#current a{color: #2b5691; text-decoration:none;}
.menu h3 {color:#010510; font-size: .9em; text-align:center;}
.menu p {color:#010510; font-size: .7em; margin: 0 .5em 0 .5em; text-align:justify;}

/********************************************
   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-top{background:url(design/sms-top.jpg) no-repeat top; height:14px;}
#sms-bottom{background:url(design/sms-bottom.jpg) no-repeat bottom; height:14px;}
#sms {
	color:#FFFFFF;
	font-style:italic;
	font-family:"Arial Black";
	background: url(design/sms.jpg) repeat-y;
	font-size:15px;
	text-align:center;
	margin: 0 30px 2em 5px;
  	text-align: center;}

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

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

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

#sms img {border:none;}

/********************************************
   FOOTER
********************************************/ 	
#footer { font-size:0.7em; color: #0c2951;}
#footer a { text-decoration: none; color: #0c2951;}

#mention-legale {  
	float: left; display: inline;
	text-align:left;
	margin: 1em 0 0 1em;
	padding:0 0 0 0;
}

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