/* ==============================================
   FEUILLE DE STYLES ETIOPATHIE DE FRANCE 
   © Alexandre Dupraz  www.pr1z.com
   ============================================== */
body {
	color: #F0E39E;
	background-image:url(../images/bg_portail_02.jpg);
	background-repeat:repeat-x;
	background-color:#DDDDDD;
}
/*a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}*/
/* --- POSITIONNEMENT --- */
#global {
	width: 850px;
	margin: 0 auto;
}
/* En-tête */
#logo{
	background-image:url(../images/ETIO_LOGO_PORTAIL_01.png);
	background-repeat:no-repeat;
	position:relative;	
	width:850px;
	height:250px;
	top:61px;
	z-index:1;
}
#entete {
	height:200px;
}
#entete h1 {
	margin: 0;
	padding:20px;
	padding-left:70px;
	font-size:40px;
	
	background-image:url(../images/etio_logo.png);
	 background-position:15px 14px; 
	background-repeat:no-repeat;
	
	background-color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
/* Bloc central contenant #navigation et #contenu */
#centre {
	width: 100%;
	overflow: hidden;
	padding-top: 60px;
	background-image:url(../images/bg_portail.jpg);
	background-repeat:no-repeat;
}
/* Contenu */
#contenu {
	padding: 10px 20px;
}
/*#contenu > :first-child {
	margin-top: 10px;
}*/
/*#contenu p, #contenu li {
	line-height: 1.5;
}*/
/* Pied de page */
#pied {
	margin: 0;
	padding: 10px 20px 10px 0;
	font-size: .85em;
	text-align:center;
	color:#000000;
	background-image: url(../images/pied_portail.jpg);
	background-repeat:no-repeat;
}
#pied a {
	color: #000000;
	text-decoration:none;
}
#pied a:hover, #pied a:focus {
	text-decoration:underline;
}

/*COLONNE1*/
#btn1 { 
display:block;
width: 250px;
text-transform:uppercase;
font-weight:bold;
margin-bottom:10px;
margin-left:15px;
margin-top:25px;
z-index:3;
}
#btn1 ul {
list-style: none;
margin: 0;
padding: 0;
}
#btn1 li a {
height: 24px;
text-decoration: none;
border-bottom:dashed 1px;
border-top: dashed 1px;
outline: 0 !important
}
#btn1 li a:link,#btn1 li a:visited {
color: #000000;
display: block;
padding: 8px 0 0 10px;
}
#btn1 li a:hover {
color: #000000;
display: block;
background-color:#BA0808;
padding: 8px 0 0 10px;
}


/*COLONNE2*/
#btn2 { 
display:block;
width: 250px;

position:relative;
text-transform:uppercase;

font-weight:bold;
top:-102px;

margin-left:300px;
z-index:3;
}
#btn2 ul {
list-style: none;
margin: 0;
padding: 0;
}
#btn2 li a {
height: 24px;
text-decoration: none;
border-bottom:dashed 1px;
border-top: dashed 1px;
outline: 0 !important
}
#btn2 li a:link, #btn2 li a:visited {
color: #000000;
display: block;
padding: 8px 0 0 10px;
}
#btn2 li a:hover {
color: #000000;
display: block;
padding: 8px 0 0 10px;
background-color:#ECC116;
}

#rip {
	font-weight:bold;
	color: #000000;
	font-size:16px;
	text-align:center;
	padding: 10px 10 10 10px;
}