body
    {
    margin: 0;
    padding: 0;
    color: #333;
    font: 12px Verdana Arial, sans-serif;
    background: #FFFFEA;
    text-align: center;
    }
a
    {
    color: #F60;
    }
a:hover
    {
    color: #D60808;
    }
	
a.texte
    {
    color: #FFF;
    }
a:hover.texte 
    {
    color: #333;
    }
a.nav
    {
	text-decoration:none;
    color: #F60;
    }
a:nav.texte 
    {
    color: #333;
    }
acronym    {
	font-weight:bold;
	text-transform:lowercase;
    border: none;
    }
input.annuaire {
	border: 1px solid ; font: 8pt verdana,arial,geneva,sans-serif; background-color: #FFFFEA; text-decoration: none
}

input.identification {
	border: 1px solid ; font: 8pt verdana,arial,geneva,sans-serif; background-color: #FFFFEA; text-decoration: none
}
INPUT.ok {
	border: 1px solid #333; color:#333; font: 8pt verdana,arial,geneva,sans-serif; background-color: #FFFFEA; text-decoration: none
	}

select.annuaire {
	border: 1px solid #F60; background-color: #FFFFEA; font: 8pt verdana,arial,geneva,sans-serif; color: #333; text-decoration: none
}
table{border:1px solid #FFF;}
td.annuaire {background-color:#F90;color:#FFF;}
td.identification {background-color:#F60;color:#FFF;}
td.espacep {background-color:#003;color:#FFF;}
td.espaced {background-color:#009;color:#FFF;}

td.bordure{ border-left:1px solid #666}
td.bordureb{ border-bottom:1px solid #666}
td.bordureall{ border:1px solid #666}
td.bordurefond{ border:1px solid #666; background: transparent url(images/logotype.gif) top left no-repeat;}

#contenu
    { 
    margin: 0 auto;
    width: 724px;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
	border-left:1px solid #F7E8AA;
	border-right:1px solid #F7E8AA;
    }
* html #contenu
    {
    width: 744px;
    }

#entetepage
    {
	position: absolute;
	top: 5px;
	left: 13px;
	width: 220px;
	height: 85px;
    }
img{border:0;}
h1
    {
    background:  url(images/logo3.gif);
    width: 220px;
    height: 96px;
    overflow:hidden;
    margin: 0;
    }
h1 span
    {
    display: none;
    }
h2
    {
    font-size: 14px;
    margin: 0;
    }
h3
    {
	font-size: 15px;
    color: #333;    	}

#annonce
    {
    padding-top: 85px;
    }
#annonce .p2
    {
    font-size: 10px;
    position: absolute;
    top: 45px;
    right: 30px;
    margin: 0;
    }	

#contenu #intro #annonce .p1
    {
    height: 100px;
    background:  url(images/background3.jpg) no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;

    }
#contenu #intro #annonce .p1  span
    {
    padding: 28px 450px 0 10px;
    display: block;
    margin: 0;
    font: 12px/20px Verdana, Arial,;
	font-weight:bold;
    }

#preambule, #contenuTexte
    {
    margin: 0 20px 0 250px;
    }
#preambule h3, #contenuTexte h3
    {
	border-bottom: 2px solid #F60;font-weight:bold}
	
#contenuTexte p, #preambule p
    {
    line-height: 150%; 
    margin: 10px 0 10px 0;
    }
#contenuTexte p.pRouge, #preambule p.pRouge
    {
color:#C00;
    }
#contenuTexte p.pAd, #preambule p.pAd
    {
    line-height: 120%; 
    margin: 10px 0 10px 0;
    }
#contenuTexte .pAd2, #preambule .pAd2
    {
    margin: 10px 0 10px 20px;
    }
#preambule ul li, #infoTexte ul li
{
line-height: 135%; 
}

#preambule h3, #infoTexte h3   {
	border-bottom: 2px solid #F60;
    width: 450px;
    height: 24px;
    margin: 10px 2px;background-color:#FFFFEA;
    }
#preambule h3
    {
    background:  url(images/titre.gif) no-repeat;
    }
#infoTexte h3
    {
    background:  url(images/titre.gif) no-repeat;
    }

#MenuListe
    {
    position: absolute;
    top: 245px;
    left: 0;
    width: 200px;
    }
#menuP ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px;
    }
#Textranet ul, #Tactu ul, #Tinfos ul,  #Tespacepro ul, #Tespacedoc ul    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    }
#menuP ul li a
    {
    text-decoration: underline;
    display: block;
    font-size: 13px;
    }
#menuP ul li.c, #menuP ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#menuP ul li a.c
    {
    text-decoration: none;
    }
#menuP ul li a.c:hover
    {
    color: #D60808;
    }
#menuP ul li
    {
		background-color:#EFEFEF; 
    font-size: 12px;
    border-bottom: 1px solid #F7AE40;
    }
#MenuListe #TmenuP ul li
    {
    font-size: 12px;
    border-bottom: 1px solid #F7AE40;
    display: block;
    padding: 5px 0;
    }

#MenuListe #Tactu ul li, #MenuListe #Tinfos ul li, #MenuListe #Textranet ul li, #MenuListe #Tespacepro ul li,#MenuListe #Tespacedoc ul li
    {
    font-size: 11px;
    display: block;
    padding: 3px 0;
    }
#MenuListe #Tactu ul li a, #MenuListe #Tinfos ul li a, #MenuListe #Textranet ul li a
{
color:#333;
}

#MenuListe #Tespacepro ul li a, #MenuListe #Tespacedoc ul li a{
color:#036;
}
#MenuListe #Tactu ul li a:hover, #MenuListe #Tinfos ul li a:hover, #MenuListe #Textranet ul li a:hover
{
color:#D60808;
}
#MenuListe #Tespacepro ul li a:hover, #MenuListe #Tespacedoc ul li a:hover{
color:#09F;
}
#Textranet h3.extranet, #Tinfos h3.infos, #Tactu h3.actu
    {
    background:  url(images/extranet.gif) no-repeat;
    width: 160px;
    height: 15px;
    margin: 30px 0 5px 40px;
	padding-left:10px;
	font-size:11px;
	color:#FFF;
    }
#Tespacepro h3.espacepro
    {
    background:  url(images/espacecom.gif) no-repeat;
    width: 160px;
    height: 15px;
    margin: 30px 0 5px 40px;
	padding-left:10px;
	font-size:11px;
	color:#FFF;
    }
	#Tespacedoc h3.espacedoc
    {
    background:  url(images/espacedoc.gif) no-repeat;
    width: 160px;
    height: 15px;
    margin: 30px 0 5px 40px;
	padding-left:10px;
	font-size:11px;
	color:#FFF;
    }

#pdpage    {
    background:  url(images/footer.gif) no-repeat;
    color: #fff;
    height: 48px;
    text-align: right;
    padding: 0 10px 0 0;
    line-height: 26px;
    font-size: 11px;
    }
#pdpage a    {
    color: #fff;
    text-decoration: none;
    }
#pdpage a:hover    {
    text-decoration: underline;
    }