@CHARSET "UTF-8";
body { color:#333; font-family: Arial, Helvetica, sans-serif; font-size:9pt; margin: 0; padding: 0; background:#FFFFFF url(../../images/arp.jpg) repeat-x; }
table { font-size:1em; }
form { margin:0; }
/* Les paragraphes */
p { margin:0; }
.p2 { margin:5px 0; font-weight:bold }
.menublanc { color:#FFFFFF; }
.menublanc a:link,
.menublanc a:visited,
.menublanc a:active { color: #ffffff; text-decoration: none; }
.menublanc a:hover { color: #FFFFFF; text-decoration: underline; }
/* Divers */
.rouge { color:#CC0000; }
.vert { color:#336600; }
.gris { color:#333333; }
.imageright { float:right; margin: 0 0 10px 10px; }
.imageleft { float:left; margin: 0 10px 10px 0; }
.imagecadre { border: #ddd 1px solid; padding:5px }
.textesmall { font-size:0.9em; color:#999; }
.absmiddle { vertical-align:middle }
.clear { clear:both }
/* ---- Les divs ----- */
.divliste { padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px dotted #999999; overflow:auto }
.divfooter { padding:30px 0 0 0; margin:10px 0 0 0; text-align:center; background:url(../../images/footer-arp.jpg) repeat-x; height:120px }
/* ---- Les liens ----- */
a img { border:0; }
a:link,
a:visited,
a:active { color: #0184B6; text-decoration: none; }
a:hover { color: #336699; text-decoration: underline; }
.arouge:link,
.arouge:visited,
.arouge:active { color: #cc0000; text-decoration: none; }
.arouge:hover { color: #990000; text-decoration: underline; }
/* ---- Le menu droit ---- */
.menuv p { text-indent:5px; }
.menuv h3 { color:#006600; font-style:normal; font-weight:bold; font-size:1em; text-transform: uppercase; margin: 5px 0 1px 0; padding: 5px; background-color:#0184B6; background: url(../../images/arp-titre-menu.gif) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:0px; }
.menuv h3 span{ font-style:normal; font-weight:normal; font-size:0.9em; text-transform: none; }
.menuv h3 a:link,
.menuv h3 a:visited,
.menuv h3 a:active { text-decoration: none; color:#fff; border:0px; margin: 0; padding:0; }
.menuv h3 a:hover { color: #111111; text-decoration: none; background:none; }
.menuv a:link,
.menuv a:visited,
.menuv a:active { padding:5px 0; text-decoration: none; display:block; border-bottom:1px dotted #ddd; text-indent:5px }
.menuv a:hover { text-decoration: none; background-color:#f2f2f2; }
/* ---- Les titres ----- */
h1 { color: #006600; font-style:normal; font-weight:bold; font-size:1.4em; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCCCCC; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif }
h2 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#000000; font-size:1.2em; font-style:normal; font-weight:bold; margin: 10px 0; padding: 0; }
h3 { color:#000; font-size:1.1em; font-style:normal; font-weight:bold; margin: 5px 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h4 { color:#c00; font-size:1.1em; font-style:normal; font-weight:bold; margin: 10px 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
/* ----- Les listes */
ul { list-style: none; list-style-image:url(../images/puce.jpg); padding: 0px; margin: 10px 0; text-align: left; }
li { margin:0 0 0 15px; padding:0; text-align:justify; }
/* ---- Les tableaux ----- */
.tableliste tr { background-color: #f5f5f5; }
.tableliste thead tr,
.tableliste thead tr:hover { background-color: #000000; color: #FFFFFF; }
.tableliste thead a { color: #FFFFFF; font-weight:bold; }
.tableliste tr:hover { background-color: #e0e0e0; }
/*----- validation des formulaires ----*/
label.error { color: #cc0000; font-weight: bold; margin: 0 5px; padding: 3px; }
/*------ Liste des produits---------*/
.produit { width:110px; height:160px; padding:10px; margin:5px; float: left; border: #ddd 1px solid; padding:5px }
/* ----- Pagination ---------------- */
.pagination .active { color:#ff0084; font-weight:bold; padding:4px 6px; }
.pagination a { border:solid 1px #DDDDDD; margin-right:2px; }
.pagination a:link,
.pagination a:visited { color:#0063e3; padding:3px 6px; text-decoration:none; }
.pagination a:hover { border:solid 1px #666666; }
/*-------- Menu Horizontal -------*/
.menuh { position:relative; padding:20px 0; margin:0; width:100%; }
.menuh ul { list-style:none; padding: 0; margin: 0; }
.menuh li { list-style:none; padding: 0; margin: 0 0 0 10px; display:inline; }
.menuh a:link,
.menuh a:active,
.menuh a:visited { color:#999999; font-size:1em; font-weight:bold; text-transform:uppercase; font-weight:normal; text-decoration:none; padding:8px 0; border-bottom:3px solid #f2f2f2; }
.menuh a:hover { color:#000000; text-decoration:none; border-bottom:3px solid #33CCFF; }
/*-------- Admin -------*/
.message { border: #E6DB55 1px solid; background-color: #FFFBCC; margin:10px 0; padding:5px 15px 5px; }
.divvert { background-color: #E4F2D0; color:#111111; margin:10px 0 20px 0; padding:15px 2px; border:#ABD982 1px solid }
/* --- tabebd recherche ---- */
#wrapper { width:100% }
ul.tabs { width:100%; margin:0; padding:0;  }
ul.tabs li { display:block; float:left; padding:0 10px; margin: 0; }
ul.tabs li a { display:block; float:left; padding: 10px; background-color:#edf6e1; color:#333; text-decoration:none; margin:0 0 0 1px; }
.selected { font-weight:bold }
.tab-content { clear:both; }