/****** DEFINITION DES ELEMENTS PRINCIPAUX *******/
html,body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0 0 0 0;
	font: normal 80%/ 1em Verdana, Arial, sans-serif;
	color: #444;
	text-align: center;
	background: #ebecee;
}

a img {
	border: 0;
}

a:hover {
	text-decoration: none;
}

.hide {
	display: none;
}

#conteneur {
	margin: 0 auto;
	width: 800px;
	height: 100%;
	text-align: left;
	background: #ebecee;
}

/****** Définition des positions/tailles/background des principaux blocs composants la page *******/
#accessibilite {
	background: #7b582e;
}

#header {
	width: 100%;
	height: 200px;
	background: #c2aa30 url('../img/bg_header.jpg') no-repeat top left;
}

#menuhaut {
	height: 38px;
	background: url('../img/bg_menuhaut.gif') repeat-x;
}

#main {
	padding-bottom: 100px;
	background: #fff url('../img/bg_centre_int.jpg') no-repeat bottom left;
}

#conteneur>#main {
	overflow: hidden;
}

#gauche {
	float: left;
	width: 220px;
}

#centre {
	position: relative;
	width: 100%;
	margin : 0;
	margin: 0;
}

#pied {
	height: 123px;
	background: url('../img/bg_footer.jpg') no-repeat top left;
}

/******* Défintion détaillées des éléments ***********/
	/**** Barre d'accès rapide au contenu et d'accès à l'aide ****/
#accessibilite {
	position: relative;
}

#rechercher {
	position: absolute;
	left: 5px;
	top: 0;
	padding: .3em 0;
}

#rechercher fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

#rechercher label,#rechercher input.submit {
	font-size: .9em;
	font-weight: bold;
	color: #c2aa30;
}

#rechercher input.field {
	border: 1px solid #452804;
	padding: .1em;
	font-size: .9em;
	color: #333;
	background: #e5d3bb;
}

#rechercher input.submit {
	border: 0;
	padding: 0;
	font-size: 1em;
	cursor: pointer;
	background: transparent;
}

#accessibilite {
	font-size: .9em;
	color: #99997e;
}

#accessibilite ul {
	margin: 0 1em 0 0;
	padding: .5em 0;
	text-align: right;
}

#accessibilite li {
	display: inline;
}

#accessibilite a {
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	color: #c2aa30;
}

#accessibilite a:hover {
	color: #e5d3bb;
}

/**** Bouton de retour à l'accueil ****/
#header {
	position: relative;
}

h1 {
	display: none;
	}
#retour_accueil a {
	display: block;
	width: 100%;
	height: 100px;
	text-decoration: none;
}

#retour_accueil span {
	visibility: hidden;
}

#header .toutesinfos {
	position: absolute;
	bottom: 32px;
	right: 115px;
}
.rootline {
	position: absolute;
	bottom: -20px;
	left: 330px;
	margin: 0;
	padding: 0;
	color: #666;
	font-size: .8em;
	}
.rootline li {
	display: inline;
	list-style: none;
	}
.rootline a {
	color: #666;
	}

/**** Barre PDF - Imprimer - Grossir Caractère *****/
#izytoolbar {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 0;
	right: 5px;
	}
#izytoolbar li {
	float: left;
	padding: 0 .2em;
	list-style: none;
	}
#izytoolbar li a {
	cursor: pointer;
	float:left;
	display:block;
	width:25px;
	height: 25px;
	background: url('../img/bg_toolbar_item.gif') no-repeat;
	text-align: center;
}
#izytoolbar li a:hover {
	background-image: url('../img/bg_toolbar_item_h.gif');
	}
#izytoolbar img {
	padding-top:5px;
}
/***** Menu haut ****/
#menuhaut {
	margin: 0;
	padding-left: 220px;
}

#menuhaut li {
	position: relative;
	z-index: 100;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menuhaut a {
	display: block;
	padding: 0 1em;
	border-right: 1px solid #B2F30E;
	line-height: 38px;
	color: #1F1F1F;
	font-weight: bold;
}

#menuhaut a:hover,#menuhaut a.selected {
	color: #fff;
	background-color: #19c3e7;
}

#menuhaut .smenu {
	position: absolute;
	display: none;
	top: 38px;
	left: -1px;
	width: 250px;
	padding: 0;
	margin-left: 0;
	border: 1px solid #B2F30E;
	border-top: 0;
	background: #19c3e7;
}

#menuhaut .smenu li {
	float: none;
}

#menuhaut .smenu a {
	border: 0;
	height: 30px;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	line-height: 30px;
}

#menuhaut .smenu a:hover {
	color: #1F1F1F;
	background: #e4e4e4;
}

/**** Colonne gauche *****/
#gauche {
	margin-top: 2em;
}

#gauche ul {
	margin: 0;
	padding: 0;
}

#gauche li {
	margin: 0;
	padding: 0;
}

#gauche a {
	display: block;
	width: 90%;
	height: 30px;
	padding-left: 1em;
	border: 1px solid #e4e4e4;
	line-height: 30px;
	color: #1F1F1F;
	text-decoration: none;
	background: #eee;
}

#gauche a:hover {
	background: #ccc;
}

/****** Centre *****/
#centre {
	margin-top: 2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#contenu {
	overflow: hidden;
	float: left;
	padding-left: 1em;
	margin: 1em 1em 0 0px;
	width: 450px;
	text-align: justify;
	}
#contenu h1 {
	font-size: 1.5em;
}

#contenu h2 {
	clear: left;
	font-size: 1.2em;
	color: #19c3e7;
}

#contenu h2 span {
	display: block;
}

#contenu {
	font-size: 1.05em;
	line-height: 1.3em;
}
#contenu li {
	list-style-type: none;
	padding-left: 10px;
	background: url('../img/bg_li.gif') no-repeat left .5em;
	}
#contenu a {
	color: #7b592e;
	}
#contenu a:hover {
	color: #c2a92f;
	text-decoration: none;
	}
.content {
	overflow: hidden;
	margin-bottom: 1em;
	}
.tableau {
	clear: left;
	margin-top: 2em;
	text-align: center;
	}
.tableau h2 {
	font-size: 1.4em;
	}
.tableau .csc-textpic img {
	padding: .2em;
	border: 2px solid #7b582e;
	background: #fff;
	}
.tableau .accroche {
	border: 1px solid #000;
	width: 250px;
	margin: .5em auto;
	padding: .5em .2em;
	text-align:center;
	font-weight: bold;
	font-size:.9em;
	color: #846a51;
	background: #99cdff;
	}
/********* Menu des filières *************/
.menufilieres {
	float: left;
	padding-left: 10px;
	width: 290px;
	margin: 0 1em 1em 0;
	border-right: 1px solid #cee8e7;
	padding: .5em;
}
#centre .menufilieres h2 {
	margin-top: 0;
	line-height: 1em;
	color: #7b592e;
	font-size: 1.5em;
}
.menufilieres ul {
	margin: 0 0 0 1em;
	padding: 0;
	}
.menufilieres li {
	margin: 0 .5em .5em .5em;
	font-size: 1.1em;
	list-style: none;
}
.menufilieres li a {
	padding-left: 14px;
	color: #da552d;
	text-decoration: none;
	font-weight: bold;
	background: url('../img/bg_li_filieres.gif') no-repeat left;
}
.menufilieres li a:hover, .menufilieres li.selected a {
	color: #c2a92f;
	background-image: url('../img/bg_li_filieres_h.gif');
}


/****** Fil d'ariane ****/
#ariane {
	padding-left: 0;
	font-size: .8em;
}

#ariane li {
	display: inline;
	list-style: none;
}

#ariane a {
	color: #99997e;
}

/*** Pied de page ****/
#pied,#pied a {
	color: #ccc;
}

#pied {
	position: relative;
	color: #fff;
	font-size: .8em;
	text-align: right;
}

#pied ul {
	margin: 0 1em 0 0;
}

#pied li {
	display: inline;
}

#pied a {
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

#pied a:hover {
	text-decoration: underline;
	color: #333;
}

#pied ul.logos {
	position: absolute;
	margin: 0;
	padding: 0;
	right: 0px;
	/*top: -100px; sous le menu gauche */
	top: 30px;
	color: #999;
}

#pied ul.logos li {
	overflow: visible;
	position: relative;
	float:left;
	display: block;
	margin: 1em 1em;
	text-align: center;
}

#pied ul.logos a img {
	margin-left: 1em;
	border: 0;
}

#pied ul.logos div {
}

#pied .toutesinfos {
	position: absolute;
	left: 101px;
	top: -22px;
}

/**** COntact ****/
.contact fieldset {
	border: 1px solid #7b592e;
	margin-bottom: 1em;
}
.contact legend {
	color: #7b592e;
	font-weight: bold;
}
.contact label {
	display: block;
	float: left;
	margin-right: 1em;
	width: 140px;
	text-align: right;
}
.contact input, .contact textarea {
	border: 1px solid #666;
	padding: .1em .2em;
	width: 250px;
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #444;
}
.error {
	color: #b80000;
	}
.contact .error {
	display: block;
	margin-left: 155px;
	text-align: left;
	}
p.submit {
	text-align: right;
}
p.submit input {
	cursor: pointer;
}

/**** Glossaire ****/
.glossary dt{
	 clear: left;
	 float: left;
	 width:  100px;
}


/**** Rechercher ****/
#tx-indexedsearch-searchbox-button-submit {
	width: auto;
}

/**** Infos bulles ****/
#logocabab, #logopbnum {
	top:-20px;
	left: -310px;
	position: absolute;
	border: 1px solid #baba45;
	padding: .2em;
	margin: 0;
	width: 300px;
	color: #444432;
	text-align: left;
	background: #f5f5b5;
}
#logocabab {

}
#pied ul.logos .novaldi {
	position:absolute;
	left: -570px;
	top:60px;
	margin: 0;
	padding: 0;
}
#pied ul.logos > .novaldi {
	left:-590px;
}