body {
	color: #4d4b4a;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #dbcdc0;
	text-align: center;
	
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}

#contenu {
	background-image: url(images/fond_contenu.jpg);
	background-repeat: repeat-x;
	background-color: white;
	margin: 0px auto;
	text-align: left;
	width: 990px;

}
/********************** En-tête ***************************/
#logo{
	background-color: #b6ad9b;
	background-image: url(images/bg_header.jpg);
	background-repeat: repeat-x;
	height: 69px;
	width: 990px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#logo a{
	margin: 0px auto;
}
#en_tête {
	margin: 0px 0px 0px 0px;
	width: 990px;
	height:266px;
	background-image: url(images/banniere_noel.png);
	background-repeat: no-repeat;
	position:relative;	

}

#sous-menu
{
text-align: left;
font-size: 20px;
margin-left: 15px;
}
.contact
{
text-align: left;
}
.adresse a
{
color: #010187;
text-decoration: none;
font-weight: bold;
}
.adresse a:hover
{
text-decoration: underline;

}
.left
{
text-align: center;
}
#sous-menu ul
{
list-style: none;
}
#sous-menu li
{
float: left;
padding: 12px;
}



/****menu principal - Tutoriel Site du zéro****/
#menu, #menu ul   
{
        padding : 0px; 
        margin : 0; 
        list-style : none; 
        line-height : 27px; 
        text-align : center; 
		
}

#menu 
{
        font-weight : bold;
        font-family : Arial; 
        font-size : 12px; 
		margin-left: 3px;
		margin-bottom: 30px;
		margin-top: 0px;
		

}

#menu a 
{
        display : block; 
        padding : 0; 
        background : #7c2f2f;        
        color : #ffffff; 
        text-decoration : none; 
        width : 122px; 
}

#menu li    
{ 
        float : left; 
       
        border-right : 1px solid #fff; 
}


#menu li
{
        border-right: 1px solid transparent ; 
}

#menu li ul 
{ 
        position: absolute; 
        width: 144px;
        left: -999em; 
}


#menu li ul li 
{
      
        border-top : 1px solid #fff;
}


 #menu li ul li                
{
        border-top : 1px solid transparent; 
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; 
        border-left     : 1px solid #fff ;       
}


 #menu li ul ul                
{
        border-left     : 1px solid transparent ; 
}
#menu a:hover     
{
        color: #000000; 
        background: #ff92dc;
		font-weight: bold;
}
#menu li:hover ul ul, #menu li.sfhover ul ul 
{
        left: -999em; 
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  
{
        left: auto; 
        min-height: 0; 
}


/********************** Corps ***************************/

#corps {
	background-image: url(images/etoile_noel.png);
	width: 990px;
	display: block;
	
	
}
#corps h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bolder;
	color: #000000;
	margin: 0px 23px 6px 28px;
	padding: 20px 0px 0px 0px;
	border-bottom: 1px solid #bbb6a0;
}
/**********************Premier texte****************************/
#texte
{
padding-left: 28px;
margin-top: 20px;
font-size: 15px;
width: 960px;

}
.texte1
{
width: 960px;

}
.conditions
 {
 margin-top: 10px;
 width: 960px;}
 .conditions a:hover
 {
text-decoration: none;

 }
 .texte2
 {
 margin-top: 20px;
 text-align: center;
 width: 960px
 }
 .zoom
 {
 font-size: 12px;
 }
 /*********************Adoptions********************************/
#adoption { 
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
width: 990px;
margin-left: 0px;
 margin: auto;
    }


  table { border-collapse: collapse;
  table-layout: fixed;
  width: 900px;
  margin: auto;
  text-align: center;
    }

	.gras
	{
	color: red;
	font-weight: bold;
	}
	.gras2
	{

	font-weight: bold;
	}
	#barbie
	 {
	 text-align: center;
	 }


.photo_chat
{

border-bottom: 3px solid #f4af1a;
border-left: 2px solid #f4af1a;
width: 400px;
padding-top: 8px;
padding-bottom: 8px;

}
.premiere
{
border-top: 3px solid #f4af1a;
border-bottom: 3px solid #f4af1a;
border-left: 2px solid #f4af1a;
width: 400px;
padding-top: 8px;
padding-bottom: 8px;

}
a img
{
border: none;}
 	.adopter
{
color: red;
font-size: 28px;
border: solid red 2px;
margin: 2px;
}

  .tu { color: #ffffff;
    font-size: 21px;
	
    }
 .nom { font-variant: small-caps;
    font-weight: bold;
font-size: 30px;
	color: #7c2f2f;
	background-image: url("../arche_de_noe/images/fleche.png");
	background-repeat: no-repeat;

	padding-left: 15px;
	padding-right: 4px;
margin-top: 10px;
height: 60px;
padding-top: 7px;
text-align: center;
    }
/********************** Pied_de_page ***************************/
#retour
{
text-align: right;
color: black;
text-decoration: none;
margin-bottom: 25px;
padding-bottom: 5px;
padding-right: 20px;
}
#retour a
{
color: #000000;
text-decoration: none;
}
#retour a:hover
{
color: #000000;
text-decoration: underline;
}
#pied_de_page, #pied_de_page a {
	background-color: #bbb6a0;
	width: 990px;
	height:22px;
	text-align:center;
	padding: 10px 0px 0px 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #4d4b4a;
}
#footer a:hover{
	color:#000000;
}