/* Applied to the whole document */
body
{
	margin: 0;
	padding: 0;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-color: #4c4c9a;
}

/* No margin and padding for Divs */
div
{
	margin: 0;
	padding: 0;
}

/* Main background */
div#overall
{
	width: 990px;
	margin: auto;
	background-image: url(images/bbody.gif);
	background-repeat: repeat-y;
	position: relative;
	top: 20px;
	border: 1px solid #000000;
}

/* Top */

div#overall_inner
{
}
h1#header
{
	font-size: 0;
	margin: 0;
	padding: 0;
	width: 990px;
	height: 95px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
}

/* Menu */
div#menu
{
	width: 990px;
	height: 38px;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
}
div#menu div#menu_container
{
	position: relative;
	top: 11px;
	left: 10px;
}

/* Bulleted list control skinned */
div#menu ul
{
	position: relative;
	top: 11px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
div#menu ul li
{
	display: inline;
	margin: 0 5px 0 5px;
	padding: 0;
}
div#menu ul li a
{
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	color: #0764B7;
	font-size: 11px;
	font-weight: bold;
}
div#menu ul li a:hover
{
	color: #FF5F3D;
	text-decoration: underline;
}

/*
** Left side
** contains
** - login status box
** - decorations
*/
div#left_column
{
	float: left;
	width: 131px;
	height: 586px;
	background-image: url(images/left.jpg);
}
span#statusbox_text
{
	float: left;
	margin: 13px 0 0 28px;
}
span#statusbox_text a
{
	color: #0764B7;
	text-decoration: none;
	font-weight: bold;
}
span#statusbox_text a:hover
{
	color: #FF5F3D;
	text-decoration: underline;
}

/* Navigation SiteMapPath */
h2#breadcrumbs
{
	margin: 0;
	padding: 10px 0 10px 5px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #B0B0B0;
}
h2#breadcrumbs a
{
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #B0B0B0;
}
h2#breadcrumbs a:hover
{
	color: #000000;
}

/* Right side news */
div#news
{
	float: right;
	width: 170px;
	height: 300px;
	padding-top: 25px;
	padding-right: 5px;
}
div#news div#news_header
{
	height: 25px;
	font-size: 0;
	background-image: url(images/public/righth.gif);
}
div#news div.news_content
{
	padding: 5px 10px 5px 10px;
	background-color: #F7F7F7;
}
div#news div.news_separator
{
	height: 3px;
	font-size: 0;
	background-image: url(images/public/rights.gif);
}
div#news div#news_footer
{
	height: 6px;
	font-size: 0;
	background-image: url(images/public/rightb.gif);
}

/* Center content */
div#content
{
	/*margin: 0 175px 0 131px;*/
	margin: 0 0 0 131px;
	padding: 0 5px 0 5px;
}

/* Titles */
div#title
{
	background-image: url(images/titleb.gif);
	background-repeat: repeat-x;
	height: 30px;
	padding-top: 1px;
	padding-left: 14px;
}
div#title span
{
	padding: 0 5px 0 0px;
	font-size: 20px;
	font-weight: bold;
	color: #FF5F3D;
	background-color: White;
}
h4.subtitle
{
	margin: 0 0 10px 20px;
	padding: 0;
	font-size: 16px;
	color: #FF9978;
	font-weight: bold;
}

/*
** Page body
** Content placeholder is here
*/
div#body
{
}

/* Footer duh! */
div#footer
{
	clear: both;
	width: 990px;
	height: 140px;
	background-image: url(images/footer.jpg);
}

/* Little links on the bottom */
div#footernav
{
	float: right;
	padding-top: 115px;
	padding-right: 30px;
	font-size: 11px;
	font-weight: bolder;
}
div#footernav img
{
	border: 0;
}
div#footernav a
{
	color: #FFFFFF;
	text-decoration: none;
}
div#footernav a:hover
{
	color: #DEE6FF;
}

/*
** GridViewSkin1
*/
.GridViewSkin1
{
	width: 820px;
}

.GridViewSkin1 th
{
	color: #0764B7;
	font-weight: bold;
	border-bottom: 1px solid #FA9778;
}
.GridViewSkin1 a
{
	color: #0764B7;
	text-decoration: none;
	font-weight: bold;
}
.GridViewSkin1 a:hover
{
	color: #FF5F3D;
	text-decoration: underline;
}



/*
** DetailsViewSkin1
*/
.DetailsViewSkin1
{
	width: 450px;
}
.DetailsViewSkin1 input
{
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #FA9778;
}

/*
** Register form
*/
div#Register
{
	margin: auto;
	padding: 10px;
	width: 450px;
	background-color: #FFDED6;
	border: 1px solid #FA9778;
}
div#Register p label
{
	float: left;
	width: 200px;
}
div#Register p input
{
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #FA9778;
}
div#Register input
{
	background-color: #FFFFFF;
	border: 1px solid #FA9778;
}
div#Register a
{
	color: #0764B7;
	text-decoration: none;
	font-weight: bold;
}
div#Register a:hover
{
	color: #FF5F3D;
	text-decoration: underline;
}

/*
** FormDemande
*/
div.FormDemande
{
	margin: 0;
	padding: 10px;
	width: 650px;
	background-color: #FFDED6;
	border: 1px solid #FA9778;
}
div.FormDemande p label
{
	float: left;
	width: 200px;
	text-align: right;
	padding: 2px 10px 0 0;
}
div.FormDemande p select
{
	width: 100px;
	background-color: #FFFFFF;
	border: 1px solid #FA9778;
}
div.FormDemande input
{
	background-color: #FFFFFF;
	border: 1px solid #FA9778;
}

/*
** Frame1
*/
div.Frame1
{
	margin: 0;
	padding: 10px;
	width: 450px;
	background-color: #FFDED6;
	border: 1px solid #FA9778;
}

a.Link1
{
	color: #0764B7;
	text-decoration: none;
	font-weight: bold;
}
a.Link1:hover
{
	color: #FF5F3D;
	text-decoration: underline;
}

input.ButtonStyle1
{
	width: 200px;
	background-color: #FFDED6;
	border: 1px solid #FA9778;
}
input.ButtonStyle1:hover
{
	background-color: #DCE0F0;
}

input.ButtonStyle2
{
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #FA9778;
}
/*
** TICKET
*/

.ticket
{
	border: solid 1px #FA9778;
	background-color: #FFDED6;
	margin : 15px auto 15px auto;
	padding: 5px;
	width: 600px;
	color : Black;
}

.ticket .theader
{
	background-color: #FFCBBF;
	border-bottom: dotted 1px #FA9778;
}

.ticket .theader .ttitle
{
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px;
}

.ticket .theader .collapse
{
	float: right;
}

.ticket .tcontent
{
	margin: 10px 0 10px 0;
	text-align: justify;
	font-size: 1em;
	font-weight:normal;
}

.ticket .tcontent
{
	text-align :left;
	border : 2px solid #DCE0F0;
	margin: 10px 0 10px 0;
	padding : 5px; 
}

.ticket .tcontent textarea
{
	width : 100%;
	text-align :left;
	margin : 0;
	border : 0;
	padding : 0;
	line-height :1.5em;
	height : 40px;
	font-style :italic;
	background-color: #FFDED6;
}

.ticket .tfooter
{
}

.ticket .tfooter a
{
	background-color: #FFDED6;
	border: 1px solid #FA9778;
	margin : 0px 60px 0px 60px;
	padding : 5px;
	text-decoration : none;
	color : Black;
}

.ticket .tfooter a:hover
{
	font-weight :bold;
	background-color: #DCE0F0;
}


/*
** COLORS
**
** blue : light to dark
** #D8F6FE
** #B9EFFE
** #0865B7
**
** blue in the menu #DCE0F0
**
** orange light to dark
** #FFDED6
** #FFD7CE
** #FFCBBF
** #FFC0B4
**  
** #FA9778
** #F6523A
**
*/

div.ImageControl
{
	border: #2B7ABD 2px solid;
	width: 641px;
	padding: 12px;
	padding-right: 0px;
	background-color:#F0F8FF;
}

img#imageControl_mainImage
{
	
	background-color:#D4E1F3;
	border: #2B7ABD 5px solid;
	
}


input.MiniImage
{
	margin: 0px;
	
}