body{
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color:#dfdcb1;/*creme*/
text-align:left;
margin-left: auto;
margin-right: auto;
width: 1000px;
background-image:url(../images/main-bg.gif);
background-repeat:repeat;
border:1px solid  #FFCC00;
}

/*--------------div index---------------------------------*/
#col_gauche {
position:absolute;
top:198px;
background-color:#2d2920;
padding-left:10px;
width:630px;
border:#FF9900;
}
#col_gauche h1{
padding-top:0px;
}
#col_gauche img{
border:#999999 solid 2px;
}
#col_gauche a{
color:#FFCC00;
text-decoration:none;
}
#col_gauche a:hover{
color:#FF9900;
}
#col_droite {
margin-bottom:0px;
position:relative;
left:616px;
margin-left:12px;
background-color:#2d2920;
background-position:top;
background-repeat:repeat-y;
background-image:url(../images/divers/btn/collone_droitefond.jpg);
width:370px;
color:#2d2920;
height:100%;
}
#col_droite h1{
padding:0px 10px 2px 15px;
margin-left:8px;
margin-right:8px;
color:#ffcc00;
}
#col_droite h2{
padding:0px 10px 2px 15px;
margin-left:8px;
margin-right:8px;
font-weight:bold;
color:#0066FF;
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
#col_droite a{
font-weight:bold;
padding:2px;
width:350px;
color:#0066FF;
}
#col_droite a:hover {
font-weight:bold;
padding:2px;
width:350px;
color:#0099FF;
}
#col_droite p{
padding-left:20px;
padding-right:20px;
}
#col_droite p img {
border:#999999 solid 2px;
}
#col_droite img{
border:none;
}
/*---------------------------h1--------------------------------------*/
h1 { 
	color: #ffa200;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding: 2px;
	text-align:left;
	background-color:#453f31;
}
/*---------------------------h2--------------------------------------*/
h2 { 
font : normal 10pt arial;
letter-spacing : 1px; 
color : #FFCC00;/*jaune*/
text-align:left;
}
/*---------------------------h3--------------------------------------*/
h3 { 
font : normal 9pt arial;
text-align:left; 
color : #FFCC00;/*jaune*/
}
/*---------------------------h4--------------------------------------*/
h4 { 
font : normal 12pt arial;
font-weight : bold;
letter-spacing : 2px; 
margin-bottom : 0;
margin-left: 20px;
color : #2d2920;
border-bottom: 0.1em #2d2920 groove;
}
/*---------------------------h5--------------------------------------*/
h5 { 
font : normal 9pt arial;
padding:5px 0 0 32px;
color : #FFCC00;/*jaune*/
background-image:url(../images/divers/loupe_h5.jpg);
background-repeat:no-repeat;
height:32px;
}
/*-------------------------p-------------------------------------*/
p { 
text-align:left; 
font-family : arial; 
line-height : 12pt;
} 
/*-------------------------img-------------------------------------*/
img {
border:#FFFFFF solid 2px;
}

/*---------------------------header-------------------------------------------------*/
#header img{
border:none;
}
/*---------------------------table-------------------------------------------------*/
table {
width: 1000px;
background: #2d2920;
text-align:justify;
}
/*---------------------------menu-------------------------------------------------*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
color: #2d2920;/*gris foncé*/
position:absolute;
margin-left: auto;
margin-right: auto;
font-weight: bold;
z-index: 3;
font-size : 12px;
}
#menu dl {
float: left;
width: 10em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background:#2d2920;gris foncé*/
border-top:#666666 solid 1px;
background-image:url(../images/divers/btn/btn1.jpg);
background-repeat:repeat-x;
border: 1px solid gray;
margin: 2px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
color: #2d2920;/*gris foncé*/
text-align: center;
border-top:#666666 solid 1px;
background-image:url(../images/divers/btn/btn1.jpg);
background-repeat:repeat-x;
}
#menu li a, #menu dt a {
color: #2d2920;/*gris foncé*/
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #FFCC00;
color: #2d2920;
background-image:url(../images/divers/btn/btn2.jpg);
background-repeat:repeat-x;
}
/*---------------------------photos-------------------------------------------------*/
#photos{
display:inline;
}
#photos h1{
padding-left:20px;
}
#photos img{
margin:10px 2px 10px 20px;
z-index:auto;
}
#photos a img {
border:#666666 solid 2px;
}
#photos a:hover img {
border:#FF9900 solid 2px;
}
/*-----------------liens------------------------------------*/
table td p a {
color: #dfdcb1;
text-decoration:underline;
}
table td p a:hover {
color: #FFCC00;
text-decoration:none;
}
/*-----------------footer------------------------------------*/
#footer dl dt {
background-color: #2d2920;
padding: 5px;
font-size :12px;
padding-top:40px;
text-align:center;
}
#footer dl dt a {
color: #FF9900;
text-decoration:underline;
}
#footer dl dt a:hover {
color: #FFCC00;
text-decoration:none;
}
#tissu1 img{
border:none;
}
#tissu img{
border:none;
}
/*-------------------------------personnage--------------*/
#personnage td {
padding: 0px 20px;
}
/*----------------------actualite-------------------*/
#actualite {
background:  left  top url(../images/fondactualite.jpg) no-repeat ;
background-color:#FFCC00;
color:#2d2920;
font-weight: bold;
padding:10px;
}
td#actualite p a {
color: #db1720;
text-decoration:underline;
}
td#actualite p a:hover {
color: #2d2920;
text-decoration:none;
}
/*----------------------geographie------------------------*/
#geographie p a, #geographie p a {
color: #FFCC00;
text-decoration:underline;
font-size:12px;
}
#geographie p a:hover, #geographie p a:focus {
color: #FF9900;
}
/*----------------------obama------------------------*/
#obama img{
	padding:15px;
}