/* INITIALISATION - RESET DES PROPRIETES CSS */
body{margin:0 0 0 0; padding:0 0 0 0}

div, ul, h1, h2, h3, h4, p, img, form{padding:0; margin:0}

ul{list-style-type:none}

.reset{clear:both}

/* MISE EN PLACE DE LA PAGE */
body { font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif; background: #d55509 url("images/Fond.png") }

#page { background: url("images/header_pic.jpg") no-repeat; margin: 15px auto; width: 778px; height: 165px }

/* MENU PRINCIPAL */
#menuprincipal{display:block; padding:141px 0 0 139px; width:90%; height:21px }
#menuprincipal li{display:block; float:left; height:21px; margin:0; padding:0}
#menuprincipal li a{color:#000; font:bold 0.75em "Trebuchet MS",Arial,Helvetica,sans-serif; text-decoration:none; background-color:transparent; margin:0; padding:0 14px; height:21px}
#menuprincipal li a:hover{background-color:#f63}

/* MENU SECONDAIRE */
#menusecondaire{color:#000; background-color:#ffd88e; background-image:none; background-repeat:inherit; padding:19px 0 0; width:180px; float:left}
#menusecondaire h2 { color: #f30; font: 1.5em Arial, Helvetica, sans-serif; background: url("images/Gd_bouton_G.gif") no-repeat; display: block; margin: 14px 0 10px 15px; padding: 3px 0 0 12px; width: 110px; height: 34px }
#menusecondaire ul{display:block; margin-right:0; margin-left:20px; width:140px; margin-top:1em}
#menusecondaire ul li { background: url("images/bouton_G.gif") no-repeat 0 2px; display: block; padding: 0 0 0 16px; height: 24px }
#menusecondaire ul li a{color:#000; font:bold 0.75em Arial,Helvetica,sans-serif; text-decoration:none; background-color:transparent; display:block}
#menusecondaire ul li a:hover{background-color:#454545; color:#B6B6B5}
#menusecondaire h3{color:#f30; font:bold 1em Arial,Helvetica,sans-serif; background-color:transparent; display:block; margin-top:30px; margin-right:0; margin-left:26px; padding:0; width:120px}
#menusecondaire ul.site{display:block; margin-top:5px; margin-right:0; margin-left:25px; width:120px}
#menusecondaire ul.site li{background:transparent; display:block; margin:0; padding:0}
#menusecondaire ul.site li a{color:#333; font:0.75em Arial,Helvetica,sans-serif; text-decoration:underline; background-color:transparent; text-transform:none}
#menusecondaire ul.site li a:hover{color:#a5a5a4; background-color:#666}

/* CONTENU */
#contenu{background-color:#ffc; margin-top:1em; border:1px solid #ffc; } /* Hack IE */

/* TEXTE */
#texte{color:#000; font-size:0.9em; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal; line-height:20px; margin:15px 10px 0; width:560px; float:right}
#texte p{color:#000; text-align:justify; display:block; margin:5px 0; width:560px}
#texte p a{color:#f30; font-weight:bold; text-decoration:underline}
#texte p a:hover{color:#f63; font-weight:bold; text-decoration:none}
#texte h1{color:#000; font-size:1em; text-align:right; display:block; margin:5px 0; width:560px}
#texte h1 a{color:#f30; font-weight:bold; text-decoration:underline}
#texte h1 a:hover{color:#f63; font-weight:bold; text-decoration:none}
#texte h2{height:95px; width:204px; display:block; float:left}

/* PIED DE PAGE */
#footer { background: url("images/footer.gif") no-repeat 50% bottom; margin-top: 1em; width: 100%; height: 67px }
#footer ul{display:block; padding:0 0 0 139px; width:90%; height:20px}
#footer ul li{display:block; float:left; height:21px; margin:0; padding:0}
#footer ul li a{color:#000; font:bold 0.75em "Trebuchet MS",Arial,Helvetica,sans-serif; text-decoration:none; background-color:transparent; margin:0; padding:0 14px; height:21px}
#footer ul li a:hover{background-color:#f63}
#footer p{color:black; font-size:0.6em; text-align:right; margin-top:3em; margin-right:0.5em}