p,div,span,img{ margin:0; padding:0; border:0; outline:0; text-decoration:none; font-family:Arial; font-size:12px; }
html, body { }
/*
 *
 * PROPRIETES IMPORTANTE
 * Propriétés importantes et récurrentes
 *
*/

a { color:#676767; font-family:Arial, Helvetica, sans-serif; font-size:13px;text-decoration:none; color:#337;font-weight:bold; }
h1 { }
h2 { }
h3 { }
ul, li { list-style:none; }

.clear { clear:both; width:100%; height:0; line-height:0; }
.cache { display:none; }
.left { display:block; float:left; }
.right { display:block; float:right; }



input, textarea,button{border:1px double #aaa; background:#eee; font-family:Arial; }
textarea{width:500px; height:80px;}

label{display:block; text-align:right; padding-right:10px;}
#formdesign label{
text-align:left;
}
/*
 *
 * MESSAGES DE CONFIRMATION
 * Propriétés des éléments de validation ou d'échec des formulaires
 *
*/
.comm_error { color:#c22; }
.avert_message, .error_message{padding:7px 15px; margin:7px; font-size:14px; font-weight:bold;}
.avert_message { background:#afa; color:#262; border:3px solid #262;  }
.error_message {  background:#faa; color:#622; border:3px solid #622;}


/*
 *
 * PAGINATION
 * Propriétés du système de pagination présent sur le site
 *
*/

.pagination_number { width:100%; height:24px; }
.pagination { width:100%; height:24px; }
.pagination_nb { display:block; float:left; border:1px solid #c7c7c7; background:#FFF; width:18px; height:17px; margin-top:1px; padding-top:3px; text-align:center; margin-right:2px; }
.pagination_nb a { float:left; width:18px; height:20px; color:#0099FF; font-size:12px; font-weight:bold; }
.pagination_nb:hover { float:left; border:1px solid #FB3FB9; width:18px; height:17px; color:#FB3FB9; font-size:12px; font-weight:bold; }
.pagination_nb_actif a { float:left; background:#FFF; width:18px; height:17px; border:1px solid #0099FF; color:#0099FF; font-size:12px; font-weight:bold; padding-top:3px; text-align:center; margin-right:2px; margin-top:1px; }

.listing th{background:#5587a0; padding:3px;}
.listing tr.color1{background:#a2caed;}
.listing tr.color2{background:#8eb2cc;}
.listing tr:hover{background:#bed9eb;}
.listing tr td{padding:1px 3px;border-right:1px dotted #5587a0;}


/******************************************************/

#header{width:100%; border-bottom:2px solid #aaf; padding:10px;margin-bottom:10px;}

#header a{font-size:16px; font-weight:bold; margin-right:20px; color:#337; }
#header a:hover{color:#55c; }
#header a img{ margin-right:6px; }




#footer{width:100%; border-top:2px solid #aaf; padding:10px;margin-top:10px;clear:both;}

#template{font-size:12px; font-family:times;}
#resultat{font-size:12px; font-family:times;}


textarea#template_top, textarea#template_bottom{font-size:12px;font-family:Verdana; font-weight:bold;}

