@charset "utf-8";
/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#globale {
	width: 1024px;
	position: relative;
	mini-height: 100%;
	margin: auto;
	padding: auto;
}

#header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	height: 95px;
	width: 1024px;
	background-image: url(images/header.png);
	top: 0px;
}
#slogan {
	color: #2D417E;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: 350px;
}

#login {
	position: absolute;
	height: 47px;
	width: 389px;
	left: 600px;
	top: 10px;
	background-image: url(images/bg_login.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 10px;
}

#bouton {
	position: absolute;
	top: 175px;
	left: 85px;
	width: 120px;
	height: 25px;
	background-image: url(images/bouton.png);
	padding-left: 17px;
	padding-right: 13px;
	padding-top: 5px;
}
a.bouton {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
}
.bouton:hover {
	text-decoration: underline;
}




form {
	margin: 0px;
	padding: 0px;
}
#texte_1_login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	position: absolute;
	top: 40px;
	left: 60px;
}


#texte_2_login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	position: absolute;
	top: 40px;
	left: 280px;
}

.a_header {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 9px;
	font-weight: normal;
}
#footer {
	background-color: #2D417E;
	position: absolute;
	width: 1024px;
	top: 1140px;
	height: 20px;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 4px;
	padding-left: 10px;
}
#liens_liste {
	position: absolute;
	width: 900px;
	left: 60px;
	top: 30px;
}

#footer_liens {
	height: 115px;
	width: 516px;
	background-image: url(images/bg_liens.png);
	position: absolute;
	top: 1000px;
	font-size: 10px;
	padding-left: 480px;
	left: 20px;
}

#footer_liens-faq {
	height: 115px;
	width: 516px;
	background-image: url(images/bg_liens.png);
	position: absolute;
	top: 1520px;
	font-size: 10px;
	padding-left: 480px;
	left: 20px;
	font-weight: normal;
}

#footer-faq {
	background-color: #2D417E;
	position: relative;
	width: 1024px;
	top: 1650px;
	height: 20px;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 4px;
	padding-left: 10px;
	font-weight: normal;
}

#footer-conditions {
	background-color: #2D417E;
	position: relative;
	width: 1024px;
	top: 2240px;
	height: 20px;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 4px;
	padding-left: 10px;
}

#footer_liens-conditions {
	height: 115px;
	width: 516px;
	background-image: url(images/bg_liens.png);
	position: absolute;
	top: 2110px;
	font-size: 10px;
	padding-left: 480px;
	left: 20px;
}

#liens_texte {
	position: absolute;
	top: -7px;
}


.titres {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}


#axialys {
	font-size: 11px;
	color: #FFFFFF;
	position: absolute;
	right: 10px;
	width: 250px;
	top: 5px;
}
.bleu_moyen {
	color: #008DE6;
	font-size: 14px;
	font-weight: bold;
}

.a_liens_utiles {
	color: #000000;
	text-decoration: none;
}
.a_liens_utiles:hover {
	text-decoration: underline;
}


.a_footer {
	color: #FFFFFF;
	text-decoration: none;
}
.a_footer:hover {
	text-decoration: underline;
}
#inscription {
	background-image: url(images/bg_inscription.png);
	position: absolute;
	height: 138px;
	width: 256px;
	right: 10px;
	color: #FFFFFF;
	padding-top: 30px;
	padding-left: 7px;
	font-weight: bold;
	top: 30px;
}
.a_membre {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.a_membre:hover {
	text-decoration: underline;
}

#membre {
	position: absolute;
	top: 125px;
	left: 9px;
	margin-top: 5px;
}


#rightcontent {
	position: absolute;
	width: 270px;
	top: 150px;
	right: 0px;
	font-size: 12px;
}
#engagements {
	height: 155px;
	width: 232px;
	background-image: url(images/bg_engagements.png);
	position: absolute;
	top: 230px;
	color: #2D417E;
	padding-top: 70px;
	padding-left: 25px;
}
#engagements-text {
	position: absolute;
	width: 200px;
	top: 10px;
}
#reductel {
	position: absolute;
	height: 250px;
	width: 250px;
	top: 490px;
	left: 7px;
}
#asterisque {
	width: 250px;
	position: absolute;
	top: 750px;
	left: 7px;
	text-align: justify;
}

#middle_content {
	position: absolute;
	width: 690px;
	top: 180px;
	left: 30px;
	font-size: 11px;
}
#plan_du_site {
	position: absolute;
	width: 650px;
	top: 60px;
	left: 30px;
	font-size: 12px;
	background-image: url(images/bg_sitemap.jpg);
	height: 500px;
	color: #008DE6;
}
#menu1 {
	font-size: 12px;
	color: #008DE6;
	position: absolute;
	top: 93px;
	left: 190px;
	width: 130px;
}
a.menu {
	color: #008DE6;
	text-decoration: none;
}
.menu:hover {
	text-decoration: underline;
}

#menu2 {
	position: absolute;
	left: 190px;
	top: 135px;
}
#menu3 {
	position: absolute;
	left: 190px;
	top: 170px;
}
#menu4 {
	position: absolute;
	left: 190px;
	top: 207px;
}
#menu5 {
	position: absolute;
	left: 190px;
	top: 300px;
}
#menu6 {
	position: absolute;
	left: 190px;
	top: 338px;
}
#menu7 {
	position: absolute;
	left: 190px;
	top: 378px;
}
#menu8 {
	position: absolute;
	left: 190px;
	top: 418px;
}
#menu9 {
	position: absolute;
	left: 450px;
	top: 90px;
}
#menu10 {
	position: absolute;
	left: 450px;
	top: 130px;
}









#accueil {
	color: #008DE6;
	position: absolute;
	left: 160px;
	top: 52px;
}



#middle_content_page {
	position: absolute;
	width: 680px;
	top: 210px;
	left: 30px;
	font-size: 12px;
	text-align: justify;
}
#arborescence {
	font-size: 11px;
	color: #008DE6;
	width: 680px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#text_middle {
	position: absolute;
	width: 600px;
	left: 61px;
	top: 49px;
}

#text_middle-conditions {
	position: absolute;
	width: 600px;
	left: 61px;
	top: 49px;
	font-size:11px;
}

.a_arborescence {
	color: #008DE6;
}


h1 {
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
hr {
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
h3 {
	font-size: 12px;
	padding: 0;
	margin: 0;
	color: #2D417E;
	font-weight: normal;
}
.bleu_titres {
	font-size: 16px;
	font-weight: bold;
	color: #008DE6;
}


br {
	margin: 0px;
	padding: 0px;
}
a.liens_soulignes {
	color: #000000;
	text-decoration: underline;
}
.petit-gras {
	font-size: 10px;
	font-weight: bold;
}
.petit-italique {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}
.petit-normal {
	font-size: 10px;
	font-weight: normal;
}



#explications {
	position: absolute;
	height: 220px;
	width: 316px;
	top: 200px;
	left: 0px;
	background-image: url(images/bg_explain.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}


#avantages {
	background-image: url(images/bg_explain.png);
	position: absolute;
	height: 220px;
	width: 306px;
	top: 200px;
	left: 357px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background-repeat: no-repeat;
	text-align: justify;
}

#image_centrale {
	position: absolute;
	height: 161px;
	width: 691px;
	top: 10px;
}
#texte {
	position: absolute;
	width: 658px;
	top: 450px;
	left: 0px;
	background-image: url(images/bg_texte.png);
	height: 285px;
	font-size: 11px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 35px;
}
#titre_phone_party {
	position: absolute;
	top: 10px;
	left: 30px;
	width: 600px;
}



.table_text {
	text-align: justify;
}
.table_text td{
        padding-top: 20px;
}
.onze {
	font-size: 11px;
}


.text-gras {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.normal {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


/*------------------------------------------------------------------------------
	ajouté par haoyu
--------------------------------------------------------------------------------*/
#middle_content_page_dynamic {
	position: relative;
	width: 680px;
	top: 210px;
	left: 30px;
	font-size: 12px;
	text-align: justify;
	height: 100%;
}

#text_middle_dynamic {
	position: relative;
	width: 600px;
	left: 61px;
	top: 30px;
}

#footer_liens_dynamic {
	height: 115px;
	width: 516px;
	background-image: url(images/bg_liens.png);
	position: relative;
	top: 100px;
	font-size: 10px;
	padding-left: 480px;
}
#footer_dynamic {
	background-color: #2D417E;
	position: relative;
	width: 1024px;
	top: 20px;
	height: 20px;
	color: #FFFFFF;
	font-size: 11px;
	margin-top: 100px;
	padding-top: 4px;
	padding-left: 10px;
}


/* pour la page */
#footer_liens_dynamic_monchat {
	height: 115px;
	width: 516px;
	background-image: url(images/bg_liens.png);
	position: relative;
	top: 250px;
	font-size: 10px;
	padding-left: 480px;
}
#footer_dynamic_monchat {
	background-color: #2D417E;
	position: relative;
	width: 1024px;
	top: 180px;
	height: 20px;
	color: #FFFFFF;
	font-size: 11px;
	margin-top: 100px;
	padding-top: 4px;
	padding-left: 10px;
}








.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
#tabnav {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #008DE6;
}
#tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#tabnav a:link, #tabnav a:visited {
	float: left;
	font-size: 15px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #75beed;
}
#tabnav li.active a:link, #tabnav li.active a:visited, #tabnav a:hover {
	border-bottom: 4px solid #008DE6;
	padding-bottom: 2px;
	background: #fff;
	color: #008DE6;
}

#tabnav a:hover {
	color: #008DE6;
}

.lien_motdepasse a{
	color:#000000;
	text-decoration:none;
}

/*--------------------
	form
----------------------*/
.form{
	width:100%;
}
.form p{
	margin: 2px 0;
}
.form fieldset{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

.form fieldset:hover{
	background-color: #FFF;
}

.form fieldset legend{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #999;
}

/* Label */
.form label
{
	background-color: transparent;
	display: block;
	width: 35%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
	font-weight: bold;
}

.form label:hover{
	font-weight: bold;
}

.form label.required:before {
	content: '*';
	color: red;
}
.form .button{
	padding-top: 20px;
	padding-left: 35%;
}


/*--------------------------------------
	liste
----------------------------------------*/
.list{
	/*
	border-left: solid 1px #008DE6;
    border-top: solid 1px #008DE6;
    border-bottom: solid 1px #008DE6;
    
    border: solid 1px #008DE6;*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    border-collapse: collapse;     
    width: %100;
}

.list th {
    text-align: left;
    border-right: solid 1px #008DE6;
    border-bottom: solid 1px #008DE6;
    background: #008DE6;
    padding: 2px;
    color: white;
    padding-right: 1em;
}

.list th a {
    color: white;
    text-decoration: none;
}

.list th a:hover {
    color: #EEEEEE;
}

.list td {
    text-align: left;
    padding: 2px;
}

.list tr.couleurAlternative {
    background: #CCCCCC;
}

p.paging {
    text-align: center;
    font-weight: bold;
}

p.paging a {
    color: #008DE6;
}