* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3a2e20;
	margin: 0;
	padding: 0;
	background: #f5f6f8 url(template/background.jpg) repeat-x;
}

a:link {color: #3a2e20;}
a:visited {color: #3a2e20;}
a:hover {color: #014acb;}
a:active {color: #3a2e20;}

img {border: 0;}

p {	font-size: 12px;color: #3a2e20;}

h2 { font-weight:bold; color:#011339; font-size: 13px; text-align:center; margin: 10px 0 5px 0;}
h2 span{ font-weight:normal;}

.align-center {text-align:center;}
.align-justify {text-align:justify;}
.float-left {float:left;}
.float-right {float:right;}
.bold { font-weight:bold; color:#011339;}
.big { font-weight:bold; color:#011339; font-size: 14px;}
.space {height: 10px;}

/**********************
* BLOCK
***********************/
#page {
	margin: 0 auto;
	width: 958px;
	border-right: 1px solid #011339;
	border-left: 1px solid #011339;
	background: #FFFFFF;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

#categories {
	float:left;
	top: 0;
	padding-top: 0px;
	background: url(template/categories.jpg) no-repeat;
	height: 281px;
	width: 369px;
	display:inline;
	margin: 0 0 8px 4px;
}
	#categories h1{margin: 0px 0 10px 0px;text-align:center;color:#FFFFFF;font-size: 16px;}
	#categories p{margin: 0px 15px 0px 15px;font-weight:bold;}
	#categories span{font-size: 14px;color: #3a2e20;}
	#categories a {font-size: 14px; line-height: 17px;}
	
#cat_col_left {
	float:left;
	width:160px;
	display:inline;
	margin: 10px 0 10px 25px;
	font-weight:bold;
}
#cat_col_left a:link, #cat_col_right a:link {
font-size: 12px;
}
#cat_col_right {
	float:right;
	width:160px;
	display:inline;
	margin: 10px 5px 10px 0;
	font-weight:bold;
}

#presentation {
	float: right;
	height: 281px;
	width: 584px;
	display:inline;
	margin: 0 0 8px 0px;
}
	#presentation a,#presentation p{width: 300px;text-align:center;font:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:16px;text-transform:uppercase;display:inline;margin: 20px 0 8px 40px;color: #ebebd1;position:absolute; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

.content_box_right {
	float: right;
	width: 343px;
	margin:4px 0 0 4px;
}

.content_box_left {
	float: left;
	width: 600px;
	margin: 4px 0 4px 4px;
}

.box_promo {
	border: 1px solid #fff0bc;
	background: #fffbec;
	margin: 10px 4px 10px 2px;
	-moz-border-radius : 15px 0px 15px 0px;
}
	.box_title{font-size: 15px;font-weight: bold;text-align: center;width: 100%;margin: 7px 0;color: #9c8975;}
	.box_title span{ color:#d54918;}

.promo{
	font-size: 12px;
	color: #3a2e20;
	text-align: center;
	margin: 10px 0 5px 0;
	text-align:center;
}	
	.promo ul { list-style: url(template/tick.gif) inside; text-align: left; margin: 0 0 0 15px; text-align:center; }
	.promo li { line-height: 25px; height: 25px; font-size: 15px; font-weight:bold; list-style:none;}
	.promo li span{ line-height: 25px; height: 25px; font-size: 11px; font-weight:normal;}
	
.infos {
	text-align: center;
	margin: 5px;
	font-size:9px;
}

	
#box_promo_blue {
	border: 1px solid #7da9f0;
	background: #011339;
	margin: 10px 4px 10px 2px;
	-moz-border-radius : 15px 0px 15px 0px;
}
	#box_promo_blue p{color:#FFFFFF; margin: 0 5px 10px 5px;}

.content_box {
	clear: both;
	background: #e5eeff;
}
	
.content_box_float {
	float: left;
	width: 430px;
	margin: 20px 0 20px 18px;
	padding: 10px;
	border: 1px solid #fff0bc;
	background: #fffbec;
	-moz-border-radius : 15px 0px 15px 0px;
}
.content_box_infos {
	background:#FFF;
}
.content_box_title {
	height:23px;
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	color: #e5eeff;
	text-decoration: none;
	background: url(template/title_content_box.jpg) repeat-x;
	line-height: 23px;
}
.content_box_title  h1{
	display: inline; font-size: 16px;
}

/**********************
* HEADER
***********************/
#header {
	background: transparent url(template/header_background.png) repeat-x;
	width: 958px;
	z-index: 20;
	text-align:center;
}

	#header_logo {background: transparent url(template/logo.jpg) no-repeat center top;height: 109px;}
	#baseline{padding-top: 90px;font-family:Arial, Helvetica, sans-serif;font-size: 15px;font-style:italic;font-weight:bold;color: #010810;}

/******************************
* MENU
*******************************/
#nav { height:20px; background:#011339; position:relative;margin:0 0 40px 0;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}
#nav li {display:inline; margin:0; padding:0; height:auto;}
#nav .select a, #nav .current a {display:block; height:20px; float:left; background:#011339; padding:0 10px 0 10px; text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; border-right:1px solid #f4f7e6; color:#f4f7e6;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}
#nav .select a:hover, #nav .select li:hover a {background: #fff url(template/nav_background.jpg) repeat-x left top; cursor:pointer; color:#011339;}
#nav .sub {display:none;width:958px; background: url(template/nav_background.jpg) repeat-x left top; }

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}
#nav .current a {background: url(template/nav_background.jpg) repeat-x left top; color:#011339;}
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background: url(template/nav_background.jpg) repeat-x left top; color:#99CC00;}
#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background: url(template/nav_background.jpg) repeat-x left top; color:#011339; font-weight:bold;}
#nav .select li a:hover .sub, #nav .select li:hover .sub {display:block; position:absolute; width:958px; top:20px; left:0; background: url(template/nav_background.jpg) repeat-x left top; margin-top:0; padding:0; z-index:100; color:#3a2e20; font-size:11px;}
#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:958px; top:20px; left:0; background: url(template/nav_background.jpg) repeat-x left top; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}
#nav .sub_active a {height:21px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background: url(template/nav_background.jpg) repeat-x left top; padding:5px 10px 10px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#3a2e20;}
#nav .select a:hover .sub li a, #nav .select li:hover .sub li a {display:block; background: url(template/nav_background.jpg) repeat-x left top; padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#3a2e20; font-size:12px;}
#nav a span {float: left;margin: 1px 4px 0 0;display: block;height: 10px;width: 10px;background-position: 0% 0%;padding: 0}

.sub  {
	font-weight: normal;
	font-size: 11px;
	z-index: 4;
	margin: 2px 0pt 5px 8px;
	padding: 3px 0 0;
	color: #3a2e20;
	text-decoration: none;
}

	.sub  h1 {font-weight: bold;font-size: 11px;display: inline;text-decoration: none;display:inline;}
	.sub  a {text-decoration: none;display:inline;}

/******************************
* THUMBS
*******************************/
.thumbs_preview {
	margin: 10px 0 10px 0;
	text-align:center;
}
.thumbs_preview img{
	margin: 4px 0 4px 0;
	text-align:center;
	margin: 5px 0 15px 15px; background:#F7F7F7; border: 1px solid  #CCC; padding: 4px;
}

/****************/
/* RENCONTRE*/
/****************/
.content_rencontre {
	margin: 20px 60px 20px 20px;
}
	.content_rencontre p{margin: 0 0 0 10px;}
	.content_rencontre a{ font-weight:bold; color:#3a2e20;}
	.content_rencontre a:hover{ text-decoration:none;}
	.rencontre-left {float:left; width: 200px; font-size:14px; font-weight:bold; height:100%;}

.content_rencontre_title{
	margin: 0 0 30px 0; font-size:14px; font-weight:bold; text-align:center; background:#333333; color:#FFFFFF;
}
	.content_rencontre_title a{color:#9c8975;text-decoration:none;}
	.content_rencontre_title a:hover{color:#FFF;}



.info_box{
	display: inline;
	font-size: 11px;
	font-weight: normal;
	float: right;
	color: #e5eeff;
	margin-right: 35px;
}
	.info_box a {font-size: 11px;}
	
.thumb_preview{
	display: inline;
}

.thumb_preview_title {
	width: 514px;
	margin-bottom: 3px;
	font-weight: normal !important;
	text-transform: uppercase;
}

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

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

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

.ch-be .comment{font-size: 10px;margin-right:20px;}

.ch-be .num{margin-left:20px;}

#sms {
	color:#FFBE02;
	font-style:italic;
	font-family:"Arial Black";
	font-size:22px;
	text-align:center;
	margin: 15px 0 0 0;
}

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

#sms .blanc {
	font-size:14px;
	color:#000;
}

.commentaire { font:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; color:#FFFFFF;}


/********************************************
   FORMULAIRE
********************************************/
form {
	margin:10px 10px 0 10px; padding: 0 5px; 
	border: 1px solid #f2f2f2; 
	font-size: 12px;
	text-align:left;
}

fieldset {
}

legend {
	margin: 0 0 0 30px;
}

label {

	font-weight:bold;
	margin:5px 0;
	margin: 0 0 0 20px;
}

input.nom{ width: 280px; margin:0 0 0 90px; }
input.email{ width: 280px; margin:0 0 0 40px; }
input.autres{ width: 280px; margin:0 0 0 130px; }
input.sujet{ width: 280px; margin:0 0 0 50px; }
textarea.corps{ width: 280px; margin:0 0 0 195px; }
input.button { padding: 0; margin:0 0 0 100px ;}
.alert {
	font-weight:bold;
	color:#FF0000;
	margin: 0 10px 0 200px;
}

.crypto {
	text-align:center;
}

/*****************
* FOOTER
******************/
#footer {
	background: #011339 url(template/header_background.png) repeat-x bottom left;
	height: 130px;
	width: 958px;	
	font-size: 10px;
}
	#footer a{ color: #fff; font-weight:bold;text-decoration:none; }
	
#mention-legale {  
	float: left; 
	text-align:left;
	margin: 5px 0 10px 10px;
	padding:0 0 0 0;
	display:inline;
}


#copyright {  
	float: right; 
	text-align:right;
	margin:5px 10px 10px 0;
	padding:0 0 0 0;
	display:inline;
}

#pubx {  
	text-align:center;
}

.galerie{margin: 0 0 20px 25px; background:#F7F7F7; border: 1px solid  #CCC; padding: 4px; }
#lien { text-align:center; color:#011339; font-size: 9px; }
#lien a, #lien a:hover {color:#011339; font-size: 9px; }