/**************************************************************************************
FEUILLE DE STYLE MISE EN PAGE
**************************************************************************************

 *************** Mise en page du site : ****************
 * -wrap
 * ---header
 * -----top
 * -------login ou logged 	(boite de login/infos user)
 * -------message
 * -------logo 						  (logo du portail)
 * -------title 				      (bannière)
 * -----navh								(menu horizontal)
 * ---content
 * -----degrade
 * -------lineVerticalLeft
 * ---------navv						(menu vertical)
 * ---------degradeSplitA
 * -----------text					(contenu)
 * -footer
 
 
Placement de chaque bloc
-----------------------------------------------------------------------------------------------*/
#wrap {
min-height:100%;
height:auto !important;
height:100%;
padding:0px;
margin:0px;
}

#header {
background-color:transparent;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
text-align:center;
}

#content {
background:#fff;
}

/* 
Images de fond
-----------------------------------------------------------------------------------------------*/
#degrade {
overflow-x:hidden;
min-height:100%;
height:auto !important;
height:100%;
padding:10px 7px 10px 7px;
}

/* 
Bloc de contenu
-----------------------------------------------------------------------------------------------*/
#text {
width:100%;
}

#text ol {
padding-left:25px
}

#text ul {
padding:0
}

#text ul li {
list-style:none;
padding:0.2em 0 0.5em 2em
}

#text ul li li {
list-style:none;
padding:0 0 0 2em
}

#text ul li li ul {
list-style:none
}

#text ul li li li {
list-style:none;
margin:0.1em 0;
padding:0 0 0 2em
}

/* 
Entête
-----------------------------------------------------------------------------------------------

 ----- Logo ----- */
#top {
text-align:left;
}

#top .logo {
white-space:nowrap;
color:#b2b2b2;
width:250px;
overflow:hidden;
margin:0px 0px 0px 20px;
}

#top .logo strong {
font-size:24px;
font-weight:400;
display:block;
float:left;
line-height:48px
}

/* ----- Boîte infos authentifié ----- */
#top .logged {
height:94px;
position:absolute;
z-index:1;
top:0;
left:303px;
width:320px
}

#top .logged strong {
color:#000;
font-size:16px;
font-weight:400
}

/* ----- Boîte de login ----- */
#top .login {
float:right;
text-align:right;
margin:10px 20px 0px 0px;
}

#top .login .Button_Login {
font-family:Arial;
font-weight:700;
font-size:10px;
background-color:#D2C9C4;
border:1px ridge black;
margin:5px 15px 0 0;
cursor:pointer;
}

#top .login .Button_Login:hover {
background-color:#836F63;
color:white;
}

#top .login .Input_Login {
font-family:Arial;
font-size:10px;
font-weight:bold;
background-color:#FFF;
border:1px solid black;
height:25px;
color:#000;
margin-bottom:5px;
}

/* ----- Bouton ----- */

.Button_Search {
font-family:Arial;
font-size:12px;
background-color:#9BBB59;
color:white;
cursor:pointer;
min-width:150px;
border:none;
text-align: center;
}

.Button_Search:hover {
background-color:#688A08;
color:white;
}

/* ----- Message d'erreur ----- */
#top .message {
float:right;
font:20px normal Arial, Helvetica, sans-serif;
text-align:right;
margin:20px 40px 0 0;
}

#top .message .error {
color:red;
font:16px Arial, Helvetica, sans-serif;
margin-top:15px
}

/* ----- Titre ----- */
#top .title td {
	width:33%;
	text-align:center;
}

#top .title .orange {
	height: 10px;
	background-color: #f78f38;
	border: none;
	width: 100%;
	margin-top:16px;
}

#top .title .blue {
	height: 10px;
	background-color: #00a0d0;
	border: none;
	width: 100%;
}

#top .title .red {
	height: 10px;
	background-color: #c80166;
	border: none;
	width: 100%;
}


/* 
Pied de page
-----------------------------------------------------------------------------------------------*/
#bottom {
font:13px normal Arial, Helvetica, sans-serif;
text-align:center;
width:100%;
/*color:#007aa5;*/
background-color:#3A342B;
color:#FFF;
height:20px;
clear:both;
margin:-20px auto auto;
}

#bottom_mention {
text-align:right;
width:100%;
color:#FFF;
height:20px;
clear:both;
margin:-15px auto auto;
}
#bottom_mention a{
color:#FFF;
font:13px normal Arial, Helvetica, sans-serif;
text-align:right;
text-decoration: none;
margin-right:5%;
}

/* 
Navigation
-----------------------------------------------------------------------------------------------*/
#navh, #navv {
text-align:left;
margin:auto;
margin:0 7px 0 7px;
}

#navh ul, #navv ul {
background:#D2C9C4;
display: table;
width:100%;
}

#navh li, #navv li {
height:25px;
font:normal 15px Arial, Helvetica, sans-serif;
float:left;
text-align:center;
background:#D2C9C4;
padding:5px 10px 0 10px; 
margin:auto;
outline:2px solid white;
width:160px;
}

#navh li a, #navv li a {
color:black;
}

#navh li a:hover, #navv li a:hover {
text-decoration:underline;
}

#navh .bold, #navv .bold {
background:#836F63;
color:white;
}

#navh .bold a, #navv .bold a{
color:white;
}