/**************** Pages intérieures *****************/
#conteneur {
	width:780px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}
#header {
	width:780px;
	height:144px;
	background: url("../../images/interface/fond-header-interieur.gif") top left no-repeat;
}
#header .commun {
	overflow:hidden;
	height:94px;
}
#header .commun .menu1 {
	float:left;
	width:570px;
}
#header .menu1 a.logo {
	display:block;
	margin-top:10px;
	width:150px;
	height:78px;
	position:absolute;
	font-size:0px;
	line-height:0px;
	text-indent:-9999px;
	background:url("../../images/interface/logo.gif") top left no-repeat;
}
#header .menu1 h1 {
	position:absolute;
	z-index:1;
	margin-top:80px;
	font-weight:normal;
	color:#CA3948;
	font-style:italic;
	overflow:hidden; /*L'italique en position absolute est trop grand sous IE7 */
	font-size:1em;
}
#header .menu1 ul {
	margin-left:170px;
	margin-top:50px;
	overflow:hidden;
	height:1%;
}
#header .menu1 ul li {
	float:left;
	font-family:Arial;
	font-size:11px;
	border-right:1px solid #1B4F9D;
	padding-right:4px;
	padding-left:4px;	
}
#header .menu1 ul li.last-child {
	border:none;
	padding-right:0px;
}
#header .menu1 ul li a:hover, #header .menu1 ul li a.focus {
	color:#CA3948;
	text-decoration:none;		
}
#header .menu1 form {
	color:#627DB7;
	margin-left:270px;
	margin-top:5px;
}
#header .menu1 form input.input {
	width:100px;
	font-size:0.9em;
}
#header .menu1 form input.baseStyle {
	color:#B5C9E5;
}

#header .commun .menu2 {
	float:left;
	width:210px;
}
#header .menu2 .private {
	margin-left:75px;
	margin-top:30px;
}
#header .menu2 .private a.prive {
	display:block;
	font-weight:bold;
	color:#CA3948;
	background:url("../../images/interface/puceFlecheRouge.gif") 8em 0px no-repeat;
	padding-right:8px;
	height:14px;
	width:105px;
}
#header .menu2 .private a.abonnement {
	display:block;
}
#header .menu2 form {
	margin-left:75px;
	margin-top:10px;
}
#header .menu2 form label {
	display:none;
}
#header .menu2 form input.input {
	width:100px;
	font-size:0.9em;
}
#header .menu2 form input.baseStyle {
	color:#B5C9E5;
	text-align:center;
}

/** L'arborescence **/
#header .arbo {

}
#header .arbo .level1 {
	height:34px;
}
#header .arbo .level1 h2 {
	float:left;
	width:109px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	padding-left:5px;
	padding-top:3px;
}
#header .arbo .level1 ul {
	float:left;
	overflow:hidden;
}
#header .arbo .level1 ul li {
	float:left;
	height:34px;
}
#header .arbo .level1 ul li a {
	display:block;
	height:34px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
}
#header .arbo .level1 ul li a:hover {
	text-decoration:none;
}
/* un span pour le placer avec des margin, trop dangereux de placer avec des paddings ici, les tailles sont fixes */
#header .arbo .level1 ul li a span {
	padding-top:12px;
	display:block;
}
#header .arbo .level1 ul li.decouvrir a {
	width:186px;
	position:relative;
	z-index:1;
	background: url("../../images/interface/fond-decouvrir.gif") top left no-repeat;
	text-indent:13px;
}
#header .arbo .level1 ul li.decouvrir a:hover, #header .arbo .level1 ul li.decouvrir a.focus {
	background: url("../../images/interface/fond-hover-decouvrir.gif") top left no-repeat ;
}
#header .arbo .level1 ul li.decouvrir a span  {
	margin-left:20px;
}
#header .arbo .level1 ul li.utilisation a { 
	width:170px;
	margin-left:-30px;
	position:relative;
	z-index:4;
}
#header .arbo .level1 ul li.utilisation a:hover, #header .arbo .level1 ul li.utilisation a.focus {
	background: url("../../images/interface/fond-hover-utilisation.gif") top left no-repeat;
}
#header .arbo .level1 ul li.utilisation a span  {
	margin-left:28px;
}
#header .arbo .level1 ul li.teleprocedures a { 
	width:230px;
	margin-left:-31px;
	z-index:3;
	position:relative;
	background: url("../../images/interface/fond-teleprocedures.gif") top left no-repeat;
}
#header .arbo .level1 ul li.teleprocedures a:hover, #header .arbo .level1 ul li.teleprocedures a.focus {
	background: url("../../images/interface/fond-hover-teleprocedures.gif") top left no-repeat;
}
#header .arbo .level1 ul li.teleprocedures a span  {
	margin-left:30px;
}
/** la seconde ligne de sélection de la rubrique **/
#header .arbo .level2 {
	overflow:hidden;
	padding-left:15px;
}
#header .arbo .level2 li {
	float:left;
	height:16px;
}
#header .arbo .level2 li.last-child a {
	border:none;
}
#header .arbo .level2 li a {
	display:block;
	margin-top:2px;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
	margin-bottom:1px;
	padding-right:5px;
	margin-right:5px;
}
#header .arbo .level2 li a:hover {
	text-decoration:underline;
}
#header .arbo .level2 li a.focus {
	font-weight:bold;
}



/**** L'espace de contenu générique ****/
#contenu {
	background: url("../../images/interface/fond-contenu-interieur.gif") top left repeat-y;
	overflow:hidden;
	height:1%;
}

/* La colonne de pubs de gauche */
#pubs {
	background: url("../../images/interface/fond-pub-interieur.gif") top left repeat-x;
	float:left;
	width:149px;
	padding-top:15px;
	text-align:center;
}
#pubs img {
	margin-bottom:10px;
}
/* le bas de page de texte */
#bottom {
	background: url("../../images/interface/fond-bottom.jpg") bottom right no-repeat;
	height:135px;
	margin-top:10px;
	text-align:left;
}
#bottom strong {
	display:block;
	width:180px;
	text-align:left;
	padding-top:80px;
	margin-left:25px;
	font-style:italic;
	font-weight:normal;
	color:#CA3948;
	padding-left:200px;
}
#bottom strike {
	background:url("../../images/interface/dinosaure.png") top left no-repeat;
	width:175px;
	height:127px;
	display:block;
	position:absolute;
	overflow:hidden;
	z-index:50;
	line-height:0px;
	font-size:0px;
	text-indent:-9999px;
	margin-left:345px;
	margin-top:25px;
}

#copyright {
	text-align:right;
	color:#1B4D9D;
}



#corps {
	float:left;
	width:630px;
}
#texte {
	min-height:250px;
	padding-top:20px;
	margin-left:20px;
	margin-right:25px;
}
/* les titres des pages, dans des boudins bleus */
#texte h3.titrePage {
	background: url("../../images/interface/boudinBleuGauche.gif") top left no-repeat;
	padding-left:8px;
	height:20px;
	overflow:hidden;
	margin-bottom:10px;
	font-size:1em;
}
#texte h3.titrePage a {
	background: url("../../images/interface/boudinBleuDroit.gif") top right no-repeat #0D3692;
	color:#FFFFFF;
	font-weight:bold;
	padding-right:15px;
	padding-left:5px;
	float:left;
	height:20px;
	max-height:20px;
	padding-top:3px;
}
#texte ul.sectionPagesFratrie {
	margin-bottom:10px;
	background: url("../../images/interface/separation.gif") bottom center no-repeat;
	padding-bottom:10px;
}
#texte ul.sectionPagesFratrie li {
	margin-left:25px;
	list-style:disc;
	color: #AAB9D5;
}
#texte ul.sectionPagesFratrie li a {
	color: #AAB9D5;
}
#texte ul.sectionPagesFratrie li a:hover {
	text-decoration:underline;
}
/*** Les styles de mise en forme des textes **/
/* Les mini titres */
#texte h4 {
	font-weight:bold;
	margin-top:1em;
	display:block;
	color:#336699;
	font-size:1.1em;
}
#texte h6 {
	font-weight:bold;
	color:#336699;
	display:inline;
}
/* les listes avec des petites puces */
#texte ul.puce1 {
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
}
#texte ul.puce1 li {
	background:url("../../images/interface/puceRondBleu.gif") top left no-repeat;
	padding-left:15px;	
}
/* La liste des mots clés connexes */
#texte h6.metaKeywords {
	display:inline;
	color:#000000;
	font-weight:bold;
}
#texte ul.metaKeywords {
	display:inline;
}
#texte ul.metaKeywords li {
	display:inline;
	border-right:1px solid #000000;
	padding-right:5px;
	margin-left:5px;
}
#texte .center {
	text-align:center;
}
#texte ul.puceFleche {
	margin-top:1em;
	margin-bottom:1em;
}
#texte ul.puceFleche li {
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
	background: url("../../images/interface/puceFleche.gif") top left no-repeat;
	padding-left:15px;
	margin-bottom:10px;
}
#texte .info {
	background:#ECF1FA;
	width:405px;
	margin-right:auto;
	margin-left:auto;
	padding:15px;
	margin-top:1em;
	margin-bottom:1em;
}