html {
	background-attachment: scroll;
	background-color: #636f95;
	background-image: url(images_template/degrade_bleu.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

body {
	margin:0;
	padding:0;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images_template/titre.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.titredepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #090B5B;
	letter-spacing: normal;
	font-variant: normal;
	text-align: center;
}

.titrecourant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	color: #090B5B;
	font-style: italic;
	text-align: left;
}


h1 {
	font-family: 'Ubuntu', sans-serif, Verdana, Arial, Helvetica, sans-serif;;
	font-size: 16pt;
	font-weight: bold;
	color: #090B5B;
	letter-spacing: normal;
	font-variant: normal;
	text-align: left;
	line-height: normal;
}
h2 {
	font-family: 'Ubuntu', sans-serif, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	color: #090B5B;
	font-style: italic;
	text-align: left;
}

h3 {
	font-family: 'Ubuntu', sans-serif, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #090B5B;
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
}
h3 ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #090B5B;
	font-style: normal;
	letter-spacing: normal;
	list-style-type: square;
	list-style-image: url(images_template/puce_bleue.gif);
	text-align: left;
}

h4 {
	font-family: 'Ubuntu', sans-serif, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #090B5B;
	font-style: normal;
	text-align: left;
}

a:hover {text-decoration: none;}
a:active {  color: #660000}
a:visited { color: #000066}

li {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	margin: 0;
	padding: 0;
	list-style-image: url(img/puce_verte.jpg);
	background-position: left;}

p {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;}
	
.textecourant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000033;
	font-weight: normal;
	text-align: left;
}
	
	
.textecourant li {
	margin: 0;
	padding: 0;
	list-style-image: url(img/puce_verte.jpg);
	background-position: left;
	text-indent: 20px;
	list-style-position: outside;
	}

.realise {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #090B5B;
	font-style: normal;
	text-align: left;
	list-style-image: url(img/realise.png);
	list-style-position: inside;
}

.projet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #090B5B;
	font-style: normal;
	text-align: left;
	list-style-image: url(img/projet.png);
	list-style-position: inside;
}

.legende {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; color: #333333}


.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #0066FF}

.citation {font-family: 'Damion', cursive;}

.compteur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.titremenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	font-variant: normal;
}


.titretableau {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.clearall { clear: both; }

/* fonds */

.fond1 {
	background-color: #000099;
	background-image: url(images_template/fond1.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.fond2 {
	background-color: #151B31;
	background-image: url(images_template/fond2.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.fond3 {
	background-color: #3D4B7A;
	background-image: url(images_template/fond3.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.fond4 {
	background-color: #545044;
	background-image: url(images_template/fond4.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.fond5 {
	background-color: #667232;
	background-image: url(images_template/fond5.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.fond6 {
	background-color: #667232;
	background-image: url(images_template/fond6.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.fond7 {
	background-color: #0099CC;
	background-image: url(images_template/titre.png);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/* Navbis */

.navbis	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #999999;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.navbisheader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: #999999;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.navbis a:hover {
	color: #CCCCCC;
	font-style: normal;
}
.navbis a, a:active, {color: #999999}

/* =-=-=-=-=-=-=-[Menu]-=-=-=-=-=-=-=- */

/* Apple menu */

.applemenu{
margin: 4px 0;
padding: 0;
width: 200px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(/menus/silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #FFFFFF;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 6px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #FFFFFF;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(/menus/silvergradientover.gif);
color: white;
}

.applemenu div.submenu  { /*DIV that contains each sub menu*/
	padding: 5px;
	padding-left: 10px;
	height: 380px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	background-image: url(images_template/fond_menu2.jpg);
	text-align: left;
	list-style-type: none;
	list-style-image: none;
}

.applemenu div.submenu li a {
	font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	list-style-type: none;
	list-style-image: none;
	}
	
.applemenu div.submenu li a:hover{
	font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-type: none;
	list-style-image: none;
	text-decoration: underline;
	}