@import url(structure-generale.css);
@import url(structure-liste-article.css);
@import url(coul-rub-art.css);
@import url(commentaires_rub.css);
@import url(commentaires_art.css);
@import url(question_du_jour_rub.css);
@import url(question_du_jour_art.css);
@import url(col-droite-large.css);
@import url(colorbox.css);

/*  Regles et Styles Specifiques aux pages articles / Forcage des styles importes au dessus */
.contenerAutresArticles{ background:#FFFFFF none repeat scroll 0 0; float:left; width:640px;}
#listeArticlesHomeRub  {float:left; position:relative; width:640px; padding:0; clear:both;margin:0;}
#listeArticlesHomeRub .unArticle {float:left; position:relative; width:640px; padding:20px 0; border-bottom:1px solid #DCDCDC; clear:both;}
#listeArticlesHomeRub .last {border-bottom:0;}
.unArticle .avecphoto { width:490px;}
.unArticle .sansphoto { width:640px;}
div.kes-rub div.kes-1 { width:600px;}
div.kes-rubg { width:640px;}
.contenerLeft{ margin-bottom:10px;}

/* ------- Style Corps Article --------*/

/* Bloc Titre */
.titreRub{ border-bottom: solid 6px; position:relative; width:640px;}
.titreRub h2 { display:block; font-size:25px; font-weight:bold;}
.titreRub h2 img.sep { padding:0 10px;}
img.rss-h2{ height:16px; position:relative; width:16px;}
.titreRub span.tous-art { color:#666666; display:block; right:0; font-size:12px; position:absolute; top:10px;}

/* Execeptions Sous Navigation*/
.bord-psg, .bord-spo, .bord-res { border:none;}
.bord-loi { border-bottom-width:1px; border-bottom-style:solid;}

/* Bloc Accroche + Vignette */
.accrocheavec{ margin:10px 0;}
.accrocheavec .vignette{ float:left; margin-right:20px; position:relative; width:150px; height:128px; background:#2e2e2e;}
.accrocheavec.vignette img.photo{height:113px;width:150px;}
.accrocheavec .vignette .zoom{ position:absolute; left:3px; background:url(../icons/bg_zoomdiap_loupe.png) left center no-repeat;padding-left:19px; font-size:10px; color:#FFF;bottom:1px;}
.accrocheavec .vignette .diapo{ position:absolute; right:5px; font-size:10px; color:#FFF;bottom:1px;}
.accrocheavec .resume{float:left; width:470px;}
.accrocheavec h1.titre, .accrochesans h1.titre{ color:#666666; font-size:21px; line-height:23px; padding:0 0 5px;}
.accrocheavec h3.surtitre, .accrochesans h3.surtitre{font-size:11px; font-weight:normal;}
.accrocheavec h4.chapo, .accrochesans h4.chapo{color:#333333; font-size:13px; line-height:15px;}
.accrochesans{ margin:10px 0;}
.accrochesans .resume{float:left; width:620px;}

/* Cartouche Date + Reaction */
.cartouche{ border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; color:#999999; font-size:13px; height:20px; line-height:20px; margin:10px 0; overflow:hidden; padding-top:1px;}
.cartouche .nb-reac { background-image:url(../icons/bg_nbreac_rouge.png); background-position:left center; background-repeat:no-repeat; color:#FFFFFF; float:right; height:19px; overflow:hidden; padding-left:5px; }
.cartouche a.nb-reac {background-image:url(../icons/ico_reac.png); background-position:0 2px; background-repeat:no-repeat; color:#CC0033; line-height:1.5em; padding-left:17px; }
.cartouche .nb-reac-end { background-image:url(../icons/bg_nbreac_rouge.png); background-position:right center; background-repeat:no-repeat; color:#FFFFFF; float:right; height:19px; overflow:hidden;}
.cartouche a.nb-reac-rouge { background-image:url(../icons/ico_reac_rouge.png); background-position:0 2px; background-repeat:no-repeat; color:#FFFFFF; padding-left:17px; }
.cartouche a.reagir-rouge { background-image:url(../icons/f_rond_dro_rouge.png); background-position:right center; background-repeat:no-repeat; color:#FFFFFF; padding-right:17px; }

/* Outils : impression + Taille + Partage */
div#outils { width:24px; height:230px; margin:0 0 11px 11px; float:left; }
#outils img.texte-plus {width: 24px;height: 24px;margin-bottom: 1px;}
#outils img.texte-moins, #outils img.print, #outils img.mail, #outils img.rss, #outils img.facebook, #outils img.twitter, #outils img.msn {width: 24px; height:24px;margin-bottom: 5px; }

/* Corps du texte */
.article{ width:605px; float:left;}
.article .texte { font-size:13px; line-height:16px;}
.article .texte1 {font-size: 8px;line-height: 10px;}
.article .texte2 {font-size: 10px;line-height: 13px;}
.article .texte3 {font-size: 13px;line-height: 16px;}
.article .texte4 {font-size: 18px;line-height: 22px;}
.article .texte5 {font-size: 20px;line-height: 25px;}
.article .texte div.pub-spot {float:left;}
.article .texte a {color:#336699;}
.article p { margin-bottom: 10px;}
.article .intertitre { font-weight:bold;}
.article div a.invisible { color:#000000; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none;}
.article embed{ margin:10px 10px 10px 0;}
div.sep-hor {border-bottom:1px solid #CCCCCC;height:1px;overflow:hidden;}

/* Complements */
dl#complements { float: right;width: 150px;margin: 10px 0px 10px 20px;}
.article .texte dl#complements dd a { color: #336;}
#complements dt.surt-surt {	border-bottom: 1px solid #a0aab4; height: 1px; overflow: hidden;}
#complements dt.surt {font-size: 10px;text-transform: uppercase;color: #c03;	padding: 3px 0px;border-bottom: 1px solid #a0aab4;}
#complements dd {font-size: 13px;line-height: 15px;padding: 3px 0px 3px 20px;border-bottom: 1px solid #a0aab4;margin: 0px;background-position: 0px 4px;background-repeat: no-repeat;}
#complements dd.vid { background-image: url('../icons/ico_video.png'); }
#complements dd.dia { background-image: url('../icons/ico_diaporama.png'); }
#complements dd.art { background-image: url('../icons/ico_article.png'); }
#complements dd.dos { background-image: url('../icons/ico_dossier.png'); }
#complements dd.web { background-image: url('../icons/ico_web.png'); }
#complements dd.doc { background-image: url('../icons/ico_document.png'); }
#complements dd.blo { background-image: url('../icons/ico_blog.png'); }
#complements dd.for { background-image: url('../icons/ico_forum.png'); }
#complements dd.aud { background-image: url('../icons/ico_son.png'); }
#complements dd.novis { visibility: hidden; }

/* signature */
div.signature{ font-size:12px;margin:10px 0; width:640px;}
div.signature .tous-art-bas{ float:right; font-size:12px;}

/* Articles sur le meme sujet */
div.plus-loin, div.meme-sujet {float: left;width: 640px;margin-bottom: 5px;}
div.plus-loin div.int {font-size: 13px;font-weight: bold;color: #333;padding: 5px 0px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-bottom: 5px;}
div.meme-sujet div.int {font-size: 13px;font-weight: bold;color: #333;padding: 5px 0px;border-bottom: 1px solid #ccc;margin-bottom: 5px;}
div.meme-sujet li, div.plus-loin li {font-size: 13px;list-style-type: none;margin-bottom: 5px;}

/* Titre Rubriques : Les autres articles */
.titreRubListeBas{border-bottom:6px solid; width:640px;}
.titreRubListeBas h5, .titreRub h5{font-size:22px;font-weight:bold; padding-top:20px;}

/* Bloc module rouge 310*/
.module-rouge {z-index:500; clear:left; width:310px;}
.module-rouge div.int{display:none;}
.module-rouge .sout{ font-size:15px; font-weight:bold; text-transform:uppercase;  padding:0 0 0 10px; background: #FFF url(../imgs/homeg/flbas-blocdroite.png) no-repeat bottom left;line-height:30px; height:50px;color:#C03; border-top:6px solid #CC0033; }
.module-rouge .list{ list-style-type:none; font-size:11px; margin-bottom:10px; }
.module-rouge .list li{ margin:0 10px; padding:3px 0; line-height:15px; color:#336; }
.module-rouge .list a{ color:#336; }
.module-rouge .foot-intermediaire{ background:url(../imgs/homeg/bg-310bas-acces.png) repeat-x left top; height:29px; line-height:29px; text-align:right; font-size:11px; margin-top:5px; margin: 0 0 15px 0;}
.module-rouge .foot-intermediaire a{display:block; background:url(../imgs/homeg/blocs-flechegrise.png) no-repeat right; color:#333; padding-right:33px;line-height:29px; float:left; background-position:left; padding-left:28px;}
.module-rouge .foot-intermediaire div img{ display:none;}