/***************************************************************
	GENERAL
***************************************************************/
body, html {
	height:100%;
}
body {
	margin: 0px;
	padding: 0px;
	background: url(../images/interface/fond.gif);
	text-align:center;
}
* {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
body, td, th, select, input, textarea, option {
	font-size:12px;
	color:#5d5d5d;
	line-height:14px;
}
img {
	border:0;
}
#page {
	width: 824px;
	margin:0 auto;
	background: #ffffff;
	position:relative;
	text-align:left;
	height:auto !important;
	min-height:100%;
	height:100%;
}
h1, h2, h3, h4, ul, p, form {
	margin:0;
	padding:0;
}
li {
	list-style-type: none;
}

/***************************************************************
	GENERIQUES
***************************************************************/
a:link, a:visited, a:hover, a:active {
	color: #5d5d5d;
}
#content p, #content ul, #content form {
	margin:0;
	padding: 10px 0 0 0;
}
#content table {
	margin: 10px 0 0 0;
}
#content h2 {
	border-bottom: 1px #AEAEAE solid;
	padding-bottom:1px;
}
#content h2 img {
	display: block;
}
#content h2.marge, .top20 {
	margin-top:20px;
}
#content h3 {
	font-size: 13px;
	padding-top:10px;
}
#content h3 .date {
	font-weight: normal;
}
#content h4 {
	font-size: 12px;
	padding-top:10px;
}
.left {
	float:left;
}
img.left {
	margin: 10px 5px 0 0;
}
img.visu {
	margin-top:0;	
}
.right {
	float:right;
}
img.right {
	margin: 10px 0 0 5px;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.clear {
	clear: both;
	height: 8px;
	line-height:6px;
	font-size:6px;
}
.ligne {
	height:10px;
	font-size:3px;
	clear:both;
	margin-bottom:10px;
	line-height:3px;
	border-bottom: 1px #AEAEAE solid;
}
.ligneNomarge {
	height:10px;
	font-size:3px;
	clear:both;
	margin-bottom:0;
	line-height:3px;
	border-bottom: 1px #AEAEAE solid;
}
ul.prune li, ul.rouge li {
	margin-bottom:1px;
}
ul.prune li {
	padding-left:16px;
	background: url(../images/interface/puce-prune.gif) no-repeat 0 2px;
	color: #5d5d5d;
}
ul.rouge li {
	padding-left:18px;
	background: url(../images/interface/puce-rouge.gif) no-repeat 0 2px;
	color: #5d5d5d;
}
.block {
	display:block;
}
ul.prune a:link, ul.prune a:visited, ul.rouge a:link, ul.rouge a:visited {
	color: #5d5d5d;
	text-decoration: none;
}
ul.prune a:hover, ul.prune a:active {
	color: #472F5F;
}
ul.rouge a:hover, ul.rouge a:active {
	color: #E71834;
}
a.suite img {
	vertical-align: -1px;
}
.rouge {
	color:#E71834;
}
.prune {
	color: #472F5F;	
}
.mauve {
	color: #6C597F;
}
.col2 a {
	color: #6C597F;
}
p.mentions {
	font-size:11px;
}
#content p.retour {
	background:url(../images/interface/puce-rouge.gif) no-repeat 0 12px;
	padding-left: 14px;
}
#content p.left10,
#content .sessions p.retour {
	margin-left: 10px;
}
p.retour a:link, p.retour a:visited {
	color: #5d5d5d;
	text-decoration: none;
}	
p.retour a:hover, p.retour a:active {
	color: #E71834;
	text-decoration: none;
}	
#content p.lienPrune {
	background:url(../images/interface/puce-prune.gif) no-repeat 0 12px;
	padding-left: 14px;
}
p.lienPrune a:link, p.lienPrune a:visited {
	color: #5d5d5d;
	text-decoration: none;
}	
p.lienPrune a:hover, p.lienPrune a:active {
	color: #472F5F;
	text-decoration: none;
}

/***************************************************************
	HEADER
***************************************************************/
#header {
	height: 321px;
}
#header p.tools {
	float:right;
	padding-top:56px;
}
#header p.tools img {
	margin-left:15px;
}
#header .titre {
	height:91px;
	padding: 0 12px;
}
#header .titre .acces {
	float:right;
	margin:0;
	padding:0;
}
#header .titre .acces img {
	margin-left:15px;
}
#header .recherche {
	float: right;
	padding: 56px 10px 0 20px;
	background: url(../images/interface/ico-loupe.gif) no-repeat 0 58px;
}
#header .recherche input {
	margin: 0 2px;
	padding:0;
	vertical-align: top;
}
#header .recherche input.text {
	padding: 2px 3px 0 3px;
	border: 1px #6C597F solid;
	color: #6C597F;
	height: 16px;
	font-size:11px;
}
#header #menu {
	margin:0;
	padding:0;
	list-style-type:none;
	height:28px;
	background:url(../images/interface/fd-menu.gif) no-repeat -1px -4px;
	width:798px;
	padding: 1px 13px;
}
#header #menu li {
	float:left;
}
#header #menu li strong {
	display:block;
	padding:3px 5px 0 5px;
}
#header #menu li div {
	position: absolute;
	margin:0 0 0 -5px;
	padding-top:5px;
	top:116px;
	visibility:hidden;
	width:auto;
	background:url(../images/interface/fd-ssmenu-left.gif) no-repeat 0% 100%;
	z-index:10;
}
#header #menu li div.small ul {
	width:140px;
}
#header #menu ul {
	background:url(../images/interface/fd-ssmenu-right.gif) no-repeat 100% 100%;
	padding:0 0 7px 0;
	margin:0;
	list-style-type:none;
}
#header #menu li li {
	float:none;
	padding: 0 8px 0 8px;
	border-left:1px #9283A0 solid;
	border-right:1px #9283A0 solid;
	background: #DAD5DF;
}
#header #menu li li.first {
	padding-top:7px;
	background:url(../images/interface/fd-ssmenu-top.gif) repeat-x 0px 0 #DAD5DF;
}
#header li li a:link, #header li li a:visited {
	color:#6C597F;
	font-size:13px;
	text-decoration:none;
	display:block;
	padding:3px 10px 3px 12px;
	white-space: nowrap;
	position:relative;
	height:100%;
}
#header li li a:hover, #header li li a:active {
	background:url(../images/interface/fd-ssmenu-over.gif) repeat-y;
}
#header .visuHeader {
	padding-left:12px;
}
#header .visuHeader img {
	display: block;
}
/*** bandeau sessions ***/
#sessionsDefile h2 {
	height: 44px;
}
#sessionsDefile {
	position: absolute;
	right:12px;
	width:231px;
	height:200px;
	background:#91829F;
}
#sessionsDefile #defile {
	padding:0 10px 0 17px;
	position:relative;
	height:146px;
	width:194px;
	overflow:hidden;
}
#sessionsDefile #defile div {
	position:absolute;
}
#sessionsDefile li {
	list-style-type: none;
	padding:0 0 10px 0;
	color:#FFFFFF;
}
#sessionsDefile li strong {
	color:#472F5F;
}
#sessionsDefile a:link, #sessionsDefile a:visited, #sessionsDefile a:hover, #sessionsDefile a:active {
	text-decoration: none;
	color: #ffffff;
}
#sessionsDefile a:link strong, #sessionsDefile a:visited strong, #sessionsDefile a:hover strong, #sessionsDefile a:active strong {
	text-decoration: none;
	color:#472F5F;
}

/***************************************************************
	PIED
***************************************************************/
#pied {
	padding: 4px 13px 0 25px;
	background:url(../images/interface/fd-menu.gif) no-repeat 0 0;
	color:#ffffff;
	height:35px;
	line-height:30px;
	font-size:13px;
}
#pied a:link, #pied a:visited {
	color: #ffffff;
	text-decoration:none;
}
#pied a:hover, #pied a:active {
	color: #ffffff;
	text-decoration:underline;
}
/***************************************************************
	BLOCS CONTENU
***************************************************************/
#content {
	margin: 0 12px;
	padding-top:15px;
	border-top:5px #E71834 solid;
}
.modeleCol1 .col1 {
	float:left;
	width:190px;
	padding-right:20px;
}
.modeleCol1 .col2 {
	float:left;
	width:590px;
}
.col1 .blocEncadre {
	border-bottom: 5px #E71834 solid;
}
.col1 .blocEncadre .contentBloc {
	background: #ececec;		
	padding: 0 6px 10px 14px;
	height: auto !important;
	min-height:290px;
	height: 290px;
}
.col1 .blocEncadre .contentBlocAuto {
	background: #ececec;		
	padding: 0 6px 10px 14px;
}
.col1 .topBord {
	margin-top: 20px;
	border-top : 1px #aeaeae solid;
}
/***************************************************************
	CATALOGUE
***************************************************************/
form.catalogue select {
	margin: 3px 0;
	padding:0;
	width: 190px;
	font-size:11px;
	color:#472F5F;
}
form.catalogue select option {
	color:#472F5F;	
}
form.catalogue ul {
	display: none;
}
p.filAriane {
	font-weight:bold;
}
p.filAriane a {
	text-decoration: none;
	color: #5d5d5d;
}
p img.ico {
	vertical-align:-2px;
}
table.liste {
	width:100%;
}
table.liste th {
	background:#472F5F;
	color:#ffffff;
}
table.liste a {
	text-decoration: none;
}
table.liste td {
	color:#472F5F;
	vertical-align:top;
}
table.liste td, table.liste th {
	padding: 6px 4px;
	text-align: center;
}
table.editeurs tr td, table.editeurs tr th {
	text-align:left;
}
table.editeurs tr td, table.editeurs tr th {
	text-align:left;
}
table.liste td.actions {
	padding-bottom:0;
	padding-top:5px;
}
table.liste td.libelle, table.liste th.libelle {
	text-align:left;
}
table.liste th.libelle {
	padding-left:10px;
}
table.liste tr {
	position: relative;
}
table.liste td.libelle {
	background:url(../images/interface/puce-prune.gif) no-repeat 4px 8px #ffffff;
	padding-left:18px;
}
table.liste tr.paire td.libelle {
	background:url(../images/interface/puce-prune.gif) no-repeat 4px 8px #ECECEC;
}
table.liste tr.paire {
	background: #ECECEC;
}
table.liste td.urlEditeur {
	width:45%;
}

ul.boxOffice li {
	display:inline;
	padding-right: 15px;
}

/*** demande ***/
#content form.demande {
	padding-top:0;
	padding-bottom: 40px;
	background: url(../images/interface/visu-demande.gif) no-repeat 0% 100%;
}
form.demande label {
	display: block;
}
form.demande div.text {
	float:left;
	width: 300px;
	padding: 0 0 0 10px;
}
form.demande div.comment {
	float:left;
	width: 280px;
}
form.demande label {
	color: #472F5F;
}
#content form.demande h3 {
	padding: 3px 10px;
	color: #ffffff;
	background: #472F5F;
	font-size:12px;
	margin: 20px 0 15px 0;	
}
form.demande div.text label {
	text-align: right;
	height:23px;
	width: 260px;
}
form.demande div.text label input {
	width: 190px;
	margin:0;
	padding:0;
	height:16px;
}
form.demande label.case {
	padding-left: 10px;
}
form.demande div.text span {
	float: left;
}
form.demande div.text input, form.demande textarea {
	border: 1px #472F5F solid;
	color: #472F5F;
}	
#content form.demande textarea {
	width: 275px;	
	margin:3px 0 0 0;
	padding:0;
	height: 115px;
}
#content form.demande p.submit {
	padding-top:15px;
	text-align: right;
	width:520px;
}
#content .demandeOk {
	padding: 60px 0 90px 0;
	background: url(../images/interface/visu-demande.gif) no-repeat 0% 100%;
}

/*** reultat recherche ***/
#content .recherche input {
	margin: 0 2px;
	padding:0;
	vertical-align: top;
}
#content .recherche input.text {
	padding: 2px 3px 0 3px;
	border: 1px #6C597F solid;
	color: #6C597F;
	height: 16px;
	font-size:11px;
}
#content ul.liste li {
	padding: 0 10px;
	color:#472F5F;
}
#content ul.liste li.paire {
	background: #ECECEC;
}
#content ul.liste h3 {
	padding-left:14px;	
	background:url(../images/interface/puce-prune.gif) no-repeat 0 12px;
	color:#472F5F;
}
#content ul.liste p {
	padding-bottom:10px;
	color:#472F5F;
}
#content ul.liste span.actions {
	float:right;
	padding-top: 10px;
}
#content p.pagination {
	text-align: center;
}
#content p.pagination img {
	vertical-align: middle;
	margin: 0 3px;
}

/*** sessions ***/
#content .sessions h3 {
	background:#472F5F;
	color:#ffffff;
	margin-top:10px;
	padding:3px 5px 4px 10px;	
}
#content .sessions h3 span.actions {
	float:right;
}
#content .sessions h3 span.actions img {
	margin-left: 3px;
}
#content .sessions h4 {
	padding-left:14px;	
	background:url(../images/interface/puce-prune.gif) no-repeat 0 12px;
	color:#472F5F;	
}


/***************************************************************
	PAGES
***************************************************************/

/*** home ***/
.visuHome {
	float:left;
	width: 305px;
}
.focusHome {
	float:left;
	width:285px;
}

/*** actualites ***/
.vignetteActu {
	float:left;
	width:65px;
	padding-top:10px;
}
.resumeActu {
	float:left;
	width:525px;
}

/*** partenaires ***/
.vignettePart {
	float:left;
	width:190px;
	text-align:center;
	padding-top:10px;
}
.resumePart {
	float:left;
	width:400px;
}
#content .part .ligne {
	margin-bottom:0;
}

/*** ressources ***/
.blocPaire {
	background: #ECECEC;
}
.blocPaire, .blocImpaire {
	padding: 0 10px;
	color:#472F5F;
}
#content .blocPaire p, #content .blocImpaire p {
	padding-top: 0px;
	padding-bottom:10px;
	color:#472F5F;
}
#content .blocPaire h3, #content .blocImpaire h3 {
	padding-left:14px;	
	background:url(../images/interface/puce-prune.gif) no-repeat 0 12px;
	color:#472F5F;
}

/*** lexique ***/
#lexique ul {
	text-align: center;
	height: 30px;
}
#lexique li {
	float:left;
	padding: 0 1px;
}
#lexique li.first {
	padding-left:0;
}
#lexique li.last {
padding-right:0;
}

/*** consultants ***/
.visuConsultants {
	text-align: right;
	padding: 5px 40px 0 0;
	margin-bottom:-25px;
}

/*** e-learning ***/
p.visuElearning {
	text-align: center
}
p.visuElearning img {
	vertical-align: middle;
	margin: 0 8px;
}

/*** contact ***/
.contactAdress {
	float: left;
	width:205px;
}
.contactMail {
	width:385px;
	float:left;
}

/*** plan du site ***/
.col1 .blocEncadrePlan img.visuPlan {
	display: block;
}
.col1 .blocEncadrePlan .contentBloc {
	background: #ececec;		
	padding: 0 6px 10px 14px;
}
.colPlan, .colPlan2 {
	width: 285px;
	float: left;
	padding-bottom: 10px;
}
.colPlan {
	padding-right:20px;
}
.visuPlan2 {
	position: absolute;
	margin-top: 70px;
	right:15px;
}

.logoLabo {
	vertical-align: middle;
}