/* @override http://keroul.localhost/css/generique/article.css */
/*---------------------------------------------- PROPRIETES ARTICLE ---------------------------------------------*/
.article			{color:#003e5f;font:normal 11px/14px arial;}

/* titre */
.article h1			{font:bold 16px arial;color:#003e5f;margin:0 0 20px 0;}
.article h2			{font:bold 16px arial;color:#003e5f;margin:0 0 20px 0;}
.article h3			{font:bold 14px arial;color:#003e5f;margin:0 0 20px 0; text-transform:uppercase}
.article h4			{font:bold 12px arial;color:#003e5f;margin:0.5em 0;}

.article h3.titre_collection {font:bold 14px arial;color:#003e5f;margin:0 0 3px 0; text-transform:uppercase}
.article h3.titre_partenaires { font-size: 11px; color: #fff; background-color: #999; font-weight: normal; font-style: normal; text-transform: none; padding: 3px; margin-bottom: 14colkpx; }
/* /titre */

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

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

/* paragraphe */
.article p			{padding-bottom:10px;}
/* /paragraphe */

/* lien */
.article a			{color:#003e5f;text-decoration:underline;}
.article a:hover	{color:#003e5f;}
/* lien */

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

/* liste */
.article ul			{margin:0 0 5px 30px;}
.article li			{margin-top: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 */

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

/* image */
.article img.bordure		{border:2px solid green;}
.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-l 	{padding:0 5px 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;}

.article .incollection { padding: 10px; background-color: #daeaf3; }

.article #col_droite .element { float: left; width: 130px; margin: 0 20px 0px 0; position: relative; }
.article #col_droite .last { margin-right: 0; }
.article #col_droite .element .photo { width: 122px; height: 83px; /*border: none !important;*/ }
.article #col_droite .element .photo .icovideo { width: 30px; height: 30px; position: absolute; top: 37px; left: 50px; background-image: url(/img/modele/ico_movieplay.png); /*border: 4px solid pink;*/  }
.article #col_droite .element .photo .iconew { width: 43px; height: 45px; position: absolute; top: 6px; right: -3px; background-image: url(/img/modele/ico_tagnew.png);   }
.article #col_droite .element .photo .iconew_en { width: 43px; height: 45px; position: absolute; top: 6px; right: -3px; background-image: url(/img/modele/ico_tagnew_en.png);   }

.article #col_droite .element p { text-transform: uppercase; font-size: 10px; font-weight: bold; min-height: 35px; padding-bottom: 0; }

.article #col_gauche #section_videos { overflow: auto; margin-bottom: 20px; }
.article #col_gauche .element { float: left; width: 360px; margin: 0 20px 0px 0; position: relative; }
.article #col_gauche .last { margin-right: 0; }
.article #col_gauche .element .photo { width: 122px; height: 81px; /*border: none !important;*/ float:  left; margin: 0;  }
.article #col_gauche .element .photo .icovideo { width: 30px; height: 30px; position: absolute; top: 26px; left: 55px; background-image: url(/img/modele/ico_movieplay.png);  }
.article #col_gauche .element .photo .iconew { width: 43px; height: 45px; position: absolute; top: -1px; left: 90px; background-image: url(/img/modele/ico_tagnew.png); }

.article #col_gauche .element .photo .iconew_en { width: 43px; height: 45px; position: absolute; top: -1px; left: 90px; background-image: url(/img/modele/ico_tagnew_en.png); }

.article #col_gauche .element p { text-transform: uppercase; font-size: 11px; font-weight: bold; float: right; width: 220px; }
.article #col_gauche .element p.long_desc { font-size: 11px; font-weight: normal; text-transform: none; float: right; width: 220px; }

.article .photo				{ border:#bdbbbc 1px solid; padding:4px; margin:7px 0 }
.article .description .photo {margin:0px 25px 0px 0; float:left}
.article .resultats .photo	{margin:0 0 7px 0; }
.article .creditphoto {font-size: 9px; margin-bottom: 10px; display: block;}
.article .description h3 { margin: 16px 0; font-size: 15px; }
.article .description_text { float: left; width: 360px; }
.article .description_infos { float: left; width: 260px; margin-left: 12px; }
.article #col_gauche .description_infos .titre_section  { background: none; height: auto; padding: 7px 0; width: 260px; }
.article #col_gauche .description_infos .titre_section h2 {  font-weight: bold; font-size: 13px; text-transform: uppercase;  display: block; margin-bottom: 10px; width: 260px;}
.article #col_gauche .description_infos .titre_section h2 { display: block; }

.article .etablissement_information { font-style: italic; font-size: 11px; }

/* image */
/*---------------------------------------------- /PROPRIETES ARTICLE ---------------------------------------------*/
.article .region td			{font:normal 11px Arial, Helvetica, sans-serif;}
.article .region td.nom	{ height:42px;  font:normal 14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 4px; color:#fff; vertical-align:middle}
.article .region td.nom a,.article .region td.nom a:hover	{ color:#fff; text-decoration:none;}


.article .resultats h3			{font:normal 17px Arial, Helvetica, sans-serif; letter-spacing:-0.5px; padding:0 10px; color:#fff; margin-bottom:2px; line-height: 40px; }
.article .resultats h4			{font:normal 15px Arial, Helvetica, sans-serif; letter-spacing:-0.5px; padding:0 0 0px 4px; color:#fff; margin:0 0 10px 0; text-transform:uppercase; line-height: 35px; }
.article .resultats h5			{font:normal 14px Arial, Helvetica, sans-serif; letter-spacing:-0.5px; text-transform:uppercase; }
.article .resultats .right li	{ display:inline;}
.article .resultats table.right	{ margin-left: 30px;}
.article .resultats table.right td	{ padding-left: 1px;}

.article .message_intro { margin: 10px 0; color:#003e5f; }

/*--------- Layout texte ---------------------------------------------*/

.layout_texte #col_gauche h1 { text-transform: uppercase; font-size: 22px; font-weight: normal; font-style: normal; }
.layout_texte #col_gauche p { margin-bottom: 5px; padding: 0; }
.layout_texte #col_gauche ul { margin-top: 5px; margin-bottom: 1.5em; }
.layout_texte #col_gauche li { list-style-type: disc; margin: 2px 0 2px 0; }

.layout_texte #col_gauche label.listing {  } 
.layout_texte #col_gauche h3.division, .layout_texte #col_gauche h1.division { border-top: 1px solid #daeaf3; padding-top: 5px; margin-top: 10px; }

.layout_texte #col_gauche { border-top: #bdbbbc 1px solid; padding-top:10px; }