/*les conteneurs principaux*/
body{font-family: Verdana, sans-serif;font-size: small;color:#494949;background: #fffcf3;line-height:18px;margin: 0;}
form{margin: 0;}
#container{width: 95%;max-width:1000px;min-width:850px;margin:auto;padding: 9px; border-radius: 6px;border:1px solid #c4c4c4;background: white;padding-bottom: 50px;min-height:550px;overflow:hidden;position: relative;}

#header{padding: 1px 10px; margin-bottom: 10px; background: #d5e6f8;color: #648dca;border-radius: 6px; font-family: "Comic sans MS", sans-serif;}
#site-title{font-size: 30px; line-height: 36px; margin: 60px 0 18px 0; padding: 0;}
#site-title a{color: #648dca;}
#site-description {font-style: italic; font-size: 16px; margin: 15px 0 18px 0; }

#left{float:left; width: 180px;}
#right{margin-left:195px;}
.footer{position: absolute; bottom: 10px;}

.top{height: 21px; line-height:21px;color: white; font-family: Verdana, "sans-serif";font-size: 11px;
font-weight: bold;padding-left: 10px;background: url(img/header_bleu.gif) no-repeat;}
.top p{background: #6b94d9 url(img/header_repeat_bleu.gif) repeat-x;margin: 0;padding-right:10px;}

.inner{border-radius: 0 0 0 6px; border: 1px solid #658dcf;border-top: 0;background:#fffcf3;
padding:10px 0; margin-bottom: 10px; height: 1%; clear:right; overflow:hidden;}

/*les menus*/
#menu-membre, #menu-admin{color: white; font-family: Verdana, "sans-serif";font-size: 11px; font-weight: bold;
margin-bottom: 20px;}
/*menu-membre*/
#menu-membre div.sous-menu{background: #e2eefa; border-left:1px solid #648dca; border-right:1px solid #648dca;padding-bottom: 4px;
display:none;}
#menu-membre div.sous-menu a{color: navy;display: block;padding:3px 5px;font-weight: normal;line-height: 14px;}
#menu-membre h3{background: #648dca; color:white; margin-bottom: 2px;height: 20px;line-height: 20px;padding: 0 19px;
margin-top:0;font-size: 11px;}
#menu-membre h3:hover{background: #648dca url(img/menu_hover.gif) bottom repeat-x;}
#menu-membre h3.first-menu{background:#648dca url(img/first_menu_background.gif) no-repeat;}
#menu-membre h3.first-menu:hover{background:#648dca url(img/first_menu_hover.gif) no-repeat;}
#menu-membre h3.last-menu{background:#648dca url(img/last_menu_background.gif) bottom no-repeat;}
#menu-membre h3.last-menu:hover{background:#648dca url(img/last_menu_hover.gif) bottom no-repeat;}
/*menu-admin*/
#menu-admin div.sous-menu{background: #e1f5e9; border-left:1px solid #65CE8D; border-right:1px solid #65CE8D;padding-bottom: 4px;
display:none;}
#menu-admin div.sous-menu a{color: #297f4a;display: block;padding:3px 10px;font-weight: normal;line-height: 14px;}
#menu-admin h3{background: #65CE8D; color:white; margin-bottom: 2px;height: 20px;line-height: 20px;padding: 0 19px;
margin-top:0;font-size: 11px;}
#menu-admin h3:hover{background:#65CE8D url(img/menu_hover_vert.gif) bottom repeat-x;}
#menu-admin h3.first-menu{background:#65CE8D url(img/first_menu_background_vert.gif) no-repeat;}
#menu-admin h3.last-menu{background:#65CE8D url(img/last_menu_background_vert.gif) bottom no-repeat;}
#menu-admin h3.last-menu:hover{background:#65CE8D url(img/last_menu_hover_vert.gif) bottom no-repeat;}
/*accès rapide*/
ul.acces{margin: 0;padding: 0;overflow:hidden;margin: 0 10px;}
/*.inner ul{overflow:hidden;margin: 0 10px;}*/
ul.acces li{margin: 0; padding: 0;list-style-type: none;width: 85px;text-align: center;height: 80px; float: left;
margin-right: 10px;line-height:15px;font-size: 11px;}

/*accès membre : login*/
.login{width: 180px; margin:auto;margin-top: 200px;
padding-top:20px;}
.login h3{color: white; font-family: Verdana, "sans-serif";font-size: 12px; font-weight: bold; margin: 0;
height: 20px;line-height: 20px;background:url(img/first_menu_background.gif) no-repeat;}
.login form{background:url(img/last_menu_background.gif) bottom no-repeat;padding-bottom: 20px;}
.login p{margin: 0;padding: 5px 10px;background: #e2eefa; border-left:1px solid #648dca; border-right:1px solid #648dca;}

/*les liens*/
a{text-decoration:none; outline: none;color: navy;}
a:hover{color:#ff3300;}/*#4169e1*/
a img{border: 0}
.top a{color: white;}
.top a:hover{color: red;}
#left h3 a{color:white; display: block;} /*liens menus*/
#left h3 a.mon{color: #7cfc00;}
.footer a{font-family: "Trebuchet MS", sans-serif;}
a.titre, a.order_asc{padding-right:12px;background:transparent url(img/s_asc.png) right no-repeat;} /*liens tri listes*/
a.order_desc{padding-right:12px;background:transparent url(img/s_desc.png) right no-repeat;}

/*effets javascript*/
span.onclick {cursor:pointer;}
span.onclick:hover{color:#4169e1;}
.collapse{cursor:pointer;}
p.collapse{color: #779fef;font-family: Verdana, "sans-serif";font-size: 11px; font-weight: bold;margin:0;}

/*éléments de formulaire*/
label{font-family: Verdana, "sans-serif";font-weight: bold;color: #648dca; display: block; width:200px;float:left;
text-align:right;margin-right:7px;font-size: 11px;}
input, textarea, select{margin-bottom:5px;border:1px solid #658dcf;padding-left:2px;padding-right:2px;}
input[type=radio], input[type=checkbox] {border: none;}
input[disabled], input[readonly], textarea[readonly] {background:#EEF1F9; color: #545454}
input.small, select.small{width: 150px;}
input.large{width: 250px;}
input.titre{width: 400px;}
input.tiny{width: 75px;}
input.nb{width: 20px;}
textarea{width:400px;height:60px;}
textarea.editor{border: none;}
button, .button{background: #acceec url(img/button_background.gif) repeat-x; height:20px; padding-bottom: 4px; 
color: navy;border: 1px solid #94C2ED;margin-right:4px;cursor: pointer;}
a.button{background: #acceec url(img/button_background.gif) repeat-x; height:20px; padding: 2px 5px; 
color: navy;border: 1px solid #94C2ED;margin-right:4px;font-weight: normal;
font-family: Arial, "sans-serif";font-size: 12px;}
form.cat label{display: inline; float: none;}
option.cat{background: #aec6f6; color: #000;}
option.rub{padding-left: 15px;}

/*positionnement*/
.pad{padding-left: 10px;padding-right: 10px;}
.floatright{float: right;}
.floatleft{float:left;}
.right{text-align:right;}
.center{text-align:center;}

/*tables*/
table{width: 100%;empty-cells:show;text-align:left;border-collapse:collapse;}
tr{/*border-bottom: 1px dashed #648DCA;*/}
tr:hover {background:lavender;}
tr.solde_ini td{border-top: 1px solid #4f7bbf;}
th{color: #4f7bbf;border-bottom: 1px solid #4f7bbf;text-align: left;}
td{vertical-align:top; padding: 5px 10px;}
table.membre {font-size: 11px;}
.membre tr{border: none;}
.membre th, .membre td{vertical-align:top;padding:0 2px;width: auto;}
table.annonce{width: 100%;empty-cells:show;text-align:left;border-collapse:separate;}
.annonce td{border-bottom: 1px dashed #d1d1d1;}
td.photo{width: 125px;/*height: 125px;*/padding: 3px 3px 0; text-align: center;vertical-align: middle;border: 1px solid #d1d1d1;background:white;position:relative;}
table.compta{width: 250px; margin-left: 30px;}
table.compta td{padding: 0;}
td.nophoto{padding: 0;}
th.first {width: 35px;}
th.msg {width: 50%;}
th.com{width: 30%;}
th.last, td.last{text-align:right; white-space: nowrap;}
td.nowrap{white-space: nowrap;}
td.num{text-align:center;}
td.num a{display: block; font-weight: bold;}
td.form-table{font-family: "Trebuchet MS";}

/*général*/
p{margin:5px 10px;}
p.italic{font-style:italic;}
.inner h1, .inner h2, .inner h3, .inner h4, .inner h5, .inner h6{color: #779fef; padding: 0 10px;} 
hr{color: #779fef;margin: 5px 10px;}

/*annonces*/
div.annonce{padding:4px 20px; border-bottom: 1px dashed #648DCA;overflow:hidden;}
div.annonce:hover {background:white;}
p.titre-annonce{color: #648dca;font-weight:bold; font-family:Verdana,"sans-serif";font-size: 11px;}
p.titre-annonce:first-letter{text-transform:uppercase;}
p.text-annonce:first-letter{text-transform:uppercase;}
.annonce p, .offre p {margin:0}
div.offre{padding:3px 20px 5px; border-top: 1px dashed #648DCA;overflow:hidden;}
div.offre:hover {background:white;}
.offres_cat {padding:1px 30px ;color: navy;}
.offres_cat span{cursor:pointer ;}
.offres_cat span:hover {color: #ff3300;}
.offres_cat_content {display: none;}
.titre_cat{padding-left:10px ;font-weight:bold ;font-size:12px ;border-top: 1px dashed #648DCA; color: navy;background: #c8d6ee ;margin: 0}
.titre_rub , .titre-cat-rub{padding:0 10px ;font-weight:bold ;font-size:12px ;border-top: 1px dashed #648DCA; color: navy;background: #E6ECF7 ;margin: 0; overflow:hidden;}
.offres_rub {padding-left:10px ;font-weight:bold ;font-size:12px ;border-top: 1px dashed #648DCA;
color: #4f7bbf;background: #E6ECF7 ;}
p.blocmodif{float: right;margin: 0 0 0 10px;font-size: 10px;}

/*présentation offres (services)*/
div.catlist{padding: 1px 30px}
p.catlist{font-weight: bold;}
ul.rublist{margin: 0 0 10px;}
ul.rublist li{list-style-type: none; padding-left: 10px;background: url(img/puce.png) 0 8px no-repeat;}
p.breadcrumps{font-weight: bold; margin-bottom: 15px;}
span.fluo{color: black; background: #c6f757; padding: 0 5px;} /*vert*/

/*catégories*/
p.titre-cat{margin: 0;padding-left: 20px;background : url(img/puce.png) 10px 10px no-repeat;
font-weight: bold;}
p.titre-rub{margin: 0;padding-left: 20px;font-size: 11px;}

/*news*/
ul.puce li{list-style-type: none; padding-left: 10px;background: url(img/puce.png) 0 8px no-repeat;}
ul.news{padding-left: 20px;}
ul.news li{list-style-type:square; color:#779fef;}
ul.news li p, div.newsletter p{color: #494949;margin: 2px 0;}
div.news, div.newsletter, div.quicknews{margin: 0 10px 8px;padding-left: 15px;background: url(img/puce.png) 0 8px no-repeat;}
.special{background: #e8edfd;}
div.quicknews p{margin: 2px 50px 2px 0;font-style: italic; color: black;}
div.news p{margin: 5px 0;}
div.news p.titre{color: #648dca;font-weight: bold;}
div.news p.lien{margin: 2px 0}
textarea.edit {width: 100%; height: 300px;margin-bottom: 20px;}
textarea.mceEditor{width: 400px; height: 100px;}
h3.news{color: white; font-family: Verdana, "sans-serif";font-size: 11px; font-weight: bold;
background:#648dca url(img/first_menu_background.gif) no-repeat;margin: 0;height: 20px;line-height: 20px;padding: 0 19px;}
.innernews{border-radius: 0 0 6px 6px; border: 1px solid #658dcf;border-top: 0;background:#fffcf3;
padding:10px 0;overflow:hidden;margin-bottom: 10px;}

/*couleurs*/
span.rem {color: red;padding-left: 5px;font-family: Tahoma;}
span.small, p.small {font-family: Tahoma; font-size:11px;}
span.nb{color:#4f7bbf;font-family: Tahoma; font-size:11px;font-weight: bold;}
.purple{color:purple;}
.red{color:red;}
.blue{color:blue;}
.orange{color:orange;}
.green{color:green;}
h3.stat{color: #0D1DEC;}

/*spécial*/
div#pres{overflow: hidden;margin: 0 10px;padding-right: 10px;position:relative;}
#btn{position: absolute; right: 0; bottom: 0;cursor: pointer;}
.instruction{border-bottom: 1px dashed; margin-bottom: 1em;}
.erreur{color: red; border-radius: 6px 0 0 6px; border: 1px solid; background: #fffcf3 url(img/exclamation.png) 5px 3px no-repeat;
margin: 0 0 5px;padding: 2px 10px 2px 25px;}
.succes{color: green; border-radius: 6px 0 0 6px; border: 1px solid #00d200; background: #fffcf3 url(img/active.gif) 5px 3px no-repeat;
margin: 0 0 5px;padding: 2px 10px 2px 25px;}
p.info{padding-left: 20px;background: url('img/help.gif') no-repeat;margin-bottom: 10px;}
#map{width: 100%; height: 500px;}
p.avatar {float: left;margin: 0 10px 0 0;font-size: 10px;}
p.avatar img{display: block;border: 1px solid #d1d1d1;}
p.list{margin-bottom: 10px;}
p.photo{float: left;margin: 0 10px 0 0;font-size: 10px;}

p.photo img{width: 60px;display: block;}
acronym{cursor: help;border-bottom: 2px dotted #4f7bbf;}
a.aide{position: relative; padding-left: 5px;}
a.aide span{display: none;}
a.aide:hover{color: black;font-weight:normal; background: none;z-index:10;}
a.aide:hover span{display: block;position: absolute; top: -5px; left: 25px; background : white;
border-radius: 6px; border: 1px solid #658dcf; padding: 5px; width: 200px; font-family: sans-serif;}
div.compta{width: 350px;}
div.compta h3{padding-right: 0}
div.compta p{border-top: 1px solid; text-align: right; margin: 0 0 0 30px;}
.resultat{border-top: 4px double;}
table.stats{width: 500px}