/* www.itelios.com - 2009 - articulations */


/*--------------center home--------------*/


.center
{
	width: 985px;
	margin: 0 auto;
}
.topCenter
{
	background: #abc8f2;
	padding: 0 0 0 15px;
	overflow: hidden;
	width: 640px;
}
.contentLeft .topCenter
{
	background: #abc8f2;
	padding: 0 0 0 15px;
	overflow: hidden;
	width: 713px;
}

.contentLeft .leftTopCenter{
	float: left;
	width: 200px;
	color: #FFF;
	padding-top: 10px;
}

.leftTopCenter
{
	float: left;
	width: 200px;
	color: #FFF;
	padding-top: 10px;
}
.leftTopCenter p
{
	overflow:hidden;
	font-size:1.3em;
}

 p.description
 {
 	height:82px;
 	}
.leftTopCenter p a
{
	color: #484abf;
	font-size: 1.1em;
	text-decoration: underline;
}
.matieres {
    margin-bottom:5px;
}
.topCenter img
{
	float: right;
	position:relative;
}
.topCenter h1
{
	color: #FFF;
	font-size: 2.4em;
	padding-bottom: 5px;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.topCenter h1.long
{
	font-size: 2.2em;
}

.topCenter h1 span.pushTitle
{
	display: block;
	font-size: 1.8em;
	padding-top: 20px;
}
.topCenter h1 span.pushTitle span
{
	font-size: 0.2em;
}

/* ------------ content --------------*/
.centralContent
{
	margin-top: 10px;
	width: 985px;
	overflow: hidden;
}

.content
{
	width: 985px;
	overflow: hidden;
	margin-top: 10px;
}

.contentLeft
{
	width: 728px;
	overflow: hidden;
	float: left;
}

.matiereTable {
	background: url(../images/bg/bg_matieres.png) repeat-y top left;
    margin-top:5px;
    margin-bottom:5px;
    border:1px solid #CCC;
    width:728px;
}
.matiereTable td.full {
	border: 1px solid #CCC;
}


.contentLeft table td
{
	vertical-align: top; 
	position: relative;
}

.contentLeft table td.full
{
	vertical-align: top;
	border: 1px solid #CCC;
	font-size:1.2em;
	background:#FFF;
}

.contentLeft table td.allSubjects
{
	vertical-align: top;
	border: 1px solid #CCC;
}


.contentLeft table td h2.long
{
	border: none;
	font-size: 1.3em;
	padding: 5px 5px 0 7px;
	height: 22px;
	background: url(../images/bg/bg_filiere.png) repeat-x top left;
	font-weight:bold;
}
.contentLeft h2 span
{
	font-size: 0.5em;
	color: #4649bb;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.contentLeft h2 a
{
	color: #4649bb;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	display:block;
}
.contentLeft .searchResult h2 span
{
	font-size: 1em;
	color: #4649bb;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.contentLeft table td ul
{
	width: 157px;
	padding: 5px;
}


 .ListChapitre
{
	background: url(/images/pictos/picto_content.gif) no-repeat left 6px;
	/*padding: 5px;*/
	padding: 0px 10px 0 15px;
}

.contentLeft table td ul li
{
	background: url(/images/pictos/picto_content.gif) no-repeat left 6px;
	padding: 0 5px 0 10px;
	margin-top:5px;
}

.contentLeft table td ul li a
{
	color: #000;
	font-size: 1em;
	text-decoration: none;
}
.contentLeft table td ul li a:hover
{
	color: #ff8922;
	text-decoration: underline;
}
.contentRight
{
	float: left;
	width: 212px;
	padding: 0px 0px 0px 12px;
}



/*---------------central home--------------------*/

.leftCentral
{
	float: left;
	width: 650px;
	padding-right:15px;
}
.rightCentral
{
	float: right;
	width: 300px;
	padding-right:15px;
}

.rightCentral h2
{
	font-size: 2em;
	color: #383aa1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #383aa1;
	padding: 0px 0px 1px 0px;
}

.pushHome
{
	padding: 5px 0 10px 0;
	text-align: center;
}

/*----------------------listPublication------------------*/
.listPublication
{
	padding: 5px 0;
	/*margin-bottom:15px;*/
}
.listPublication li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	background: url(/images/pictos/nref_puceBlue.gif) no-repeat left 7px;
	padding-left:10px;
	margin-top:8px;
}
.listPublication li span.date
{
	color: #000;
	font-weight: bold;
	padding-right: 3px;
}
.listPublication li span.push1
{
	color: #1c59a4;
	padding-right: 3px;
}
.listPublication li a
{
	font-weight: bold;
	color: #1c59a4;
}
.listPublication li a:hover
{
	text-decoration: underline;
}
.listPublication li p
{
    padding-top:2px;
}

/*-------------article Rating ----------------*/

/*----------------------listPublication------------------*/
.listArticleRating
{
	padding: 5px 0;
}
.listArticleRating li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top:8px;
}
.listArticleRating li span.date
{
	color: #000;
	font-weight: bold;
	padding-right: 3px;
}
.listArticleRating li span.push1
{
	color: #1c59a4;
	padding-right: 3px;
}
.listArticleRating li a
{
	font-weight: bold;
	color: #1c59a4;
}
.listArticleRating li a:hover
{
	text-decoration: underline;
}
.listArticleRating li p
{
    padding-top:2px;
}

/*----------------------listArticles------------------*/
.listArticles
{
	padding: 5px 0;
}
.listArticles li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	vertical-align: middle;
	padding-top: 2px;
	overflow: hidden;
	width: 100%;
}
.listArticles li span.stars
{
	padding-right: 3px;
	width: 42px;
}
.listArticles li span.stars img
{
	padding-right: 2px;
	padding: 3px 2px 0 0;
}
.listArticles li span.push1
{
	color: #1c59a4;
	font-weight: bold;
	padding-right: 3px;
	width: 60px;
}
.listArticles li a
{
	color: #4b4b4b;
	width: 280px;
}
.listArticles li a:hover
{
	text-decoration: underline;
}


/*-------------------temoignage-------------------*/

.temoignage
{
	width: 100%;
	overflow: hidden;
}

.rightTemoignage
{
	width: 230px;
	float: right;
	padding-top: 10px;
	font-size: 1.2em;
}

.rightListTemoignage
{
	width: 430px;
	float: right;
	padding-top: 10px;
	font-size: 1.2em;
}

.rightTemoignage h3
{
	font-size: 1em;
	padding-bottom: 5px;
}

.rightListTemoignage h3
{
	font-size: 1em;
	padding-bottom: 5px;
}

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

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

.rightTemoignage a
{
	color: #1c59a4;
	text-decoration: underline;
	background: url(/images/pictos/arrow_temoignage.png) no-repeat left 15px;
	padding: 10px 0 0 10px;
}

.rightListTemoignage a
{
	color: #1c59a4;
	text-decoration: underline;
	background: url(/images/pictos/arrow_temoignage.png) no-repeat left 15px;
	padding: 10px 0 0 10px;
}

.temoignage img
{
	display: block;
	float: left;
	width: 113px;
	padding-top: 10px;
}
/*----------breadCrumb-------*/

.breadCrumb
{
	padding:2px 0 0 0;
	height:17px;
}
.central .breadCrumb
{
	padding: 0 0 10px 0;
	font-size: 0.8em;
}
.breadCrumb li
{
	display: inline;
	color: #000;
}
.breadCrumb li span
{
    color:#FD6500;
    font-family:verdana;
    font-weight:bold;
    font-size:0.9em;
}
.breadCrumb li a
{
	color: #000;
	font-size:1.2em;
	font-weight:normal;
}
.breadCrumb li a:hover
{
	text-decoration: underline;
}

/*---------------central tree--------------------*/



.central
{
	margin-top: 10px;
	width: 985px;
	overflow: hidden;
}

.centralNoBG
{
	margin-top: 10px;
	width: 985px;
	overflow: hidden;
}

.centralAccueil
{
	margin-top: 10px;
	width: 985px;
	overflow: hidden;
}

.treeViewBox {
    float:left;
    margin-right:10px;
    /*padding-bottom:30px;*/
    width:260px;
}


.treeView {
    overflow:auto;
    width:260px;    
}

.leftTree
{
	float: left;
	width: 458px; 
	/*padding: 0 10px;*/
}
.rightTree
{
	float: left;
	width: 200px;
	padding-left: 10px;
}

h2
{
	font-size: 1.8em;
	color: #383aa1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #383aa1;
}

h3.popIn
{
	font-size: 1.5em;
	color: #383aa1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 2px solid #E4E4E4;
}

.textFirstLevel
{
	color: Black;
	margin: 5px 0 0 22px;
}

.textThirdLevel
{
	color: Black;
	margin: 5px 0 0 45px;
	font-size:1.2em;
	text-align:justify;

}


/* ----------- Ajouts Nicolas ----------------*/
p.RightLink 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 100%;
	text-align: right;
}
p.RightLink a
{
	background:transparent url(/images/pictos/arw_blue.png) no-repeat scroll left 5px;
	color:#1C59A4;
	padding:0 0 0 10px;
	text-decoration:underline;
}

p.BandeauRightLink 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 100%;
	text-align: right;
}
p.BandeauRightLink a
{
	background:transparent url(/images/pictos/arw_orange.gif) no-repeat scroll left 5px;
	color:#ffffff;
	padding:0 0 0 10px;
	text-decoration:underline;
}




li.sepBreadCrumb img {
    vertical-align:5%;
}
	
	

.homePush p
{
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
	vertical-align: middle;
	padding-top: 2px;
	width: 100%;
}
.homePush p.linkMore
{
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	vertical-align: middle;
	padding-top: 2px;
	width: 100%;
    text-align: right;
}
.homePush a
{
	background:transparent url(/images/pictos/arrow_temoignage.png) no-repeat scroll left 15px;
	color:#1C59A4;
	padding:10px 0 0 10px;
	text-decoration:underline;
}

.homePush a:hover
{
	text-decoration: underline;
}



.rightCentralCahier
{
	float: right;
	width: 300px;
	padding-right:15px;
}

.rightCentralCahier h2
{
	font-size: 2em;
	color: #383aa1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #383aa1;
	padding: 0px 0px 1px 0px;
}