@import "zone.css";

*{
	margin: 0px;
}
body { 
	font-size:11px; font-family:verdana,arial,sans-serif;
	background:url(bg.jpg) repeat-x;
	background-color:#BA9B87;
	text-align:center;
}
img{
	border:none;
}
a{
	color:#000;
}
#menuv a{
	text-decoration:none;
}
a:hover{
	color:#893332;
}
.center{
	text-align:center;
}
.left{
	text-align:left !important;
}
.right{
	text-align:right !important;
}
.alert{
	color:#f00;
	font-weight:bold;
}
#dhtml{
	display:none;
	border:2px solid #893332;
	position:absolute;
	top:180px;
	background-color:#fAfBe7;
	padding:5px;
	width:500px;
	height:500px;
	overflow:auto;
	left:35%;
	z-index:5000;
}

#animatransport{
	width:950px;
	margin:0px auto;
	text-align:left;
}
#header{
	background:url(header2.jpg);
	height:157px;
}
#header #boutons{
	float:right;
	margin-top:139px;
	height:14px;
	width:100px;
}
#center{
	background:url(ar_back.jpg);
}
#footer{
	background:url(footer.jpg);
	height:34px;
}
#footerline{
	position:absolute;
	margin:11px 20px 0px 145px;
	color:#eee;
}
#footerline a{
	color:#eee;
}
#menuv{
	width:130px;
	float:left;
}
#content{
	margin-right:6px;
	float:right;
	width:800px;
}
.both{
	clear:both;
}
.left{
	clear:left;
}

#header h1{
	position:absolute;
	margin:12px 0px 0px 235px;
	padding:0px;
	text-align:center;
	font-size:13pt;
	color:#8A3333;
	font-family:arial;
}

#header #infoLanguette{
	position:absolute;
	margin:92px 12px;
	width:110px;
	text-align:center;
}

/* contenu */
#content h1{
	margin:10px 0px;
	padding:0;
	text-align:center;
	font-size:14pt;
	color:#8A3333;
	text-decoration:underline;
	font-family:arial;
}

#content h2{
	background:url(h2.gif) no-repeat left bottom;
	padding:0px 15px;
	color:#8F653F;
	height:25px;
	font-size:16pt;
	font-family:arial;
}

#content h3{
	margin:0px 40px;
	width:240px;
	padding:0;
	font-size:10pt;
	font-family:arial;
	background-color:#D48E8E;
	text-align:center;
	clear:both;
}
#content h4{
	background:url(../img/fond_bar.gif)
}

#content table{
	margin:10px auto;
}

#content div.news{
	margin:0px 0px 10px 0px;
	padding-left:3px;
	border:1px solid #D48E8E;
	border-left:4px solid #844E4E;
	background-color:#F5EDD3;
	width:95%;
}
#content img.newsimg{
	float:right;
	padding: 2px;
}

/* menu vertical */
#menuv{
	margin-top:-60px;
}

#menuv *{
	margin:0;
	padding:0;
}
#menuv #languette{
	background:url(languette.jpg);
	width:128px;
	height:32px;
}
#menuv #menudeco{
	margin:0;padding:0;border:0;
	margin-top:20px;
	background:url(avion.jpg);
	height:49px;
	width:130px;
}
#menuv ul li{
	list-style-type:none;
}

#menuv div.menuhead{
	margin-top:6px;
	background:url(menutitle.jpg) no-repeat;
	height:33px;
	width:130px;
	border:0px solid #0f0;
}

#menuv div.menuhead h1{
	padding:6px 0px 0px 8px;
	font-size:8pt;
	color:#8F653F;
}

#menuv div.menuar{
	margin:0;
	padding:0px 10px;
	background:url(menuar.jpg) repeat-y;
}

#menuv div.menubottom{
	margin:0;
	padding:0;
	background:url(menubottom.jpg) no-repeat;
	height:14px;
}

a.facebook-connect {
    color: #FFFFFF;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #24548A;
}
.facebook-connect i.fa{
	font-size:12px;
}

p.msg{
	font-weight:bold;
	text-align:center;
	margin:10px;
	border-style: solid;
	-moz-border-radius:12px;
}
p.warning{
	color:#FF9C01;
	background:#FFF0E0;
	border-color: #FF9C01;
	
	color:#FF9C01;
	font-weight:bold;
	text-align:center;
	background:#FFF0E0;
	margin:10px;
	border-style: solid;
	border-color: #FF9C01;
	-moz-border-radius:12px;
}
p.error{
	color:#FA2881;
	background:#FFE0E0;
	border-color: #FA2881;
}
p.ok{
	color:#26BB48;
	background:#E0FFE0;
	border-color: #26BB48;
}

/* formulaire */
input,select, textarea, select {
	border:		1px #993300 solid;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-weight : bold ;
	color: #993300;
	font-size:10px;
}

input[type=submit], input[type=button]{
	background:url('selection.png') repeat-x 0px -22px;
	border-style:outset;
	border-width:1px;
}

input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus{
	background-position:0px 0px;
	cursor:pointer;
}

input[type=submit]:active, input[type=button]:active{
	border-style:inset;
}

/* tableaux */
table.tabdata{
	border: 2px solid #84602E;
	border-style: solid none;
	width: 80%;
	margin: 10px 0;
}
table.tabdata tr th{
	background: #FFC091;
	padding: 2px;
	text-align: center;
	color: #641800;
}
table.tabdata tr td{
	text-align: center;
}
.l0{
	background:#FAEEE2
}
.l1{
	background:#F7DAB8
}


/* les onglets */
div.onglets a{
	height:50px;
	padding:1px 15px;
	margin:3px 0px 0px 10px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	font-weight:bold;
	background-color:#ddd;
	background:url('fond_bar_flip.gif') repeat-x;
	text-decoration:none;
}
div.onglets a img{
	position:relative;
	top:4px;
}
div.onglets a.select{
	background-color:#fff;
	background:url('fond_bar.gif') repeat-x;
}
div.onglets {
	margin-top:7px;
}


#page{
	border:1px solid #000;
	margin:auto;
	text-align:center;
	background: #eee;
	padding:5px;
}


.soustitre {
	color: #888888;
	font-size: 80%;
	text-align: center;
}


div.row {clear: both;padding-top: 5px;width: 99%;text-align: center;}

div.row span.label {float: left;width: 34%;text-align: right;}
div.row span.formel {float: right;width: 64%;text-align: left;}
div.row span.label_fo {width: 24%;}
div.row span.formel_fo {width: 74%;}

a.tooltip em {
    display:none;
}

/* Style du script de l'évaluation de la sécurité du mot de passe (inscription.php) */
#weak, #medium
{
	border-right:solid 1px #DEDEDE;
}

#sm
{
	margin:0px;
	padding:0px;
	height:14px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
}

#sm ul
{
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#sm ul li
{
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:14px;
}

.nrm
{
	width:43px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}

.red
{
	width:43px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FF6F6F;
	display:block;
	vertical-align:middle;
}

.yellow
{
	width:43px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle;
}

.green
{
	width:43px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle;
}


.barStats{
background-color:#ccc;
}

div.boutons {
	width:70%;
	margin:5px auto;
	
}
.boutons a {
	border: 1px solid #CCCCCC;
	padding:0px 10px;
	margin:5px;
	text-decoration:none;
	background:url('selection.png') repeat-x 0px -22px;
}
.boutons a:hover {
	background-position:0px 0px;
	cursor:pointer;
}

a.affiche_pseudo {
	text-decoration:none;
}
a.affiche_pseudo:hover{
	text-decoration:underline;
}
ul.objectif {
	margin:0px;
	padding:0 0 0 20px;
	text-align:left;
}
.objectif li{
	margin:0px;
	text-align:left;
}
#popup_explications{
	text-align:left;
}

.important {
	color: red;
	font-weight: bold
}

.important p{
	border:1px solid red;
	background:#FFEEEE;
	padding:20px;
}
.importantok p{
	border:1px solid green;
	background:#EEFFEE;
	padding:20px;
}