/* ------------------------------------------- */
/*  Site RENNES                                */
/*  Réalisé par BlackApples Computing Creation */ 
/*  ------------------------------------------ */

/* ------ BODY ------- */
body
{
 	margin: 0;
	padding: 0;
	height: 100%; /* Required */
    marginwidth=0;
    marginheight=0;
    leftmargin=0;	
    topmargin=0;
	
    text-align:justify ;
	
    font-family: arial, verdana, trebuchet MS,sans-serif ;
    font-size: 10pt ;
    color: black ;
 	background-color: #FFFFC6 ;
	
	 scrollbar-3dlight-color : #FF9A35;
	 scrollbar-arrow-color : black;
	 scrollbar-base-color : #666666;
	 scrollbar-darkshadow-color : Black;
	 scrollbar-face-color : #FFFFC6;
	 scrollbar-highlight-color : #666666;
	 scrollbar-shadow-color : #FF9A35;
}

a
{
	text-decoration: none;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	color:#FF9A35;
} 

a:hover
{
	text-decoration: underline;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	color:#000000;
} 
h1
{
    font-size: 14pt ;

}
/* ------ Conteneur pour centrer la page ---------*/
#global {
     position: relative;
	 margin-left: auto;
     margin-right: auto;
     width: 900px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }


	 
.liens
{
	text-decoration: none;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	color:#FF9A35;
} 

.liens:hover
{
	text-decoration: underline;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	color:#000000;
} 

/* ----- PLACEMENT DU FOND ------*/
.blochaut
{ 
	position:absolute;
	left:0px;
	top:0px;
	width:950px;
	height:309px;
    z-index: 1 ;	
}
.blocimagerubrique
{ 
	position:absolute;
	left:0px;
	top:135px;
	width:950px;
	height:424px;
    z-index: 1 ;	
}
.blocimagearticle{ 
	position:absolute;
	left:0px;
	top:135px;
	width:950px;
	height:150px;
    z-index: 1 ;	
}

/* ----- les breves ------*/
.blocbreve
{ 
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	border-style: solid;
	border-width: 10px;
	border-top-width: 10px;
	border-color: #FF9A35;
  	background-color: #FFDD95 ;
	position:absolute;
	text-decoration: none;
	text-align: center;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	font-size: 13pt ;
	color:#FF9A35;
	left:760px;
	top:230px;
	width:140px;
	
    z-index: 4 ;	
}
/* ----- le mail en bas ------*/
.bloccompteur
{ 
	text-decoration: none;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	color:#FF9A35;
	position:absolute;
	left:760px;
	top:450px;
	width:170px;
	height:200px;
    z-index: 4 ;	
}
.bloccompteur a
{ 
    color:#FF9A35;
	text-decoration: none;
}

.bloccompteur a:hover
{
 	color:#000000;
 	text-decoration: underline;
}
/* ----- Globale ------*/

.article
{
 	background-image:url("images/milieu.jpg") ;
	background-repeat: repeat-y ;
	position: absolute;
	left: 0px;
	
	padding-top:100px;
	padding-left:250px;
	padding-right:250px;
	padding-bottom:105px;
	top: 310px;
	width:450px;

	z-index: 2;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	font-size: 10pt;
	overflow: visible ; 
} 
.articlehaut
{
 	background-image:url("images/milieu.jpg") ;
	background-repeat: repeat-y ;
	position: absolute;
	left: 0px;
	
	
	padding-left:250px;
	padding-right:250px;
	padding-bottom:105px;
	top: 284px;
	width:450px;

	z-index: 2;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	font-size: 10pt;
	overflow: visible ; 
} 
.articlehaut a
{
	text-decoration: none;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	color:#DFAB56;
} 
.articlehaut a:hover
{
	text-decoration: underline;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	color:#DFAB56;
} 
.articlealbum
{
 	background-image:url("images/milieu.jpg") ;
	background-repeat: repeat-y ;
	position: absolute;
	left: 0px;
	
	padding-top:100px;
	padding-left:250px;
	padding-right:150px;
	padding-bottom:105px;
	top: 285px;
	width:950px;

	z-index: 2;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	font-size: 10pt;
	overflow: visible ; 
} 

.article a
{
	text-decoration: none;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	color:#DFAB56;
} 
.article a:hover
{
	text-decoration: underline;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	color:#DFAB56;
} 
.articlesommaire
{
	position: absolute;
	left: 40px;
	top: 400px;
	width:600px;
	z-index: 4;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	font-size: 10pt;
} 
.articletitre
{
	position: absolute;
	left: 300px;
	top: 190px;
	z-index: 4;
	text-decoration: none;
	text-align: justify;
	font-weight: bold;
	font-family: arial, verdana, trebuchet MS,sans-serif;
	font-size: 13pt;
	color: #DFAB56;
} 

.bas
{
  position: absolute;
  bottom: -1px;
  left: 0px;
  z-index: 2 ;
}

.textemenu
{
font-size: 13pt ;
text-align: justify;
font-weight: bold;
color:#DFAB56;
}

/* ------- POUR LE MENU HAUT ------*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
  position:absolute ;
  left:50px ;
  top:310px ; 
  z-index: 5 ;
  
  text-align:justify ;
  font-family: arial, verdana, trebuchet MS,sans-serif;
  font-size: 13pt ;
  color: white ;
  width: 200px; /* précision pour Opera */
}
#menu dl {
float: left;
width: 7em;
}
#menu dt {
font-size: 16pt;
cursor: pointer;
text-align: justify;
color:#DFAB56;
border: 0px solid gray;
margin: 0px;
height:20px;
}
#menu dd {
position:relative ;
top:10px;
color:#DFAB56;
display: none;
border: 0px solid gray;
}
#menu li {
	font-family: arial, verdana, trebuchet MS,sans-serif;
	padding-left:20px;
	font-size: 10pt ;
	text-align: left;
	height:15px;
}
#menu li a{
color:#DFAB56;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a {
font-size:16px;
text-align:left ;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover{
font-weight: bold;
}
#menu dt a:hover {
font-size:16px;
}





.recherchetexte {
		position:absolute;
	    bottom : 0px ;
		left :630px;
		z-index: 5;
		color:#dcf3b1;
		text-decoration: none;
		text-align: justify;
		font-weight: bold;
		font-family: arial, verdana, trebuchet MS,sans-serif;
		font-size: 10pt;
}
.recherche {
		position: absolute;
		left :720px;
		bottom: -9px;
		z-index: 5;
		color:white;
		text-decoration: none;
		text-align: justify;
		font-weight: lighter;
		font-family: arial, verdana, trebuchet MS,sans-serif;
		font-size: 9pt;
}