/* STRUCTURES HTML */
/*************************************************************************************************************************************************************************/
.colonneA1{float:left;width:400px;margin:0px 0px 0px 0px;overflow:visible;background-color:#FFFFFF;}
.colonneA2{float:left;width:300px;height:auto;margin:0px 0px 0px 0px;background-color:#FFFFFF;}
.colonneA3{float:left;width:120px;margin:0px 0px 0px 10px;}
.separation_pointille_300{position:relative; width:300px;height:10px;background-image:url(/img/pictos/picto_pointille.gif);background-repeat:repeat;}
.separation_pointille_400{width:400px;height:10px;background-image:url(/img/pictos/picto_pointille.gif);background-repeat:repeat;}
.Article_separation_vertical {float:left;width:20px;height:100%;background-image:url(/img/home_pointille.gif);background-repeat:repeat;min-height:1100px;}
/* "margin-top", "margin-right", "margin-bottom", "margin-left"
#content{position:relative;width:950px;padding:0 10px 0 10px;background-color:#FFFFFF;text-align:left;height:750px;}
#content .box_content_250{float:left;width:245px;text-align:left;height:250px;}
#content .box_content_300{float:left;width:300px;text-align:left;height:250px;}
#content .box_content_400{float:left;width:380px;text-align:left;height:250px;}
#content .box_content_500{float:left;width:490px;text-align:left;height:250px;}
*/
/*.MoyenneArticle{position:absolute;padding-left:280px;top:50px;}*/
.infoNoteArticle .NoterArticle{position:relative;padding-left:280px;top:-14px;}
.colonneA1 .lecture_article {position:relative;margin-left:auto;margin-right:auto;width:400px;min-height: 100%;_height:100%;background-color:#FFFFFF;text-align:left;}
.colonneA1 .lecture_article .dateArticle {width:395px; height:15px; background-color:#000000; color:#9D9B90;text-align:left;font-size:10px;padding-left:5px;padding-top:3px;}
.colonneA1 .lecture_article .titreArticle {width:395px; height:30px; background-color:#000000; color:#FFFFFF;text-align:left;font-size:12px;font-weight:bold;padding-left:5px;padding-top:5px;}
.colonneA1 .lecture_article .titreArticle h1{width:395px; height:30px; background-color:#000000; color:#FFFFFF;text-align:left;font-size:12px;font-weight:bold;}
.colonneA1 .lecture_article .titreArticle a{color:#FFFFFF;text-align:left;font-size:12px;font-weight:bold;}
.colonneA1 .lecture_article .titreArticle a:hover{color:#FFFFFF;text-align:left;font-size:12px;font-weight:bold;text-decoration:underline;}
.colonneA1 .lecture_article .auteurArticle {width:395px; height:25px; background-color:#000000; color:#9D9B90;text-align:left;font-size:10px;padding-left:5px;}
.colonneA1 .lecture_article .auteurArticle img{display:inline; vertical-align:middle;}
.colonneA1 .lecture_article .auteurArticle a{color:#9D9B90;font-size:10px;}
.colonneA1 .lecture_article .auteurArticle a:hover{color:#9D9B90;text-decoration:underline;font-size:10px;}
.colonneA1 .lecture_article .auteurArticle .MoyenneArticle{display:inline; float:left}
.colonneA1 .lecture_article .imageArticle {width:400px;height:267px;background-color:#000000;margin-top:2px;vertical-align:middle;text-align:center;}
.colonneA1 .lecture_article .texteArticle {width:400px;overflow:visible;background-color:#FFFFFF;font-size:11px;color:#000000;}
.colonneA1 .lecture_article .textArticle p{margin-top:10px;padding-top:10px;}
.colonneA1 .lecture_article .infoNoteArticle{width:400px;height:50px;background-color:#000000; }
.colonneA1 .lecture_article .infoNoteArticle a{color:#FE6002;}
.colonneA1 .lecture_article .infoNoteArticle a{text-decoration:undeline;}
.colonneA1 .lecture_article .infoNoteArticle .source{float:left;width:250px;background-color:#000000;color:#ffffff;}
.colonneA1 .lecture_article .infoNoteArticle .noter{float:left;width:150px;margin-top:10px;background-color:#000000;}
.colonneA1 .actualite_secondaire { width:400px; height:80px; margin:0px; background-color:#FFFFFF; font:verdana;}
.colonneA1 .image_secondaire {float:left; width:120px; height:80px; margin:0px;background-color:#FFFFFF; }
.colonneA1 .titre_secondaire {float:left; width:270px; height:80px; background-color:#FFFFFF;margin:2px; font-size:12px; color:#9D9B90; }
.colonneA1 .reaction_article{ width:400px;}
.colonneA1 .reaction_article .bordure_top{width:400px;height:4px;background-image:url(/img/pictos/trait.gif);background-repeat:repeat;}
.colonneA1 .reaction_article .reaction{width:400px; height:70px;background-color:#D4DCDE;text-align:left;}
.colonneA1 .reaction_article .reaction .nbre_commentaire{background-image:url(/img/deja_commentaire.gif); width:133px; height:40px; float:left; margin: 8px 0 0 40px}
.colonneA1 .reaction_article .reaction .nbre_commentaire span{font-size:14px; font-weight:bold; margin-left:45px; margin-top:10px; display:block}
.colonneA1 .reaction_article .bordure_bottom{width:400px;height:4px;background-image:url(/img/pictos/trait.gif);background-repeat:repeat-x;}
.colonneA1 .actualite_courte {float:left;width:400px;height:260px;font-size:10px;color:black;}
.colonneA1 .actualite_courte .actualite_secondaire {float:left; width:400px; height:85px; font-size:10px;color: #9D9B90;}
.colonneA1 .actualite_courte .actualite_secondaire .image_secondaire{float:left; width:120px; height:85px; font-size:10px;color: #9D9B90;}
.colonneA1 .actualite_courte .actualite_secondaire .titre_secondaire{float:left; width:260px; height:80px; margin-top:5px; font-size:10px;color:#000;text-align:left;padding-left:10px;}
.colonneA1 .actualite_courte .actualite_secondaire .titre_secondaire a{font-size:10px;color:#000;}
.colonneA1 .actualite_courte .actualite_secondaire .titre_secondaire a:hover{font-size:10px;color:#000;text-decoration:underline;}
.colonneA1 .actualite_courte .actualite_secondaire .text_secondaire a{font-size:10px;color:#F08300;}
.colonneA1 .actualite_courte .actualite_secondaire .text_secondaire a:hover{font-size:10px;color:#F08300;text-decoration:underline;}
/********************* BLOC REAGIR DANS LES PAGES ARTICLES ET BREVES *********************/
.commentaire{width:300px;}
.commentaire .textnote {width:300px; height:20px;background-color:#FFF;border-bottom:1px solid #CAD0D0; text-align:right;}
/*.commentaire .textnote a{vertical-align:top;margin-bottom:5px;}*/
.commentaire .infoauteur{width:300px; height:70px;text-align:left;}
.commentaire .infoauteur .avatar{float:left;width:80px; height:70px;text-align:left;}
.commentaire .infoauteur .auteur{float:left;width:200px; height:70px;text-align:left;}
.commentaire .bordure_top{width:300px;height:4px;background-image:url(/img/pictos/trait.gif);background-repeat:repeat;}
.commentaire .bordure_bottom{width:300px;height:4px;background-image:url(/img/pictos/trait.gif);background-repeat:repeat-x;}
.envoilink {clear:both; width:300px; height:18px;background-color:#FFFFFF; color:#000000; margin-top:6px; font-size:10px; vertical-align:top;}
.envoilink a{ text-align:left; vertical-align:top;color:#000000;}
.envoilink a:hover{text-decoration:underline; text-align:left; vertical-align:top;color:#000000;}
.commentaire .reaction{width:300px; height:60px;background-color:#D4DCDE;text-align:left;}
.commentaire .partage {width:300px; height:20px;background-color:#FFFFFF;left:0px; color:#000000; font-size:10px; text-align:left; vertical-align:top;}
.commentaire .partage img{background-color:#FFFFFF;left:0px; color:#000000; font-size:10px; text-align:left; vertical-align:top;}
.commentaire .auteur .auteur1{width:200px; height:20px;border-top:1px solid #CAD0D0;font:Tahoma;color:#F08300;font-size:12px;font-weight:bold;}
.commentaire .auteur .auteur2{width:200px; height:20px;border-top:1px solid #CAD0D0;background-image:url(img/pictos/picto_.gif);background-repeat:no-repeat;}
.commentaire .auteur .auteur3{width:200px; height:20px;border-top:1px solid #CAD0D0;border-bottom:1px solid #CAD0D0;background-image:url(/img/pictos/picto_.gif);background-repeat:no-repeat;}
.colonneA2 .commentaire .reaction .nombre_commentaire{position:absolute;top:240px;left:585px;z-index:500;width:20px;height:20px;}
.colonneA2 .commentaire .reaction .nombre_commentaire span{font-size:14px; font-weight:bold; padding-left:20px;top:50px; }
.colonneB2 .commentaire .reaction .nombre_commentaire{position:absolute;top:115px;left:35px;z-index:500;width:53px;height:37px;}
.colonneB2 .commentaire .reaction .nombre_commentaire span{font-size:14px; font-weight:bold; padding-left:20px;top:60px; }
.ecrire_commentaire{position:relative;width:300px; height:235px;visibility:hidden;display:none;text-align:center;color:red;font-size:10px;background-color:#D4DCDE;}
.ecrire_commentaire .ajout{width:300px; height:100px;text-align:center;color:red;font-size:10px;background-color:#D4DCDE;color:#000000}
.ecrire_commentaire_bas{position:relative;width:530px;visibility:hidden;display:none;text-align:center;color:red;font-size:10px;background-color:#D4DCDE;}
.ecrire_commentaire_bas .ajout{width:530px; height:100px;text-align:center;color:red;font-size:10px;background-color:#D4DCDE;}
.commentaire_textarea {font-size:10px;width:90%;height:60px; padding-left:10px;overflow:hidden;}
.login_commentaire{width:300px;height:234px;padding-top:5px;text-align:center;background-color:#D4DCDE;color:#000000;}
.login_commentaire .compte{display:inline; float:left;width:128px;height:224px;background-color:#B4DF26;border:0px solid #000000;margin-left:10px;padding-bottom:0px; margin-bottom:0px}
.login_commentaire .nocompte{display:inline; float:left;width:128px;height:224px;background-color:#FBC942;border:0px solid #000000;margin-left:22px;}
.login_commentaire .content{padding:5px; font-size:10px;text-align:left;}
/*
.twitter{background-image:url(img/pictos/picto_twitter.gif);background-repeat:no-repeat;}
.facebook{background-image:url(img/pictos/picto_facebook.gif);background-repeat:no-repeat;}
.google{background-image:url(img/pictos/picto_google.gif);background-repeat:no-repeat;}
*/
.publicite{width:300px;height:250px;overflow:hidden;}
.commentaireArticle {position:relative;background-color:#FFF;margin-top:0px;padding-top:0px;text_align:left;} /*border:1px solid #CCC;*/
/*.commentaireArticle .title_comment{width:300px;height:16px;margin-top:5px;}*/
.commentaireArticle .title {background-color:#6F7C82;width:300px;height:25px;color:#ffffff;text-align:left;vertical-align:middle;line-height:25px;font-size:12px;margin-top:5px;}
.commentaireArticle .commentaire {position:relative; width:300px;text-align:left;height:auto;margin-top:3px; }
.commentaireArticle .commentaire .img_commentaire{float:left;width:51px;min-height:60px;}
.commentaireArticle .commentaire .text_commentaire{float:left;width:240px;vertical-align:top;text-align:left;font-size:10px;padding-left:9px;min-height:60px;}
.commentaireArticle .commentaire .text_commentaire a{font-size:10px;}
.commentaireArticle .commentaire .abus_commentaire{width:240px;height:30px;padding-bottom:2px;}
.commentaireArticle .commentaire .abus_commentaire a{color:#FE6002;}
.commentaireArticle .commentaire .abus_commentaire a:hover{text-decoration:undeline;}
.commentaire_pointille{width:240px;height:10px;background-image:url(/img/pictos/picto_pointille.gif);background-repeat:repeat;}
#DerniereMinutes {position:relative; width:300px;height:250px;margin:auto;background-color:#FFFFFF; overflow:hidden}
#DerniereMinutes ul{width:290px;padding-top:4px;padding-left:5px;margin:0;}
#DerniereMinutes li{width:270px;text-align:left;background-color:#FFFFFF; list-style-type:none;font-size:10px;background-image:url(/img/pictos/picto_fleche_gris.gif);background-repeat:no-repeat;padding-left:10px;}
#DerniereMinutes li a{font-size:10px;color:#000;}
#DerniereMinutes li a:hover{font-size:10px;color:#000;text-decoration:underline;}
#DerniereMinutes .droite { float: right; width: 16px; margin: 0;}
#Article300 {position:relative; width:300px;height:250px;margin:auto;background-color:#FFFFFF; overflow:hidden}
#Article300 ul{width:290px;padding-top:4px;padding-left:5px;margin:0;}
#Article300 li{width:270px;text-align:left;background-color:#FFFFFF; list-style-type:none;font-size:10px;background-image:url(/img/pictos/picto_fleche_gris.gif);background-repeat:no-repeat;padding-left:10px;}
#Article300 li a{font-size:10px;color:#000;}
#Article300 li a:hover{font-size:10px;color:#000;text-decoration:underline;}
#Article300 .droite { float: right; width: 16px; margin: 0;}
#articlespluslus {position:relative; width:300px;height:250px;margin:auto;background-color:#FFFFFF;}
#articlespluslus ul{width:290px;padding-top:4px;padding-left:5px;margin:0;}
#articlespluslus li{width:270px;text-align:left;background-color:#FFFFFF; list-style-type:none;font-size:10px;background-image:url(/img/pictos/picto_fleche_gris.gif);background-repeat:no-repeat;padding-left:10px;}
#articlespluslus li a{font-size:10px;color:#000;}
#articlespluslus li a:hover{font-size:10px;color:#000;text-decoration:underline;}
#articlespluslus .droite { float: right; width: 16px; margin: 0;}
.Bloc1jour1pari{float:left;width:300px;height:250px; color:#FFFFFF;background-color:#00678A;}
.Bloc1jour1pari .Paridujour{float:left;width:300px;height:250px;background-color:#00678A; color:#FFFFFF; font-size:12px;}
.Bloc1jour1pari .Paridujour span{ color:#FFFFFF; font-size:12px;}
.bloc_push{float:left;width:300px;padding:250px 0 0px 0px; margin-bottom:3px; font-size:11px;color:#016194;background:url(img/le-ballon-d-or.gif) no-repeat 0px 0px;} /*4->11*/
.bloc_push .bande{float:left;width:300px;height:50px; background:url(/img/bg-bande-push.gif) ;-moz-opacity:0.60;opacity: 0.60;filter:alpha(opacity=60);}
.bloc_push .bande p.tt_push{float:left;width:100px;font-size:14px;font-weight:bold;}
.bloc_push .bande p.lk_push{float:left;width:200px;text-align:right;}
.bloc_push .bande p.lk_push a{color:#016194;text-decoration:underline;}
.bloc_push .bande p.lk_push a:hover{text-decoration:none;}
.image_push{float:left;width:250px;padding:200px 0 0px 0px; margin-bottom:0px; font-size:11px;color:#016194;background:url(img/le-ballon-d-or.gif) no-repeat 0px 0px;} /*4->11*/
.image_push .bande{float:left;width:250px;height:50px; background:url(/img/bg-bande-push.gif) ;-moz-opacity:0.60;opacity: 0.60;filter:alpha(opacity=60);}
.image_push .bande p.tt_push{float:left;width:100px;font-size:14px;font-weight:bold;}
.image_push .bande p.lk_push{float:left;width:150px;text-align:right;}
.image_push .bande p.lk_push a{color:#016194;text-decoration:underline;}
.image_push .bande p.lk_push a:hover{text-decoration:none;}
.sendarticle
{position:absolute;
top:400px;
left:57%;
padding-left:0px;
margin-left:30px;
background-color:#ffffff; }
.modal {
background-color:#ffffff;
display:none;
width:350px;
padding:15px;
text-align:left;
border:2px solid #333;
z-index:10000;
opacity:0.8;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-moz-box-shadow: 0 0 50px #ccc;
-webkit-box-shadow: 0 0 50px #ccc;
}
.modal span {
background:url(info.png) 0 50% no-repeat;
margin:0px;
padding:10px 0 10px 45px;
border-bottom:1px solid #333;
font-size:20px;
}
.modalcontact {
background-color:#fff;
display:none;
width:500px;
padding:15px;
text-align:left;
border:2px solid #333;
z-index:100000;
opacity:0.8;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-moz-box-shadow: 0 0 50px #ccc;
-webkit-box-shadow: 0 0 50px #ccc;
}
.modalcontact li{width:450px;}
.popupcontact
{position:absolute;
top:480px;
left:24.5%;
padding-left:0px; }
.separation_pointille_400{width:530px;height:10px;background-image:url(/img/pictos/picto_pointille.gif);background-repeat:repeat;}
.colonneA5{float:left;width:530px;margin:0px 0px 0px 0px;overflow:visible;background-color:#FFFFFF;}
.colonneA5 .lecture_article {position:relative;margin-left:auto;margin-right:auto;width:530px;min-height: 100%;_height:100%;background-color:#FFFFFF;text-align:left;}
.colonneA5 .lecture_article .dateArticle {width:525px; height:15px; background-color:#000000; color:#9D9B90;text-align:left;font-size:10px;padding-left:5px;padding-top:3px;}
.colonneA5 .lecture_article .titreArticle {width:525px; height:30px; background-color:#000000; color:#FFFFFF;text-align:left;font-size:12px;font-weight:bold;padding-left:5px;padding-top:10px;}
.colonneA5 .lecture_article .titreArticle h1{width:525px; height:30px; background-color:#000000; color:#FFFFFF;text-align:left;font-size:12px;font-weight:bold;}
.colonneA5 .lecture_article .titreArticle a{color:#FFFFFF;text-align:left;font-size:12px;font-weight:bold;}
.colonneA5 .lecture_article .titreArticle a:hover{color:#FFFFFF;text-align:left;font-size:12px;font-weight:bold;text-decoration:underline;}
.colonneA5 .lecture_article .auteurArticle {width:525px; height:25px; background-color:#000000; color:#9D9B90;text-align:left;font-size:10px;padding-left:5px;}
.colonneA5 .lecture_article .auteurArticle img{display:inline; vertical-align:middle;}
.colonneA5 .lecture_article .auteurArticle a{color:#9D9B90;font-size:10px;}
.colonneA5 .lecture_article .auteurArticle a:hover{color:#9D9B90;text-decoration:underline;font-size:10px;}
.colonneA5 .lecture_article .auteurArticle .MoyenneArticle{display:inline; float:left}
.colonneA5 .lecture_article .linkreferencement{position:absolute;width:250px;top:2px;left:336px;}
.colonneA5 .lecture_article .imageArticle {width:530px;height:267px;background-color:#000000;margin-top:2px;vertical-align:middle;text-align:center;padding-top:5px;padding-bottom:5px; }
.colonneA5 .lecture_article .texteArticle {width:530px;overflow:visible;background-color:#FFFFFF;font-size:11px;color:#000000;}
.colonneA5 .lecture_article .textArticle p{margin-top:10px;padding-top:10px;}
.colonneA5 .lecture_article .infoNoteArticle{width:530px;height:50px;background-color:#000000; }
.colonneA5 .lecture_article .infoNoteArticle a{color:#FE6002;}
.colonneA5 .lecture_article .infoNoteArticle a{text-decoration:undeline;}
.colonneA5 .lecture_article .infoNoteArticle .source{float:left;width:370px;background-color:#000000;color:#ffffff;}
.colonneA5 .lecture_article .infoNoteArticle .noter{float:left;width:150px;margin-top:10px;background-color:#000000;}
.colonneA5 .actualite_secondaire { width:530px; height:80px; margin:0px; background-color:#FFFFFF; font:verdana;}
.colonneA5 .image_secondaire {float:left; width:120px; height:80px; margin:0px;background-color:#FFFFFF; }
.colonneA5 .titre_secondaire {float:left; width:400px; height:80px; background-color:#FFFFFF;margin:2px; font-size:12px; color:#9D9B90; }
.colonneA5 .reaction_article{ width:530px;}
.colonneA5 .reaction_article .bordure_top{width:530px;height:4px;background-image:url(/img/pictos/trait.gif);background-repeat:repeat;}
.colonneA5 .reaction_article .reaction{width:530px; height:70px;background-color:#D4DCDE;text-align:left;}
.colonneA5 .reaction_article .reaction .nbre_commentaire{background-image:url(/img/deja_commentaire.gif); width:133px; height:40px; float:left; margin: 8px 0 0 40px}
.colonneA5 .reaction_article .reaction .nbre_commentaire span{font-size:14px; font-weight:bold; margin-left:45px; margin-top:10px; display:block}
.colonneA5 .reaction_article .bordure_bottom{width:530px;height:4px;background-image:url(/img/pictos/trait.gif);background-repeat:repeat-x;}
.colonneA5 .actualite_courte {float:left;width:530px;height:260px;font-size:10px;color:black;}
.colonneA5 .actualite_courte .actualite_secondaire {float:left; width:530px; height:85px; font-size:10px;color: #9D9B90;}
.colonneA5 .actualite_courte .actualite_secondaire .image_secondaire{float:left; width:120px; height:85px; font-size:10px;color: #9D9B90;}
.colonneA5 .actualite_courte .actualite_secondaire .titre_secondaire{float:left; width:390px; height:80px; margin-top:5px; font-size:10px;color:#000;text-align:left;padding-left:10px;}
.colonneA5 .actualite_courte .actualite_secondaire .titre_secondaire a{font-size:10px;color:#000;}
.colonneA5 .actualite_courte .actualite_secondaire .titre_secondaire a:hover{font-size:10px;color:#000;text-decoration:underline;}
.colonneA5 .actualite_courte .actualite_secondaire .text_secondaire a{font-size:10px;color:#F08300;}
.colonneA5 .actualite_courte .actualite_secondaire .text_secondaire a:hover{font-size:10px;color:#F08300;text-decoration:underline;}