/* CSS Document */
body{ margin: 0; padding: 0;background: #778CCA; text-align: center; font: 76% Verdana,Arial,sans-serif; margin: 0 0 20px 0; padding: 5px; }
div#header{background-color: #dce8e6;margin:5px 0px 10px 0px; height:110px;}
div#container{width:960px;text-align:left; margin-left:auto;margin-right:auto; background: #F2F2F2 url(../images/gradient.png) repeat-x top} /*margin: 0 auto;*/
div#content{float: right;width:710px;background-color: #dce8e6; margin-bottom:15px}
#headercontent {
	text-align: center;
	height: 106px;
	width: 960px;
	margin: 0;
	padding: 0;
	
}

#headercontent-left {
	clear: both;
	float: left;
	width: 120px;
	margin: 5px 5px 0 5px;
}

#headercontent-right 
{
	text-align: center;
	float: left;
	width: 810px;
}

div#headercontent-right h1{font-size: 250%;color: #8a2be2;letter-spacing: 1px}

#headercontent-right h1 {text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold;}

/* Navigation menu   
----------------------------------------------------------*/

#menucontainer {float:left; margin: 0; padding-top: 6px; text-align: center; width: 960px; background-color: #dce8e6;}

ul#menuitem
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#menuitem li.headitem
{
display: inline;
list-style-type: none;
position:relative;
 padding: 0;
 margin: 0;
}

#menuitem li.headitem a
{
 padding: 0;
 margin: 0;
 text-decoration: none;        
}

#menuitem li.headitem img {border:none;}


div#header h1{font: 24px verdana, arial, helvetica;font-weight:bold; color:#8a2be2; text-align:center;}
/*div#nav{float: left;width:230px;background: #E8F3F9; margin-right:5px}
div#nav p{padding: 5px 0}*/
div#nav{ float:left;margin:0px; width:235px; background: #dce8e6;}

div#nav h1{font-size: 14px;color: #000080; text-align: center}/*333*/
div#nav h2{font-size: 12px;color: #000080; text-align: center}
div#footer{clear:both; margin-top:5px; padding:5px; text-align: center;font-size: 90%;background: #dce8e6;color: #8a2be2}/*8395CB*/
div.gradient{background: #F2F2F2 url(../images/gradient.png) repeat-x top;margin: 15px;}
div.title {font: 14px verdana, arial, helvetica;font-weight:bold;color: #000080; text-align:center; width:100%}
div#gridbox{margin:20px; width:640px; height:420px; background-color:white;overflow:hidden}
div#boxgrid{margin:20px; width:640px; height:290px; background-color:white;overflow:hidden;}

div.mnitem {margin-top:10px;margin-bottom:20px;}
div.mnitem ul{clear:both; list-style-type: none; margin:10px; padding:0px; display:block}
div.mnitem li{float:left;width:210px; height:25px; margin-bottom:0.4em;background:  #F0F0F0 url(../images/bg_menuitem1.jpg) no-repeat ;border:1px solid #CDCDCC }
div.mnitem li a, div.mnitem li a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#3306ce;
	font-size:12px;
	text-align:center;
	margin-top:5px;
	text-decoration:none;
	font-family:Arial,Verdana;
/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	width:210px;
}

div.mnitem li a:hover, div.mnitem li a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: #F0F0F0 url(../images/bg_menuitem2.jpg);
	color:#7f06ce;/*#ce066b#ba06ce*/
	text-decoration:none;
	font-family:Arial,Verdana;
	width:210px;
}

.boxlogin{ margin:10px 30px 10px 130px}


#welcomecontent
{
	padding: 15px;
	/*border-left: 1px solid #0F2543;
	border-right: 1px solid #0F2543;
	border-bottom: 1px solid #0F2543;*/
	background-color: #EFEFEF;
	/*line-height: 1.5em;*/
}

#contentheader
{
	height: 19px;
	background: url(../images/contenttop.gif) no-repeat left top;
}

#contentbottom
{
	height: 19px;
	background: url(../images/contentbottom.gif) no-repeat left bottom;
}

#imgbottom
{
  height: 50px;
  top: 75px;
  left: 25%;
  /*margin-top:75px;
  padding-left: 130px;*/
  margin: 0px;
  padding: 0px;
  position: absolute;
 /*text-align:center;*/
}

/**** HEADINGS ****/

h1
{
    font-size: x-large;
}

h2
{
    /*background-color: #E8F3F9;*/
    font-size: large;
    padding:5px 12px;
    color:Navy;
}

h3 
{
    font-size: small;
    margin:0 0 2px 0;
}

p 
{
    margin:10px 0 10px 15px;
}

pre
{
    font-size: small;
}

.optstyle
{
	margin-left: 50px;
}

.title
{
	/*background-color: #E8F3F9;*/
	font-family: Arial, Helvetica, sans-serif; 
    font-size: 15px;
    padding:5px 12px;
    text-align:center;
    width:610px; 
    float:left;
}

div#insideright{float:left;width:300px}
div#insideright h1{font-size: 20px;font-family:Arial,Verdana; text-align:center}
div#insideleft{clear:both;float:left;width:300px}
div#insideleft h1{font-size: 20px;font-family:Arial,Verdana; text-align:center}

/* Content Page Layout */
.collapsepanelarea {
	/*padding:20px;*/
	background:#FFF url(../images/collapse_left_top.png) no-repeat left top;
}

.collapsepanelarea p 
{
	padding:5px;
}

.collapsecontent
{
	padding:15px;
}

.listcontent
{
	padding:15px;
	margin:0px 10px 0px 10px;
}

.collapsepanelheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.collapsepanelbottom {
	height:8px;
	background:#FFF url(../images/collapse_left_bottom.png) no-repeat left bottom;
}

.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	/*overflow:hidden;*/
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(../images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#MainContents .collapsePanelHeader a {color:#FFF;}
#MainContents .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*validator*/
.validatorCalloutHighlight
{
    background-color: Yellow;
}

.alert
{
	color: #FF0000;
}

div.contents {
  background-color: #e0e4e8;
  /*overflow: auto;*/
  width:auto;
  padding:10px 4px 4px 4px;
  height:auto;
}

div.leftitem{
  height : 240px;
  width: 200px;
  top : 30px;
  /*left: 135;*/
  padding:4px;
  position: absolute;
}

div.rightitem{
  height : 240px;
  width: 200px;
  top : 30px;
  left: 348px;
  padding:4px;
  position: absolute;
}

div.bottomitem{
  height : 60px;
  width: 366px;
  top: 282px;
  /*left: 170px;*/
  padding:4px 4px 4px 50px;
  position: absolute;
}

div.itemName{
  font: 12px verdana, arial, helvetica;
  text-align: center;
  text-align:left;
}

.TitlePanel{
	width:90%;
	height:40px;
	/*background-color: #FCFAED;*/
	margin: 15px;
}

.TitleMainPanel{
	width:100%;
	height:25px;
	background-color: #FCFAED;
}

/* Admin */
.txtarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #206B99;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin-right: 10px;
	/*left : 204px;*/
}
.bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #FFFFFF;
	background-color: #146392;
	border: 1px outset #FFFFFF;*/
	width: 150px;
	margin-left:200px;
}
.formu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	display: block;
	width: 200px;
	float: left;
	margin-left:15px;

}

.spcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	display: block;
	width: 100px;
	float: left;
	margin-left:15px;

}

.tabcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 93%;
	margin-left: 50px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;/*#D3DEEF*/
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

#accordionBottomContent 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
	background-color: #F9F5F0;
	float: right;

}

#accordionBottomContent a, a:hover
{
	color: #000000;
	text-decoration: none;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
/**** scroll content  ***/
#scrollstyle{
width: 196px;
height: 60px;
/*border: 1px solid black;*/
border:1px solid #CDCDCC;
padding: 5px;
margin:0px 1em 2px 12px;
background: url("../images/bg_scroll1.jpg");/*#F0F0F0 */
}

.msgscroll a, .msgscroll a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#3306ce;/*#7f06ce*/
	text-decoration:none;
	font-family:Arial,Verdana;
	font-size:12px;
	/*font-weight:bold;*/
/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin::0px;
	width:100%;
}

/************ text styles****************/
.textbleu10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #11447D;
}
.textbleu11 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #11447D;
}
.textrouge11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c60042;
}
.textblanc11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.textbleu14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #11447D;
}
.txtarea1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	border: thin solid #CCCCCC;
}
.textbleu12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #11447D;
}

.itemnavmsg {
	background-color:#F0F0F0;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana;
	border:1px solid #CDCDCC;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:17em;
	height:30px;
	margin:2px 1em 1px 1em;
}

.itemnavmsg {
	text-align:center;
	background: url("../images/bg_scroll1.jpg");
	color:#3306ce;/*#FFFFFF*/
	
}