/*
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:570px;
	left:50%;
	margin-left:-450px;
	margin-top:-290px;
	padding:0;
	position:absolute;
	top:50%;
	width:900px;
	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: 203px;
	left: 130px;
	width: 460px;*/
	position: absolute;
	height:235px;
	text-align: justify;
    top: 170px;
    left: 50%;
    margin-left: -250px;
    color: #333;
    padding: 12px;
	
}

.bg {
	width:436px;
	height:240px;
	background-color:#ffffff;
	filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;
}

.transparent {
	background:transparent url(images/fondc.png) repeat; 
	height: 220px;
	width: 470px;
}

.fond_avis {
	background:transparent url(images/fond_avis.jpg) repeat; 
	height: 240px;
	}
/*
.transparent {
	background:#fff none;
	filter:alpha(opacity=50);
	height:1%;
	}

.transparent * {
	filter:alpha(opacity=100);
	position:relative;
	}
*/
.fond_blanc {
	background: transparent url(images/fond_data.png) no-repeat;	
}

.nav { 
	cursor: pointer; 
	/* float:left; */
}

.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: 30px; */
	margin-right: 10px;
}

.text_b {
	margin: 0;
	color: #000000;
	line-height: 16px;
	padding: 10px;
}

.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:#f6d963;
	border:1px solid #f4c70e;
	padding:5px;
	position:absolute;
	z-index:11;
}

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


.dialog-title-close {
	display: none;
	background:transparent url(images/close.png) no-repeat scroll center;
	cursor:pointer;
	float:right;
	height:35px;
	position:absolute;
	right:10px;
	top:-5px;
	width:35px;
	z-index:5;
}


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


.phrase {
	font-family: Helvetica, Arial, sans-serif; 
	font-size:12px; 
	color: #FFFFFF;
	font-weight: bold;
	font-size:11px;
	border-bottom: 2px dashed #CCCCCC;
	padding-top: 10px;
	float:left;
}

.newsticker {
	color : white;
	list-style-type: none;
	padding: 3px;
	margin: 0;
}