/* @override http://rocheid.localhost/css/generique/article.css */
/*---------------------------------------------- PROPRIETES ARTICLE ---------------------------------------------*/
.article			{color:#231f20;font:normal 11px/16px "Trebuchet MS";}

/* titre */
 h1							{font:bold 13px "Trebuchet MS";color:#fff;margin: 20px 0 5px -60px; padding:4px 10px 15px 60px; display:table }
#general h1					{ background:url(/img/modele/bg-h1-general.png) no-repeat left top;}
#pro h1						{ background:url(/img/modele/bg-h1-pro.png) no-repeat left top;}
#studient h1				{ background:url(/img/modele/bg-h1-studient.png) no-repeat left top;}
.article h2			{font:bold 15px "Trebuchet MS";color:#231f20;margin:15px 0 0 0;}
.article h3			{font:bold 14px "Trebuchet MS";color:#231f20;margin:0.5em 0;}
.article h4			{font:bold 12px "Trebuchet MS";color:#231f20;margin:0.5em 0;}

/* /titre */

/* em */
em 						{ font-style:normal;}
#general em 			{font-weight:bold; color:#ca006c;}
#pro em 				{font-weight:bold; color:#8cc63f;}
#studient em 			{font-weight:bold; color:#2392b4;}
/* /em */

/* no_marge */
.article .no_marge	{margin-top:0; padding:0}
/* no_marge */

/* marge */
.article .marge		{margin-top:10px;}
/* marge */

/* paragraphe */
.article p			{padding-top:10px;}
.article p.sep 		{ border-bottom: dashed 1px #e5e5e5;}
/* /paragraphe */

/* lien */
.article a			{color:#231f20;text-decoration:underline;}
.article a:hover	{color:#231f20;}
#general .article a						{ color: #ca006c;}
#pro .article a							{ color: #8cc63f;}
#studient .article a					{ color: #2392b4;}
.article a.bloc							{ display:block; padding:6px 15px; text-decoration:none; color:#FFF; text-transform:uppercase; margin:0 5px; font-size:9px; background: #ca006c;}
#general .article a.bloc				{ background: #ca006c; color:#fff}
#pro .article a.bloc					{ background: #8cc63f; color:#fff}
#studient .article a.bloc				{ background: #2392b4; color:#fff}

.article a.lk_plus						{ padding-left:8px}
#general .article a.lk_plus				{ background: url(/img/modele/puce_plus_rose.gif) no-repeat 0 5px;color:#ca006c;}
#pro .article a.lk_plus					{ background: url(/img/modele/puce_plus_verte.gif) no-repeat 0 5px;color:#8cc63f;}
#studient .article a.lk_plus			{ background: url(/img/modele/puce_plus_bleue.gif) no-repeat 0 5px;color:#2392b4;}

/* lien */ 

/* indentation */
.article blockquote	{margin-left:20px;}
/* /indentation */

/* liste */
.article ul								{ margin:10px 0;}
.article ul.plus li						{ padding:4px 0 5px 10px;}
#general .article ul.plus li			{ background:url(/img/modele/puce_plus_rose.gif) no-repeat 0 10px;}
#pro .article ul.plus li				{ background:url(/img/modele/puce_plus_verte.gif) no-repeat 0 10px;}
#studient .article ul.plus li			{ background:url(/img/modele/puce_plus_bleue.gif) no-repeat 0 10px;}
/* /liste */

/* fichier attache */
.article ul.picto		{margin:0 0 5px 30px;}
.article ul.picto li	{margin-top:10px; }
.article .picto			{padding-left:25px;}
.article .picto img		{margin-right:10px;margin-left:-25px;}
.article .picto a		{color:green;}

.article div.picto		{padding-left:25px;margin-top:10px;}
.article div.picto img	{margin-left:-25px;}
/* /fichier attache */

/* puce */
.article ul.puce_barre_bleu li		{list-style-image:url(/img/modele/pe_carre_gris.gif);}
/* /puce */



/*bouton*/
.article .btn { min-width: 32px; text-align: center; }
/*/bouton*/


/*picto*/
.article .po{}
/*/picto*/

.article .search_results { margin: 10px 0; }
.article .search_results td { padding: 1px; vertical-align: middle; }

.article .comingsoon { font-weight: bold; text-transform: uppercase; color: white; background-color: silver; padding: 2px; font-size: 12px; }

/* image */
.article img.bordure		{border:1px solid #231f20;}
.article .legende_image 	{font-size:10px;background:red;color:white;padding:3px;}
.article td.text-image-r 	{padding:0 0 5px 10px;}
.article td.text-image-r img, .article td.text-image-l img 	{border:1px solid #231f20;}
.article td.text-image-l 	{padding:0 10px 5px 0;}
.article div.text-image-r	{float:right;margin:0 0px 5px 10px;}
.article div.text-image-l	{float:left;margin:0 10px 5px 0;}
/* image */
/*---------------------------------------------- /PROPRIETES ARTICLE ---------------------------------------------*/

.error_message {
  border: 1px solid #cc3300;
  font-weight: bold;
  color: black;
  background-color: #f9e9e3;
  margin-top: 10px;
  width: 100%;
padding: 3px;}
.article p.error_message { padding: 3px 3px 3px 16px; background: #f9e9e3 url(/img/picto/ico_error_rb.png) no-repeat 3px 6px; }

.date			{color:#8e8a8b; font-size:10px}
td.ligne		{background:url(/img/modele/sep.gif) repeat-y center top;}