/*
Version: 1.0
Author: Jerome LAMENT
Author URI: http://www.quad.fr/
Tags: blue, custom header, fixed width, two columns, widgets

	WAM  v1.0

	This theme was designed and built by Jerome LAMENT,

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Structure */
body {
	margin: 0 0 0px 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif; 
	font-size:12px; 
	color: #000000;
}

img { border: 0;}

a { cursor: pointer; text-decoration: underline; color: blue;}


#cadre {
	/* background: transparent url(images/fond_page.png) repeat-x scroll 0 0px;*/
	position: absolute;
	height:590px;
	left:50%;
	margin-left:-480px;
	margin-top:-290px;
	padding:0;
	position:absolute;
	top:50%;
	width:1000px;
	opacity: 1;
	}
	
.fond {
	position: relative;
	margin:0;
	padding:0;
	height:100%;
	z-index:0;
}

#page {
	position: absolute;
	margin: 0px auto;
	padding: 100px;
}

.contenu {
	position: relative;
	float:left;
	top: 242px;
	left: 540px;
	width: 436px;
	height:240px;
	text-align: justify;
}
.fond_blanc {
	background: transparent url(images/fond_data.png) no-repeat;	
}

.nav { cursor: pointer; }

.navs {
	background: transparent url(images/navs.png) repeat; 
	/* border-bottom: 2px solid grey; */
}

ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
ul li {
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 0px;
	height: 20px;
	float: left;
	margin-right: 22px;
}

.white_h {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	line-height: 20px;
	padding: 15px;
	font-weight: bold;
}

.white_h  ul li{
	list-style-type: decimal;
}


.blog ul {margin-top:2px; margin-left:25px;}
.blog ul li  {line-height: 15px; list-style-type: square;}

/* CHAT */
.chat .box_header { height:11px; position:relative; }
.chat .box_header h2 { color:#fff; height:11px; line-height:13px; margin-left:20px; font-size:14px; }

.chat .box_header a { font-weight: normal;} 
.chat .box_content { padding:3px 10px 2px 10px; background-color:#fff; font-size:11px; }
.chat .box_footer { height:29px; font-size:0px; line-height:0px; background-color:#fff; }
.chat .box_tail { float: right;height:29px; width: 30px; line-height:0px; margin-left:12px; font-size:0px; background-color:#fff; }

.gris_gauche .box_header { background:url(images/corner/gris_gauche.png) 0px 0px no-repeat; }
.gris_gauche .box_header h2 { background:#f2f1f0 url(images/corner/gris_gauche.png) 100% 0px no-repeat;}
.gris_gauche .box_content {margin-left:11px; margin-right:0px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;  background-color:#F4F4F4;}
.gris_gauche .box_footer { background:#f2f1f0 url(images/corner/gris_gauche.png) 0px -11px no-repeat; }
.gris_gauche .box_tail { background:#f2f1f0 url(images/corner/gris_gauche.png) 100% -11px no-repeat; }

.gris_droite .box_header { background:url(images/corner/gris_droit.png) 0px 0px no-repeat; }
.gris_droite .box_header h2 { background:#fff url(images/corner/gris_droit.png) 100% 0px no-repeat;}
.gris_droite .box_content {margin-right:9px; margin-left:0px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;  background-color:#F4F4F4;}
.gris_droite .box_footer { background:#fff url(images/corner/gris_droit.png) 0px -11px no-repeat; }
.gris_droite .box_tail { background:#fff url(images/corner/gris_droit.png) 100% -11px no-repeat; }

.rouge_gauche .box_header { background:url(../images/corner/rouge_gauche.png) 0px 0px no-repeat; }
.rouge_gauche .box_header h2 { background:#fff url(../images/corner/rouge_gauche.png) 100% 0px no-repeat;}
.rouge_gauche .box_content {margin-left:11px; margin-right:0px; border-left:1px solid #F0727A; border-right:1px solid #F0727A;  background-color:#FF7982;}
.rouge_gauche .box_footer { background:#fff url(../images/corner/rouge_gauche.png) 0px -11px no-repeat; }
.rouge_gauche .box_tail { background:#fff url(../images/corner/rouge_gauche.png) 100% -11px no-repeat; }

.rouge_droite .box_header { background:url(../images/corner/rouge_droit.png) 0px 0px no-repeat; }
.rouge_droite .box_header h2 { background:#fff url(../images/corner/rouge_droit.png) 100% 0px no-repeat;}
.rouge_droite .box_content {margin-right:10px; margin-left:1px; border-left:1px solid #F0727A; border-right:1px solid #F0727A;  background-color:#FF7982;}
.rouge_droite .box_footer { background:#fff url(../images/corner/rouge_droit.png) 0px -11px no-repeat; }
.rouge_droite .box_tail { background:#fff url(../images/corner/rouge_droit.png) 100% -11px no-repeat; }

.purple_gauche .box_header { background:url(../images/corner/purple_gauche.png) 0px 0px no-repeat; }
.purple_gauche .box_header h2 { background:#fff url(../images/corner/purple_gauche.png) 100% 0px no-repeat;}
.purple_gauche .box_content {margin-left:11px; margin-right:0px; border-left:1px solid #D297FC; border-right:1px solid #D297FC;  background-color:#D196FB;}
.purple_gauche .box_footer { background:#fff url(../images/corner/purple_gauche.png) 0px -11px no-repeat; }
.purple_gauche .box_tail { background:#fff url(../images/corner/purple_gauche.png) 100% -11px no-repeat; }

.purple_droite .box_header { background:url(../images/corner/purple_droit.png) 0px 0px no-repeat; }
.purple_droite .box_header h2 { background:#fff url(../images/corner/purple_droit.png) 100% 0px no-repeat;}
.purple_droite .box_content {margin-right:9px; margin-left:2px; border-left:1px solid #D297FC; border-right:1px solid #D297FC;  background-color:#D196FB;}
.purple_droite .box_footer { background:#fff url(../images/corner/purple_droit.png) 0px -11px no-repeat; }
.purple_droite .box_tail { background:#fff url(../images/corner/purple_droit.png) 100% -11px no-repeat; }

/* Fenetre modale */

.dialog {
	background-color:#f3c1cb;
	border:1px solid #e53589;
	padding:5px;
	position:absolute;
	z-index:11;
}

.dialog-title {
	background-color:#edcace;
	color:#000000;
	font-size:11px;
	padding:5px;
	position:relative;
	vertical-align:middle;
}


.dialog-title-close {
	background:transparent url(images/bt_close.gif) no-repeat scroll center;
	cursor:pointer;
	float:right;
	height:15px;
	position:absolute;
	right:10px;
	top:5px;
	width:15px;
}


.dialog-content, .dialog-nt-bg {
	background-color:#FFFFFF;
	padding:5px;
	float: left;
}