body {
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
		}
a {
	text-decoration: none;
	color: #666666;
		}
a:hover {
	text-decoration: none;
	color: #cc0033;
		}
h2 {
	color: #CCCCCC;
		}

h4 {
	color: #000000
}
#menuhaut{
	width: 100%;
	position: absolute;
	top: 0px;
	
	background-color: #FFFFFF;
	background-image: url(images/pales.gif);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
	left: 0px;
	z-index: 99;
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #cc0033;
	
	}

#gauchesommaire{
	
	width: 17%;
	top: 110px;
	left: 0px;
	background-color: #ccffff;
	position: absolute;
	}


#milieu{
	width: 80%;
	position: absolute;
	left: 19%;
	top: 110px;
}
#milieu h2{
	font-size: 140%;
	color: #c60047;
	margin-bottom:0px;
	font-weight: bold;
}
#titrerub h5, #titrerub h5 a{
	font-size: 100%;
	color: #c60047;
	margin-top:0px;
	font-weight: normal;
}
#titrerub h6, #titrerub h6 a{
	font-size: 80%;
	color: #666666;
	margin-top:1px;
	margin-bottom:1px;
	font-weight: normal;
}
#titrerub {
	background-image: url(upload/logos/fondtitrerub.png);
	background-repeat: repeat-y;
	min-height:30px;
	padding:4pt;
}

#titrerub h2 a:hover{
	color: #666666;
}

#titrerub h2 a {
	color: #cc0033;
}
#articles {
	width: 170px;
	position: absolute;
	top: 120px;
	right: -0px;
}
.haut{
	background-image: url(upload/logos/sticky_top2.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 160px;
}
.milieu{
	background-image: url(upload/logos/sticky_middle2.png);
	width: 160px;
	background-repeat: repeat-y;
	padding-left: 10px;
}
.bas{
background-image: url(upload/logos/sticky_bottom2.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 160px;
}
#Flashs{
	width: 73%;
	float: left;
	
	padding-bottom: 20px;
	padding-right: 10px;
}

#notesservices{
	width: 22%;
	float: right;
	right: 10px;
	
}


#centresommaire {
	height: 100%;
	width: 78%;
	margin-top: 5px;
	top: 100px;
	float: left;
	background-image: url(images/pales.gif);
	background-repeat: repeat;
}
#centresommaire h2 a {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#centresommaire h2 a:hover {
	font-size: 10px;
	color: #cc0033;
	text-decoration: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#centresommaire h3, #Flashs h3 {
	font-size: 110%;
	color: #cc0033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 70%;
}

#gauchesommaire h2 {
	font-size: 120%;
	color: #CC0033;
	padding-left: 10px;	
	padding-top: 10px;
	
	
}

#gauchesommaire li {
		padding-bottom: 5px;
		padding-right: 2px;
	
}

#gauchesommaire h4{
	font-size: 100%;
	color: #000000;
	padding-left: 10px;
		
}

#gauchesommaire a {
	color: #666666;
}
#gauchesommaire span.site {
	font-weight: bold;
}

#centresommaire td.rub{
	color: #990000;
	font-size: 9px;
}

#sousrub{
	padding-left: 10px;
	margin-right: 15px;
	padding-right: 10px;	
}



#sousrub ul#decal{
	margin-left: 10px;
	padding-left: 10px;
	width: 100%;
	margin-top: 0px;
}
#sousrub li {
	margin-left: 10px;
	padding-left: 0px;
	list-style-type: square;	
}
#sousrub li a{
	color: #333333;
}

#doc {
float:left;
font-size:80%;
margin:5px;
padding:5px;
width:30%;
}
h4.doc{
	font-size: 100%;
	color: #999999;
	margin-bottom: 0px;
}
h4 span{
	font-size: 80%;
	font-style: italic;
}
#menuniv4{
	background-image: url(upload/logos/fondtitrerub.png);
	background-repeat: repeat-y;
	width: 100%;
	height: 20px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #99ffcc;
	padding-top:5px
}
#rubniv4{
	background-color: #CCCCCC;
	float: left;
	height: 20px;
	margin-right: 3px;
}
/* 1. styles onglets education.gouv */

#home-outils h2{ margin-left:0px;}
#home-outils p{}

#home-outils-onglets { margin:0 !important; width:200px; font-size:90%; background:url("upload/logos/bg_onglets.png") repeat-x 0 1px;}
#home-outils-onglets div{margin-right:1px;  width:88px; vertical-align:middle; text-align:center; background:url("upload/logos/onglet_off_gauche.png") no-repeat 0 0px; overflow:hidden;float:left; }
#home-outils-onglets a{margin:0; color:#FFFFFF; display:block; height:29px; margin-left:6px; padding-right:3px; padding-top:2px; background:url("upload/logos/onglet_off_droit.png") no-repeat 100% 0px;}
#home-outils-onglets div.on{ background:url("upload/logos/onglet_on_gauche.png") no-repeat 0 1px; overflow:hidden;}
#home-outils-onglets div.on a{ background:url("upload/logos/onglet_on_droit.png") no-repeat 100% 1px; color:#009933;}
#home-outils-onglets div.sans_onglet{ margin-right:0px; padding:0; width:93px; height:31px; background:url("upload/logos/bg_onglets.png") repeat-x 0 0px;}

#home-outils-listes{width:175px;min-height:150px ;padding-top:20px; padding-bottom:10px;border:1px solid #009933; border-top:none; background:url("../images/img_outils.png") no-repeat 100% 100%;}
#home-outils-listes ul{ margin:0;}
#home-outils-listes hr{ display:none;}
#home-outils-listes li.outil { font-weight: bold; padding: 10px 0 8px 40px; }

#outils-onglet-1 {margin-top:20px;}
#outils-onglet-2 {margin-top:20px;}
#outils-onglet-3 {margin-top:20px;}

.formulaire_spip .forml {
	width: 100px;
	padding: 1px;
	border: 1px solid;
	font-family: inherit;
	font-size: inherit; }

/* 1. styles menugauche */

#menudist {
	height: 100%;
	width: 17%;
	top: 110px;
	left: 0px;
	background-color: #ccffff;
	position: absolute;
	padding-left: 5px;
	z-index: 0;
}
#menudist h2 a {
	font-weight: bold;
	color: #cc0033;
	font-size: 110%;
}
#menudist ul#niv1{
	margin-left: 0px;
	padding-left: 0px;
	width: 100%;
}

#menudist ul#niv2{
	margin-left: -1px;
	padding-left: 0px;
	
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #12A3C4;
	width: 100%;
	background-color: #99ffcc;
}
#menudist ul#niv2 li{
	background-image: none;
	color: #cc0033;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00CC66;
}
#menudist ul#niv2 li a:hover, #menudist ul#niv2 li a.on{
	background-image: none;
	color: #cc0033;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #00CC66;
}
#menudist ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: 150px;
}
#menudist li a:hover , #menudist li a.on {
	background-image: url(upload/logos/fondrub.png);
	background-position: bottom;
	display: block;
	padding-left: 10px;
}
#menudist ul li a  {
	margin-top:0pt;
	color: #666666;
	padding-left: 10px;
	font-weight: bold;
}

#menudist ul li ul li a  {
	margin-top:0pt;
	color: #666666;
	padding-left: 10px;
	font-weight: normal;
	display: block;
}

.TITRE_RUB_principales_on {
	background-image: url(upload/logos/fondrub.png);
	background-repeat: repeat-x;
}

.TITRE_RUB_principales {
	background-color: #FF66FF;
	border: 1px solid #999999;
}


#rub1 {
	border: 1px solid #CCCCCC;
	
}
.datenouv{
	font-size: 9px;
	font-style: italic;
}

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 100%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	
	
}
#nom_site_espaceIA {
	color: #cc0033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}

#log{
	position: absolute;
	top: 200px;
	text-align: center;
	width: 100%;
}


#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
			#nav li {
				float: left ;
				width: 150px ;
				border: 1px solid #600 ;
				margin-right: 1px ;
				color: #fff ;
				background: #c00 ;
				}
			#nav li a {
				display: block ;
				background: #12A3C4 url(lienNormal.png) left top no-repeat ;
				color: #fff ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a.on {
				background: #E3F4F8 url(lienHover.png) left top no-repeat ;
				color: #12A3C4 ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				text-decoration: underline ;
				}
				
				
				.aaa {
	cursor: pointer;
}


#vignettes {
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#contentracine{
	float: left;
	margin: 10px;
	padding: 10px;
	width: 73%;
	border-right-width: 1px;
	border-right-style: solid;	
}
#menudroite{
	float:right;
	width: 20%;
	margin-top: 10px;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: center;
		}

a.info {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
	display: inline;
	position: absolute;
	top: 2em;
	text-align: center;
	color: #666666;
	padding: 2px;
	background-color: #E3F4F8;
	right: 20px;
	width: 300px;
}

.titrart{
	font-size:16px;
	font-weight:bold;
	color: #cc0033;
	font-style: italic;
}

.imprim{
	font-size: 80%;
	font-style: normal;
	color: #000000;
	text-align: right;
	padding-right: 0px;
}

table.agenda a{
	color: #666666;
	text-decoration: none;
}
.dat_pub{

	color:#CC0033;
	font-size:9px;
	font-style:oblique;
	font-weight:normal;
}