body{
margin: 0;
padding: 0;
font: 0.8em Arial, Helvetica, sans-serif;
}
h1{
font: bold 1.5em Arial, Helvetica, sans-serif;
color: #FF6600;
}
h2{
font: bold 1.2em Arial, Helvetica, sans-serif;
}
h2:first-child{
/*margin-top: 0;*/
}
h3{
font: bold 1em Arial, Helvetica, sans-serif;
}
a:hover{
color: #CC3300;
}
a{
color:#336601; 
}
#main{
width: 730px;
margin: 0 auto 0 auto;
background: #FFDD46 url(images/prehome/fond_carreaux.png);
}
#titre{
height: 160px;
background: #FFDD46 url(images/prehome/bandeau_titre.jpg);
}
#titre h1{
display: block;
float: left;
width: 200px;
text-indent: -9999em;
}
#flashObject{
float: left;
width: 370px;
height: 160px;
}
#flashObject span{
display: block;
width: 250px;
height: 100px;
margin: 30px 0 0 110px;
font-size: 0.85em;
color: #000066;
}
#flashObject span img{
margin: 0;
}
#flashObject span a {
font-weight: bold;
color: #003399;
}
#flashObject span a:hover{
color: #0066CC;
}
#titre img{
position: relative;
margin: 40px 0 0 44px;
border: none;
}

/* Gestion des cadres */
#entree, #archives{
margin: 0 20px 20px 20px;
}
#preconisations, #mentions{
margin: 0 20px 0 20px;
}
#entree{
width: 690px;
padding-top: 30px;
}
#preconisations{
width: 690px;
padding-top: 20px;
}
#archives{
width: 690px;
padding-top: 28px;
}
#mentions{
width: 690px;
padding-top: 16px;
background: url(images/prehome/barre_mentions.png) left top no-repeat;
}
#entree{
background: url(images/prehome/barre_orange.png) left top no-repeat;
}
#archives{
background: url(images/prehome/barre_verte.png) left top no-repeat;
}
#preconisations{
background: url(images/prehome/barre_bleue.png) left top no-repeat;
}
#entree .contenu, #archives .contenu{
padding-bottom: 10px;
background: url(images/prehome/barre_bas.png) left bottom no-repeat;
}
#mentions .contenu{
padding-bottom: 20px;
/*border-left: 1px #FFAB00 solid;*/
background: url(images/prehome/barre_mentions_bas.png) left bottom no-repeat;
}
#entree .fond, #archives .fond{
background-color: #fff;
}
#preconisations .fond{
background-color: #FFCC00;
}
#mentions .fond{
background-color: #FFFFFF;
}

/* Contenu Entree */

#entree h3{
color: #330000;
}

tr{
padding:10px;
vertical-align: top;
}
td{
padding:10px;
vertical-align: top; 
}
td.intro, td.theme, td.archives{
	width: 360px;
	background-color: #FFFFFF;
	
}
td.theme h2, td.intro h2, td.cederom h2{
color: #CC3300;
}
td.entrer, td.cederom, td.enquete{
width: 330px;
}
td.theme p{
font-size: 0.85em;
}
td.theme img{
margin-bottom: 10px;
float: left;
}
td.theme h2{
clear: left;
}

span.barre{
margin: 0px 0 0px 0;
clear: left;
display: block;
border-bottom: #FFB200 1px solid;
}
td.entrer{
text-align: center;
}
td.entrer h2{
color: #FF6600;
}
td.entrer a.navigateur{
/*text-indent: -9999em;*/
display: block;
width: 230px;
height: 158px;
margin: 0 0 10px 60px;
}
*td.entrer a span{
display: none;*
}
td.entrer a.navigateur{
background: url(images/prehome/icone_navigateur.jpg) no-repeat 0 0;
}
td.entrer a.navigateur:hover{
background-position: 0 -158px;
}
td.entrer a.popup{
color: #003399;
}
td.entrer a.popup:hover{
color: #003399;
}

/*td.entrer a.popup{
background: url(images/prehome/icone_popup.png) no-repeat 0 0 ;
}
td.entrer a.popup:hover{
background-position: 0 -75px;
}*/
/*td.entrer span{
display: block;
float: left;
width: 90px;
margin: 0 10px 0 10px;
font-size: 0.85em;*/
}
/*td.entrer div{
margin: 0 0 0 50px;*/
}
td.cederom{
text-align: center;
}
td.cederom h2{
margin: 0px;
}
/* Contenu Archives */
td.enquete, td.archives{
text-align:center;
}
td.enquete a span, td.archives a span{
display: none;
}
#archives h2{
display: none;
}
#archives p{
color: #336601;
}
#archives a{
/*text-indent: -9999em;*/
display: block;
margin: 0 auto 10px auto;
color:#336601; 
}
#archives a:hover{
color: #CC3300;
}
#archives a.archives{
width: 232px;
height: 97px;
background: url(images/prehome/entrer_archives.jpg) no-repeat 0 0;
}
#archives a.enquete{
width: 120px;
height: 120px;
background: url(images/prehome/entrer_enquete.jpg) no-repeat 0 0;
}
#archives a.archives:hover{
background-position: 0 -97px;
}
#archives a.enquete:hover{
background-position: 0 -120px;
}

/* Contenu Preconisations */

#preconisations .fond{
padding: 10px;
color: #336703;
background-color: #FFFFFF;

}
#preconisations h2{
display: none;
}
#preconisations p{
margin: 0;
font: 0.85em Arial, Helvetica, sans-serif;
}

/* Contenu Mentions */

#mentions .fond{
text-align: center;
padding: 10px;
color: #336703;
font-size: 0.85em;
background-color: #FFFFF;
}
#mentions p{
padding: 0;
margin: 0;
}
#mentions a{
color: #316503;
}
#mentions a:hover{
color: #CC3300;
}