body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
a {
	color: #00628b;
	text-decoration: none;
}
a:hover {
	color: #DF6800;
}



h1,.componentheading {
	padding: 15px 0;
	color: #333333;
	font-weight: normal;
	font-size: 16px;
}
h1 span {}
h2 {
	color: #000;
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 10px 0;
}
h3 {
	color: #333;
	font-weight: normal;
	font-size: 13px;
	margin: 0 0 10px 0;
}
h4 {
	color: #666;
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 5px 0;
}

.chapo {
	color: #6c3838;
	font-weight: bold;
}

cite,dl, .temoignages {
	color: #999;
	margin: 10px 0;
}



#page p {
	line-height: 12px;
	margin: 0 0 12px 0;
}
#page .module p {
	line-height: 1.1em;
	margin: 0 0 5px 0;
}

#page p strong {
	color: #333;
}

#page ul {
	display: block;
	
}
#page ul li, .blog ul li , .actu ul li, .mcecontentbody ul li  {
	font-weight: normal;
	line-height: 1.4em;
	color: #000000;
	background: none;
	padding: 0 0 0 10px;
	font-style: italic;
    list-style-type: disc;
    list-style-position:inside;
    text-indent: 2px;
}

#page ol,#page ul{
	margin: 2px auto 10px auto;
}

#page ol li, .blog ol li , .actu ol li, .mcecontentbody ol li  {
	font-weight: normal;
	line-height: 1.4em;
	color: #000000;
	background: none;
	padding: 0 0 0 10px;
	font-style: italic;
    list-style-type: decimal;
    list-style-position:inside;
    text-indent: 2px;
}


#page ul li.colonne25 {
	font-weight: normal;
	line-height: 2em;
	color: #000000;
	list-style: none;
	background: transparent url(../charte/puce.gif) no-repeat top left;
	padding: 0 0 0 2%;
	width: 21%;
}
#page ul li.colonne25 a {
	color: #000000;
}
#page ul li.colonne25 a:hover {
	color: #fff;
	background: #000000;
}


input,
select {
	font-size: 11px;
}



h2.titre {
	background: #616B70 url(../charte/bg-titre-h3.gif) no-repeat 0 0;
	width: 225px;
	margin: 10px 0;
}
h2.titre span {
	display: block;
	background: transparent url(../charte/bg-titre-h3-b.gif) no-repeat bottom left;
	padding: 3px 5px 5px 10px;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
}
h2.titre span a {
	color: #FFF;
}
h2.titre span a:hover {
	color: #CCC;
}


#texte {
	float: left;
	width: 510px;
}


.bouton {
	margin: 0 auto 8px auto;
	width: 181px;
	background: #FFEF00;
}
.bouton a {
	display: block;
	background: transparent;
	color: #339900;
	font-size: 14px;
	padding: 6px 0;
	text-decoration: underline;
}
.bouton a:hover {
	color: #cc3333;
}

a.pdf {
	display: block;
	width: 250px;
	padding: 20px 0 20px 50px;
	background: transparent url(../charte/pdf.gif) no-repeat 0 0;
	text-decoration: underline;
}
a.pdf:hover {
	padding: 20px 0 20px 49px;
	background-position: 1px 0;
}
a.pdf_ligne {
	padding: 0 0 0 20px;
	margin: 0 0 0 5px;
	background: transparent url(../charte/pdf-ligne.gif) no-repeat 0 0;
	text-decoration: underline;
}
a.pdf_ligne:hover {
	padding: 0 0 0 19px;
	background-position: 1px 0;
}


.container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.encadre {
	background: transparent url(../charte/bg-encadre.gif) no-repeat 0 0;
	width: 100%;
	margin: 10px 0;
	padding: 0;
	float: left;
}
.encadre .fond {
	/*width: 100%;*/
	background: transparent url(../charte/bg-encadre-bd.gif) no-repeat bottom right;
	padding: 0;
}
.encadre .haut {
	width: 100%;
	background: transparent url(../charte/bg-encadre-hd.gif) no-repeat top right;
	padding: 0;
}
.encadre .bas {
	color: #2a3655;
	font-size: 13px;
	background: transparent url(../charte/bg-encadre-bg.gif) no-repeat bottom left;
	padding: 25px 30px 20px 30px;
}
.encadre .bas p {
	line-height: 1.3em;
}

.separateur {
	width: 100%;
	height: 30px;
	padding: 7px 0 0 0;
	clear: both;
	background: transparent url(../charte/bg-separateur.jpg) repeat-x center center;
}
* html .separateur {
	padding: 7px 0 7px 0;
	white-space: nowrap;
}
.g {
	float: left;
}
.d {
	float: right;
}

/*
 table tr{padding:0;background-color:#F4F4F4;height:auto;}

table td{padding:0;background-color:transparent;vertical-align:middle;text-align:left;;}
*/
.ol-background { 
	background-color:  #333399;
	color:  #FFFFFF;
}
.ol-foreground { 
	background-color: #CCCCFF;
}
.ol-textfont {
	color:  #000000;
}

li.active {font-weight:bold;}
li.active ul li {font-weight:normal;}


.cadre_noir_haut  {
background:transparent url(../charte/bg-titre.gif) no-repeat;
color:#FFFFFF;
display:block;
font-size:11px;
font-weight:bold;
padding:5px 5px 0px 10px;
text-align:left;
width:320px;
margin:0px;
}

.cadre_noir_bas {
background:transparent url(../charte/bg-titre-b.gif) no-repeat scroll left bottom;
color:#FFFFFF;
display:block;
font-size:11px;
font-weight:bold;
padding:0px 5px 0px 10px;
text-align:left;
margin:0px;
}

#contenu p.cadre_noir_haut  {
margin : 0px;
}


/* Tableaux */

table.iut {
	background: #393735;
	margin: 2px 0;
}
table.iut td {
	margin: 1px;
	background: #eaeceb;
	padding: 3px;
	text-align: center;
}
table.iut thead th,
table.iut thead td {
	margin: 1px;
	background: #393735;
	padding: 3px;
	text-align: center;
	color: #FFF;
}
table.iut tfoot th,
table.iut tfoot td {
	margin: 1px;
	background: #FFF;
	padding: 3px;
	text-align: center;
	color: #333;
}
table.iut th {
	margin: 1px;
	background: #393735;
	padding: 3px;
	text-align: center;
	color: #FFF;
}
table.iut caption {
	margin: 0px;
	background: #393735;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	margin-top: 10px;
}
table.iut caption a {
	color: #EEE;
	border-bottom-color: #EEE !important;
}
table.iut tr {padding:0;background-color:#F4F4F4;height:auto;}




table.petit {
	background: #FFF;
	border: #CCC solid 1px;
	border-width: 0 0 1px 1px;
}
table.petit th,
table.petit td {
	border: #CCC solid 1px;
	border-width: 1px 1px 0 0;
	padding: 2px;
	text-align: center;
	background: #FFF;
	font-size: 10px;
	font-family: Arial;
}
table.petit caption {
	margin: 0px;
	background: #EFEFEF;
	padding: 5px 2px;
	font-weight: bold;
	text-align: center;
	color: #000;
	margin: 10px 0 0 0;
	border: #CCC 1px solid;
	border-bottom: 0;
}
table.petit thead th,
table.petit thead td {
	background: #393735;
	color: #FFF;
}
table.petit tfoot th,
table.petit tfoot td {
	background: #CCC;
	color: #000;
}





table.tableau {
	width: 100%;
	background: #393735;
	margin: 2px 0;
}
table.tableau td {
	margin: 1px;
	background: #eaeceb;
	padding: 3px;
	text-align: center;
}
table.tableau thead th,
table.tableau thead td {
	margin: 1px;
	background: #393735;
	padding: 3px;
	text-align: center;
	color: #FFF;
}
table.tableau tfoot th,
table.tableau tfoot td {
	margin: 1px;
	background: #FFF;
	padding: 3px;
	text-align: center;
	color: #333;
}
table.tableau th {
	margin: 1px;
	background: #393735;
	padding: 3px;
	text-align: center;
	color: #FFF;
}
table.tableau caption {
	margin: 0px;
	background: #393735;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	margin-top: 10px;
}
table.tableau caption a {
	color: #EEE;
	border-bottom-color: #EEE !important;
}

table.iut,
table.petit,
table.tableau {
	margin: 2px auto 10px auto;
}



table.center{margin:10px auto;}
table.adminlist{margin:10px 0px;}

pre{width:100%;overflow:scroll;margin: 0 0 5px 0;}

.gauche {
	float: left;
	margin: 0 10px 5px 0;
}
.droite {
	float: right;
	margin: 0 0 5px 10px;
}

ol.list li{padding:4px 0px;}
/* affichage pages suivantes precedentes */
ul.pagination li {
	display: inline;
	font-style: normal;
	background: none;
	padding: 2px 18px 10px 3px;
	margin: 0;
	font-size: 1em;
	color: #ccc;
	list-style-type: square;
}

ul.pagination {
	padding: 1px 0 0 0;
	text-align: center;
	overflow: hidden;
	margin: 5px 0 10px 0;
	clear: both;
	border-top: #CCC 1px dotted
}
ul.pagination li strong a {
	text-align: center;
	padding: 2px 0 2px 0;
	line-height: 23px;
	text-decoration: none;
}
ul.pagination li strong a:hover {
	background: #eee;
	text-decoration: none;
}

/* fin affichage pages suivantes precedentes */