div, form, input, h1, h2, h3, h4, h5, span, ul, li {
	margin: 0px;
	padding: 0px;
}
h2, h3, h4, h5 {
	margin: 5px 0px 3px 0px;
}
body, td {
	color: #0569A5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}
strong,b        { font-weight: bold }
em,i            { font-style: italic }
kbd,code,pre,samp{font-family:monospace}
pre				{ margin-bottom:0px;}
.little, .little a         { font-size: 10px; }
.littlegray     { font-size: 10px; color: gray }
.littledarkgray { font-size: 10px; color: #333333 }
.littlered      { font-size: 10px; color: red }
.red      		{ color: red }
.gray     		{ color: gray }
.darkgray     	{ color: #333333 }

a {
	color: #DEB138; /* #FBC83F; */
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
}
a:hover {
	color: #DEB138; /* #FBC83F; */
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
}


/* --------------------------------------------------------- */
/* -------------- titre de niv 1 page accueil -------------- */
/* --------------------------------------------------------- */

h1.titreaccueil {
	color: #F9B700;
	font-size: 15px;
	padding-left: 17px;
	padding-top: 5px;
	height: 21px;
}

/* --------------------------------------------------------------- */
/* -------------- 2 couleurs : orange et bleu clair -------------- */
/* -------------------------------------------------------------- */

/* orange */
h2, h2.titre1, .couleur1, .pcouleur1, .gcouleur1, .couleur1 a, .couleur1 a:hover, a.couleur1, a.couleur1:hover, h2 a, h2 a:hover, h2.titre1 a, h2.titre1 a:hover, .titre1, h5 {
	color: #E59A49;
}
/* bleu clair */
h2.titre2, .couleur2, .pcouleur2, .gcouleur2, .couleur2 a, .couleur2 a:hover, a.couleur2, a.couleur2:hover, h2.titre2 a, h2.titre2 a:hover, .titre2 {
	color: #7CC9ED;
}
h2, h2.titre1, h2.titre2 {
	font-size: 13px;
	margin-bottom: 12px;
	background-color: #DEEFF7;
	padding-left: 17px;
}

.titre1, .titre2 {
	font-size: 13px;
	font-weight: bold;
}

h3 {
	font-size: 13px;
	font-weight: bold;
}

h4, .head4, h5, .head5 {
	font-size: 11px;
	font-weight: bold;
}



.small, .small a, .small a:hover, a.small, a.small:hover, .pcouleur1, .pcouleur2 {
	font-size: 10px;
}
.gros, .gcouleur1, .gcouleur2 {
	font-size: 15px;
	line-height: 15px;
}

/* ----------------------------------- */
/* -------------- images -------------- */
/* ----------------------------------- */

img.marge1, img.marge1bordure1 {
	margin-right: 15px;
	float: left;
}
img.marge2, img.marge2bordure1 {
	margin-left: 15px;
	float: right;
}
img.bordure1, img.marge1bordure1, img.marge2bordure1 {
	border: 1px solid #7CC9ED;
}

/* ----------------------------------- */
/* -------------- ligne -------------- */
/* ----------------------------------- */

hr {
	color: #7CC9ED;
	height: 1px;
	border-top: 1px solid #7CC9ED;
}

div.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
}

/* ------------------------------------------------ */
/* -------------- divers bloc textes -------------- */
/* ------------------------------------------------ */

div.alignedroite {
	text-align: right;
}
div.alignecentre {
	text-align: center;
}
div.alignejustifie {
	text-align: justify;
}
div.alignegauche {
	text-align: left;
}
div.floatright {
	float: right;
}

/* -------------------------------------------------------------------------- */
/* -------------- bloc avec double fleche devant la 1ere ligne -------------- */
/* -------------------------------------------------------------------------- */

div.flechettes {
	background-image: url(img/double_fleche.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 20px;
}

/* ------------------------------------------------------ */
/* -------------- liens avec double fleche -------------- */
/* ------------------------------------------------------ */

a.flechettes {
	background-image: url(img/double_fleche.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
	color: #F9B700;
	text-decoration: none;
	font-weight: bold;
	margin-left: 7px;
	font-size: 10px;
}
a.flechettes:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

/* --------------------------------------------- */
/* ----------- liens simples fleches ----------- */
/* --------------------------------------------- */

a.lienfleche {
	background-image: url(img/flechette_jaune.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	color: #FBC83F;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 10px;
}
a.lienfleche:hover {
	color: #FBC83F;
	text-decoration: none;
	font-weight: bold;
}

/* ---------------------------------------- */
/* -------------- bas de page -------------- */
/* ---------------------------------------- */

ul.linkbdp {
	list-style: none;
}

ul.linkbdp li {
	display: block;
	float: left;
	color: #ffffff;
	border-right: 1px solid #F9B700;
	padding-left: 21px;
	padding-right: 21px;
	font-size: 10px;
	background-image: none;
	margin-bottom: 0px;
}
ul.linkbdp li a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
ul.linkbdp li a:hover {
	color: #F9B700;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

li.copyright {
	border-right: 0px !important;
	padding-left: 98px !important;
}
li.orealys {
	border-right: 0px !important;
}
li.orealys a, li.orealys a:hover {
	font-weight: normal !important;
}


/* ------------------------------------------------------- */
/* ----- bloc fond bleu marine pour legendes images ------ */
/* ----- modifié par Sophie : ce fond bleu génère trop d'anomalies : on remplace par de l'italique bleu ----- */
/* ------------------------------------------------------- */
/* 
div.fond1, div.legende, p.legende, span.legende {
	background-color: #0569A5;
	color: #ffffff;
	font-size: 9px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: 1px solid #ffffff;
}
*/

div.fond1, div.legende, p.legende, span.legende {
	 font-style: italic ;
	 font-size: 9px;
}

div.fond2 {
	background-color: #0569A5;
	color: #ffffff;
	font-size: 9px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 250px;
}

/* ----------------------------------------------------- */
/* ---- style pour image à gauche et texte à droite ---- */
/* ----------------------------------------------------- */
div.bloc200px {
	float: left;
	width: 200px;
}
div.bloc200px img {
	display: block;
}

div.bloc430px {
	float: left;
	width: 430px;
	padding-left: 20px;
}


/* ----------------------------- */
/* ----------- intro ----------- */
/* ----------------------------- */
span.intro,div.intro,p.intro {
	font-size: 13px;
	font-weight: bold;
}

/* -------------------------------- */
/* ----------- encadres ----------- */
/* -------------------------------- */

/* orange */
div.encadre1 {
	border: 1px solid #FBC83F;
	padding: 10px;
	background-color: #FFFFFF;
}
/* bleu clair avec fond legerement bleu */
div.encadre2 {
	border: 1px solid #C1D3EB;
	padding: 10px;
	background-color: #F9FBFD;
}

/* ------------------------------------- */
/* ----------- liste a puces ----------- */
/* ------------------------------------- */

/* -- lignes serrees -- */
ul, ul.listepuce {
	list-style: none;
}
ul li, ul.listepuce li {
	background-image: url(img/puce.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 10px;
	margin-bottom: 2px;
}

/* -- lignes plus espacees -- */
ul.listepuceesp {
	list-style: none;
}
ul.listepuceesp li {
	background-image: url(img/puce.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 10px;
	margin-bottom: 12px;
}

/* ------------------------------------------------- */
/* ----------- titre 3e niveau avec puce ----------- */
/* ------------------------------------------------- */
h3.titrepuce {
	background-image: url(img/flechette_orange.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 10px;
	margin-bottom: 2px;
	color: #0569A5;
	font-weight: bold;
	font-size: 11px;
}


/* ------------------------------------------------- */
/* ----------- titre 3e niveau avec puce ----------- */
/* ------------------------------------------------- */
table.tableau {
	border-collapse: collapse;
	border: 1px solid #C1D3EB;
}
table.tableau th {
	border: 1px solid #C1D3EB;
	padding: 8px;
}
table.tableau td {
	border: 1px solid #C1D3EB;
	background-color: #F9FBFD;
	padding: 8px;
}
td.fondbleu {
	background-color: #E9F0F8 !important;
}
table.tableau td a {
	text-decoration: none !important;
	display: block;
	color: #FCB700 !important;
}
table.tableau td a:hover {
	text-decoration: underline !important;
	color: #FCB700 !important;
}

table.tableau td.bordbas,table.tableau th.bordbas	{ border-bottom: 2px solid #C1D3EB;}
table.tableau td.borddroite,table.tableau th.borddroite	{ border-right: 2px solid #C1D3EB;}
table.tableau td.bordbasdroite,table.tableau th.bordbasdroite	{ border-bottom: 2px solid #C1D3EB;border-right: 2px solid #C1D3EB;}
table.noborder	{ border-style: none; }
.noborder td	{ border-style: none; }

/* Style tableau interieur */
table.interieur	{border-bottom: 1px solid #C1D3EB;border-top: 1px solid #C1D3EB;background-color:#F9FBFD}
.interieur td	{background-color: #F9FBFD}



/* Styles tableaux rubrique science (made by Sophie...) */
table.science1	{background-color:#DDECF8}

table.cadrebleu	{border-bottom: 1px solid #0B3961;border-top: 1px solid #0B3961;
				 border-left: 1px solid #0B3961; border-right: 1px solid #0B3961;}

.tete1 {  	font-family: Arial, Helvetica, sans-serif;
        width: 100%;
        background-color: #99CCFF;
	color: #000000;
	font-size: 12pt; padding: 2px;
; border: #FFF1B3
; font-weight: bold
}

.tete1bis {  	font-family: Arial, Helvetica, sans-serif;
        width: 100%;
        background-color: #E38939;
		color: #000000;
		font-size: 12pt;padding: 2px;
		border: #FFF1B3; 
		font-weight: bold
}
.tete2 { font-family: Arial, Helvetica, sans-serif;
        width: 100%;      
		font-size: 10pt;
		font-weight: bold;  
		color: #0061A5
}

/*  div pour sites client rubrique science (made by Sophie...) */
.xnet0 {
	background-color: #DDECF8;
	border: 1px solid #99CCFF;
	width: 100%;
}

.tete_xnet1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0061a5;
	background-color: #99CCFF;
	font-size: 12pt;
	padding: 5px; 
	font-weight: bold; 
}
.tete_xnet2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 12pt;
	color: #0061a5;
	font-weight: bold;  
	margin-left: 10px;
	padding: 5px;  

}

.tete_xnet3 {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 10pt;
	font-weight: bold;
	color: #0061a5; 
	margin-left: 30px;
	text-decoration: none; 
	padding: 5px; 
}

.tete_xnet4 {
	font-family: Arial, Helvetica, sans-serif;
	width: 90%;
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
	padding-top: 3px;
	margin-left: 50px;
	padding: 5px;
}

.chapo {
	font-size: 11px;
	font-weight: bold;
}