@charset "utf-8";
/* structure.css = structure du site */


/*	I - _root : élément racine
        --------------------------------------------------------------------------------------------------------------------------- */
#_root { /**/ }

/*	I - _root > div : 1er élément enfant de la racine
        --------------------------------------------------------------------------------------------------------------------------- */
#_root > div { 
    /*  
            va être généré au niveau de la structure un id correspondant à la page concernée : citoyen, administration.... 
            Ce qui va permettre de cibler tous éléments html et d'en modifier les propriétés
    */ 
}


/*	I - GLOBAL HEADER 
        --------------------------------------------------------------------------------------------------------------------------- */
#global-header {
    /*float: left;*/
    width: 100%;
    /*padding-top: 24px;*/
}
header {
    width: 1008px;
    margin: 0 auto;
}

/* 01 - colonne à gauche */
header .columnLeft {
    float: left;
    width: 239px;
}
/* Nav lang (voir navigation.css) */

/* logo */
#logo, #logo a, #logo a img { float: left; display: block; z-index: 10000;}
#logo {
    /*padding: 30px;*/
    background: #fff;    
}

/* 02 - colonne à droite  */	
header .columnRight {
    position: relative;
    float: left;
    width: 768px;
}

/* nav topMenu (voir navigation.css) */

/* banner */

/*#bannerLegend{
    background-color: #FFFFFF;
    max-width: 250px;
    position: absolute;
    top: 222px;
    left: 20px;
    filter:alpha(opacity=95);
    opacity:0.95;
    -moz-opacity:0.95;
    color: #173e71;   
    font-family: "Open Sans";
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
}*/

#bannerMoreButton{
    background: url(../images/more-button.png) no-repeat transparent;
    width: 168px;
    height: 33px;
    position: absolute;
    top: 222px;
    right: 100px;
}

#bannerMoreButton .text{
    color: #f6ae37;
    text-transform: uppercase;
    font-family: "Open Sans";
    font-size: 13px;
    padding-left: 10px;
    padding-top: 6px;
    position: absolute;
    text-decoration: none;
}



/*	II - GLOBAL CONTENTS 
        --------------------------------------------------------------------------------------------------------------------------- */
#global-contents {
    float: left;
    width: 100%;
    margin-bottom: 48px;
}
#contents {
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    padding: 23px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: #fff;
}


/* 01 - head */
#contents > .head {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #999;
}
/* colonne à gauche et à droite */
#contents > .head .columnLeft { float: left; width: 636px; margin-right: 36px; }
#contents > .head .columnRight { float: left; width: 288px; }

/* Titre */
#contents > .head h1 {
    width: 636px;
    margin: 6px 0 0 0;
}

/* searchEngine */
#searchEngine,
#searchEngine ul,
#searchEngine ul li {
    float: left;
    width: 100%;
    margin: 0;
}
/* li */
#searchEngine ul li { position: relative; }

/* input[type="text"] */
#searchEngine input[type="text"] {
    float: left;
    width: 226px;
    padding: 12px 48px 12px 12px;
    font-size: 14px;
    line-height: 14px;
    color: #01377e;
    background: #eee;
}
/* input[type="text"]:hover */
#searchEngine li:hover input[type="text"] { border-color: #ffba00; }

/* a */
#searchEngine a {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    text-align: center;
}
/* a hover */
#searchEngine a:link, #searchEngine a:visited { background: url(../images/template/icons/icon-searengine.png) 12px 10px no-repeat; }
#searchEngine a:hover, #searchEngine a:active, #searchEngine a:focus { background: url(../images/template/icons/icon-searengine.png) 12px -30px no-repeat }




/* 02 - Page */
#page {
    float: left;
    width: 636px;
    margin-right: 36px;
}


/* 03 - aside */
aside {
    float: left;
    width: 288px;
}




/*	III - GLOBAL FOTTER 
        --------------------------------------------------------------------------------------------------------------------------- */
#global-footer {
    float: left; 
    width: 100%;
    margin-bottom: 24px;
}
footer {
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    padding: 24px;
    background: #e3e3e3;
}

/* nav voir (navigation.css) */




/*	IV - COPYRIGHT
        --------------------------------------------------------------------------------------------------------------------------- */
#copyRight {
    float: left; 
    width: 100%;
    padding-bottom: 48px;
}				
/* 1er élément direct */
#copyRight > div  {
    width: 960px;
    margin: 0 auto;
}

#copyRight > div p {
    text-align: right;
    font-size: 11px;
    color: #888;
}
#copyRight a:link, #copyRight a:visited { color: #888; }
#copyRight a:hover, #copyRight a:active, #copyRight a:focus { color: #173e71; }



/*  V - TEMPLATE CLASS 
        --------------------------------------------------------------------------------------------------------------------------- */
/* BOUTON 
        ---------------------------------------------------------------- */
/* 01-  btnMore */
.btnMore {
    position: relative;
    display: block;
    float: right;
    margin: 0 0 0 24px;
    padding: 0 24px 0 12px;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}
.btnMore:link, .btnMore:visited { background: #01377e url(../images/template/btnmore-arrow-right-bg.png) right center no-repeat; color: #fff;  }
.btnMore:hover, .btnMore:active, .btnMore:focus { background: #162d4a url(../images/template/btnmore-arrow-right-bg.png) right center no-repeat; color: #fff; }

#_root .btnMore.floatLeft { margin-right: 24px; }