/* CSS du site www.dictiotouch.fr
par Gorpovitch */


/*Des liens?*/
a
{
color: rgb(56,53,53);
}
a:hover
{
color: rgb(56,142,224)
}
.inline a{
	text-decoration:none;
	color:black;
	font-weight:bold;
}
.inline a:hover
{
color: rgb(56,142,224)
}
h1 a{
	color:black;
	font-weight:bold;
	text-decoration:none;
}
#texte .txt a 
{color:rgb(56,53,53)}
#texte .txt a:hover
{color: rgb(56,142,224)}


/*Le corps...*/
body{
	background-color: rgb(66, 66, 66);
}
#corps_index{
	width:922px;
	margin-left:auto;
	margin-right:auto;
}

/*Les menus du haut*/
#header{
	background:url("images/header.png") repeat-x;
	text-align:center;
	padding-bottom:20px;
}
.menu_h a{
	margin-right:12px;
	font-weight:bold;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

.lien_menu a{
	text-decoration:none;
	color:white;
}
.lien_menu img{
	position:relative;
	top:5px;
	width:25px;
	height:25px;
	border:0;
}


/*Le logo*/


#logo{
	position:absolute;
	top:60px;
	border:0; 
}
#logo a{
	width:166px;
	border:0;
}
#logo a img{
	border:0;
}

/*L'entÃªte (connection, etc..)*/
#entete{
	height:50px;
	width:920px;
	background:url("images/txt.png") repeat-y;
	text-align:center;
	padding:5px;
	padding-top:25px;
	padding-bottom:0;
	position:absolute;
	top:140px;
}
#entete h3{
	display:inline;
	height:15px;
	padding:5px;
	text-decoration:none;
}
#entete h1{
	display:inline;
	font-size:2em;
}


/*Le premier article*/


#une {
	width:920px;
	height:329px;
	background-image:url("images/fond_une.png");
	background-repeat:repeat-y;
	position:absolute;
	top:215px;
}

#une .preview {
	width:240px;
	height:240px;
	position:absolute;
	top:38px;
	left:20px;
}
#une h1{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:rgb(25,24,23);
	position:absolute;
	top:20px;
	left:280px;
}
#une .ifonr{
	font-weight:bold;
	color:rgb(89,88,86);
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:68px;
	left:280px;
	
}
#une .ifobl{
	color:rgb(0,125,226);
}
#une .txt{
	color:rgb(87,85,80);
	width:600px;
	height:180px;
	position:absolute;
	overflow:hidden;
	top:100px;
	left:280px;
}
.suite
{
	position:absolute;
	top:250px;
	left:280px;
	border:0px;
}
.suite:visited
{border: none }

/*Les autres news*/


#seconde, #autre1, #autre2{
	position:absolute;
	width:600px;
	height:150px;
	background:url("images/txt.png") no-repeat;
	
}
#seconde{
	top:547px;
}
#autre1{
	top:702px;
}
#autre2{
	top:857px;
}


#seconde h1, #autre1 h1, #autre2 h1{
	font-size:15px;
	color:rgb(25,24,23);
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:10px;
	left:135px;
}

#seconde .pre, #autre1 .pre, #autre2 .pre{
	position:absolute;
	top:12px;
	left:10px;
	width:120px;
	height:120px;
	border: none;
}
#seconde .txt, #autre1 .txt, #autre2 .txt{
	position:absolute;
	top:40px;
	left:135px;
	color:rgb(87,85,80);
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:450px;
}
#autre1 p, #autre2 p, #seconde p{
	height:80px;
	overflow:hidden;
} 


/*La prÃ©sentation dictiotouch*/

#corps_index #presentation{
	position:relative;
	top:500px;
	left:610px;
	width:300px;
	margin:0;
}
#corps_index .img_prs{	
	width:300px;
}
.txt_prs{
	color: rgb(180,180,180);
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:300px;
}
.txt_prs a{
	color:#fff;
}
.txt_prs a:hover{
	color: rgb(56,142,224);
}
.lien_prs{
	color:rgb(38,104,159);
	font-weight:bold;
	text-decoration:none;
}


/*Le texte de la page d'accueil*/
#texte{
	background:url("images/txt.png") repeat-y;
	position:absolute;
	top:1010px;
	width:920px;
	height:320px;
	padding-bottom:10px;
	padding-left:10px;
}
#texte h1{
	position:absolute;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:rgb(25,24,23);
	padding-left:10px;
}
#texte .txt{
	position:absolute;
	top:50px;
	color:rgb(87,85,80);
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:850px;
	height:290px;
	padding-bottom:10px;
	padding-left:10px;
}


/*et le footer.. */


#footer{
	color:white;
	height:100px;
	width:100%;
	position:absolute;
	top:1400px;
	left:0px;
	text-align:center;
	background-color: rgb(32, 32, 30);
}
#footer a{
	color: white;
}