/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	/*	font-family: Arial, sans-serif; */
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	background-color: #4F5CAA;
	background-image: url(/backbody.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

hr{
/*	color:#DCDCEC; */
	color:#C0BDC0;
}

a:link, a:visited, a:hover {
/*	color: #A5820A; */
	color: #A4741E;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lucida Grande', Verdana, Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
	font-size: 110%;
	color: #1D338B;
/*	color: #CF2F29; */
}

h2{
	font-size: 130%;
	font-style:italic;
	color: #229734;
	padding-top: 15px;
/*	color: #CF2F29; */
}

h3{
	font-size: 100%;
	color: #1D338B;
}

h4{
	font-size: 110%;
	font-style:italic;
	color: #000000;
}

h5{
	font-size: 100%;
	font-weight:bold;
	color: #229734;
	padding-top: 15px;
/*	color: #CF2F29; */
}

h6{
	font-size: 100%;
	font-weight: normal;
	color: #1D338B;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


label{
	color: #CC3333;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead{
	width: 100%;
	background-color: #EAEBF4;
/*	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; */
	background-image:url(/backmasterhead.jpg);
	background-repeat:repeat-x;
}

#navBar{
	background-color: #EAEBF4;
	vertical-align: top;
	margin: 0;
	border-top-color: #FFFFFF;
	padding: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 2px;
	border-bottom-color: #ffffff;
}

#content{
	width: 74%;
	/*	width: 650px; */
	background-color: #ffffff;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
	vertical-align: top;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

/*************** #pageName styles **************/

#pageName{
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}


/************* #globalNav styles **************/

#globalNav{
color: #dddddd;
	padding: 0px 0px 0px 10px;
    white-space: nowrap;
/* 	white-space: normal; */

}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 65%;
	padding-top:5px;
	padding-bottom: 5px;
	padding-right:0px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #dddddd;
	background-color: #EAEBF4;
}


/************** .chapitre styles *****************/

.chapitre{
	clear: both;
	font-size: 70%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.chapitre p{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 20px;
/*	padding-left: 0px; */
}

/************* #siteInfo styles ***************/

#siteInfo{
	font-size: 65%;
	color: #1D338B;
	padding: 10px;
	margin-top: 0px;
	background-image: url(/backfooter.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #EAEBF4;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/

form input{
	font-size: 100%;
}

form select{
	font-size: 100%;
}

form textarea{
	font-size: 100%;
}

#search{
	font-size: 80%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#search form{
	margin: 0px;
	padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

#search form input.querybox{
    padding-left: 18px;
    background: url(/searchmagnifier.gif);
    background-repeat: no-repeat;
    background-position: left center;
	background-color:#FFFFFF;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {}

#navBar h3{
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 80%;
}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	font-size: 70%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #F5F6FF;
	border: 2px solid #FFFFFF;
}

#sectionLinks a:link{
	padding: 1px 0px 1px 10px;
	border-top: 1px solid #dddddd;
	width: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
}

#active{
/*	background-color: #e0e0e0; */
	background-color: #DCDCEC;
}

#sectionLinks a:visited{
	padding: 1px 0px 1px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
}

#sectionLinks a:hover{
	border-top: 1px solid #dddddd;
	background-color: #D7D7EA;
	padding: 1px 0px 1px 10px;
}


/************** #headlines styles **************/

#headlines{
	font-size: 70%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	border: 2px solid #FFFFFF;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #F5F6FF;
}

#headlines p{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

/************** custom text styles *****************/

.traduire{
	background-color:#CC3300;
	color:#FFFF66;
}
.corrected{
	background-color:#66FF66;
	color:#330099;
}

.in{
	background-color:#FFFF00;
	color:#333333;
}
	
.out{
	background-color:#0000FF;
	color:#FFFFFF;
}


/************** custom styles *****************/

.comment{
	margin-left: 25px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C0BDC0;
	padding-left: 10px;
}

.altBackground{
	background-color:#EAEBF4;
}

table {
	border-collapse:separate;
/*	border-collapse:collapse; */
}

.order{
/*	border:thin dashed #1D338B; */
}

#mainTable {
	border-collapse:collapse;
    width:975px;
/*	width:auto; à utiliser pour définir largeur avec une image */
    margin:auto;
	border: 10px solid #FFFFFF;
}

.rootLI{
	margin-bottom:20px;
}

.LiveHelpStatus{
	position:relative;
/*	top:20px; */
/*  top:10px; */
/*	left:500px; */
}

.LogoCedeq{
	position:relative;
/*	top:5px; */
    top:1px;
	left:50px;
}