body {background: url(images/fond1px.gif) repeat fixed; color: #575757; margin: 0; padding: 0; font: normal 11px Verdana, Arial, sans-serif; letter-spacing: 0.1px;}
.table {margin-top: 4px}
#toplogo {position: absolute; top: 0; left: 0; width: 166px; height: 82px; background: url(images/logo_p-mail.gif) no-repeat; padding: 0; margin: 0; border: 0px solid #000000}

#top {position: relative; top: 0; left: 166px; width: 85%; height: 82px; background: url(images/top1px.gif) repeat-x; padding-top: 7px; margin: 0; border: 0px solid #000000;}
#lientop {position: relative; font-style: normal; text-align: left; padding-top: 25px;}
#lientop img{padding-left: 10px;}
#lientop a:link {color: #575757; text-decoration: none;}
#lientop a:visited {color: #575757; text-decoration: none}
#lientop a:hover {color: #575757; text-decoration: underline}

#menu1{margin-top: 0em; margin-bottom: 0em; border: 0px solid #ffffff;}
#menu1 ul {background-color: #2A2A29; text-align: left; margin: 0; padding-bottom: 5px; padding-top: 4px; border-bottom: 0px solid gray;}
#menu1 li {display: inline; list-style-type: none; padding-left: 2.5em; border: 0; color: #A0C810}
#menu1 li:first-child {border: none;}
#menu1 a:link {color: #A0C810; text-decoration: none}
#menu1 a:visited {color: #A0C810; text-decoration: none}
#menu1 a:hover {color: #A0C810; text-decoration: underline}
#menu1 li.news {padding-left: 50px; color: #ffffff;}

a.text:link {color: #A0C810; text-decoration: underline; font-family: Verdana, Arial, sans-serif; font-size: 11px}
a.text:visited {color: #A0C810; text-decoration: underline; font-family: Verdana, Arial, sans-serif; font-size: 11px}
a.text:hover {color: #A0C810; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-size: 11px}


#tabcentre {display: block; width: 800px; height: 100%; text-align: left; background: #ffffff; padding: 0px; margin-bottom: 2px; border: 1px solid #A0C810; font-family: Verdana, Arial, sans-serif; font-size: 11px}
#tabcentrecontenu {display: block; width: 785px; text-align: justify; padding: 0px; margin-left: 5px; border: 0px solid #A0C810; font-family: Verdana, Arial, sans-serif; font-size: 11px}
#tabcentregauche {float: left; width: 500px; text-align: justify; padding: 0px; margin: 0px; border: 0px solid #A0C810; font-family: Verdana, Arial, sans-serif; font-size: 11px}
#tabcentredroite {float: right; width: 240px; text-align: left; padding: 0px; margin-left: 20px; border: 0px solid #A0C810; font-family: Verdana, Arial, sans-serif; font-size: 11px}
#image_webmail {display: block; width: 218px; height: 200px; background: url(images/imp_webmail.gif) no-repeat center left; border: 0px solid #cc6600}
#image_slogan {display: block; width: 218px; height: 280px; background: url(images/slogan_doter.gif) no-repeat center left; border: 0px solid #cc6600}

h3.titre{padding-left: 10px; padding-bottom: 5px; font-size: 11px; line-height: 100%; color: #A0C810; font-family: Verdana, Arial, sans-serif;}

img.top {vertical-align:text-top; padding-right:20px; align: left;}

div.float1 {float: left; padding-bottom: 10px; padding-left: 10px; border: 0px solid black;}
div.float2 {float: left; padding-bottom: 10px; padding-left: 10px; border: 0px solid black; width: 220px}
div.float3 {float: left; padding-bottom: 2px; padding-left: 10px; border: 0px solid black; width: 250px}

div.float1 p {text-align: left;}
div.float2 p {text-align: left;}
div.float3 p {text-align: right;}

div.container {border:0px; background-color: transparent; padding-right: 5px; padding-left: 5px; border: 0px solid black}
div.spacer {clear: both;}

#tabgauche {float: left; width: 550px; text-align: justify; padding: 0px; margin: 0px; border: 1px solid #A0C810}
#tabdroite {float: right; width: 190px; text-align: left; padding: 0px; margin-left: 20px; border: 1px solid #A0C810}

#slogan_logo {display: block; width: 800px; height: 131px; padding: 0px; margin: 0px; border: 0px solid #A0C810}
.img1 {float: left; width: 423px; height: 100%; margin-top: 0.5em; margin-left: 6px; background: url(./images/slogan_p-mail.gif) no-repeat; border: 0px solid #000000}
.img2 {float: left; width: 220px; height: 100%; margin-top: 0.5em; margin-left: 80px; border: 0px solid #000000}
.img3 {float: left; width: 436px; height: 100%; margin-top: 0.5em; margin-left: 6px; background: url(./images/slogan_citoyen.gif) no-repeat; border: 0px solid #000000}
.img4 {float: left; width: 423px; height: 100%; margin-top: 0.5em; margin-left: 6px; background: url(./images/espace_com.gif) no-repeat; border: 0px solid #000000}
.img5 {float: left; width: 423px; height: 100%; margin-top: 0.5em; margin-left: 6px; background: url(./images/package.gif) no-repeat; border: 0px solid #000000}
#para1, #para2, #para3, #para4 {display: block; width: 790; height: 100%; padding-left: 6px; padding-right: 5px; padding-top: 15px;border: 0px solid #A0C810; font-family: Verdana, Arial, sans-serif; font-size: 11px}
#para1 ul, #para2 ul, #para3 ul, #para4 ul {text-align: left; padding-bottom: 10px; color: #575757; list-style-image: url(./images/puce1.gif); font-family: Verdana, Arial, sans-serif; font-size: 11px}
li.saut {padding-bottom: 10px}


#para1 h3, #para2 h3, #para3 h3, #para4 h3{margin: 0px 0px 5px 0px; padding: 0px; width: 100%; font-size: 11px; line-height: 130%; color: #A0C810; font-family: Verdana, Arial, sans-serif;}
p {padding-bottom: 7px}

#footer {display: block; width: 800px; text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; margin: 0; border: 0px solid #A0C810; font-family: Verdana, Arial, sans-serif; font-size: 10px}

#lienbas {display: block; font-style: normal; text-align: right; padding-top: 5px; padding-bottom: 10px; padding-right: 10px; width: 775px; border: 0px solid black;}
#lienhaut {display: block; font-style: normal; text-align: right; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; width: 775px; border: 0px solid black;}

#lienbas img, #lienhaut img{padding-left: 10px;}
#lienbas a:link, #lienhaut a:link {color: #575757; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-size: 11px}
#lienbas a:visited, #lienhaut a:visited {color: #575757; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-size: 11px}
#lienbas a:hover, #lienhaut a:hover {color: #575757; text-decoration: underline; font-family: Verdana, Arial, sans-serif; font-size: 11px}

.alert {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #961d1d}
img {border: 0px}
div.hidden {display: none}
.separateur {background-image:url(./images/dot.gif); height:1px; overflow:hidden; clear:both; margin:0px; margin-top:5px; margin-bottom:5px; width:100%}
input.type1 { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; color: #000000 ; background-color: #ffffff ; border:  1px solid #000000; margin-bottom: 8px; margin-left: 8px;}
select { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; color: #000000 ; background-color: #ffffff ; margin-bottom: 8px; margin-left: 8px;}
.text-height1 { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; border: 0px solid #000000; vertical-align: top;}