/***** General *****/

body{
	font-family:"Trebuchet MS", "Bitstream Vera Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#fff;
	background-image:url("../img/fond.png");
	background-position:top left;
	background-repeat:no-repeat;
	color:#000;
	margin:0 5px;
	padding:0;
	font-size:80%;
}

a{
	color:#19529A;
	text-decoration:none;
}

a:hover{
	color:#AD0101;
}

img{
	border-width:0;
}

h1{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

h2{
	border-width:1px 0 0 2px;
	border-color:#18519A;
	border-style:solid;
	color:#18519A;
	padding:0 0 0 0.5em;
	margin:96px 0 0 0;
	font-size:150%;
}

h2.focus{
	color:#ad0000;
}

h3{
	font-size:120%;
}

hr.separateur{
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	height:0;
}

/***** Vocal *****/

#vocal{
	position:absolute;
	top:0;
	left:20%;
}

#vocal a{
	color:#fff;
}

/***** Menu Transversal *****/

#menutransversal{
	position:absolute;
	top:82px;
	left:148px;
	font-size:90%;
	width:600px;
}

#menutransversal ul{
	border-bottom:1px solid #8EAACF;
	padding:0;
	margin:0;
}

#menutransversal ul li{
	display:inline;
	padding-bottom:10px;
	margin:0 2% 0 -9px;
}

#menutransversal a{
	background-image:url("../img/pico.png");
	background-repeat:no-repeat;
	background-position:left;
	margin:0 0 0 10px;
	padding:0 0 1px 10px;
}

/***** Menu Activites *****/

#menuactivites{
	width:144px;
	border-right:1px solid #8CA8CC;
	position:absolute;
	left:4px;
	top:0;
	padding-top:130px;
	height:20em;
}

#menuactivites ul{
	list-style:none;
	margin:0;
	padding:0;
}

#menuactivites ul li{
	background-image:url("../img/fondmenuactiv.png");
	background-position:top left;
	background-repeat:repeat-y;
	margin-bottom:7px;
	padding-left:18px;
}

#menuactivites li.focus{
	background-image:url("../img/fondmenuactiv_on.png");
	background-position:top left;
	background-repeat:no-repeat;
}

#menuactivites li.focus a{
	color:#ae0303;
}

/***** Menu pratique *****/

#menupratique{
	position:absolute;
	top:0;
	left:70%;
	margin:0;
	font-size:90%;
}

#menupratique ul li{
	display:inline;
}

#menupratique a{
	display:block;
	margin-right:10%;
	border-bottom:1px solid #18519A;
	line-height:85%;
	margin-top:0.5em;
	background-image:url("../img/pucepratique.png");
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:0.5em;
}

/***** Menu Accessibilite *****/

#accessible{
	background-image:url("../img/bas_menu.png");
	background-position:top left;
	padding:0 0 0 145px;
	background-repeat:no-repeat;
	height:24px;
	font-size:90%;
}

#accessible ul{
	background-color:#C5D3E5;
	color:#666;
	padding:0;
	margin:3px 0;
}

#accessible li{
	list-style:none;
	display:inline;
}

#accessible a{
	color:#666;
	border-left:3px solid #fff;
	padding-left:2px;
	border-top:3px solid #fff;
}

/***** Contenu *****/

#contenu{
	margin:0 0 0 148px;
	padding:0;
	width:600px;
	height:250px;
	position:relative;
	top:-10px;
	left:0;
	background-repeat:no-repeat;
}

#contenu #accroche{
	background-color:#e9fffd;
	background-image:url("../img/fondarticle.jpg");
	background-position:5px 0;
	background-repeat:no-repeat;
}

#contenu #accroche h3{
	background-color:#fffbcf;
	color:#18519A;
	border:1px solid #175099;;
	width:60%;
	text-align:center;
	margin:0 0 1em 3px;
	padding-left:5px;
	background-image:url("../img/puce_titre_article.png");
	background-position:center left;
	background-repeat:no-repeat;
}

#contenu #accroche p{
	margin:0.5em 0 0.5em 17px;
	padding-bottom:1em;
}

#contenu #actu{
	width:20em;
	height:7.5em;
	background-color:#FFE700;
	background-image:url("../img/fondactu.png");
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom:5px;
	overflow:auto;
}

#contenu #actu ul{
	font-size:90%;
	margin:0 0 0 19px;
	padding:0;
}

#contenu #actu li{
	list-style-image:url("../img/puceactu.png");
}

#contenu #actu a{
	color:#D70100;
}

#contenu #actu h3{
	background-color:#fff;
	color:#18519A;
	border-width:0 1px 1px 0;
	border-color:#18519A;
	border-style:solid;
	width:12em;
	text-align:center;
	margin-left:10%;
	margin-top:0;
	margin-bottom:1%;
}

#contenu #actu p{
	margin:0.5em 0 5px 17px;
	background-image:url("../img/fondtoutes.png");
	background-position:bottom left;
	background-repeat:no-repeat;
}

#contenu #actu p a{
	color:#18519A;
	font-style:italic;
}

#contenu #texte{
	border-color:#18519A;
	border-width:0 0 1px 1px;
	border-style:solid;
	margin:10px 0 0 0;
	padding:0;
	overflow:auto;
	float:left;
	height:20em;
	background-repeat:no-repeat;
}

#contenu #texte h4{
	color:#af0706;
	padding:0 0 0 35px;
	margin:0 0 1em -5px;
	line-height:90%;
	background-image:url("../img/lettrine.png");
	background-position:top left;
	background-repeat:no-repeat;
	font-size:120%;
}

#contenu #texte p{
	margin-top:0;
	text-indent:15px;
	background-repeat:no-repeat;
}

#contenu #texte dl{
	margin-left:1em;
}

#contenu #texte li{
	margin:0;
	padding:0;
	list-style-type:square;
}

#contenu #texte em{
	color:#18519A;
}

#contenu #sousmenu{
	float:right;
	margin:10px 0 0 0;
	padding:0;
	width:33%;
}

#contenu #sousmenu h3{
	color:#175099;
	padding:0 0 0 40px;
	margin:0;
	background-image:url("../img/lettrine.png");
	background-position:top left;
	background-repeat:no-repeat;
	line-height:90%;
}

#contenu #sousmenu #rubriques{
	overflow:auto;
	border-color:#18519A;
	border-width:0 0 1px 1px;
	border-style:solid;
}

#contenu #sousmenu #rubriques ul{
	list-style:none;
	list-style-position:inside;
	margin:0;
	padding:0;
}

#contenu #sousmenu #rubriques li{
	display:inline;
	margin-left:0;
}

#contenu #sousmenu #rubriques a{
	color:#535452;
	display:block;
	padding-left:40px;
	line-height:160%;
}

#contenu #sousmenu #rubriques a:hover{
	background-image:url("../img/fondmenuactiv.png");
	background-position:35px 0;
	background-repeat:repeat-y;
	color:#AD0101;
}

#contenu #sousmenu #rubriques a.focus{
	background-image:url("../img/fondmenuactiv_on.png");
	background-position:15px 0;
	background-repeat:no-repeat;
	color:#175099;
	font-weight:bold;
}

#contenu #sousmenu #contact{
	overflow:auto;
	height:6em;
	background-color:#eff3f7;
	border-top:3px double #175099;
	background-image:url("../img/arobe.png");
	background-position:top right;
	background-repeat:no-repeat;
	border-color:#18519A;
	border-width:0 0 1px 1px;
	border-style:solid;
	margin:0;
	padding:0;
}

#contenu #sousmenu #contact strong{
	padding-left:1ex;
}

#contenu #sousmenu #contact dl{
	margin:0;
	padding:0 0 0 1ex;
}

#contenu #sousmenu #contact dt{
	margin:0;
	padding:0;
}

#contenu #sousmenu #contact dd{
	margin:0 0 0 1ex;
	padding:0;
}