/* 
    Document   : styles
    Created on : 9 déc. 2010, 16:33:10
    Author     : Admin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {font-family: arial, verdana, sans-serif; font-size:9pt;background-color: #193452;}
p, div, strong, b {font-family: arial}
body.accueil {background: #193452 url(./gfx/bg_home2_2.jpg) no-repeat top center}
body.pages {background: #193452 url(./gfx/bg_site2_2.jpg) no-repeat top center}

a:active, a:visited,a:link { color:#003152; text-decoration: underline;font-weight: normal;}
a:hover {color:#1680bb}

#header {
    width: 100%;
    height: 30px;
    position: relative;
    clear: both;
    float: left;
    display: block;
    text-align: center;
}
#headerContent {
    width: 800px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#main {
    width: 100%;
    height: 840px;
    position: relative;
    clear: both;
    float: left;
    display: block;
    text-align: center;
}
#mainContent {
    width: 800px;
    height: 840px;
    margin-left: auto;
    margin-right: auto;
    text-align: left; 
}
#footer {
    width: 100%;
    height: 70px;
    position: relative;
    clear: both;
    float: left;
    display: block;
    text-align: center;
}
#footerContent {
    width: 800px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
div.error{
    color:#bb0000;
    font-size:8pt;
   margin: 2px 0 5px 171px;float:left;clear:both;width:254px;
    font-family: Gill, helvetica , sans-serif;

}
/* --- colones -- */
div#col_left {width:326px;height:840px; float:left;}
img#logo_huissiers {  margin-left: 85px;    margin-top: 26px;float:left;}
img#logo_securevote {      margin-left: 95px;    margin-top: -14px;float:left;}
ul#nav_menu {margin-left:118px; margin-top:36px; float:left;}
ul#nav_menu li a:active, ul#nav_menu li a:visited,ul#nav_menu li a:link {font-size:12pt; color:#ffffff; text-decoration: none;font-weight: normal;letter-spacing: -0.2pt;}
ul#nav_menu li a:hover {color:#1680bb}
ul#nav_menu li a.selected {color:#1680bb}
ul#nav_menu li a b{font-weight:bold;letter-spacing: 0pt;}
ul#nav_menu li {padding-left:14px;margin-bottom:14px; background-image : url(./gfx/puce.png) ;background-repeat: no-repeat;background-position: 0 3px}
 div#col_left embed, object#btn_preparer, embed#btn_preparer {margin-top:177px;float:right}
div#main.accueil div#col_center {float:left;width:343px; }
div#main.accueil img#title_accroche {margin-top:202px; float:left;}
div#main.pages img#title_accroche {margin-top:56px; float:left;}
div#main.accueil div#mainContent div#col_center p {font-size:9pt; text-align: justify; margin-top: 14px;float:left;color:#193452; line-height:17px; font-weight: bold;}
/* les pages */
div#main.pages div#page_content{float:left; margin-top:130px; margin-left:61px;width:325px;height:440px;}
div#main.pages div#page_content h1 {font-size:17pt;font-weight: normal;color:#1680bb;border-bottom:double 3px #304863; margin-bottom:18px; padding-bottom:22px}
div#main.pages div#page_content h1 strong, div#main.pages div#page_content li strong {font-weight: bold;}
div#main.pages div#page_content li strong {background-image:url(./gfx/puce2.png);background-repeat: no-repeat;background-position: 1px 5px;padding-left:8px;color:#1680bb}
div#main.pages div#page_content li b {font-weight:bold;}
div#main.pages div#page_content li  {line-height:14px; margin-bottom: 10px; text-align: justify}
div#main.pages div#page_content li.small  {font-size:7pt;}
div#main.pages div#page_content li ul {text-align:justify;font-size:8pt;list-style-type: decimal;margin-left:15px;}
div#main.pages div#page_content li ul li {margin-bottom:1px;}




div#footerContent ul{margin-left:60px;float:left; margin-top:14px;width:262px;border-bottom:solid 1px #ffffff;margin-bottom:3px}
div#footerContent li{float:left;width:77px;line-height:17px}
div#footerContent li.first{text-align:left;}
div#footerContent li.middle{text-align:center;width:107px;}
div#footerContent li.last{text-align:right;}

div#footerContent li a {color:#ffffff;text-decoration:none}
div#footerContent p {margin-left:60px; color:#ffffff;font-size:7pt;font-weight:bold;clear:both;width:280px;letter-spacing: 0.2pt}