/*======================================================
CSS Content
======================================================*/

body {
	background: #fff;
}

p, ol, li, dd, table {
	font-size: 1em; /* this should stay as 1em. anything else will lead to potential problems with nested elements. Adjust font size in the body tag, or define a class for exceptions */
	line-height: 1.4em;
	margin: 0 0 1em 0;
	text-align: left; /* compensates for an IE 6 bug */
}
p { line-height: 1.7em; }

a { color: #5197CB; text-decoration: none; /* link blue */} 
a:visited {	color : #5197CB; /* same as link blue? */ } /* visited must be before hover */
a:hover { color : #004B74; text-decoration: underline; /* hover blue */}
a:focus { color : #004B74; }
a:active { color : #004B74; }

h1, h2, h3, h4, h5, h6 {
	color: #4E6D95; /* text blue */
	font-family: Helvetica, Verdana, Arial;
	margin: 0 0 1em 0;
	background-color: transparent;
	line-height: 110%;
}

h1 {
	color: #485D69; /* title gray */
	font-size: 1.75em;
	font-weight: normal;
	line-height: 1.4em;
	/*letter-spacing: -1px;*/
	margin-bottom: 0.6em;	
}
h2 {
	font-size: 1.3em;
	margin-bottom: 1em;
}
h3 {
	font-size: 1.0em;
}
h4, h5, h6 {
	font-size: 1.0em;
}
h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* same as body text */
}
h5 {
	color: #666; /* same as body text */
}
h6 {
	font-weight: normal;
}


tr, td {
	/*vertical-align: top;*/
}
td, th {
	/*text-align: left;*/
}
th, th p {
	font-size: 1.0em;
	font-weight: bold;
}
/*
ul {
	margin: 1em 0 1.5em 0;
	padding-left: 1.5em;
}
li {
	margin-bottom: 0.3em;
}
*/
ul.arrowList {
	list-style-type: none;
	padding-left: 0;
	width: 100%; /*Fix the problem in IE6: without the width limit, the bullets sometimes disappear in the IE browser.*/
}
ul.arrowList li {
	background: url(../images/iconArrowBlue.gif) no-repeat 0px 4px;
	padding-left: 15px;
}


img {
	border: 0;
}

hr {
	background: #ccc; /* used by Gecko, Opera browsers */
	border: 0; 
	color: #ccc; /* incorrectly used by IE */
	height: 1px;
	margin: 0 0 1em 0;	
}

/* Begin content markup classes */

.center {
	text-align: center;
}

.txtSmall {
	font-size: 0.9em;
/*	color: #959595; */
}	

.accent {
	color: #F8A123;
}

.breadcrumb 
{
	text-transform:capitalize;
}

h3 span.accent {
	font-weight: normal;
}

.required {
	font-weight: bold;
	color: #F8A123;
}

.noWrap {
	white-space:nowrap;
}

/* use imgLeft and txtLeft to have text beside a left-aligned image, not wrapping around it */
img.imgLeft {
	float: left;
/*	display: inline; */
	padding: 0 30px 1em 0;
}

.txtLeft {
/*	float: left; */
}

.shadowBar {
	background: #70B3DE url(../images/bkgTitleBarCustomers.gif) 0px bottom repeat-x;
	color: white;
	font-weight: bold;
	padding: 6px 20px 20px 20px;
}

h2.shadowBar {
	margin-bottom: 0.6em;
}
h3.shadowBar {
	margin-bottom: 0.8em;
}
.pdfLink a {
	background: #fff url(../images/iconPdf.gif) 0px 6px no-repeat;
	padding: 12px 0 6px 30px;
}
.pdfLink .CFOTour{
	background: #fff url(../images/iconPpt.gif) 0px 6px no-repeat;
	padding: 12px 0 6px 30px;
}
h3.pdfLink {
	margin-top: 2em;
}

.mediaLink a {
	background: #fff url(../images/write.gif) 0px 12px no-repeat;
	padding: 12px 0 6px 30px;
}

.mediaLink p {
	padding-left: 30px;
}

.indent {
	padding-left: 30px;
}

.newsDate {
	color: #F8A123;
	font-weight: bold;
/*	padding-top: 0.4em; */
}
div.newsDate {
	float: left;
	width: 96px;
	padding-top: 0.5em;
}
div.newsItem {
	float: left;
	width: 500px;
	padding-top: 0.5em;
}
div.newsItem h3 {
	line-height: 1.4em;
	background: transparent url(../images/iconArrowBlue.gif) 4px 4px no-repeat;
	padding-left: 16px;
}
div.newsItem p {
	padding-left: 16px;
	padding-bottom: 10px;
}

div.event {
	margin-bottom: 1em;
}
div.event p.eventLabel {
	float: left;
	width: 66px;
	vertical-align: top;
	font-weight: bold;
	margin: 0;
	padding: 0 12px 0.5em 0;
}
div.event p.eventInfo {
	float: left;
	width: 190px;
	vertical-align: top;
	margin: 0;
	padding: 0 0 0.5em 0;
}
div.event .left {
	width: 270px; /* 290px minus 20px padding */
	background: #fff url(../images/imgDottedLineVer.gif) right 0px repeat-y;
	padding-right: 20px;
}
div.event .right {
	width: 260px; /* 290px minus 30px padding */
	background: #fff url(../images/imgDottedLineVer.gif) 0px 0px repeat-y;
	margin-left: -1px;
	padding-left: 30px;
}

div.event p.campusEventLabel {
	float: left;
	width: 106px;
	vertical-align: top;
	font-weight: bold;
	margin: 0;
	padding: 0 12px 0.5em 0;
}
div.event p.campusEventInfo {
	float: left;
	width: 400px;
	vertical-align: top;
	margin: 0;
	padding: 0 0 0.5em 0;
}

div.mgmntTeamPic 
{
	float: left;
	width: 170px;
	padding-top: 0.5em;
	padding-bottom: 0.8em;
}

div.mgmntTeamBio
{
	float: left;
	width: 425px;
	padding-top: 0.5em;
}	

/* End content markup classes */

form {
	margin: 0;
	padding: 0;
}

/* End rules for elements */

/* Begin content markup classes */

.center {
	text-align: center;
}

.txtSmall {
	font-size: 0.9em;
/*	color: #959595; */
}	

.accent {
	color: #F8A123;
}

h3 span.accent {
	font-weight: normal;
}

.required {
	font-weight: bold;
	color: #F8A123;
}

.noWrap {
	white-space:nowrap;
}

ul.iconList {
	list-style-type: none;
	margin: 20px 0;
	padding-left: 0;
}	
ul.iconList li {
	background: url(../images/global/iconPdf.html) no-repeat 0 0;
	line-height: 1.6em;
	margin: 0 0 0.6em 0;
	padding-left: 25px;
}
ul.iconList li.pdf { }
ul.iconList li.doc { background-image: url(../images/global/iconDoc.html); }
ul.iconList li.exc { background-image: url(../images/global/iconExc.html); }
ul.iconList li.ppt { background-image: url(../images/global/iconPpt.html); }
ul.iconList li.swf { background-image: url(../images/global/iconSwf.html); }
ul.iconList li.xls { background-image: url(../images/global/iconXls.html); }
ul.iconList li.zip { background-image: url(../images/global/iconZip.html); }
ul.iconList li.noIcon { background-image: none; }

/* End content markup classes */

/* Begin table rules */

table {
	border-collapse: collapse;
	/*
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	*/
	border: 0;
}

thead, tbody, tfoot {
	padding: 0;
	border: 0;
}
tr {
	padding: 0;
	border: 0;
}
/* NOTE: the odd-numbered rows are the default; there is no odd class, just even. */
tr.even td {
	background-color: #e8e8e8;
}

td.first, th.first {
	padding-left: 0; 
}

td img {
	margin: 0;
	padding: 0;
	border: 0;
}

table.tblChart {
/*	background: #EDF3F7 url(../images/snavBgTop.gif) 0px 0px repeat-x; */
	width: auto;
	border-collapse: separate;
	margin: 0;
	padding: 0;
	border: 0;
/*	padding: 20px 12px 0 12px;
	border: 12px solid #EDF3F7; */
}

table.tblChart thead {
}
table.tblChart th {
	background-color: #F8A123; /* TODO: check this orange */
	color: #fff;
	text-align: center;
/*	margin: 14px 0 0 0;
	margin-bottom: 12px; */
	padding: 4px 12px 4px 12px;
	border: 1px solid #fc9;
	border-bottom-color: #c90;
	border-right-color: #c90;
}

table.tblChart tfoot {
}
table.tblChart tfoot td {
	font-size: 0.9em;
	background-color: #EDF3F7;
	padding-top: 6px;
	border-color: #EDF3F7;
}

table.tblChart tbody {
/*
	background-color: #E5EEF4;
	margin: 24px;
	border: 1px solid red;
	background-color: #FFFF00;
	margin-top: 30px;
	padding-top: 14px;
	border: 1px solid red;
*/
}
table.tblChart tr td.even, table.tblChart tr.even td {
	background-color: #E5EEF4;
}
table.tblChart tr.even td.even {
	background-color: #DEEAF2;
}
table.tblChart tr.last td {
	border-bottom-color: #EDF3F7;
}

table.tblChart td {
	padding: 4px 12px 4px 12px;
	border: 1px solid #FCFEFE;
	border-bottom-color: #D1E3ED;
	border-right-color: #D1E3ED;
}
table.tblChart td.first, table.tblChart th.first {
	padding-left: 12px; 
}
table.tblChart td.first, table.tblChart th.first {
	border-left-color: #EDF3F7;
}
table.tblChart td.last, table.tblChart th.last {
	border-right-color: #EDF3F7;
}

table.tblChart td.none {
	padding: 4px 12px 4px 12px;
	border: 0px;
}


/* special: container for Chart-style tables applies top border, bottom rounded corners and soft shadow, bg margins */

div.chartOuter {
/*	width: 100%; */
	background: #EDF3F7 url(../images/bkgSnavTop.gif) 0px 0px repeat-x; /* TODO: replace graphic? */
	margin: 0; 
	padding: 24px 20px 0 20px;
	border: 0; 
}
div.chartAfter {
/*	width: 100%; */
	background: #EDF3F7 url(../images/imgTableBot.gif) left bottom no-repeat;
	text-align: right;
	margin: 0 0 1em 0; 
	padding: 0; 
	border: 0; 
}
div.chartAfter img.chartCorner {
	vertical-align: bottom;
}

/* end table rules */

/* jobs begins*/
span.jobItems
{
	float: left;
	display: inline-block;
	width: 123px;
	font-weight: bold;
}

div.jobText
{
	width: 467px;
	margin: 0 0 0 124px;
}
/* jobs ends*/


div.contentSeparator {
	background : #fff url(../images/imgDottedLineHor.gif) left top repeat-x;
	border : 0;
	clear : both;
	color : #BDC8D0;
	display: block;
	height : 1px;
	margin : 1.5em 0;
	overflow : hidden;
	padding : 0;
}
.submit_quizz{
	border:none;
	background:none;
	color:#84432D;
	cursor:pointer;
	margin-top:10px;
}
.texte_standard input {
	margin-right:10px;
}
.texte_standard {
	font-size: 1.2em;
	color: #004A97;
	padding: 5px 0 5px 0;
	margin: 0px;
}
strong {
	font-weight:bold;
}
.gotoquiz{
	color:#009900;
	background-color: #FFFF99;
	width:510px;
	padding:10px;
	text-align: center;
	border: 1px solid #EBA90D;
	font-size:12px;
}

.comment
{
	padding:5px;
	background:#DAE9F3;
}

.tab-data .data a
{
	color:#B41728;
}
.tab-data .data a:hover
{
	color:#B41728;
}

/*FICHE INTRODUCTION PRODUIT*/
.presentation_prod_desc {
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px #F3C01E solid;
}
.presentation_prod_block {
    width: 260px;
    position: relative;
    float: left;
}
.presentation_prod_block_text {
    margin: 15px 0;
}
.presentation_prod_block_img {
    text-align: center;
}
.presentation_prod_block .img_link {
    position: absolute;
    bottom: 0;
    left: 0;
}
.presentation_prod_rightBlock {
    text-align: center;
}
.presentation_prod_rightBlock .cadreUesca {
    margin: 0 auto;
    margin-top: 20px;
    width: 180px;
}
.presentation_prod_rightBlock p {
    width: 164px;
    padding:8px;
    color:#004A97;
    margin:0 0 8px;
}
.wrap_presentation {
    padding-top: 7px;
    border-top: 1px #F3C01E solid;
}