/* Placement général des blocs */
#page{
	position:relative;
	width:960px;
	margin:0 auto;
}
#entete{
	width:100px;
	height:140px;
	float:left;
	margin-top:16px;
}
#barre-nav{
	width:840px;
	float:right;
	margin-top:80px;
	padding-bottom:15px;
	background:transparent url(images/menu-ombre.jpg) center bottom no-repeat;
}
#bandeau{
	clear:both;
}
#colonnes{
	clear:both;
}
#navigation{
	float:left;
	width:200px;
	margin-bottom:3em;
}
#contenu{
	float:left;
	width:520px;
	padding:1.7em 20px 0 20px;
}
.page_sommaire #contenu{
	width:740px;
	padding-left:0;
}
#extra{
	float:left;
	width:200px;
	padding-top:2em;
}
#pied-conteneur{
	clear:both;
	margin-top:3em;
	background:black url(images/pied-fond.png) center top no-repeat;
}
#pied{
	width:710px;
	min-height:215px;
	margin:0 auto;
	padding:100px 0 0 250px;
	font-size:0.9em;
	color:white;
	background:transparent url(images/pied-accroche-ldd.gif) left center no-repeat;
}


/* Styles par défaut sur toute la page */
body{
	margin:0;
	font-size:12px;
	font-family:verdana, arial, sans-serif, sans;
}
#page a {
	color:#2784B4;
	text-decoration:none;
	outline:none;
}
#page a:hover{
	text-decoration:underline;
}
#page a:focus, #page a:active{
	color:white;
	text-decoration:none;
	background-color:#2784B4;
}
#page h1{
	font-family:georgia, times, serif;
	font-weight:normal;
	font-size:1.8em;
}
.lien-bloc.hover{
	cursor:pointer;
}
img{
	vertical-align:middle;
}
.colonne{
	float:left;
}
.colonne-2{
	width:48%;
	margin-right:2%;
}
.colonne.last{
	margin-right:0;
}


/* Styles spécifiques à l'entête */
#entete a{
	display:none;
}
#entete strong a{
	display:block;
	width:96px;
	height:104px;
	text-indent:-10000px;
	background:transparent url(images/logo-ldd.png) left top no-repeat;
}
#formulaire_recherche{
	position:absolute;
	top:20px;
	right:50px;
}
#formulaire_recherche label{ display:none; }
#formulaire_recherche input.text{
	width:20em;
	padding:0.2em 0.5em;
	font-size:0.9em;
	border:1px solid #E0E0E0;
	background:black;
	color:white;
}
#formulaire_recherche input.text:focus{
	background:#2784B4;
}
#formulaire_recherche input.submit{
	text-indent:-10000px;
	padding:0;
	width:22px;
	height:20px;
	background:transparent url(images/loupe-recherche.jpg) center center no-repeat;
	border:0;
}


/* Styles spécifiques à la barre du menu principal */
#barre-nav .menu-conteneur{
	height:30px;
	padding:5px 1em;
	background:transparent url(images/menu-fond.jpg) center bottom no-repeat;
}
#barre-nav .menu-liste{
	float:right;
	width:auto;
	margin:0;
	list-style:none;
}
#barre-nav .menu-entree{
	float:left;
	width:auto;
	margin-left:1em;
	line-height:30px;
}
#barre-nav .menu-entree a{
	display:block;
	padding:0 1.5em;
	color:black;
	font-size:0.9em;
	text-decoration:none;
	text-shadow:1px 1px 2px #aaa;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#barre-nav .menu-entree.on a{
	/*color:white;
	background:#2784B4;*/
	text-decoration:underline;
}
#barre-nav .menu-entree a:hover, #barre-nav .menu-entree a:focus{
	color:white;
	background:#A3A42C;
	text-shadow:1px 1px 2px #666;
	text-decoration:underline;
}
#barre-nav .contact a{
	text-shadow:0 0 10px red;
}
#barre-nav .contact.on a, #barre-nav .contact a:hover, #barre-nav .contact a:focus{
	
}


/* Styles spécifiques au bandeau de pub */
#bandeau .bandeau{
	height:170px;
	padding:30px 300px 30px 60px;
	background-position:center center;
	background-repeat:no-repeat;
}
#bandeau .h2{
	display:inline;
	font-size:2.5em;
	font-weight:normal;
	color:white;
	background:black;
	opacity:0.9;
}
#bandeau p{
	margin-left:-30px;
	color:white;
	opacity:0.9;
}
#bandeau p span{
	background:black;
}


/* Styles spécifiques à la colonne de navigation */
#navigation .h2{
	font-size:1.15em;
	font-weight:normal;
	color:#7695A2;
}
#navigation .menu-liste{
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid black;
}
#navigation .menu-liste .menu-liste{
	border:0;
}
#navigation .menu-liste .menu-liste .menu-entree{
	padding-left:1em;
}
#navigation .menu-entree a{
	display:block;
	padding:1em 5px 1em 30px;
	font-size:0.9em;
	text-decoration:none;
	background:transparent url() 5px center no-repeat;
	border-bottom:1px solid black;
}
#navigation .menu-entree a:hover,#navigation .menu-entree a:focus{
	color:#2784B4;
	background-color:#CDE3E3;
}


/* Styles spécifiques au contenu principal */
#contenu h2{
	clear:both;
	font-size:1.4em;
	font-family:verdana;
	font-weight:normal;
	color:black;
}
#contenu h3{
	font-size:1.2em;
	font-weight:bold;
	color:#2784B4;
}
#contenu #hierarchie{
	display:none;
}
#contenu .notes{
	font-size:0.9em;
	border-top:1px solid #ddd;
	margin-top:1em;
}
#contenu .notes .h2{
	display:none;
}
#contenu .appel{
	position:relative;
	float:left;
	width:170px;
	margin-right:15px;
	background:transparent url(images/appel-onglet.png) left top no-repeat;
}
#contenu .appel .accroche{
	height:144px;
	padding:100px 20px 0 10px;
	font-size:1.1em;
	background:transparent url() -10000px top no-repeat;
}
#contenu .appel.hover{
	background-position:-10000px top;
}
#contenu .appel.hover .accroche{
	background-position:left top;
}
#contenu .appel.hover .accroche p{
	display:none;
}
#contenu .appel .h2{
	position:absolute;
	top:204px;
	height:40px;
	width:160px;
	margin:0;
	text-align:center;
	line-height:40px;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	color:white;
	background:black;
	border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	opacity:0.8;
}
#contenu .appel p{
	margin:0;
}
#contenu .appel .texte{
	margin-top:0.5em;
	font-size:0.9em;
}
#contenu .edito{
	margin-top:3em;
	margin-bottom:3em;
	padding:0.5em 0;
	background:transparent url(images/icone-edito.png) 0.5em 0.8em no-repeat;
}
#contenu .edito .h2{
	margin:0 0.5em;
	margin-left:30px;
	font-family:georgia, times, serif;
	font-weight:normal;
	font-size:2em;
}
#contenu .edito p{
	margin:1em 0.5em;
	line-height:1.5em;
}
#contenu .linux-etxean{
	margin-top:3em;
	margin-bottom:3em;
	padding:0.5em 0;
	background:transparent url(images/icone-linux-etxean.png) 0.5em 0.8em no-repeat;
	border:1px solid #ddd;
}
#contenu .linux-etxean .h2{
	margin:0 0.5em;
	display:inline;
	margin-left:30px;
	font-family:georgia, times, serif;
	font-weight:normal;
	font-size:2em;
	text-transform:uppercase;
	color:white;
	background:#5EB9CF;
}
#contenu .linux-etxean p{
	margin:1em 0.5em;
	line-height:1.5em;
}
#contenu .contributions{
	clear:both;
	margin-top:3em;
	padding:0.5em 0;
	background:transparent url(images/icone-contributions.png) 0.5em 0.8em no-repeat;
	border:1px solid #ddd;
}
#contenu .contributions .h2{
	margin:0 0.5em;
	display:inline;
	margin-left:30px;
	font-family:georgia, times, serif;
	font-weight:normal;
	font-size:2em;
	color:white;
	background:#5EB9CF;
}
#contenu .contributions p{
	margin:1em 0.5em;
	line-height:1.5em;
}
/*#contenu .contributions strong{*/
/*	font-weight:normal;*/
/*	color:red;*/
/*	font-style:italic;*/
/*}*/
#contenu .articles .liste-items{
	list-style:none;
	padding:0;
	border-top:1px solid #ddd;
}
#contenu .articles .item{
	list-style:none;
	float:left;
	width:49%;
	margin-right:1%;
}
#contenu .articles .item a{
	display:block;
	min-height:20px;
	padding-left:25px;
	background-position:left top;
	background-repeat:no-repeat;
}
#contenu .articles-vignettes .liste-items{
	padding:0;
	list-style:none;
}
#contenu .articles-vignettes .liste-items .item{
	clear:both;
}
#contenu .vignette{
	float:left;
	width:200px;
	height:100px;
	margin-left:-220px;
	margin-bottom:1em;
	border:1px solid #999;
	opacity:1;
}
#contenu .articles-vignettes .item.hover a{
	text-decoration:underline;
}
#contenu .articles-vignettes .item.hover .vignette{
	opacity:0.5;
}
#contenu .articles-blog .liste-items{
	padding:0;
	list-style:none;
}
#contenu .articles-blog .liste-items .item{
	clear:both;
}
#contenu .info-publi{
	float:left;
	width:200px;
	margin-left:-220px;
	margin-bottom:1em;
	font-size:2em;
	color:#aaa;
	text-align:right;
}
#contenu .articles-blog .item.hover a{
	text-decoration:underline;
}
#contenu .articles-blog .item.hover .info-publi{
	color:#777;
}


/* Styles spécifiques à la colonne de choses en plus */
#extra .h2{
	padding:1px 5px;
	font-size:1.15em;
	font-weight:normal;
	color:white;
	background:black;
}
#extra ul.liste-items, #extra .voir-aussi ul{
	margin:0;
	padding:0;
	font-size:0.9em;
	list-style:none;
}
#extra .item a, #extra .voir-aussi a{
	display:block;
	padding:0.5em 1em 0.5em 15px;
	color:black;
	background-image:url(images/icone-page.png);
	background-position:left center;
	background-repeat:no-repeat;
}
#extra .item a:hover, #extra .voir-aussi a:hover{
	color:#2784B4;
}
#extra .item a:focus, #extra .item a:active, #extra .voir-aussi a:focus, #extra .voir-aussi a:active{
	color:white;
}
#extra .references .item a{
	padding:0.5em 0;
	font-size:1.1em;
	background:none;
}
#extra .references .item a:focus, #extra .references .item a:active{
	color:#2784B4;
}
#extra .references .item a .vignette{
	display:block;
	width:198px;
	height:50px;
	text-decoration:none;
	background:transparent url() center center no-repeat;
	border:1px solid #999;
	opacity:0.5;
}
#extra .references .item a:hover .vignette, #extra .references .item a:focus .vignette{
	height:100px;
	opacity:1;
}
#extra .nuage{
	font-size:0.9em;
	text-align:center;
}

/* Styles spécifiques au pied de page */
#pied a{
	color:white;
	text-decoration:none;
	outline:none;
}
#pied a:hover{
	text-decoration:underline;
}
#pied a:focus, #pied a:active{
	color:black;
	text-decoration:none;
	background:white;
}
#pied .menu-liste{
	list-style:none;
	margin:0 2em;
	padding:0;
	border-top:1px solid #444;
}
#pied .menu-entree a{
	display:block;
	padding-left:1em;
	line-height:2em;
	border-bottom:1px solid #444;
}
#pied .menu-entree a:hover{
	background:#111;
}
#pied .menu-entree a:active{
	background:white;
}
#pied .infos-ldd{
	text-align:right;
}
#pied .infos-ldd a{
	color:#2784B4;
}