/* LIENS */
a {
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #002395; /*#31619c;*/
}

a:hover {
text-decoration : underline;
}

a:active {
color : #228b22;
}


/* elements HTML decrits pour tout le site */

pre {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
}


.libleu {	
list-style: inherit; 
list-style-position: inside; 
list-style-type: square;
color : #002395; /*#31619c;*/
}

.livert {	
color : #96c16b;
list-style: inherit; 
list-style-position: inside; 
list-style-type: square;
}

.liorange {	
list-style: inherit; 
list-style-position: inside; 
list-style-type: square;
color: #ff5800; /*#ff6501;*/
}

.liviolet {	
list-style: inherit; 
list-style-position: inside; 
list-style-type: square;
color: #a83a7d;
}


table {
border : 0;
}


.liMenu {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.liActu {
	list-style: none;
	margin: 0 0 0 -30;
	padding: 0 0 0 0;
}



/* elements de formatage */

.centre {
text-align : center;
}

.gauche {
text-align : left;
}

.droite {
text-align : right;
}


/* classes style typo */

.meta {
font-family : Arial, sans-serif;
text-decoration : none;
font-weight : normal;
font-size : 1%;
}
.calendar {
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
font-size : x-small;
}

.txtpetit {
font-size : xx-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
}
.txtonglet {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.txtmenu {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.txt {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
}
.txtblanc {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
color : #ffffff;
}
.txtbold {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.txtbleu {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
color : #002395; /*#31619c;*/
}
.txtorange {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
color : #ff5800; /*#e06f51;*/
}



.txtbi {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
font-style : italic;
}
.txti {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
font-style : italic;
}
.txtboldblanc {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #ffffff;
}
.txtboldjaune {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.txtboldrouge {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #df6f51;
}

.txtboldorange {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #ff5800; /*#e06f51;*/
}

.txtboldbleu {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #002395; /*#31619c;*/
}
.txtboldvert {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #96c16b;
}

.txtboldviolet {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #a83a7d;
}

.titre {
font-family : Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : bold;
text-decoration : none;
}
.titrebleu {
font-size : medium;
font-family : Arial, Helvetica, sans-serif;
text-decoration : overline underline ;
font-weight : bold;
color : #002395; /*#31619c;*/
}
.titreorange{
font-size: medium;
font-family : Arial, Helvetica, sans-serif;
text-decoration :  overline underline ; 
font-weight : bold; 
color :  #ff5800; /*#e06f51;*/
}
.titrevert{
font-size: medium;
font-family : Arial, Helvetica, sans-serif;
text-decoration :  overline underline ; 
font-weight : bold; 
color :  #96c16b ; 
}
.titreblanc {
font-size : medium;
font-family : Arial, Helvetica, sans-serif;
text-decoration : overline underline ;
font-weight : bold;
color : #ffffff;
}

.titreviolet {
font-size : medium;
font-family : Arial, Helvetica, sans-serif;
text-decoration : overline underline ;
font-weight : bold;
color : #a83a7d;
}
.titreNEWS {
font-size : medium;
font-family : Arial, Helvetica, sans-serif;
text-decoration : underline overline ;
font-weight : bold;
}

/* images */
img {
border : 0;
}

.imgborder {
border-style : double;
}

.imgTB {
float: left;
padding: 0 0 10 10;
position: inherit;
white-space: normal;
}


.imgTB {
float: left;
padding: 0 0 10 10;
position: inherit;
white-space: normal;
}

.imgbleu {
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #31619c;
border-left-width: thin;
border-left-style: solid;
border-left-color: #4282c2;
border-right-width: thin;
border-right-style: solid;
border-right-color: #31619c;
border-top-width: thin;
border-top-style: solid;
border-top-color: #4282c2;
/*outline-color: invert;
outline-style: dashed;
outline-width: medium;
white-space: normal;
word-spacing: normal;*/
}

.imgvert {
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #31619c;
border-left-width: thin;
border-left-style: solid;
border-left-color: #96c16b;
border-right-width: thin;
border-right-style: solid;
border-right-color: #31619c;
border-top-width: thin;
border-top-style: solid;
border-top-color: #96c16b;
/*outline-color: invert;
outline-style: dashed;
outline-width: medium;
white-space: normal;
word-spacing: normal;*/
}

.imgorange {
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #31619c;
border-left-width: thin;
border-left-style: solid;
border-left-color: #ff6501;
border-right-width: thin;
border-right-style: solid;
border-right-color: #31619c;
border-top-width: thin;
border-top-style: solid;
border-top-color: #ff6501;
/*outline-color: invert;
outline-style: dashed;
outline-width: medium;
white-space: normal;
word-spacing: normal;*/
}

.imgviolet {
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #31619c;
border-left-width: thin;
border-left-style: solid;
border-left-color: #a83a7d;
border-right-width: thin;
border-right-style: solid;
border-right-color: #31619c;
border-top-width: thin;
border-top-style: solid;
border-top-color: #a83a7d;
/*outline-color: invert;
outline-style: dashed;
outline-width: medium;
white-space: normal;
word-spacing: normal;*/
}



/* tables TD TR */
.table100 {
width: 100%;
}

.droiteTD {
width : 20%;
}

.BleuTD {
	background-color :#6C8CC0; /*#31619c;002395*/ /*#4282c2*/;
	font-family : Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;
	text-decoration : none;
}
.OrangeTD {
	background-color :#ff5800; /*#31619c;002395*/ /*#4282c2*/;
	font-family : Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;
	text-decoration : none;
}

.BleuBG {
	vertical-align:top;
	elevation: level;
/* 	background-image:url(images/nuages.gif); */
	background-position:left;
	background-repeat:repeat-y;	
	background-color : #6c8cc0; /* #4282c2;*/
	text-shadow:#999999;
	padding:0 0 0 0;
}

.BleuFonceTD {
background-color : #002395; /*#31619c;*/
font-family : Arial, Helvetica, sans-serif;
font-size : small;
font-weight : bold;
text-decoration : none;
}

.BlancTD {
background-color : #ffffff;
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}



/* LIENS * /
a {
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #31619c;
}

a:hover {
text-decoration : underline;
}

a:active {
color : #228b22;
}


/* elements HTML decrits pour tout le site * /

pre {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
}

img {
border : 0;
}

table {
border : 0;
}

li {	
list-style: square;
}


.liMenu {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.liActu {
	list-style: none;
	margin: 0 0 0 -30;
	padding: 0 0 0 0;
}



/* elements de formatage * /

.centre {
text-align : center;
}

.gauche {
text-align : left;
}

.droite {
text-align : right;
}


/* classes style typo * /

.meta {
font-family : Arial, sans-serif;
text-decoration : none;
font-weight : normal;
font-size : 1%;
}
.calendar {
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
font-size : x-small;
}

.txtpetit {
font-size : xx-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
}
.txtonglet {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.txtmenu {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.txt {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
}
.txtblanc {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
color : #ffffff;
}
.txtbold {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.txtbleu {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
color : #31619c;
}
.txtblanc {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
color : #ffffff;
}
.txtbi {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
font-style : italic;
}
.txti {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : normal;
font-style : italic;
}
.txtboldblanc {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #ffffff;
}
.txtboldjaune {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.txtboldrouge {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.txtboldbleu {
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #31619c;
}
.txtboldvert {
font-size : small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.titre {
font-family : Arial, Helvetica, sans-serif;
font-size : large;
font-weight : bold;
text-decoration : none;
}
.titrebleu {
font-size : medium;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
color : #31619c;
}
.titreblanc {
font-size : medium;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
.titreNEWS {
font-size : medium;
text-decoration : underline overline blink;
font-weight : bold;
}

/* images * /
.imgborder {
border-style : double;
}

.imgTB {
float: left;
padding: 0 0 10 10;
position: inherit;
white-space: normal;
}


.imgTB {
float: left;
padding: 0 0 10 10;
position: inherit;
white-space: normal;
}

/* tables TD TR * /
.table100 {
width: 100%;
}

.droiteTD {
width : 20%;
}

.BleuTD {
	background-color : #4282c2;
	font-family : Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;
	text-decoration : none;
}

.BleuFonceTD {
background-color : #31619c;
font-family : Arial, Helvetica, sans-serif;
font-size : small;
font-weight : bold;
text-decoration : none;
}

.BlancTD {
background-color : #ffffff;
font-size : x-small;
font-family : Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
}
*/

/* pour MOD messagerie punBB */

div#mp_bar_ext {
	border: 1px solid #336699;
	width: 100px;
	height: 10px;
	text-align: left;
}
div#mp_bar_int {
	background-color: #336699;
	height: 10px;
}


/* info bulle  texte long avec html */


.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 14px;
    background-color:#ffe6d6 ;
}

/* info bulle  texte court */
#tooltext {
width:expression(document.getElementById("tooltext").offsetWidth >= 500? "500px": "auto" );
}
#tooltip {
    position:absolute;
    z-index:1000;
    border:1px solid #444;
    padding:5px;
    background-color:#ffe6d6;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
        line-height:16px;
}

#tooltitle{
    margin: 0;
    font-size:11px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    border-bottom: #F7F7F7 dotted 1px;
    padding-bottom:2px;
}

#tooltext{
    margin: 0;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
        max-width:500px;
}

.cacheinfoIE acronym{
        display:none;
}