#artcontent
{
	width:600px;
	margin-left:10px;
}

#artcontent div.mainimg
{
	position:relative;
	margin-bottom:10px;
	max-height:320px;
	overflow:hidden;		
}

#artcontent div.mainimg div.mainimgdescr
{
	position:absolute;
	bottom:0;
	border-top:1px solid #626262;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../img/articles/bg_mainimgdescription.png);
	padding:2px 5px 2px 5px;
	color:#ccc;
	min-height:30px;
	width:590px;
}

#artcontent div.mainimg div.mainimgdescr a
{
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ccc;
	border-bottom:1px dashed #ccc;
}

#artcontent div.dossier
{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#6c7878;	
}

#artcontent div.dossier a
{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#397171;
}

#artcontent div.dossier a span
{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#6c7878;
}


#artcontent div.titre
{
	font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:10px;
}

#artcontent div.texte .left 
{
	text-align:left;
}

#artcontent div.texte .right 
{
	text-align:right;
}

#artcontent div.texte .center 
{
	text-align:center;
}

#artcontent div.texte a
{
	font:12px Verdana, Geneva, sans-serif;
	color:#333;
	border-bottom:1px dashed #333;
}

#artcontent div.description
{
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	padding-top:5px;
	padding-bottom:10px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

#artcontent div.description a
{
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	border:1px dashed 333;
}


#artcontent div.date
{
	clear:both;
	font:11px Verdana, Geneva, sans-serif;
	font-style:italic;
	text-align:center;
	color:#333;
	margin-bottom:10px;	
}

#artcontent div.texte .left 
{
	text-align:left;
}

#artcontent div.texte .right 
{
	text-align:right;
}

#artcontent div.texte .center 
{
	text-align:center;
}

#artcontent div.texte table,
#artcontent div.texte table td
{
	padding:0;
	border-spacing:0;
	border:none;
}

#artcontent div.texte,
{
	margin-bottom:10px;
}

#artcontent div.texte,
#artcontent div.texte p,
#artcontent div.texte font,
#artcontent div.texte table,
#artcontent div.texte span,
#artcontent div.texte div,
#artcontent div.texte ul,
#artcontent div.texte li,
#artcontent div.texte ol
{
	font:12px Verdana, Geneva, sans-serif;
	color:#111111;
	font-weight:normal;
	font-style:normal;
	line-height:18px;	
}

#artcontent font.moins1, 
#artcontent table.moins1, 
#artcontent table.moins1 td, 
#artcontent table.moins1 th, 
#artcontent table.moins1 div, 
#artcontent table.moins1 span, 
#artcontent table.moins1 font  
{
	font-size:11px;
}

#artcontent font.moins2, 
#artcontent table.moins2, 
#artcontent table.moins2 td, 
#artcontent table.moins2 th, 
#artcontent table.moins2 div, 
#artcontent table.moins2 span, 
#artcontent table.moins2 font  
{
	font-size:10px;
}

#artcontent span.puce 
{ 
	background:url(/embed/resources/puce.gif) no-repeat;
	padding-right:10px;
}

#artcontent div.texte span.intertitre 
{
	font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	clear:both;
	padding-top:10px;
	text-transform:uppercase;
	color:#794f37;
	border-bottom:2px solid #794f37;
	padding-bottom:2px;
	width:100%;
}



#artcontent div.texte span.sous_intertitre 
{
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-transform:uppercase;
	color:#545d62;
	padding-top:5px;
}

#artcontent div.texte span.sous_intertitre:before
{
	content:"\25BA";
}

/* images */

#artcontent div.texte table.artimg 
{
	padding:2px; 
	border:none;
	margin-bottom:5px;
}

#artcontent div.texte table.artimg td 
{
	border:none
}

#artcontent div.texte table.artimg td.legend 
{
	font-size:10px;
	color:#333333;
}

#artcontent div.texte table.artimg td.legend a 
{
	font:10px Verdana, Geneva, sans-serif;
	color:#333333;
	border-bottom:1px dashed #333333;
}


/* diagrams */
#artcontent div.texte table.artdiag 
{
	padding:2px; 
	border:none;
	margin-bottom:5px;
}

#artcontent div.texte table.artdiag td 
{
	border:none
}

#artcontent div.texte table.artdiag td.legend 
{
	font-size:11px;
	color:#333333;
}


#artcontent div.texte hr 
{
	background:#ccc;
	border:0; 
	height: 1px; 
	margin-top: 10px ; 
	margin-bottom: 10px; 
	width:100%;
} 

#artcontent div.texte ul, #artcontent div.texte ul li 
{
	list-style-image: url(../embed/resources/puce.gif)
}

#artcontent div.texte ul 
{
	padding-left:15px;
}

#artcontent div.texte ul li 
{
	padding-left:0px;
}

#artcontent div.texte ol 
{
	padding-left:15px;
}

#artcontent div.texte ol li 
{
	padding-left:0px;
}


#artcontent table.style1 
{
	border-collapse:collapse;
	/*width:100%;*/
	padding:0;
	margin:0;
	border-spacing:0px;
	margin-bottom:10px;
}

#artcontent table.style1 thead 
{
}

#artcontent table.style1 thead th
{
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#606369;
	background:#d5d9da;
	padding:2px;
	height:25px;	
	border:1px solid #ccc;
}

#artcontent table.style1 thead th * 
{
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#606369;
}

#artcontent table.style1 tbody tr
{
	height:20px;
	background:#fff;
}

#artcontent table.style1 tbody td,
#artcontent table.style1 tbody th
{
	padding:2px;
	border:1px solid #e2e2e2;
}

#artcontent table.style1 a
{
	/*color:#408080;*/
	color:#333;
	border-bottom:1px dashed #ccc;
}

#artcontent table.style1 tbody td.colored1 
{
	background:#5f91d0;
}

#artcontent table.style1 tbody td.colored2 
{
	background:#5f89c5
}

#artcontent table.style1 tbody td.colored3 
{
	background:#5f7fbc
}

#artcontent table.style1 tbody td.highlighted 
{
	background:#dee935
}

#artcontent table.style1.alternate1 tbody tr:nth-child(even) 
{
	background: #efefef;
}


#artcontent table.style2 
{
	border-collapse:collapse;
	/*width:100%;*/
	padding:0;
	margin:0;
	border-spacing:0px;
	margin-bottom:10px;
}

#artcontent table.style2 thead 
{
}

#artcontent table.style2 thead th
{
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	background:#0190a1;
	padding:2px;
	height:25px;	
	border:1px solid #067683;
}

#artcontent table.style2 thead th * 
{
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
}

#artcontent table.style2 a
{
	/*color:#408080;*/
	color:#010101;
	border-bottom:1px dashed #ccc;
}

#artcontent table.style2 tbody tr
{
	height:20px;
	background:#fefefe;
}

#artcontent table.style2 tbody td,
#artcontent table.style2 tbody th
{
	padding:2px;
	border:1px solid #7e9ea1;
}

#artcontent table.style2 tbody td.colored1 
{
	background:#5f91d0;
}

#artcontent table.style2 tbody td.colored2 
{
	background:#5f89c5
}

#artcontent table.style2 tbody td.colored3 
{
	background:#5f7fbc
}

#artcontent table.style2 tbody td.highlighted 
{
	background:#dee935
}

#artcontent table.style2.alternate2 tbody tr:nth-child(even) 
{
	background: #a8d0d5;
}

#artcontent div.accesabonne
{
	margin-top:10px;
	font:13px Verdana, Geneva, sans-serif;
	color:#000;
	background:#ddd;
	padding:10px 10px 10px 10px;
	line-height:18px;	
	border:1px solid #0190a1;
}

#artcontent div.accesabonne div.accestitre
{
	font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#0190a1;
	border-bottom:1px solid #2499a7;
	padding-bottom:2px;
	margin-bottom:10px;
	vertical-align:top;
}

#artcontent div.accesabonne a
{
	color:#0190a1;
}

/* right page elements */
#article .aside .element .content .artdossier a
{
	font:13px Arial, Helvetica, sans-serif;
	color:#565656;
}

#article .aside .element.react .content > div
{
	margin-bottom:7px;
}


#article .aside .element .content .artdossier.selected
{
	font:bold 13px Arial, Helvetica, sans-serif;
}



/* right: react / recommand */

#article .aside .element .content a.reagir
{
	color:#565656;
}

/* reactions */

#article div.reactions
{
	
}

#article div.reactions div.reactintro
{
	position:relative;
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	padding-bottom:2px;
	border-bottom:1px solid #333;
	border-radius:2px;
	background:#242424;
	padding:5px;
}

#article div.reactions div.reactintro .links
{
	float:right;	
}
/*
#article div.reactions div.reactintro .links a
{
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	text-transform:none;
	border-bottom:1px dashed #333;
}
*/

#article div.reactions div.reactintro div.arrow
{
	position:absolute;
	left:20px;
  bottom:-32px;
  height:0;
  width:0;		
  border-style:solid;
  border-width:16px;
  border-color:#242424 transparent transparent transparent;	
}
/*
#article div.reactions div.reactintro div.arrowinside
{
	position:absolute;
	left:21px;
  bottom:-30px;
  height:0;
  width:0;		
  border-style:solid;
  border-width:15px;
  border-color:#fff transparent transparent transparent;	
}
*/

#article div.reactions div.list
{
	font:12px  Verdana, Geneva, sans-serif;
	line-height:18px;
	color:#333;
	padding:5px;
	border:1px solid #242424;
	margin-top:-1px;
	padding-top:20px;
}

#article div.reactions div.list div.element
{
	clear:both;
	margin-bottom:25px;
	overflow:auto;
	overflow-x:hidden;
}

#article div.reactions div.list div.element div.img
{
	float:left;
	width:70px;
	max-height:100px;
	text-align:center;
}

#article div.reactions div.list div.element div.elcontent
{
	float:right;
	width:500px;
	color:#333;
}

#article div.reactions div.list div.element.elpost div.elcontent
{
	padding-bottom:10px;
	border-bottom:1px solid #333;
}

#article div.reactions div.list div.element.elpost a
{
	color:#0190a1;
}

#article div.reactions div.list div.element.elpost div.elcontent div.elconfirm
{
	display:none;	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 0px 5px 0px;	
	margin-bottom:10px;
}

#article div.reactions div.list div.element.elpost div.elcontent div.elerror
{
	display:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#a70000;
	background:#af9b94;
	padding:5px 0px 5px 0px;	
	margin-bottom:10px;
}

#article div.reactions div.list div.element.elpost div.elcontent div.elhead
{
	font:12px Verdana, Geneva, sans-serif;
	color:#333;
	margin-bottom:5px;
}

#article div.reactions div.list div.element.elpost div.elcontent textarea
{
	font:12px Verdana, Geneva, sans-serif;
	color:#eee;
	width:490px;
	height:60px;
	border:1px solid #aaa;
	background:#333;
	padding:5px;
}

#article div.reactions div.list div.element div.elcontent a.pseudo
{
	font-weight:bold;
	color:#b76b31;
}

#article div.reactions div.list div.element div.elcontent span.date
{
	color:#666;
}

#article div.reactions .post_reaction_wheel
{
	display:none;
	background:url(/img/EE/wheel.gif) no-repeat;
	width:25px;
	height:25px;
	vertical-align:middle;
}  

#article div.reactions div.wheel
{
	display:none;
	margin-top:5px;
	text-align:center;
	background:url(../img/EE/wheel.gif) no-repeat center top;
	height:25px;
	width:100%;
}  


/* page comments charter */



#article.comments_charter
{
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:18px;	
}

#article.comments_charter h3 /* sous titre */
{
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;	
	margin-bottom:10px;
}

.aside .element
{
	clear:both;
	/*float:left;*/
	background:#ffffff url(../img/EE/gabarit/bg_encadre_droite.png) repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color:#565656;
	width:100%;
	margin-bottom:25px;
	padding-bottom:7px;
	overflow:auto;
	overflow-x:hidden;
}

.aside .element .title /* common style */
{
	font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.aside .element .title1 /* turquoise */
{
	color:#0190a1;
	border-bottom:1px solid #2499a7;
}

.aside .element .title2 /* brown */
{
	color:#794f37;
	border-bottom:1px solid #794f37;
}


.aside .element .title3 /* grey */
{
	color:#545d62;
	border-bottom:1px solid #545d62;
}

.aside .element .title4 /* dark grey */
{
	color:#2a3031;
	border-bottom:1px solid #606369;
}

.aside .element .img /* image at left */
{
	float:left;
	margin-right:10px;
}

.aside .element .content /* area content */
{
	clear:both;
	padding:5px 10px 0 10px;
	width:295px;
}

.aside .element .fullcontent /* area content full width */
{
	clear:both;
	padding:5px 0 0 0;
	width:315px;
}


.aside .element .text
{
	margin-bottom:5px;
}

table.pairings
{
	width:100%;
}

table.pairings td:nth-of-type(1), table.pairings td:nth-of-type(4)
{
	width:34%;
}
table.pairings td:nth-of-type(2), table.pairings td:nth-of-type(5)
{
	width:9%;
}

table.pairings td:nth-of-type(2)
{
	text-align:right;
}
table.pairings td:nth-of-type(3)
{
	width:6%;
	text-align:center;
}
table.pairings td:nth-of-type(6)
{
	width:10%;
}