/*
 * Correction des styles HTML par defaut
 */


/*
 * Styles generaux
 */

/* bien regler la marge (bugs IE) */
body {margin: 10px; }

a.spip_out { text-decoration: none; color: #a02020; }
a.spip_in, a.spip_url { text-decoration: none; color: #2020a0; }
a.spip_glossaire { text-decoration: none; color: #20a020; }

.chapo {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: justify;
	font-size: 105%;
}
.texte, .texte p.spip {
	font-family: Georgia, Garamond, Times, serif;
	text-align: justify;
}
.ps {
	font-family: Georgia, Garamond, Times, serif;
	text-align: justify;
	font-size: 85%;
}
.notes {
	font-family: Georgia, Garamond, Times, serif;
	text-align: left;
	font-size: 80%;
}

/*
 * Ici les styles pour le contenu
 */

.contenu h1,h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.contenu h1,h2.titre-extrait {
	font-size: 160%;
	font-weight: bold;
}
.contenu h1,h2.titre-texte {
	font-size: 190%;
	font-weight: bold;
}
.contenu .surtitre {
	font-size: 110%;
	font-weight: bold;
	font-variant: small-caps;
}
.contenu .detail {
	font-size: 80%;
	color: #303030;
}
.extrait {
	border: groove 2px #a0a0a0;
	padding: 1em;
	font-size: 85%;
}


/*
 * Disposition a l'ecran
 */

#principal {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

#plan {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

#navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.encart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	padding-left: 8px;
	padding-top: 8px;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	font-style: normal;
	padding-left: 8px;
	padding-top: 8px;
	text-decoration: underline;
	margin: 0px;
	padding-bottom: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	padding-left: 8px;
	font-weight: normal;
	padding-top: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
iframe {
	border: 0px;
	white-space: nowrap;
	background-color: none;
	margin: 0px;
	padding: 0px;
}
.menu {
	background-repeat: no-repeat;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #227F26;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h4.recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h5.rouge {
	font-size: 12px;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.titre_article
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003366;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.presentation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.tableune {
	border: 1px solid #669933;
}
.table2 {
	border: 1px dotted #669933;
	padding: 10px;
}
.table3 {
	padding: 1px 0px 0.5px;
	text-indent: 8px;
}
.table4 {

	border-right: 1px dotted #669933;
	border-bottom: 1px dotted #669933;
	border-left: 1px dotted #669933;
}
a.lienune:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a.lienune:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	text-decoration: none;
}
a.lienune:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a.lienune:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.contenu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a.piste:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a.piste:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	text-decoration: none;
}
a.piste:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a.piste:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
img {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px none;
}
a.rub:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
font-variant: small-caps;
}
a.rub:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	text-decoration: none;
	color: #CC0000;
}
a.rub{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1;
	color: #333333;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a.rub:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

a.rubb:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1;
	color: #333333;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a.rubb:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	text-decoration: none;
	color: #CC0000;
}
a.rubb{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1;
	color: #333333;
	font-style: italic;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a.rubb:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

a.lientel:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	text-decoration: none;
		border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
		border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel2:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	text-decoration: none;
		border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel2:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel2:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
		border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

a.lientel3:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel3:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	text-decoration: none;
		border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel3:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel3:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
		border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel4:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel4:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	text-decoration: none;
		border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel4:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.lientel4:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
		border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}


a.nouveau:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.nouveau:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
	text-decoration: none;
		border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.nouveau:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
a.nouveau:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
		border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

a.first:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	padding-left: 6px;
	padding-top: 8px;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

a.first:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	padding-left: 6px;
	padding-top: 8px;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}
a.first:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
text-transform: uppercase;
	font-style: normal;
	padding-left: 6px;
	padding-top: 8px;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}
a.first:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	padding-left: 6px;
	padding-top: 8px;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

a.image:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	text-decoration: none;
	border: 0px none #FFFFFF;
	padding: 0px;
	vertical-align: middle;
}
a.image:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	border: 0px none #FFFFFF;
	vertical-align: middle;
}
a.image:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	border: 0px none #FFFFFF;
	vertical-align: middle;
}
a.image:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 0px;
	text-decoration: none;
	border: 0px none #FFFFFF;
	vertical-align: middle;
}
p.vincent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img.spip_puce {
	border-width: 0px;
	background-position: center;}
td {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

.formrecherche {
width: 127px;
}

#magicbox {
	height: 700px;
	width: 840px;
	margin-left: -420px;
	position: absolute;
	left: 50%;
background-image: url(projet-une-tds-pays.gif);
background-repeat: no-repeat;
}

#magicbox_article {
	width: 840px;
	margin-left: -420px;
	position: absolute;
	left: 50%;
background-image: url(fondpage.png);
background-repeat: no-repeat;

}

#header {
height: 53px;
width: 840px;
background-image: url(bordertop.png);
background-repeat: no-repeat;
}

#logo_article { 
width:170px; 
height:33px; 
z-index:1; 
float: left;
}

#titre_logo {
height:33px; 
z-index:7; 
width: 600;
padding-top: 25px;

}

#wrapper_article {
width: 840px;
min-height: 480px;
background-image: url(bordermid.png);
background-repeat: repeat-y;
}

#menugauche_article {
width:180px; 
height:270px;
z-index:1;  
background-image: url(fondmenugauche_article.png);
background-repeat: no-repeat;
margin-top:90px;
float: left;
}

#contenu_article {
margin-left: 190px;
}

#pathway { 
width:500px; 
z-index:8; 
padding-bottom: 25px;
}

#article {
z-index:9;  
width: 580px; 
text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#pied_article {
height: 100px;
width: 840px;
background-image: url(borderbot.png);
background-repeat: no-repeat;
}

#logo {
position:absolute; 
width:244px; 
height:241px; 
z-index:1; 
left: 20px; 
top: 10px;
background-image: url(tds.gif);
}
#titre {
position:absolute; 
height:33px; 
z-index:7; 
left: 240px; 
top: 30px; 
width: 800;
}

#iscience {
position:absolute; 
width:120px; 
height:105px; 
z-index:; 
left: 745px; 
top: 420px;
background-color: #fff;
}



#intro1 {
position: absolute;
height: 115px;
z-index:6; 
top: 130px;
left: 280px;
}

#intro2 {
	position:absolute;
	height:115px;
	z-index:6;
	top: 200px;
	left: 220px;
	width: 876px;
}

#intro3 {
position:absolute; 
height:115px; 
z-index:6; 
top: 320px; 
left: 220px;
}

#intro4 {
position:absolute; 
height:115px; 
z-index:6; 
top: 440px; 
left: 220px;
}

#scrolling {
position: absolute;
top: 50px;
left: 205px;

}

#menugauche {
position:absolute; 
width:180px; 
height:250px; 
z-index:1; 
left: 20px; 
top: 235px; 
background-image: url(fondmenugauche.png);
background-repeat: no-repeat;
padding:5px;
}

#menudroit {
position:absolute; 
width:150px; 
height:350px; 
z-index:2; 
background-image: url(fondmenudroit.png);
background-repeat: no-repeat;
left: 700px; 
top: 15px;
padding: 8px;
}

#searchbox {
position:absolute; 
z-index:100; 
left: 725px; 
top: 385px;

}

#partenaires {
position:absolute; 
z-index:1O; 
left: 120px; 
top: 593px;
background-color: #fff;
}

#defil {
position:absolute; 
width:550px; 
height:36px; 
z-index:8; 
left: 244px; 
top: 591px;
}

#sb {
position:absolute; 
width:160px; 
height:160; 
z-index:1; 
left: 25px; 
top: 490px;
}

#fetescience {
margin-left: -85px;
margin-bottom: -120px;
}



#carre {
border: 1px solid #ccc;
height: 100px;
width: 100px;
background-color: #fff;
padding: 3px;
}

#imgcarre {
height: 100px;
overflow: hidden;
}

a.surtitre {
color: #227F26;
text-decoration: none;

}
#ecoecole {
position:absolute; 
width:120px; 
height:200; 
z-index:1; 
left: 750px; 
top: 510px;
background-color: #fff;
}
#seci {
	position:absolute;
	width:94px;
	height:97px;
	z-index:101;
	left: 27px;
	top: 575px;
}

#webmail {
position:absolute;
top: 675px;
left: 68px;
}

#webmail a {
text-decoration: none;
color: #99cc00;
}

#webmail a:hover {
text-decoration: none;font-weight: bold;color: #CC0401;
}
#adresse {
position: absolute;
top: 710px;
left: 260px;
}

#adresse2 {
padding-top:15px;
text-align: center;
}