/*
 * (c) Copyright 2009, C-Log International - http://www.c-log.com
 * All rights reserved.
*/

body
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #777777;
    background: white url(../img/gradient.gif) repeat-x;
}

body, th, td, textarea, input, select, optgroup, option
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

td
{
    vertical-align:top;
}

img
{
    border:none;
}

table
{
    padding: 0px;
    margin: 0px;
    border:none;
}

a
{
    color: #0066FF;
    text-decoration: underline;
}

a:hover
{
    color: #0066FF;
    text-decoration: underline;
}

textarea:focus, select:focus, input:focus {
    border: 1px solid #000000;
}


a.link1
{
    color: Black;
    text-decoration: none;
}

a.link1:hover
{
    color: Black;
    text-decoration: underline;
}

a.link2
{
    color: White;
    text-decoration: none;
}


a.link2:hover
{
    color: White;
    text-decoration: none;
}

a.login
{
    color: #DDF7FD;
	font-weight:bold;
    text-decoration:none;
}


a.login:hover
{
    color: #DDF7FD;
	font-weight:bold;
    text-decoration:none;
}

.banner
{
    background: url(../img/Bandeauaccueilen.jpg) top center no-repeat;
    height:105px; /* include 20px bottom */

}

.main
{
   width: 976px;
}

.header
{
	width: 100%;
}

.header-right
{
    height: 46px;
    text-align: right;
}

.header-left
{
    height: 46px;
    text-align: left;
}

.page
{
	width:100%;
	text-align: left;
	padding: 25px 0px 0px 0px;
}

/* Rounded Box .box et .box-page */
.box, .box-page
{
	margin-bottom:30px;
	text-align:left;
}

.enlarge
{
	width: 100%;
}

.box .box-top-left, .box-page .box-top-left
{
    background: url(../img/rboxTopLeft.gif) no-repeat;
    height: 4px;
    width: 5px;
}

.box .box-top-center, .box-page .box-top-center
{
    background: rgb(0,102,153) url(../img/blank.gif) repeat-x;
    height: 4px;
}

.box .box-top-right, .box-page .box-top-right
{
    background: url(../img/rboxTopRight.gif) no-repeat;
    height: 4px;
    width: 5px;
}

.box .box-title-left, .box-page .box-title-left
{
	background-color: #006593;
    width: 5px;
}

.box .box-title-center, .box-page .box-title-center
{
	color: white;
	background-color: #006593;
    height: 18px;
    padding-left:4px;
    padding-top:0px;
}

.box .box-title-right, .box-page .box-title-right
{
    background: url(../img/rboxTitleRight.gif) repeat-y;
	/*background-color: #006593;*/
    width: 5px;
}
 
.box .box-content-left
{
    background: rgb(243,243,243) url(../img/rboxCenterLeft.gif) repeat-y;
    width: 5px;
}

.box-page .box-content-left
{
    background: url(../img/rboxCenterLeft.gif) repeat-y;
    width: 5px;
}

.box .box-content-center
{
    padding:15px;
    background-color: #F3F3F4;
    vertical-align: top;
}

.box-page .box-content-center
{
    padding:15px;
    vertical-align: top;
}

.box .box-content-right
{
    /*background: rgb(243,243,243) url(../img/rboxCenterRight.gif) repeat-y;*/
    background: url(../img/rboxCenterRight.gif) repeat-y;
    width: 5px;
}

.box-page .box-content-right
{
    background: url(../img/rboxCenterRight.gif) repeat-y;
    width: 5px;
}

.box .box-bottom-left
{
    background: url(../img/rboxBottomLeft.gif) no-repeat;
    height: 4px;
    width: 5px;
}

.box-page .box-bottom-left
{
    /*background: url(../img/rboxBottomLeft_blank.gif) no-repeat;*/
    background: url(../img/rboxBottomLeft.gif) no-repeat;
    height: 4px;
    width: 5px;
}

.box .box-bottom-center
{
    background: rgb(243,243,243) url(../img/rboxBottomCenter.gif) repeat-x;
    height: 4px;
}

.box-page .box-bottom-center
{
    background: url(../img/rboxBottomCenter.gif) repeat-x;
    height: 4px;
}

.box .box-bottom-right
{
    background: url(../img/rboxBottomRight.gif) no-repeat;
    height: 4px;
    width: 5px;
	}

.box-page .box-bottom-right
{
    /*background: url(../img/rboxBottomRight_blank.gif) no-repeat;*/
    background: url(../img/rboxBottomRight.gif) no-repeat;
    height: 4px;
    width: 5px;
	}

.box .box-bottom-shadow-center, .box-page .box-bottom-shadow-center
{
    background: url(../img/rboxBottomShadowCenter.gif) repeat-x;
    height: 8px;
}

.box-header-warning
{
	color: Yellow;
    background-color: #203D75;
	height: 18px;
    padding-left:4px;
    padding-top:2px;
	}

.box-content {
    padding:15px;
    background-color: #F3F3F4;
    vertical-align: top;
    border-right: Solid 1px #777777;
    border-left: Solid 1px #777777;

	}

.table-list
{
   padding: 0px;
   margin: 0px;
   border:none;
   border-collapse:collapse;
}

.footer
{
    font-size: 10px;
    text-align:center;
}

.footer a
{
    color: #777777;
    text-decoration:none;
}

.footer a:hover
{
    color: #777777;
    text-decoration:none;
}

div#title
{
    color: rgb(0,101,148);
    font-size: 18px;
	font-weight:bold;
	padding:2px;
}

.menuHeader
{
	height: 18px;
	margin: 0;
	padding: 0;
	width: 100%;
	color: White;
}

.menuHeader .left
{
	text-align: left;
    vertical-align: middle;
}

.menuHeader .right
{
	text-align: right;
    vertical-align: middle;
}

td.labelField, th.labelField
{
    padding: 1px 3px 1px 3px;
    background-color: rgb(173,227,239);
    vertical-align: middle;
}

td.odd
{
    background-color:#DDF7FD;
}
/*
input.actionButton
{
    height: 25px;
    border: Solid 1px rgb(214, 174, 82);
    background-color: rgb(255,215,41);
}
*/
.system-msg
{
    font-size: 12px;
    background: #DDF7FD;
    color:red;
    margin-top:25px;
    padding:4px 0px 4px 20px;
    border: Solid 1px rgb(119,119,119);
	font-weight:bold;
	text-align:left;
}

.header-rh
{
    font-size: 12px;
    background: #FFFFFF;
    color:red;
    margin-top:25px;
    padding:4px 0px 4px 20px;
    border: Solid 1px rgb(119,119,119);
	font-weight:bold;
	text-align:middle;
}

.column-left 
{
    width:185px; /* 18% de 976px*/
    padding-right:30px;
}

.column-center
{
}

.column-right 
{
    width:273px; /* 28% de 976px*/
    padding-left:30px;
}

.img-letter 
{
    float:left;
    margin-right: 20px;
    margin-bottom: 20px;
}
    
.center-page
{
    text-align:center;    
}