/*
Couleurs
Bleu 0 : #18517c
Bleu 1 : #206BA4
Bleu 2 : #54A4DE
Bleu 3 : #BBD9EE
Bleu 4 : #EBF4FA
Vert : #BEDF5D
Vert clair : #D6EB9A
Orange : #FF9834
Orange clair : #FFBF80
Jaune : #F6E896
Jaune clair : #FAF1C3
Beige : #E7E4D3
Beige clair : #F1EFE2
*/

/* Default */
form, ul, ol, li { margin: 0; padding: 0; }
html { background: white url(../images/bg.gif) top left repeat-x; }
body { font: 95% Helvetica, Verdana, Arial, "Trebuchet MS", sans-serif; color: #000; }
html, body { height: 100%; margin: 0; }

/* Les liens */
a, a:link, a:visited, a:active, a:focus { color: #206BA4; text-decoration: underline; }
#navigation a, #menu a, #onglet a { text-decoration: none; }
#contenu a { font-weight: bold;}
a:hover, a:focus { }
a.internal-link-question { color: #FF9834; }

/* Mise en page */
#global { min-height: 100%; width: 94%; margin: 0 auto; position: relative; }
#conteneur { padding-bottom: 30px; }
#principal { padding: 0 20px; margin: 20px 0 0 0; }
#global { border-right: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; background: white url(../images/bg_main.gif) top left repeat-x; }

/* Bandeau */
#bandeau { margin: 0 315px 25px 31%; height: 85px; }
#bandeau1 { position: absolute; top: 0px; right: 0px; margin: 0px 50px 0px 0; }
#bandeau h1, #bandeau p, #ministere span, #logo span { display: none; }
#logo { width: 650px; height: 70px; background: transparent url(../images/logo.gif) top left no-repeat; position: absolute; top: 25px; left: 40px; }
#ministere { width: 333px; height: 84px; background: transparent url(../images/marianne_logement.gif) top right no-repeat; position: absolute; top: 20px; right: 2%; }


/* Menu principal */
#navigation { width: 100%; margin-bottom: 20px; background-color: #206BA4; }
#navigation ul { float: left;  padding: 0 10px; }
#navigation li { border-right: 1px solid #ffffff; }
#navigation li , #navigation a { display: block; float: left; }
#navigation a { color: white; padding: 8px 15px; font-size: 1.3em; }
#navigation a:hover { background-color: #18517C; }
#navigation a.active { text-decoration: none; background-color: #18517C; }
#nav5, #nav5 a, #nav10, #nav10 a { !important; border-right: none !important; }

/* Les titres */
h1, h2, h3, h4, h5, h6 { font-weight: normal; display: block; color: #000000; line-height: 1.2em; }
h1 { font-size: 1.7em; margin: 0 0 0.3em 0; color: #666666; padding-top:10px; }
h2 { font-size: 1.4em; margin: 0 0 1em 0; padding: 0 0 4px 0; border-bottom: 5px solid #BEDF5D; }
h3 { font-size: 1.3em; margin: 0 0 0.8em 0; padding: 0 0 2px 0; border-bottom: 1px solid #E7E7E7; }
h5 { font: italic 1.2em Georgia, "Times New Roman", Times, serif; color: #454545;  margin: 0 0 0.2em;}
h6 { font-size: 1em; font-weight: normal; margin: 0 1.5em 0 0; padding: 0 0 3px 0; border-bottom: 1px solid #f7f7f7; }

/* Menu secondaire */
#menu { float: left; width: 270px; margin-right: 20px;}
#menu ul { list-style: none; }
#menu a { display: block; font-weight: bold; font-size: 1em; padding: 0.5em 5px 0.5em 27px; background: url(../images/menu_bullet.gif) no-repeat 7px 8px; background-color: #EBF4FA; }
#menu a.active { background-color: #BBD9EE; }
#menu a:hover { background-color: #FAF1C3; }
#menu ul li { list-style: none; padding: 0; border-top: 1px solid #ffffff; }
#menu ul li.dernier { border-bottom: 1px solid #ffffff; }
#menu ul.niveau-2 { border-top: 1px solid #ffffff; padding-left: 20px; }
#menu ul.niveau-2 li { border-top: none; border-bottom: 1px solid #ffffff; }
#menu ul.niveau-2 li.dernier { border-bottom: none; padding-bottom: 0; }

#erp-neufs #menu, #bhc-neufs #menu, #mi-neuves #menu { padding-top: 280px; }
#erp-neufs #menu { background: url(../images/erp_neufs.gif) no-repeat left top; }
#bhc-neufs #menu { background: url(../images/bhc_neufs.gif) no-repeat left top; }
#mi-neuves #menu { background: url(../images/mi_neuves.gif) no-repeat left top; }

/* Menu tertiaire */
#onglet { font-weight: bold; height: 1.1em; }
#onglet ul { background-color: #E7E4D3; float: right; padding: 0 20px; }
#onglet li, #onglet a { float: left; display: block; }
#onglet li { padding: 0 0 0 1em; }
#onglet a { color:#444; padding: 6px 10px 6px 10px; }
#onglet a.active { background-color: #F1EFE2; }
#onglet a:hover { background-color: #FAF1C3; }

/* Pied de page */
#pied { position: absolute; width: 100%; bottom: 0; left: 0; text-align: right; }
#pied p { margin: 0; padding: 5px 15px; font-size: 0.8em; }

/* Contenus */	
#contenu { overflow: hidden; margin-left: 20px; }
#accueil #contenu, #mentions #contenu, #recherche #contenu  { width: 100%; margin-left: 0; }

/* Contenus, le corpd de texte */
.t3content { line-height: 1.2em; }
.t3content p, .t3content ul , table ul { text-align: justify; }
.t3content li, table li { margin: 0 0 0.8em 20px; }
.contenttable td { border: 1px solid #cccccc; padding: 5px; }

/* Les encadrés */
#contenu .encadre { border: 2px solid #E7E7E7; padding: 8px 8px 8px 8px; margin-bottom: 1em; }
#contenu .encadre li, #contenu .encadre li.recommande { background: url(../images/li.gif) left 1px no-repeat; padding-left: 24px; margin-left: 0; list-style: none; }
#contenu .encadre li.recommande { background: url(../images/li-recommande.gif) left 1px no-repeat; }
#contenu .relief { border-color: #FF9834; background-color: #ffffff !important; }
#contenu .relief-question { border: 2px solid #FF9834; padding: 10px 8px 0 8px; margin-bottom: 1em; background-color: #ffffff !important; }
#contenu .relief-default { background-color: #efefef; }

/* Formulaires */
form fieldset { margin-top: 1em; line-height: 2em; border: 0; }
form fieldset legend { display: none; }
form fieldset div.fieldgrp { width: 100%; margin-bottom: 0.6em; }
form fieldset div.fieldgrp:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
form fieldset div.fieldgrp .block { clear: both; color: #333; display: block; float: left; font-weight: bold; padding: 0 10px 0 0; text-align: right; width: 160px; }
form fieldset div.fieldgrp label.block  span  { color: #c9002e; padding-right: 3px; }
form fieldset div.fieldgrp  div.field { padding-left: 180px; }
form fieldset div.fieldgrp  div.field span.help { color: #666; }
form div.submit { clear: both; float: right; }
form fieldset select, form fieldset input[type="text"], form fieldset input[type="password"] { margin: 3px 0; }
form fieldset div.fieldgrp  div.field .longfield { width: 300px; }
form fieldset div.fieldgrp  div.field .medfield { width: 150px; }
form fieldset div.fieldgrp  div.field .smallfield{ width: 100px; }

/* Indexed search */
.tx-indexedsearch-res-row { border: 2px solid #E7E7E7; padding: 0.5em 0.8em 0 0.8em; margin-bottom: 1em; position: relative; }
.tx-indexedsearch-res h4 { padding: 0 30px; margin: 0; }
.tx-indexedsearch-res .icon { float: left; }
.tx-indexedsearch-res .percent { position: absolute; right: 5px; top: 5px; font-weight: bold; font-size; 1.3em; letter-spacing: 1px; background-color: #FF9834; color: #ffffff; padding: 0.2em 0.6em; }
.tx-indexedsearch-sw { font-style: italic; color: #FF9834; }
div.browsebox { margin: 1em 0; }
div.browsebox p { float: left; margin: 0; }
div.browsebox a.page, div.browsebox a.next, div.browsebox a.previous { background-color: #E7E7E7; padding: 0.2em 0.6em; display: block; font-weight: bold; text-decoration: none; }
div.browsebox a { float: right !important; margin: 0 5px !important; }
/*.tx-indexedsearch-sw { font-style: italic; color: #c9002e; }*/

/* Listes */
#contenu ul, #contenu ol { display: block; margin: 0.8em 0 0.8em 1.4em; list-style-position: outside; }

/* Des classes flotante */
.fleft, .floatleft { float: left !important; }
.fright, .floatright { float: right !important; }
.nofloat { float: none; }

/* Des classes d'alignement du texte */
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.underline, .souligne { text-decoration: underline !important; }
.nounderline, .nonsouligne { text-decoration: none !important; }
.strike, .barre { text-decoration: line-through; }
.medium { font-size: 1.3em; }
.big { font-size: 1.5em; }
.bigger { font-size: 2em; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.7em; }

/* Les "nettoyeurs" */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* Les curseurs */
.pointer { cursor: pointer; }

/* Les angles */
.arrondis { -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; /*behavior: url(/fileadmin/templates/styles/border-radius.htc);*/ }

/* Multi-colonnes */
.column { float: left; }
.grid2col, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 27%; }
.grid3cola .column.first { width: 43%; margin-right: 2%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#contenu:after, .grid2col:after, .grid3col:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contenu, .grid2col, .grid3col, .grid4col, .grid5col, .grid6col { zoom: 1; }