﻿
body { font-family: Arial, sans-serif; line-height: 1.4; font-size: 13px; background: #cfcfcf; margin: 0; padding: 0; color: #112211; }
#header { padding: 5px 30px 0 20px; background: url(../images/header.jpg) repeat-y; }
#header h1 { font-family: Arial, sans-serif; margin: 0; padding: 0px 0 25px 0px; font-weight: 100; color: #787878; font-size: 15px; }

#evitement { position: absolute; top: 18px; right: 30px; text-align: right; width: 380px; }
#evitement ul { margin: 0; padding: 0 15px 2px 0; }
#evitement li { list-style-type: none; font-size: 0.9em; padding: 0; display: inline; color: white; line-height: 1.5em; }
#evitement li a { color: white; }

#conteneur { width: 800px; margin: 0 auto; background-color: #fff; }

#centre { float: left; margin: 20px 0 0 0; width: 290px; background: #efefef; border-bottom: 1px solid #7D7D7D; }

#centre h3 { background: url(../images/sidebar.jpg) repeat-x; height: 30px; line-height: 30px; font-weight: 100; margin: 0; padding: 0 0 0 20px; color: #fff; font-size: 12px; }

#centre p { padding: 0 10px 10px 10px; color: #232323; }

#centre ul { padding: 5px 0 10px 20px; margin: 0; color: #112211; list-style-type: none; }

#centre ul li { background: url(../images/bullet.png) no-repeat center left; padding: 2px 0 2px 22px; margin: 0; }
#centre ul li a { }
.ccm  { width: 80%; border: 1px solid #cfcfcf; }
.ccm td { border: 1px solid #cfcfcf; padding: 0 0 0 20px; }
.colccm {background: #cfcfcf; }

#gauche { float: right; width: 452px; margin: 15px 0 0 0; text-align:justify; }
#gauche h2 { margin: 0; color: #3F4C6B; line-height: 30px; font-weight: 100; }

#gauche p { padding: 0 0 10px 0; color: #232323; }
#gauche ul { padding: 0 20px 10px 30px; list-style-type:square; color: #3F4C6B; }

#whois { float: right; width: 750px; margin: 0px 0 0 0; text-align:justify; }

#footer { font-size: 11px; text-align: center; color: #fff; background: url(../images/footer.jpg) repeat-y; padding: 10px; }
#footer p { padding: 0; margin: 0; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }

#contenu { background: url(../images/content.jpg) repeat-y; padding: 0px 30px 20px 10px; margin: 0px; }

p { margin: 0 0 10px 0; }


h2 { margin: 20px 0 5px 0; padding: 0; font-weight: bold; font-size: 14px; color: #8CC42B; }

h2 span { color: #8CC42B; }

h3 { margin: 20px 0 5px 0; letter-spacing: 2px; font-size: 14px; color: #8CC42B; }
h3:first-letter { font-size: 20px; color: #8CC42B; }
h4 { clear: left; margin: 0 0 0.5em 0; padding: 0; font-weight: bold; font-size: 1.1em; color: #999900; }
table#sample { font-size: 10px; background-color: #FFFFFF; border: solid #000 0px; }

table#sample td { padding: 1px; border: solid #000 0px; }

.data { color: #004D98; text-align: center; background-color: #EEEEEE; }

.toprow { color: #FFFFFF; font-style: normal; text-align: center; background-color: #60BE36; }

.leftcol { font-weight: bold; text-align: center; background-color: #D8D8D8; }

p { margin: 0 0 5px 0; }

a#lien-accueil { position: absolute; left: 180px; top: 80px; width: 550px; height: 60px; }

a { color: #3F4C6B; text-decoration: none;}
a:hover { text-decoration: underline; }

a img { border: 0 none; }
.cache { text-indent: -5000px; font-size: 0px; line-height: 1px; text-decoration: none; }



#menu { background: url(../images/menu.jpg) no-repeat; height: 40px; line-height: 40px; }

#menu ul { list-style-type: none; margin: 0; padding-left: 20px; }
#menu ul li { display: block; float: left; }
#menu ul li a { display: block; padding: 0 10px 0 10px; text-decoration: none; color: #fff; font-weight: 100; }
#menu ul li a:hover { color: #fff; background: url(../images/menuover.png) repeat-x; }


/* menu */
.menu { margin-bottom: 20px; margin-left: 20px; padding-bottom: 5px; padding-left: 10px; }
.menu ul { color: #FF6600; list-style-image: url(../images/picto.gif); margin: 5px 0px 0px 0px; }
.menu li { color: #FF6600; list-style-image: url(../images/picto.gif); padding: 0px; margin: 0px; }
.menu li a { color: #FF6600; display: block; font-weight: bold; padding: 0px; margin: 0px 0px 3px 0px; }
.menu li a:hover { background-color: #004D98; color: #FFFFFF; text-decoration: none; }

/* menu1 */
#menu1 { color: white; list-style: none; margin: 0; padding: 0; padding-top: 15px; text-align: left; }
#menu1 li { margin-bottom: 20px; padding-left: 0px; display: inline; }
#menu1 li a { font-size: 13px; color: #FFFFFF; text-decoration: none; padding: 7px 10px 0px 0px; font-weight: bold; }
#menu1 li a:active { text-decoration: none; color: #8CC42B; }
#menu1 li a:focus { text-decoration: none; color: #8CC42B; }
#menu1 li a:hover { text-decoration: none; color: #8CC42B; }

