/*
Theme Name: marchebe
Theme URI: http://www.marche.be
Author: Cst Team
Author URI: http://cst.marche.be/
Description: Theme principal
Version: 1.0
Tags: marchebe
Text Domain: marchebe
*/
@charset "UTF-8";


/* CSS DEFAULT VALUE  */
/* ----------------  */


/*  BODY  */
body {
    font: normal normal normal 12px/20px Verdana, Geneva, sans-serif;
    color: #606060;
    /*background: #f4f4f4;*/
}

/* Font : OpenSansCondensedLight
   Utilisé pour les menus raccourcis */
@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('fonts/opensans-condlight_0-webfont.eot');
    src: url('fonts/opensans-condlight_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/opensans-condlight_0-webfont.woff') format('woff'),
        url('fonts/opensans-condlight_0-webfont.ttf') format('truetype'),
        url('fonts/opensans-condlight_0-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*  TITLE  */
h1 { font: normal normal normal 25px/28px Arial, Helvetica, sans-serif; margin: 0 0 6px 0; color: #173e71; }
h2 { font: normal normal normal 20px/22px Arial, Helvetica, sans-serif; margin: 0 0 6px 0; color: #173e71; }
h3 { font: normal normal normal 18px/20px Arial, Helvetica, sans-serif; margin: 0 0 6px 0; color: #173e71; }
h4 { font: normal normal normal 16px/18px Arial, Helvetica, sans-serif; margin: 0 0 6px 0; color: #173e71; }
h5 { font: normal normal normal 14px/16px Arial, Helvetica, sans-serif; margin: 0 0 6px 0; color: #173e71; }
h6 { font: normal normal normal 13px/15px Arial, Helvetica, sans-serif; margin: 0 0 6px 0; color: #173e71; }


/*  TITLE  A */
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited,
h6 a:link, h6 a:visited { color: #173e71; }
h1 a:hover, h1 a:active, h1 a:focus,
h2 a:hover, h2 a:active, h2 a:focus,
h3 a:hover, h3 a:active, h3 a:focus,
h4 a:hover, h4 a:active, h4 a:focus,
h5 a:hover, h5 a:active, h5 a:focus,
h6 a:hover, h6 a:active, h6 a:focus { color: #2865b4; }


/*  PARAGRAPHE  */
/*p { valeurs par défaut du body }*/

/*  A  */
a { outline: none; border: none; }
a:link, a:visited { color: #222; }
a:hover, a:active, a:focus { color: #01377e; }

/*  LISTE  */
/* 01 : On va équilibrer l'espacement entre les listes à puces et à numéros, on aligne à gauche sur les autres éléments par défaut */
/* ul  */
ul { padding-left: 15px; }
ul li { padding-left: 5px;}
/* ol */
ol { padding-left: 20px; }
ol li { padding-left: 0;}
/* On précise l'espace supplémentaire à gauche */
ul li, ol li  { margin-left: 24px; }
/* style des puces */
ul li { list-style: square; }
ol li { list-style: decimal; }

/*  IMG  */
img { border: none; vertical-align: bottom; }

/*  HR + CLass styleHr : Pour que le rendu du style soit correcte sous IE7, il est préférable d'utiliser un <span class="styleHr"></span> au lieu d'un <hr /> */
hr, .styleHr { display: block; float: left; width: 100%; height: 1px; border: none; background: #ddd; }

/*  TABLE  */
table {
    width: 100%;
    margin: 0;
    border: 0;
    background: #fff ;
}
thead {}
tbody {}
tfoot {}

/* Propriétés identiques*/
table, tr, th, td {
 /*   border: 1px #e4e4e4 solid;  remove jf */
    vertical-align: top;
}
/* tr */
tr {
    padding: 0px;
}
/* th */
th {
    padding: 5px;
    color: #fff;
    background: #484848;
}
th[scope="col"] { text-align: center; }
th[scope="row"] { text-align: left; }

/* td */
td {
    padding: 2px 5px;
}

/*  FORM  */
/* input text && password*/
input[type="text"],
input[type="password"] {
    margin: 0;
    padding: 6px;
    border: 1px solid #aaa;
    background: #eee;
}
/* input text && password : hover */
input[type="text"]:hover,
input[type="password"]:hover {
    border: 1px solid #01377e;
    background: #fff;
}

/* input[type="checkbox"] */
input[type="checkbox"] {
    vertical-align: middle;
    padding: 0;
    margin: 0 3px 0 0;
}

/*  MARGIN BOTTOM  */
p, ul, ol, table, form, hr, .styleHr, .btnMore, .marginBottom  { margin: 0 0 14px 0; }



/* date Hover && Active */
.actualite ul li a:hover time, .actualite ul li a:active time, .actualite ul li a:focus time,
.actualite ul li a.active time{ color: #fff; }
.actualite ul li a:hover p, .actualite ul li a:hover h3 { color: #fff; }

#page-economie #page h3 {
   /* color: #0098db;*/
}

#focus ul.ui-tabs-nav li.ui-tabs-active a.economie h3 {
    color: #FFFFFF;
}

#page-economie #page a:hover h3 {
    color: #FFFFFF;
}



/*  CODE COULEUR DES ELEMENTS PAR DEFAUT PAR RUBRIQUE   */
/*  -----------------------------------------------------------  */
/* 01 - administration */
/*  TITLE  */
#page-administration #contents > .head h1,
#page-administration #page h1,
#page-administration #page h2,
#page-administration #page h3,
#page-administration #page h4,
#page-administration #page h5,
#page-administration #page h6 {  color: #82786f; }

/*  TITLE  A */
#page-administration #page h1 a:link, #page-administration #page h1 a:visited,
#page-administration #page h2 a:link, #page-administration #page h2 a:visited,
#page-administration #page h3 a:link, #page-administration #page h3 a:visited,
#page-administration #page h4 a:link, #page-administration #page h4 a:visited,
#page-administration #page h5 a:link, #page-administration #page h5 a:visited,
#page-administration #page h6 a:link, #page-administration #page h6 a:visited { color: #82786f; }
#page-administration #page h1 a:hover, #page-administration #page h1 a:active, #page-administration #page h1 a:focus,
#page-administration #page h2 a:hover, #page-administration #page h2 a:active, #page-administration #page h2 a:focus,
#page-administration #page h3 a:hover, #page-administration #page h3 a:active, #page-administration #page h3 a:focus,
#page-administration #page h4 a:hover, #page-administration #page h4 a:active, #page-administration #page h4 a:focus,
#page-administration #page h5 a:hover, #page-administration #page h5 a:active, #page-administration #page h5 a:focus,
#page-administration #page h6 a:hover, #page-administration #page h6 a:active, #page-administration #page h6 a:focus { color: #554e49; }

/* a */
#page-administration a:hover, #page-administration a:active, #page-administration a:focus { color: #82786f; }


/* 02 - citoyen */
/*  TITLE  */
#page-citoyen #contents > .head h1,
#page-citoyen #page h1,
#page-citoyen #page h2,
#page-citoyen #page h3,
#page-citoyen #page h4,
#page-citoyen #page h5,
#page-citoyen #page h6 {  color: #ff7200; }

/*  TITLE  A */
#page-citoyen #page h1 a:link, #page-citoyen #page h1 a:visited,
#page-citoyen #page h2 a:link, #page-citoyen #page h2 a:visited,
#page-citoyen #page h3 a:link, #page-citoyen #page h3 a:visited,
#page-citoyen #page h4 a:link, #page-citoyen #page h4 a:visited,
#page-citoyen #page h5 a:link, #page-citoyen #page h5 a:visited,
#page-citoyen #page h6 a:link, #page-citoyen #page h6 a:visited { color: #ff7200; }
#page-citoyen #page h1 a:hover, #page-citoyen #page h1 a:active, #page-citoyen #page h1 a:focus,
#page-citoyen #page h2 a:hover, #page-citoyen #page h2 a:active, #page-citoyen #page h2 a:focus,
#page-citoyen #page h3 a:hover, #page-citoyen #page h3 a:active, #page-citoyen #page h3 a:focus,
#page-citoyen #page h4 a:hover, #page-citoyen #page h4 a:active, #page-citoyen #page h4 a:focus,
#page-citoyen #page h5 a:hover, #page-citoyen #page h5 a:active, #page-citoyen #page h5 a:focus,
#page-citoyen #page h6 a:hover, #page-citoyen #page h6 a:active, #page-citoyen #page h6 a:focus { color: #a34f18; }

/* a */
#page-citoyen a:hover, #page-citoyen a:active, #page-citoyen a:focus { color: #ff7200; }


/* 03 - economie */
/*  TITLE  */
#page-economie #contents > .head h1,
#page-economie #page h1,
#page-economie #page h2,

#page-economie #page h4,
#page-economie #page h5,
#page-economie #page h6 {  color: #0098db; }

/*  TITLE  A */
#page-economie #page h1 a:link, #page-economie #page h1 a:visited,
#page-economie #page h2 a:link, #page-economie #page h2 a:visited,
#page-economie #page h3 a:link, #page-economie #page h3 a:visited,
#page-economie #page h4 a:link, #page-economie #page h4 a:visited,
#page-economie #page h5 a:link, #page-economie #page h5 a:visited,
#page-economie #page h6 a:link, #page-economie #page h6 a:visited { color: #0098db; }
#page-economie #page h1 a:hover, #page-economie #page h1 a:active, #page-economie #page h1 a:focus,
#page-economie #page h2 a:hover, #page-economie #page h2 a:active, #page-economie #page h2 a:focus,
#page-economie #page h3 a:hover, #page-economie #page h3 a:active, #page-economie #page h3 a:focus,
#page-economie #page h4 a:hover, #page-economie #page h4 a:active, #page-economie #page h4 a:focus,
#page-economie #page h5 a:hover, #page-economie #page h5 a:active, #page-economie #page h5 a:focus,
#page-economie #page h6 a:hover, #page-economie #page h6 a:active, #page-economie #page h6 a:focus { color: #0f6993; }

/* a */
#page-economie a:hover, #page-economie a:active, #page-economie a:focus { color: #0098db; }


/* 04 - sante */



/*  TITLE  */
#page-sante #contents > .head h1,
#page-sante #page h1,
#page-sante #page h2,

#page-sante #page h4,
#page-sante #page h5,
#page-sante #page h6 {  color: #d71f85; }

/*  TITLE  A */
#page-sante h1 a:link, #page-sante h1 a:visited,
#page-sante #page h2 a:link, #page-sante #page h2 a:visited,

#page-sante #page h4 a:link, #page-sante #page h4 a:visited,
#page-sante #page h5 a:link, #page-sante #page h5 a:visited,
#page-sante #page h6 a:link, #page-sante #page h6 a:visited { color: #d71f85; }
#page-sante h1 a:hover, #page-sante h1 a:active, #page-sante h1 a:focus,
#page-sante #page h2 a:hover, #page-sante #page h2 a:active, #page-sante #page h2 a:focus,
#page-sante #page h3 a:hover, #page-sante #page h3 a:active, #page-sante #page h3 a:focus,
#page-sante #page h4 a:hover, #page-sante #page h4 a:active, #page-sante #page h4 a:focus,
#page-sante #page h5 a:hover, #page-sante #page h5 a:active, #page-sante #page h5 a:focus,
#page-sante #page h6 a:hover, #page-sante #page h6 a:active, #page-sante #page h6 a:focus { color: #96165e; }

/* a */
#page-sante a:hover, #page-sante a:active, #page-sante a:focus { color: #d71f85; }


/* 05 - services-en-ligne */
/*  TITLE  */
#page-services-en-ligne #contents > .head h1,
#page-services-en-ligne #page h1,
#page-services-en-ligne #page h2,
#page-services-en-ligne #page h3,
#page-services-en-ligne #page h4,
#page-services-en-ligne #page h5,
#page-services-en-ligne #page h6 {  color: #00b092; }

/*  TITLE  A */
#page-services-en-ligne #page h1 a:link, #page-services-en-ligne #page h1 a:visited,
#page-services-en-ligne #page h2 a:link, #page-services-en-ligne #page h2 a:visited,
#page-services-en-ligne #page h3 a:link, #page-services-en-ligne #page h3 a:visited,
#page-services-en-ligne #page h4 a:link, #page-services-en-ligne #page h4 a:visited,
#page-services-en-ligne #page h5 a:link, #page-services-en-ligne #page h5 a:visited,
#page-services-en-ligne #page h6 a:link, #page-services-en-ligne #page h6 a:visited { color: #00b092; }
#page-services-en-ligne #page h1 a:hover, #page-services-en-ligne #page h1 a:active, #page-services-en-ligne h1 a:focus,
#page-services-en-ligne #page h2 a:hover, #page-services-en-ligne #page h2 a:active, #page-services-en-ligne #page h2 a:focus,
#page-services-en-ligne #page h3 a:hover, #page-services-en-ligne #page h3 a:active, #page-services-en-ligne #page h3 a:focus,
#page-services-en-ligne #page h4 a:hover, #page-services-en-ligne #page h4 a:active, #page-services-en-ligne #page h4 a:focus,
#page-services-en-ligne #page h5 a:hover, #page-services-en-ligne #page h5 a:active, #page-services-en-ligne #page h5 a:focus,
#page-services-en-ligne #page h6 a:hover, #page-services-en-ligne #page h6 a:active, #page-services-en-ligne #page h6 a:focus { color: #067a67; }

/* a */
#page-services-en-ligne a:hover, #page-services-en-ligne a:active, #page-services-en-ligne a:focus { color: #00b092; }


/* 06 - social */
/*  TITLE  */
#page-social #contents > .head h1,
#page-social #page h1,
#page-social #page h2,
#page-social #page h3,
#page-social #page h4,
#page-social #page h5,
#page-social #page h6 {  color: #cb0044; }

/*  TITLE  A */
#page-social #page h1 a:link, #page-social #page h1 a:visited,
#page-social #page h2 a:link, #page-social #page h2 a:visited,
#page-social #page h3 a:link, #page-social #page h3 a:visited,
#page-social #page h4 a:link, #page-social #page h4 a:visited,
#page-social #page h5 a:link, #page-social #page h5 a:visited,
#page-social #page h6 a:link, #page-social #page h6 a:visited { color: #cb0044; }
#page-social #page h1 a:hover, #page-social #page h1 a:active, #page-social #page h1 a:focus,
#page-social #page h2 a:hover, #page-social #page h2 a:active, #page-social #page h2 a:focus,
#page-social #page h3 a:hover, #page-social #page h3 a:active, #page-social #page h3 a:focus,
#page-social #page h4 a:hover, #page-social #page h4 a:active, #page-social #page h4 a:focus,
#page-social #page h5 a:hover, #page-social #page h5 a:active, #page-social #page h5 a:focus,
#page-social #page h6 a:hover, #page-social #page h6 a:active, #page-social #page h6 a:focus { color: #8c092f; }

/* a */
#page-social a:hover, #page-social a:active, #page-social a:focus { color: #cb0044; }

/* 07 - sport */
/*  TITLE  /
#page-sport #contents > .head h1,
#page-sport #page h1,
#page-sport #page h2,
#page-sport #page h3,
#page-sport #page h4,
#page-sport #page h5,
#page-sport #page h6 {  color: #98c02d; }*/

/*  TITLE  A */
#page-sport #page h1 a:link, #page-sport #page h1 a:visited,
#page-sport #page h2 a:link, #page-sport #page h2 a:visited,
#page-sport #page h3 a:link, #page-sport #page h3 a:visited,
#page-sport #page h4 a:link, #page-sport #page h4 a:visited,
#page-sport #page h5 a:link, #page-sport #page h5 a:visited,
#page-sport #page h6 a:link, #page-sport #page h6 a:visited { color: #98c02d; }
#page-sport #page h1 a:hover, #page-sport #page h1 a:active, #page-sport #page h1 a:focus,
#page-sport #page h2 a:hover, #page-sport #page h2 a:active, #page-sport #page h2 a:focus,
#page-sport #page h3 a:hover, #page-sport #page h3 a:active, #page-sport #page h3 a:focus,
#page-sport #page h4 a:hover, #page-sport #page h4 a:active, #page-sport #page h4 a:focus,
#page-sport #page h5 a:hover, #page-sport #page h5 a:active, #page-sport #page h5 a:focus,
#page-sport #page h6 a:hover, #page-sport #page h6 a:active, #page-sport #page h6 a:focus { color: #678725; }

/* a */
#page-sport a:hover, #page-sport a:active, #page-sport a:focus { color: #98c02d; }


/* 08 - tourisme */
/*  TITLE  */
#page-tourisme #contents > .head h1,
#page-tourisme #page h1,
#page-tourisme #page h2,
#page-tourisme #page h3,
#page-tourisme #page h4,
#page-tourisme #page h5,
#page-tourisme #page h6 {  color: #8a5a9d; }

/*  TITLE  A */
#page-tourisme #page h1 a:link, #page-tourisme #page h1 a:visited,
#page-tourisme #page h2 a:link, #page-tourisme #page h2 a:visited,
#page-tourisme #page h3 a:link, #page-tourisme #page h3 a:visited,
#page-tourisme #page h4 a:link, #page-tourisme #page h4 a:visited,
#page-tourisme #page h5 a:link, #page-tourisme #page h5 a:visited,
#page-tourisme #page h6 a:link, #page-tourisme #page h6 a:visited { color: #8a5a9d; }
#page-tourisme #page h1 a:hover, #page-tourisme #page h1 a:active, #page-tourisme #page h1 a:focus,
#page-tourisme #page h2 a:hover, #page-tourisme #page h2 a:active, #page-tourisme #page h2 a:focus,
#page-tourisme #page h3 a:hover, #page-tourisme #page h3 a:active, #page-tourisme #page h3 a:focus,
#page-tourisme #page h4 a:hover, #page-tourisme #page h4 a:active, #page-tourisme #page h4 a:focus,
#page-tourisme #page h5 a:hover, #page-tourisme #page h5 a:active, #page-tourisme #page h5 a:focus,
#page-tourisme #page h6 a:hover, #page-tourisme #page h6 a:active, #page-tourisme #page h6 a:focus { color: #613c6f; }

/* a */
#page-tourisme a:hover, #page-tourisme a:active, #page-tourisme a:focus { color: #8a5a9d; }


/* 09 - culture */
/*  TITLE  */
#page-culture #contents > .head h1,
#page-culture #page h1,
#page-culture #page h2,
#page-culture #page h3,
#page-culture #page h4,
#page-culture #page h5,
#page-culture #page h6 {  color: #002F2F; }

/*  TITLE  A */
#page-culture #page h1 a:link, #page-culture #page h1 a:visited,
#page-culture #page h2 a:link, #page-culture #page h2 a:visited,
#page-culture #page h3 a:link, #page-culture #page h3 a:visited,
#page-culture #page h4 a:link, #page-culture #page h4 a:visited,
#page-culture #page h5 a:link, #page-culture #page h5 a:visited,
#page-culture #page h6 a:link, #page-culture #page h6 a:visited { color: #002F2F }
#page-culture #page h1 a:hover, #page-culture #page h1 a:active, #page-culture #page h1 a:focus,
#page-culture #page h2 a:hover, #page-culture #page h2 a:active, #page-culture #page h2 a:focus,
#page-culture #page h3 a:hover, #page-culture #page h3 a:active, #page-culture #page h3 a:focus,
#page-culture #page h4 a:hover, #page-culture #page h4 a:active, #page-culture #page h4 a:focus,
#page-culture #page h5 a:hover, #page-culture #page h5 a:active, #page-culture #page h5 a:focus,
#page-culture #page h6 a:hover, #page-culture #page h6 a:active, #page-culture #page h6 a:focus { color: #0f6993; }

/* a */
#page-culture a:hover, #page-culture a:active, #page-culture a:focus { color: #002F2F }




/*  CCS DEFAULT CLASS : quelques class utilisées et bien utiles */
/*  ------------------------------------------------------------ */

/*  .fullWidth  */
.fullWidth				{ width: 100% !important;}

/*  .float  */
.floatLeft				{ float: left !important; }
.floatRight 			{ float: right !important; }
.floatNone 				{ float: none !important; }

/*  .CLEAR  */
.clearLeft 				{ clear: left !important; }
.clearRight 			{ clear: right !important; }
.clearBoth 				{ clear: both !important; }
.clearNone 				{ clear: none !important; }

/*  .MARGIN None */
.marginTopNone 			{ margin-top: 0 !important; }
.marginRightNone 		{ margin-right: 0 !important; }
.marginLeftNone 		{ margin-left: 0 !important; }
.marginBottomNone 		{ margin-bottom: 0 !important; }

/*  .PADDING None */
.paddingTopNone 		{ padding-top: 0 !important; }
.paddingRightNone 		{ padding-right: 0 !important; }
.paddingLeftNone 		{ padding-left: 0 !important; }
.paddingBottomNone 		{ padding-bottom: 0 !important; }

/*  alignLeft & alignRight ces CLASS remplacent les attributs align="left" & align="right" qui sont obsolètes */
img.alignLeft { margin-right: 10px; float: left; }
img.alignRight{ margin-left: 10px; float: right; }