#hauteurPage {
	height:1380px;
}
#page {
	margin-top:129px;
}
.breadcrumb {
	left:15px;
	top:5px;
	padding:0;
	width:950px;
	font-weight:bold;
	position:absolute;
}
#contenu {
	left:8px;
	width:666px;
	padding:0;
	margin-top:28px;
	float:left;
	margin-bottom:20px;
}
#contenu2 {
	padding:0;
	border:solid 1px #5D5D5D;
	border-top:none;
	width:664px;
	margin:0;
	
}
.titreH1Rub {
	margin:0;
	padding:3px 0;
}
#colonneDroiteArticle {
	position:absolute;
	width:305px;
	top:41px;
	right:10px;
	margin-bottom:20px;
	
}

/*Produits en rapport*/

.titreProduitsRapport {
	display:block;
	background-image:url(../../images/1.0/ongletNewsFond.gif);
	background-repeat:repeat-x;
	height:24px;
	width:297px;
	position:relative;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	line-height:22px;
	padding-left:8px;	
}
#produitsRapportContenu {
	border-top:solid 1px #E2E2E2;
	text-align:center;
	background-color:#2E2F2D;
	color:#FFF;
	padding-bottom:5px;
}
img.logoProduitRapport {
	margin-top:8px;
	border:solid 2px #5D5D5D;
	margin-left:15px;
}
a:hover img.logoProduitRapport {
	border:solid 2px #333;
}
#produitsRapportContenu a {
	color:#CCC;
}
#produitsRapportContenu a:hover {
	color:#FFF;
}
a.produitsRapportListe {
	text-align:left;
	height:60px;
	display:block;
	line-height:45px;
	font-weight:bold;
	position:relative;
	padding-left:86px;
	margin-bottom:8px;
	margin-left:4px;
	color:#CCC;
}
a.produitsRapportListe:hover {
	color:#FFF;
}
span.prixProduitsRapport {
	font-weight:normal;
}
a.produitsRapportListe img {
	position:absolute;
	left:0;
	top:0;
	border:solid 1px #8E8E8E;
}
a.produitsRapportListe span {
	padding:0;
	position:absolute;
	left:90px;
	top:18px;
	font-weight:normal;
}
.produitsRapportListe:hover img {
	border:solid 1px #333;
}


/*Articles en rapport*/

#articlesRapport {
	margin-top:20px;
}
.titreArticlesRapport {
	display:block;
	background-image:url(../../images/1.0/ongletNewsFond.gif);
	background-repeat:repeat-x;
	height:24px;
	width:297px;
	position:relative;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	line-height:22px;
	padding-left:8px;	
}
#articlesRapportContenu, #recherchesRapportContenu {
	border-top:solid 1px #E2E2E2;
	text-align:center;
	padding-top:10px;
	background-color:#2E2F2D;
	padding-bottom:5px;
}
#articlesRapportContenu a {
	color:#CCC;
}
#articlesRapportContenu a:hover {
	color:#FFF;
}
#recherchesRapportContenu {
	padding-top:5px;
	height:240px;
	overflow:auto;
}
 #recherchesRapportContenu a {
 	display:block;
	color:#FFF;
	text-align:left;
	padding:2px 4px 2px 4px;
	border-left:solid 2px #000;
	border-right:solid 2px #000;
	margin-bottom:6px;
	background-color:#3b3c3b;
 }
  #recherchesRapportContenu a:hover {
	background-color:#7d7d7d;
	border-left:solid 2px #000;
	border-right:solid 2px #000;
 }
.articlesRapportListe {
	text-align:left;
	height:60px;
	display:block;
	line-height:20px;
	font-weight:bold;
	position:relative;
	padding-left:86px;
	margin-bottom:8px;
	margin-left:4px;
	color:#474747;
}
.articlesRapportListe span {
	padding-left:14px;
	font-weight:normal;
}
.articlesRapportListe img {
	position:absolute;
	left:0;
	top:0;
	border:solid 1px #E2E2E2;
}
.articlesRapportListe:hover img {
	border:solid 1px #8E8E8E;
}
.articlesRapportListe:hover {
	color:#FFF;
}




.separe {
	margin:2px 20px;
	background-color:#2E2F2D;
}
#avatarAuteur {
	margin-top:5px;
	float:left;
	border:solid 2px #5D5D5D;
	margin-left:5px;
}
#infosAuteur {
	float:left;
	margin-top:10px;
	margin-left:6px;
	margin-right:4px;
	width:135px;
	font-size:14px;
}
#infosAuteur a {
	font-weight:bold;
}
.separVertical {
	float:left;
	width:1px;
	height:80px;
	margin-top:8px;
	background-color:#E2E2E2;
}
#logoArticle {
	width:150px;
	border:solid 2px #5D5D5D;
	float:right;
	margin:5px 5px 4px 5px;
}
#texteIntroArticle p {
	text-align:justify;
	margin-top:6px;
	margin-bottom:10px;
	padding:0 8px;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}
#texteIntroArticle img {
	position:absolute;
	top:0;
	right:0;
	border:solid 2px #000;
}
.separe2 {
	height:1px;
	background-color:#E2E2E2;
	margin-top:95px;
	width:440px;
	margin-left:20px;
	font-size:0px;
}
.articlePara p {
	padding:5px 15px 0 25px;
	text-align:justify;
	margin-bottom:12px;
}


/*Barres de progression*/

#barreProgression {
	float:left;
	margin-top:10px;
	margin-left:10px;
}
#barreProgression span {
	margin-left:6px;
	font-size:14px;
}

/*barre en cours de remplissage*/

#barreProgressionEnCours {
	width:200px;
	height:14px;
	position:relative;
	background-image:url(../../images/1.0/barreVideFond.jpg);
	background-repeat:repeat-x;
	margin-top:4px;
	margin-bottom:16px;
}
.barreProgressionEnCoursG {
	position:absolute;
	left:0;
	background-image:url(../../images/1.0/barreVideG.jpg);
	height:14px;
	width:9px;
}
.barreProgressionEnCoursD {
	position:absolute;
	right:0;
	background-image:url(../../images/1.0/barreVideD.jpg);
	height:14px;
	width:9px;
}

#barreProgressionRemplissage {
	height:16px;
	position:relative;
	background-image:url(../../images/1.0/barrePleineFond.jpg);
	background-repeat:repeat-x;
}
.barreProgressionRemplissageG {
	position:absolute;
	left:0;
	background-image:url(../../images/1.0/barrePleineG.jpg);
	height:14px;
	width:9px;
}
.barreProgressionRemplissageD {
	position:absolute;
	right:0;
	background-image:url(../../images/1.0/remplissageD.jpg);
	height:14px;
	width:9px;
}

/*barre vide*/

#barreProgressionVide {
	width:200px;
	height:14px;
	position:relative;
	background-image:url(../../images/1.0/barreVideFond.jpg);
	background-repeat:repeat-x;
	margin-top:4px;
	margin-bottom:16px;
}
.barreProgressionVideG {
	position:absolute;
	left:0;
	background-image:url(../../images/1.0/barreVideG.jpg);
	height:14px;
	width:9px;
}
.barreProgressionVideD {
	position:absolute;
	right:0;
	background-image:url(../../images/1.0/barreVideD.jpg);
	height:14px;
	width:9px;
}

/*barre pleine*/

#barreProgressionPleine {
	width:200px;
	height:14px;
	position:relative;
	background-image:url(../../images/1.0/barrePleineFond.jpg);
	background-repeat:repeat-x;
	margin-top:4px;
	margin-bottom:16px;
}
.barreProgressionPleineG {
	position:absolute;
	left:0;
	background-image:url(../../images/1.0/barrePleineG.jpg);
	height:14px;
	width:9px;
}
.barreProgressionPleineD {
	position:absolute;
	right:0;
	background-image:url(../../images/1.0/barrePleineD.jpg);
	height:14px;
	width:9px;
}



#enteteArticle {
	margin:0 10px;
	width:645px;
	height:120px;
}



/* para*/
.resume {
	padding-left:15px;
	padding-right:5px;
    font-weight:bold;
    padding-top:15px;
}
div.logoRight {
	width:202px;
	float:right;
	margin-left:5px;
	margin-right:4px;
	margin-bottom:3px;
	text-align:center;
}
div.logoRight img, div.logoLeft img {
	border:solid 1px #CFCFCF;
}
div.logoLeft {
	width:202px;
	float:left;

	margin-right:5px;
	margin-left:4px;
	margin-bottom:3px;
	text-align:center;
}
div.logoLeft div, div.logoRight div, .legendePhoto {
	text-align:center;
	font-size:11px;
	border:solid 1px #CFCFCF;
    border-top:0;
	padding:3px;
	background-color:#EFEFEF;
	margin-bottom:3px;
	color:#000;
}
div.paragraphes table {
	text-align:center;
	margin-top:5px;
    position:relative;
}
h2.titrePara {
	margin:0;
	padding:0;
	background-color:#DFDFDF;
	border:solid 1px #BFBFBF;
	border-left:solid 2px #BFBFBF;
	border-right:solid 2px #BFBFBF;
	position:absolute;
	top:0;
	left:0;

	font-size:15px;
	font-weight:bold;
	padding:4px 0;
	padding-left:32px;
	margin-bottom:8px;
	margin-left:5px;
	background-image:url(../../images/1.0/flecheInterTitre.jpg);
	background-position:6px 3px;
	background-repeat:no-repeat;
	text-align:left;
	width:618px;
}
div.paragraphes {
	position:relative;
    margin:0;
	padding:35px 8px 0px 8px;
	text-align:justify;
	margin-bottom:12px;
	font-size:14px;
	line-height:21px;
}
div.paragraphes p {
	padding:0 18px;
}
div.paragraphes a {
	text-decoration:underline;
}
div.paragraphes table img {
	border:solid 1px #CFCFCF;
}
div.imageCentree {
	text-align:center;
	margin-top:7px;
	font-size:11px;
	font-weight:bold;
}
div.imageCentree img {
	border:solid 1px #CFCFCF;
}
div.imageCentree div {
	width:494px;
	margin:0 auto;
	background-color:#EFEFEF;
	border:solid 1px #CFCFCF;
	border-top:0;
	padding:3px;
}
div.video {
    text-align:center;
    margin-bottom:7px;
    margin-top:5px;
}
div.video div {
	text-align:center;
}
div.downlaod img {
	float:left;
	margin-right:10px;
	border:0;
}
div.downlaod {
    width:250px;
	margin:0 auto;
	margin-top:10px;
    margin-bottom:15px;
}
div.downlaod div {
	padding-top:0px;
}




#hauteurEnteteArticle {
	height:140px;
	float:left;
	width:1px;
}

.retourRub {
	background-color:#CCC;
	padding:5px;
	
	font-size:16px;
	text-align:center;
	border-top:solid 1px #5D5D5D;
	border-left:solid 2px #5D5D5D;
	border-right:solid 2px #5D5D5D;
	margin-top:35px;
	width:650px;
	margin:0 auto;
}
.retourRub a {
	text-decoration:underline;
	font-weight:bold;
}





/* jscrollPane jquery */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
a.jScrollArrowUp {
	background: url(../../images/1.0/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../../images/1.0/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}