@import url("./code.css");

/* Cadre général */
div.divarticle {
    text-align:center;
    width:100%;
}

div.alignement {
	width:96%;
    color : #000000;
    text-align:center;
    margin-left:2%;
    font-family : Verdana, Times, serif;
}

div.synopsis {
	background:#FDFDFA;
	border:#ddd 1px solid;
	padding: 10px 0 5px 15px;
	margin:5px 0 20px 0;
	color:#666;

	text-align:justify;

	background-image: url(./kitlivrebg.gif);
	background-repeat: repeat;
	background-position: bottom left;
}

/* Date de mise à jour */
#dateMaj
{
	color: #888;
	font: normal 11px arial,tahoma, arial, sans-serif;
	text-transform: uppercase;
	text-align: left;
	padding:0px 0 0px 7px;
	margin:0;
} 

/* Menu */
h1.titreoutil , a.titreoutil, a.titreoutil:visited
{
	text-decoration:none;
	text-align:left;
	font-size:28px;
	letter-spacing:-1px;
	padding: 0 0 0 6px;
	margin:0;
	color:#0676FF;
	background:#fff;
	font-family:arial,verdana, sans-serif;
}

ul.listeoutils
{
	background:#FDFDFA;
	padding: 5px 0 5px 5px;
	margin:0 0 0 0;
	color:#666;

	font-size:0.7em;
	font-weight: normal;

	background-image: url(./kitlivrebg.gif);
	background-repeat: repeat;
	background-position: bottom left;
}

li.listeoutil
{
	margin:6px 0 6px 20px;
	padding:0px 0 1px 20px;
	list-style-type: none;
	background-image: url(./kitlivrepuce.png);
	background-repeat: no-repeat;
	background-position: 0% 40%;
}

a.listeoutil, a.listeoutil:visited
{
	text-decoration:none;
	color:#35383C;
	padding:0 2px 1px 2px;
}
a.listeoutil:hover
{
	color:#0062D9;
	border-bottom:#B9D9FF 1px solid;
}

ul.listecategories
{
	background:#FDFDFA;
	border:#ddd 1px solid;
	padding: 10px 0 5px 15px;
	margin:5px 0 20px 0;
	color:#666;

	text-align:justify;

	background-image: url(./kitlivrebg.gif);
	background-repeat: repeat;
	background-position: bottom left;
}

li.listecategorie
{
	font-size:16px;
	font-weight: bold;
	margin:6px 0 6px 0;
	padding:0px 0 1px 10px;
	list-style-type: none;
}

a.listecategorie, a.listecategorie:visited
{
	text-decoration:none;
	color:#35383C;
	padding:0 2px 1px 2px;
}
a.listecategorie:hover
{
	color:#0062D9;
	border-bottom:#B9D9FF 1px solid;
}

/* CSS de Présentation des éléments */
.outil
{
	border: #ddd 1px solid;
	background:	url("./kitlivrebg.gif") repeat bottom left;
	margin: 0 0 20px 0;	
	text-align: left;
}

/* Définition du positionnement vignette */
div.vignette
{
	float: left;
	width: 225px !important;
	width: 220px;
	text-align: center;
}

div.vignette img.image
{
	margin-top: 10px;
	border: 1px #ddd solid;
}

div.corpsDescription
{
	width: auto !important;
	width: 100%;
	margin-left: 225px !important;
	margin-left: 220px;
	padding: 0 0 5px 10px;
	background-color: #FFF;
}

/* Zone du titre pour le programme et la description */
div.tag
{
	float : right;
	margin-right: -1px !important;
	margin-right: -1px;
	margin-top: -1px;
}

div.titre
{
	color: #0078F0;
	font-size: 26px;
	margin-bottom : 10px;
	padding: 5px 0 0 3px;
}

a.titre, a.titre:visited
{
	color: #0078F0;
	text-decoration:none;
}
a.titre:hover
{
	color:#0062D9;
	border-bottom:#B9D9FF 1px solid;
}

a.lienforum {
    text-decoration: none;
    color: black;
    border-bottom: 1px dashed navy;
}
a.lienforum:hover {
    color: navy;
    border-bottom: 1px solid navy;
}

div.sousTitre
{
	color: gray;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
    margin-right: 10px;
	background: url("./kitlivrepoint.gif") repeat-x bottom left;
}

div.sousTitre span
{
	font-weight: normal; 
	color: #2C2F32;
}

div.critique, div.description
{
	padding: 8px;
	margin: 3px 0 10px 1px;
	text-align: justify;
	color: #002C66;
	background: #F0F7FF;
}

div.critique, div.description
{
	padding-bottom: 0px;
    margin-right: 10px;
}

div.critique p, div.description p
{
	margin: 0; 
	padding-bottom: 8px;
}

div.sousTitre a
{
	font-weight: normal;
}

div.sousTitre a, div.article a
{
	text-decoration: none;
	color: #2F94F9;
	padding-bottom: 2px;
	padding-right: 20px;
	background: url('./kitlivrearrow.gif') no-repeat 100% 50%;
}

div.sousTitre a:hover, div.article a:hover
{
	color: #97BC25;
	background: url('./kitlivrearrowH.gif') no-repeat 100% 50%;
}

div.article
{
	padding: 4px; 
	margin: 1px 0 0 0;
	font-weight: bold;
}

div.liens
{
   	padding: 5px 0;
} 

div.liens a, div.cmp img
{
	margin: 3px;
}

div.permalien
{
    text-align:right;
    margin-right:10px;
}

div.voiraussi
{
	margin:20px auto 40px auto;
	padding:0;
	text-align:justify;
	width:400px
}

div.voiraussi h4
{

	font-size:11px;
	font-weight:bold;
	margin:0;
	color:#333;
	padding:4px 0 4px 10px;

	border-bottom:#D3D5D6 1px solid;
}

div.voiraussi a, .voiraussi a:visited
{
	display:block;
	margin:0 10px 0 10px;
	padding:4px 0 4px 20px;
	background:#fff;

	border-bottom:#eee 1px solid;
	background:none;
	text-decoration:none;
	color:#888;

	background-image: url(./kitlivrepuce.png);
	background-repeat: no-repeat;
	background-position: 4px 40%;
}

div.voiraussi a:hover
{
	background:#FAFCFE;
	border-bottom:#DDEBF9 1px solid;
	color:#1B65B8;



	background-image: url(./kitlivrepuce.png);
	background-repeat: no-repeat;
	background-position: 4px 40%;
}

div.retourMenu
{
     font-size: 11px;  
     font-weight: bold;    
     text-align: right;    
     margin: 10px 0 3px 0;
}

div.retourMenu a, div.retourMenu a:visited
{
     color: gray; 
     text-decoration: none; 
     text-transform: uppercase;
}

div.retourMenu a:hover
{
     color: #0676FF;
}

/* Gestion des zones de code */
.code pre {
   margin : 0;
}

.code {
  background-color : #FAFAFA;
  margin-left : 30px;
  margin-right : 30px;
  border: #D1D7DC;
  border-style: solid;
  border-width: 1px;
  text-align : left;
}

.titre_code {
  padding : 2px;
  background-color: #A6A5C2;
  font-weight: bold;
  font-size : 10px;
  font-family: Verdana,sans-serif;
  color : #FFFFFF;
  border: #D1D7DC;
  border-style: solid;
  border-width: 1px;
  text-align : left;
}