/*
@page           : Screen.css
@version        : 1.0
@author         : lx.vignal@gmail.com
@date           : 07 février 2006
*/

@import url(GridView.css);
@import url(Nav.css);

body {
    margin: 0;
    padding: 10px;
    font: normal 12px/1.6em Verdana, "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
    background:#083A54 url(../../images/__bg_hash_pattern.png);
    background:#376EBE;
    background:#1B282E url(../../images/bg.jpg) repeat-x;/*131B1E*/
    color: #4C4C4C;
    /*background: #2E333B;*/
}

/* ---[ links ]------------------------------------------ */

a:link,a:visited  {
    color: #06c; 
    background-color: transparent; 
    text-decoration: none; 
}
a:link:active, a:visited:active {
    color: #06c; 
    background-color: transparent 
}
a:link:hover, a:visited:hover {
    color: #147; 
    background-color: #ffa; 
}
a.more {
    padding-right: 7px;
    background: url(img/icon-more.gif) no-repeat 100% 5px;
}

/* ---[ html ]------------------------------------------ */

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: .67em 0;
}

h2 {
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    margin: .83em 0;
    color: #2D405B;
    color:#000;
    /*padding:10px;
    border-left:3px solid #2E68AC;*/
}

h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
    color:#2D405B;
    border-bottom:1px solid #ccc;
}

h4 {
    display: block;
    font-weight: bold;
    margin: 1.33em 0;
}

h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
    margin: 1.67em 0;
}

h6 {
    display: block;
    font-size: 0.67em;
    font-weight: bold;
    margin: 2.33em 0;
}

.autoclear { /* From Paul O'Brien */
    width:100%;
    overflow:auto;
}

img {
    border: none;
    vertical-align: middle;
}

abbr, acronym { 
    cursor: help;
}

address {
    font-weight: normal;
    font-style: normal;
}

label {
    font-weight: bold;
}

hr.hide {
    display: none;
}

ol#nav
{
    list-style:none;
    padding: 0;
    margin: 0;
}


/* ---[ layout ]------------------------------------- */

#header 
{
    margin:0;
    padding:0;
    background:#fff url(../../images/banner_citegestion.jpg) no-repeat 20px;
    /*background:#fff url(../../images/map2.png) no-repeat 180px;*/
}

#wrap {
    border:3px solid #EEE;
    padding:0;
    margin:0 auto;
    width:800px;
    background:#fff;
}

#content {
    padding:0 1em;
    margin:0;
}

#chapo {
    float:right;
    margin:1em;
    background:#E8E8E8;
    border:1px solid #ccc;
        margin:0;
    padding: 1em;
}


/*ul.mainmenu {
    background:#000 url(../../images/menu_bgd.jpg) repeat-x;
    background:#fff url(../../images/bg_nav.gif);
    margin:0;
    padding:0;
    list-style:none;
    border-top:1px solid #64A6F3;
    border-bottom:3px solid #134783;
}
ul.mainmenu li {
    float:left;
    padding:0;
    margin: 4px 0px 0px 0px;
}
ul.mainmenu li.first {
    margin-left: 15px;
}
ul.mainmenu li a, 
ul.mainmenu li a:link,
ul.mainmenu li a:visited {
    float:left;
    padding:4px 12px;
    margin:0;
    color:#fff;
    text-decoration:none;
    font-weight:normal;
    letter-spacing:1px;
    font-size:11px;
    border-right:1px solid #134783;
}
ul.mainmenu li a:hover,
ul.mainmenu li a:focus {
    background-color: #64A6F3;
    color: #fff;
    text-decoration:none;
}
ul.mainmenu li.active a,
ul.mainmenu li.active a:link,
ul.mainmenu li.active a:visited { background: #fff; color:#444;}

ul.mainmenu li.admin a {
    color:Yellow;
}*/

/* ---[ footer ]------------------------------------- */

#footer {
    text-align:center;
    background:#fff url(../../images/AP_label_PF2.jpg) no-repeat 20px;
    padding:2px;
    color:#222;
    border-top:1px solid #ccc;
    font-size:11px;
    height:60px;
}


table.rowscope {
    margin: 2px;
    background-color: #A0A0A0;
}

table.rowscope td {
    background-color: #FFFFFF;
    vertical-align: top;

}

table.rowscope th {
    background-color: #e5e5e5;
    vertical-align: top;
}


#breadcrumbs {
    margin:0;
    padding:3px;
   /* position:absolute;
    top:10px;
    right:160px;*/
}


/* ---[ login Admin ]----------------------------------- */

div.login label {
    font: normal 10px Verdana;
    display:block;
    padding:4px 0;
}

div.login p.error {
    color:Red;
}


/* ---[ newsHeads ]------------------------------------- */

dl.newsHeads dt {
    font-weight:bold;
    margin:1em 0;
}

dl.newsHeads dt em {
    color: #888;
    font-weight: normal;
    font-style: normal;
    font-size:10px;
    display:block; 
    border-top:1px solid #ccc;
    text-align:right;
    margin:0;
}

dl.newsHeads dd {
    margin:0;
    padding:0;
}

dl.newsHeads dd a, 
dl.newsHeads dd a a:hover, 
dl.newsHeads dd a a:visited{
    color: #888888;
}


/* ---[ DetailsView ]---------------------------------------- */

table.detailsview {
    border-collapse:collapse;
}

table.detailsview input {
    width:100%;
}

table.detailsview tr td.head {
    font-weight:bold;
    width: 160px;
}

table.detailsview tr td {
    border-bottom:1px solid #ccc;
    vertical-align:top;
}

/* ---[ Admin ]---------------------------------------- */

.box {
    margin: 1em;
    padding: 2px 2px 2px 50px;
    border:1px solid #ccc;
    background: #f1f1f1;
}
.news {background: #f1f1f1 url(../../images/admin-news.gif) no-repeat 10px;}
.users {background: #f1f1f1 url(../../images/admin-users.gif) no-repeat 10px;}
.logout {background: #f1f1f1 url(../../images/admin-logout.gif) no-repeat 10px;}

.box p {
    margin: 0;
}
.box a { color: #384654; }


div.smartBox 
{
    font-size:11px;
    float:left;
    width:47%;
    margin:2px;
    padding:0 5px;
    background: #FDFFEF;
    border:1px solid #ECEFD1;
}
ul.check li  {
    list-style-image:url(img/check.gif);
}
ul.tick li  {
    list-style-image:url(img/tick.gif);
}



img.screenshot {
    float:left;
    margin-right:5px;
}



.resume {
    font-weight:bold;
    font-size:13px;
    color:#444;
}



ul.activity li 
{
    font-size:14px;
    margin:1em;
}


.infos 
{
    padding:1em;
    background-color: #FBF1FB;
    border:1px solid #DBBFDB;
}

/* ---[ productFeatures ]---------------------------------------- */

table.productFeatures {
    background-color: #fff;
    border-collapse: collapse;
    margin: 0;
	width:100%;
	border:3px solid #ccc;
}

table.productFeatures th,
table.productFeatures td {
    vertical-align:top;
    font-family: "lucida grande", verdana, sans-serif;
    font-size: 10px;
}
table.productFeatures td.check  {
    text-align:center;
}

table.productFeatures tr.even td {
	background-color: #D6E0E0;
}
table.productFeatures td.section {
	font-weight:bold;
}