body { font-family: Arial, Verdana, Helvetica,sans-serif; color: #333; font-size: 13px; background:#E6E6E6;}
/* zeroes for all */
* {padding: 0; margin: 0; border: 0;}
a, a:link {color:#333; text-decoration: none;}
a:visited {color:#333; text-decoration: none;}
a:hover {color:#333; text-decoration:underline}
a:active {text-decoration: none;}
a:focus {outline: none;}
img { border:0;}
ul { list-style: none; margin: 0; padding: 0;}
.clear { clear: both; height: 1px; overflow: hidden;}
input, textarea { font-family: Arial, Verdana, Helvetica,sans-serif; color: #333; font-size: 13px;}


/* ----- HEADER ----- */
#header { position: relative; width: 990px; height: 80px; margin:0 auto; padding: 0 5px; background-color: #003243;}
#header #logoAEF { float: left; padding-top: 10px;}
#header #logoLP { float:right; padding-top: 10px;}
#headerContent { float: left; position: relative; width: 493px; height: 80px; background: url(/images/header_bg_etudiant.gif) left no-repeat;}
#headerContent #ville { position: absolute; left: 10px; top: 18px; font-size: 20px; line-height: 16px; font-weight: bold; color: #fff;}
#headerContent #top { float: right; font-size: 12px; margin-top: 10px;}
#headerContent #top a { float: left; display: block; font-weight: normal; color: #fff; padding-left: 7px;}
#headerContent #top a.sep { background: url(/images/header-sep.gif) no-repeat left; padding-right: 7px;}
#headerContent .search { float: right; width: 240px; margin-top: 15px; line-height: 18px;} 
#headerContent .search .txt { border: none; background-color: #fff; color: #333; height: 21px; vertical-align: middle; padding: 4px 0 0 5px; font-size: 12px;}

/* ----- FOOTER ----- */

#footer { background-color: #003243;}
#footer a:link, #footer a:visited { color: #fff;}
#footerContent { width: 970px; margin: 0 auto; color: #fff;}
#footerContent #barrette { float: left; width: 970px; margin-bottom: 20px; background: url(/images/footer_bg_menu.png) 255px 1px no-repeat;}
#footerContent #barrette .logo { float: left; margin-top: 20px;}
#footerContent #barrette .menu { float: left; width: 810px; height: 37px; margin: 20px 0 0 10px; border-bottom: 1px solid #fff;}
#footerContent #barrette .menu p { margin-left: 20px;}
#footerContent #barrette .menu span { font-size: 28px;}
#footerContent #barrette .menu span.point { color: #cc0033;}
#footerContent #barrette .menu ul { display: inline; margin-left: 90px;}
#footerContent #barrette .menu li { display: inline; padding: 0 15px 0 10px; background: url(/images/footer_bg_li.png) right 2px no-repeat;}
#footerContent #barrette .menu li.last { background: none;}
#footerContent #module_ct {float:left; width: 970px;}
#footerContent #module_ct div.module { float: left; margin-right: 60px; padding-left: 20px;}
#footerContent #module_ct div.last {margin-right: 0;}
#footerContent #module_ct div.module dt { font-size: 16px; font-weight: bold; margin-bottom: 15px;}
#footerContent #module_ct div.module dt a { color: #fff;}
#footerContent #module_ct div.module dd { font-size: 14px; margin-bottom: 5px;}
#footerContent div#copy {float:left; width:970px; text-align: center; padding: 3px; border-top: 1px solid #fff; margin-top: 10px; font-size: 10px; color: #999;}


/* ----- NAVIGATION ----- */
#menuHaut { background: #fff; margin: 0 auto; padding: 0; height: 70px; width: 1000px; }
.navmenu{ float: left; height: 40px; line-height: 40px; width: 100%; background: url(/images/header-menu-bg.png) repeat-x; font-weight: bold; font-size: 15px;}
.navmenu ul { margin: 0 auto;}
.navmenu li{ float: left; height: 40px; padding: 0 6px; background:url(/images/menu_border.gif) no-repeat; }
.navmenu li.first{ background: none;}
.navmenu li.hover { display: none; padding: 0 7px; background: url(/images/header-menu-bg-actif.png) repeat-x;}

.navmenu li.hover a:link, .navmenu li.hover a:visited { text-decoration: none; color: #fff; }
.navmenu img{ float: left;}
.navmenu a:link, .navmenu a:visited{  color: #333; float: left;}
.navmenu .ediabo:link, .ediabo:visited{ width: 115px; height: 28px; margin: 10px 0; display: block; background: url(http://www.leparisien.fr/imgs/homeg/nav/edition_abonnes.gif) no-repeat 0 0;}
.navmenu .ediabo:hover { background: url(http://www.leparisien.fr/imgs/homeg/nav/edition_abonnes_actif.gif) no-repeat;}



.navsousmenu .sousmenu { display: none;}
.navsousmenu { height: 30px; background-color: #003243; width: 100%; float: left;}
.navsousmenu ul{ margin: 0 auto; height: 29px; width: 990px;}
.navsousmenu li{ float: left; background: transparent url(/images/sub_menu_point.png) no-repeat left; height: 26px; padding: 4px 7px 0 10px; line-height: 22px;}
* html .navsousmenu li { background: none;} /* IE6 */
.navsousmenu li.first{ background: none;}
.navsousmenu li.imgs{ background: none; padding: 2px 0 0 5px;}
.navsousmenu a, .navsousmenu a:visited { font-size: 13px; color:#fff;}
.navsousmenu a:hover, .navsousmenu li:hover a { text-decoration: underline;}

.DixitMonCompte:link, .DixitMonCompte:visited{ width:110px; height:24px; margin:0; display:block; background: url(http://www.leparisien.fr/communautaire/imgs/nav/mon_compte_a.gif) no-repeat;}
.DixitMonCompte:hover{ background: url(http://www.leparisien.fr/communautaire/imgs/nav/mon_compte_e.gif) no-repeat;}

.DixitContribuer:link, .DixitContribuer:visited{ width:110px; height:24px; margin:0; display:block; background: url(http://www.leparisien.fr/communautaire/imgs/nav/contribuer_a.gif) no-repeat;}
.DixitContribuer:hover{ background: url(http://www.leparisien.fr/communautaire/imgs/nav/contribuer_e.gif) no-repeat;}


/* ----- CONTENT ----- */

/* --------------- STRUCTURAL & MAIN BLOCKS ----------------- */
#contenerGlobal { width: 970px; margin: 0 auto; padding: 0 15px 15px 15px; background-color: #fff;}
#contenerLeft { float: left; width: 650px;  margin: 0 20px 0 0;}
#contenerRight { float: right; width: 300px; padding-top: 30px;}
#colCentrale  { float: left; width: 150px;}
.encoche { position: absolute; top: 0; left: 12px; z-index: 10; width: 18px; height: 9px; margin: 0; padding: 0;}
.bgred { background: url(/images/encoche-red.png) no-repeat}
.rubriques { display: block; float: left; height: 30px; line-height: 30px; font-size: 18px; text-transform: uppercase;}
.rubriques span { text-transform: lowercase;}

#fil-ariane { height: 30px; line-height: 30px; font-size: 14px;}
#fil-ariane span { color: #b40028;}

/*slider Articles de Une*/
.articlesUne { float: left; position: relative; width: 650px; height: 300px; background: url(/images/encoche.png) 12px 0 no-repeat; margin-bottom: 10px;}
.articlesUne .visuel li { position: absolute; left: 0; top: 0; width: 650px; height: 300px;}
.articlesUne .visuel .unvisuel { display: none;}
.articlesUne .visuel li h1 { position:absolute; left: 0; top:20px; width:300px; padding:5px 15px 5px 10px; font-size: 18px; font-weight:normal; font-size:18px; background: url(/images/bg-une-main-title.png) repeat;}
.articlesUne .visuel li h1 span { display:block; font-size:24px; line-height:24px; font-weight:bold;}
.articlesUne .visuel li h1 a {color:#FFF; line-height: 30px;}
.articlesUne .visuel li h1 a:hover { text-decoration:none;}
.articlesUne .liste { height: 300px; position: absolute; width: 152px; top:0; right:0;}
.articlesUne .liste li { width:112px; padding:0 0 0 40px;}
.articlesUne .liste li h1 { font-size:18px;}
.articlesUne .liste li h1 span { display:block; font-size:20px; font-weight:bold; line-height:normal;}
.articlesUne .liste li a { color:#FFF; display:block; height:75px; line-height:75px;}
.articlesUne .liste li a:hover { text-decoration:none;}
.articlesUne .liste li.off  { background:url(/images/bg-une-liste-off.png) no-repeat right top;}
.articlesUne .liste li.on { background:url(/images/bg-une-liste-on.png) no-repeat right top;}
.articlesUne .liste li.on h1 span { color:#fff;}
.articlesUne .liste li.off-last { background:url(/images/bg-une-liste-off-last.png) no-repeat right top;}
.articlesUne .liste li.on-last { background:url(/images/bg-une-liste-on-last.png) no-repeat right top;}

/* Moteurs */
.search { float: left; position: relative; z-index: 2; width: 649px; padding-bottom: 10px; color: #fff;}
.search .label { display: block; height: 30px; font-size: 25px; color: #fff; padding-top: 10px;}
/*.search .submit { position: absolute; right: 10px;}*/

.search .keywords { width: 160px; height: 24px; border: none; padding: 0 5px; background: url(/images/inputxt_bg.png) no-repeat;}
.blue-search .keywords{ width: 130px; height: 24px; border: none; padding: 5px 5px 0 5px; background: url(/images/inputxt_bg2.png) no-repeat;}
.search form.marqueur { background: url(/images/encoche.png) 10px top no-repeat;}

.search select { width: 119px;}
.search select#transports { width: 150px;}
.search p a:link, .search p a:visited { color: #fff; font-size: 15px;}
.searchAdvOpen { margin: 5px 0 0 15px;}
.searchAdvClose { margin: 10px 0 0 15px;}

.borderBlueWithEncoche { position: relative; border: 1px solid #003243; padding-top: 20px;}
.borderBlueWithEncoche .encoche { top: -1px;}
.borderBlueWithEncoche a.actuLoisirs:link, .bloc-650 .borderBlueWithEncoche a.actuLoisirs:visited { font-size: 15px; font-weight: bold; color: #003243;}
.borderRedWithEncoche { background: url(/images/bg_bloc-650_red.png) top no-repeat; border: 1px solid #B40028; border-top: 0; padding-top: 20px;}
.bloc-650 .borderRedWithEncoche .full, .bloc-650 .borderBlueWithEncoche .full, .bloc-650 .borderRedNoTop .full, .bloc-650 .borderRed .full { border: none; border-bottom: 1px solid #ccc;}
.borderRed { border: 1px solid #B40028;}
.borderRedNoTop { border: 1px solid #B40028; border-top: 0;}
.borderRedNoTopBottom { border-left: 1px solid #B40028; border-right: 1px solid #B40028;}
.borderBlueLR { border: 1px solid #003243; padding: 20px;}
.borderBlueLR h2 { font-size: 24px; color: #B40028;}
.borderBlueLR h3 { font-size: 18px; color: #666; font-weight: normal;}
.borderBlueLR a.surtitre:link, .borderBlueLR a.surtitre:visited { font-size: 18px; color: #666; font-weight: normal;}
.borderBlueLR .description { margin-top: 20px; padding: 5px 0; text-align: justify; border-top: 1px solid #666;}
.borderBlueLR .description a.send { border-right: 1px solid #666; padding-right: 10px; margin-right: 10px;}
.borderBlueLR .complements { float: right; padding: 0 0 10px 30px; background-color: #fff;width:250px;}
.borderBlueLR .complements p { padding-top: 5px;}
.borderBlueLR .complements img { border: 1px solid #003243; margin-top: 20px;}
.borderBlueLR .complements img.logo { padding-left: 20px; margin: 0; border: none;}
.borderBlueLR .complements p.consultezAussi { font-size: 15px; font-weight: bold; color: #003243; border-bottom: 6px solid #003243; margin: 10px 0;}
.borderBlueLR .complements a.etablissement { color: #B40028; font-weight: bold;}
.borderBlueLR .complements li a { font-size: 12px; padding-left: 15px;}
.borderBlueLR .baseline { border-top: 1px solid #666; padding-top: 10px; margin-top: 10px;}
.borderBlueLR .baseline .publiedBy, .borderBlueLR .baseline .maj { float: right;}
.borderBlueLR .baseline .ajoute { float: left;}
.borderBlueLR .baseline .maj { border-left: 1px solid #666; padding-left: 10px;}
.borderBlueLR .baseline .publiedBy img { float: left; padding: 1px; border: 1px solid #666; margin-right: 10px;}
.borderBlueLR .baseline .publiedBy p { float: left;}
.borderBlueLR .baseline .publiedBy span { display: block; font-size: 11px; color: #666;}
.borderBlueLR a.print { background: url(/images/picto-print.png) left no-repeat; padding: 0 10px 0 20px;}
.borderBlueLR a.rss { padding-left: 10px;}
.redbold, a.redbold { font-weight: bold; color: #B40028;}

.padding1020 { padding: 10px 20px;}

/* Emailing */
.layerEmailing { width: 750px; margin: 0 auto; background-color: #fff;}
.tetiereEmailing { width: 730px; background-color: #c1c1c1; padding: 10px;}
.tetiereEmailing .logoLP { float: left;}
.tetiereEmailing .logoAEF { float: right;}
.tetiereEmailing .site { float: left; width: 250px; height: 57px; padding-top: 3px; margin-left: 10px; background: url(/images/print-etudiant.png) left bottom no-repeat; font-size: 18px; font-weight: bold;}
.layerEmailing ul { width: 750px; height: 46px; background: url(/images/emailing-bg-navig.png) repeat-x; text-align: center;}
.layerEmailing li { display: inline-block; height: 39px; line-height: 35px; padding: 3px 15px 4px 15px; background: url(/images/emailing-bg-li.png) right no-repeat;}
.layerEmailing li.last { background: none;}
.layerEmailing li a:link, .layerEmailing li a:active { font-size: 15px; font-weight: bold;}
.layerEmailing .content { padding: 20px;}
.layerEmailing .content img { float: right; margin: 0 0 10px 10px;}
.layerEmailing .content .title { color: #B40028; font-size: 24px; font-weight: bold; padding-bottom: 5px;}
.layerEmailing .agenda-sorties {}
.agenda-sorties .title { background-color: #B40028; line-height: 30px; font-size: 18px; padding-left: 40px; color: #fff; text-transform: uppercase;}
.agenda-sorties .events { padding: 20px;}
.agenda-sorties .events .eventEmailing { float: left; width: 335px; padding: 20px 0 20px 20px; border-bottom: 1px solid #ccc;}
.agenda-sorties .events .event p { float: left;}
.agenda-sorties .events .event p a, .agenda-sorties .events .event p span { display: block;}
.agenda-sorties .events .event .visu { position: relative; width: 102px; margin-right: 20px;}

.visunumber { position: absolute; bottom: 0; left: 0; width: 30px; height: 29px; color: #fff; background: url(/images/puce-number.png) no-repeat; text-align: center; line-height: 29px; font-weight: bold;}
.agenda-sorties .events .event .visu a, .agenda-sorties .events .event .visu a  { display: block;}
.agenda-sorties .events .event .visu img { border: 1px solid #666;}
.agenda-sorties .events .event .visu img.pass, .agenda-sorties .events .event .visu img.pass { position: absolute; top: 0; right: 1px; width: 61px; height: 52px; border: none;}
.agenda-sorties .events .event .ct { width: 210px;}

.layerEmailing .partager { float: left; width: 690px; padding: 10px 0 10px 60px; margin-bottom: 25px; line-height: 60px; background-color: #666; color: #fff;}
.layerEmailing .partager p.titre { font-size: 25px; margin-right: 25px;}
.layerEmailing .partager p { float: left; font-size: 18px;}
.layerEmailing .partager p img { float: left;}
.layerEmailing .partager p a:link, .contribuer .partager p a:visited { margin-left: 15px; color: #fff;}
.layerEmailing .partager .reseaux { background: url(/images/bg-lineright-partager.gif) right top repeat-y; margin-right: 20px; padding-right: 20px;}
.layerEmailing .partager .last { background: none;}


/* Pages pour impression */
.layerPrint { width: 850px; margin: 0 auto;}
.tetierePrint { width: 790px; background-color: #c1c1c1; padding: 10px 30px;}
.tetierePrint .logoLP { float: left;}
.tetierePrint .logoAEF { float: right;}
.tetierePrint .site { float: left; width: 290px; height: 57px; padding-top: 3px; margin-left: 10px; background: url(/images/print-etudiant.png) left bottom no-repeat; font-size: 18px; font-weight: bold;}
.layerPrint .btn { clear: left; text-align: center; padding: 10px 0;}
.layerPrint .content { background-color: #fff; padding: 0 20px 20px 20px;}
.layerPrint .content h2 { color: #B40028; font-size: 24px;}
.layerPrint .content h3 { font-size: 15px; font-weight: normal;}
.layerPrint .content .surtitre { font-size: 22px; font-weight: bold; padding: 20px 0; margin-bottom: 10px; background: url(/images/printArticle_filetTitre.png) bottom no-repeat; text-transform: uppercase;}
.layerPrint .content .titre { font-size: 18px; font-weight: bold; color: #b40028; padding-bottom: 10px;}
.layerPrint .content img.visu { float: right; border: 1px solid #666; margin: 0 0 10px 10px;}
.layerPrint .content .baseline { border-top: 1px solid #333; padding-top: 10px; margin-top: 10px;}
.layerPrint .content .baseline a { font-weight: bold;}
.layerPrint .content .baseline .auteur { float: right; color: #666;}

.layerPrint .content .hr { clear: both; border-top: 1px solid #666; padding: 15px;}
.layerPrint .content .hr .logoLieu, .content .hr .tarifs  { float: right; width: 300px; padding: 0 40px; border-left: 1px solid #666;}
.layerPrint .content .lieu { font-size: 18px; color: #B40028;}
.layerPrint .content .date { color: #B40028; font-size: 15px; font-weight: bold;}
.layerPrint .content #map { width: 600px; height: 250px; margin: 0 auto;}

/* Envoyer à un ami */
.layerSend { width: 600px; margin: 0 auto; background-color: #fff;}
.tetiereSend { width: 580px; padding: 10px; background-color: #003243;}
.tetiereSend .logoLP { float: left;}
.tetiereSend .logoAEF { float: right;}
.tetiereSend .site { float: left; width: 140px; height: 50px; margin-left: 20px; color: #fff; font-weight: bold; font-size: 15px; background: url(/images/header_title.png) left bottom no-repeat;}
.layerSend .formSend { width: 580px; padding: 0 10px 20px 10px;}
.layerSend .formSend .titre { color: #b40028; background: url(/images/filet_sendarticle.png) bottom no-repeat; padding: 15px 0; margin-bottom: 10px;}
.layerSend .formSend form { padding: 0 10px;}
.layerSend .formSend form div { float: left; padding: 0 20px 20px 0;}
.layerSend .formSend form div.last { padding-right: 0;}
.layerSend .formSend form input { height: 20px; background-color: #f5f5f5; border: 1px solid #ccc; padding: 3px 0 0 5px;}
.layerSend .formSend form textarea { height: 68px; background-color: #f5f5f5; border: 1px solid #ccc; padding: 5px;}
.layerSend .formSend form input.small { width: 211px;}
.layerSend .formSend form input.large { width: 263px;}
.layerSend .formSend form textarea { width: 310px;}
.layerSend .formSend form label { display: block; width: 150px; height: 25px; line-height: 25px;}
.layerSend .formSend form span { display: block; clear: left; font-weight: bold;}
.layerSend .formSend form .submit { width: 100%; text-align: center; padding: 0;}
.layerSend .formSend form .submit input { width: 100px; height: 25px; background:url(/images/btn_submit.png) no-repeat; border: 0; cursor: pointer;}

#map .title { line-height: 20px; color: #fff; font-size: 11px; padding-left: 5px;}

/* Ajout événement et lieu */
.layerAddEvenement { border: 1px solid #EC002F; border-bottom: none; padding: 30px 20px;}
.layerAddLieu { border: 1px solid #003243; padding: 30px 20px;}
.layerAddEvenement span, .layerAddLieu span { font-weight: normal;}

.layerAddEvenementLogin { position: relative; width: 610px; padding: 20px; background: url(/images/bg_fiche_infos.png) left top repeat-x; color: #fff; text-align: center;}
.layerAddEvenementLogin .desc { width: 500px; margin: 0 auto; padding-bottom: 10px; border-bottom: 1px solid #da7e92;}
.layerAddEvenementLogin .desc .font18 { display: block; font-size: 18px; margin-top: 15px;}
.layerAddEvenementLogin .cpte, .layerAddEvenementLogin .nocpte { float: left; padding-top: 10px; margin-top: 10px;}
.layerAddEvenementLogin .cpte a, .layerAddEvenementLogin .nocpte a { color: #fff;}
.layerAddEvenementLogin .cpte { width: 320px; border-left: 1px solid #da7e92;}
.layerAddEvenementLogin .nocpte { width: 280px;}
.layerAddEvenementLogin .nocpte a { display: block; width: 222px; height: 24px; line-height: 22px; margin: 30px auto 0 auto; background: url(/images/bg-btn-jeminscris.png) no-repeat;}
.layerAddEvenementLogin .cpte span, .layerAddEvenementLogin .nocpte span { display: block; font-size: 15px; font-weight: bold;}
.layerAddEvenementLogin .cpte input { float: left; width: 215px; height: 21px; line-height: 22px; border: none; background: url(/images/bg-input-auth.png) no-repeat; padding: 3px 0 0 5px; margin: 10px 0 0 45px;}
.layerAddEvenementLogin .cpte input.submit { width: 42px; height: 24px; border: none; background: url(/images/btn_ok.png) no-repeat; margin: 10px 0 0 10px; padding: 0; cursor: pointer;}
.layerAddEvenementLogin .cpte p { clear: left; text-align: right; padding: 5px 55px 0 0;}

.layerAddEvenementMeaAnnonce { position: relative; width: 610px; padding: 20px; background: url(/images/bg_fiche_infos.png) left top repeat-x; color: #fff; }
.layerAddEvenementMeaAnnonce ul { margin-left: 10px;}
.layerAddEvenementMeaAnnonce .visibilite { position: absolute; top: 0; right: 0;}
.layerAddEvenementMeaAnnonce .desc { float: left; width: 400px; padding-right: 30px; border-right: 1px solid #da7e92; font-weight: normal;}
.layerAddEvenementMeaAnnonce .desc span { font-size: 15px; font-weight: bold;}
.layerAddEvenementMeaAnnonce .desc .font18 { font-size: 18px; margin-bottom: 15px;}
.layerAddEvenementMeaAnnonce .desc .font18 span { font-size: 11px; font-weight: normal;}
.layerAddEvenementMeaAnnonce .tarif { float: left; width: 159px; text-align: center; font-size: 16px; font-weight: bold; margin-top: 55px; padding-left: 20px;}
.layerAddEvenementMeaAnnonce .tarif span { display: block; font-size: 22px;}
.layerAddEvenementMeaAnnonce .tarif img { margin-top: 10px;}

.layerAddEvenementOptions { padding: 10px 20px; margin-top: 15px;}
.layerAddEvenementOptions ul { margin-left: 10px;}
.layerAddEvenementOptions li { padding-left: 30px; margin: 2px 0; background: url(/images/arrow-options-event.png) left no-repeat;}

.layerAddEvenementForm { border: 1px solid #EC002F; padding: 30px 20px;}
.layerAddLieuForm { border: 1px solid #003243; padding: 30px 20px;}
.layerAddEvenementForm h2, .layerAddEvenement h2 { color: #B40028; font-size: 24px;}
.layerAddLieuForm h2, .layerAddLieu h2 { color: #195A7E; font-size: 24px;}

.layerAddLieuForm h2.etablissement { color: #B40028; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #666;}
.layerAddLieuForm h3 { color: #666;}
.layerAddLieuForm .chapo { font-size: 15px; font-weight: bold;}
.layerAddLieuForm .chapo span { display: block; margin-top: 10px; font-size: 15px; color: #666; font-size: 13px;}
.layerAddLieuForm h2 span { font-weight: normal;}
.layerAddLieuForm form, .layerAddLieuForm form { margin-top: 30px;}

.layerAddEvenementForm .checkbox, .layerAddLieuForm .checkbox { margin: 5px 0 10px 0;}
.layerAddEvenementForm .checkbox span.typePass, .layerAddLieuForm .checkbox span.typePass { margin: 0 15px 0 0; font-weight: bold;}
.layerAddEvenementForm .check, .layerAddLieuForm .check { vertical-align: middle; border: none; background: none; margin: 0; padding: 0;}
.layerAddEvenementForm input, .layerAddLieuForm input { background-color: #f5f5f5; border: 1px solid #ccc; height: 20px; padding: 3px 0 0 5px;}
.layerAddEvenementForm textarea, .layerAddLieuForm textarea { background-color: #f5f5f5; border: 1px solid #ccc; outline: none; resize: none; padding: 5px 0 0 5px;}
.layerAddEvenementForm .inputFile, .layerAddLieuForm .inputFile { position: relative; width: 396px; text-align: right; -moz-opacity: 0 ; filter: alpha(opacity: 0); opacity: 0; z-index: 2; cursor: pointer;}
.layerAddEvenementForm .fakefile, .layerAddLieuForm .fakefile { position: absolute; top: 30px; left: 0px; z-index: 1;}
.layerAddEvenementForm .fakefile img, .layerAddLieuForm .fakefile img { position: absolute; top: 0; left: 211px; cursor: pointer;}
.layerAddEvenementForm .fakefile input, .layerAddLieuForm .fakefile input { width: 191px;}
.layerAddEvenementForm .inputdble { float: left; position: relative; width: 298px;}
.layerAddEvenementForm .first { margin-right: 12px;}

.layerAddEvenementForm label, .layerAddLieuForm label { display: block; margin: 10px 0 5px 0; font-weight: bold; text-transform: uppercase;}
.layerAddEvenementForm label.pass, .layerAddLieuForm label.pass { font-weight: normal; text-transform: none;}
.layerAddEvenementForm .small, .layerAddLieuForm .small { width: 191px;}
.layerAddEvenementForm .medium, .layerAddLieuForm .medium { width: 291px;}
.layerAddEvenementForm .large, .layerAddLieuForm .large { width: 601px;}

.abus label { font-weight: normal; text-transform: none;}

#evenement_title, #evenement_rue, #evenement_lieu_title, #evenement_lieu_station, #evenement_lieu_rue, #evenement_url, #lieu_title, #lieu_rue, #lieu_url { width: 601px;}
#evenement_horaire, #evenement_tarif, #evenement_pass_conditions, #evenement_pass_image, #evenement_cp, #evenement_ville, #evenement_email, #evenement_phone, #lieu_cp, #lieu_ville, #lieu_phone, #lieu_email { width: 291px;}
#evenement_presentation, #lieu_presentation { width: 601px; height: 100px; background-color: #f5f5f5; border: 1px solid #ccc; outline: none; resize: none; padding: 5px 0 0 5px;}
#evenement_row_url_recto, #evenement_row_url_verso { width: 191px;}
#addEventForm .radio_list label, #addEventForm .checkbox_list label, #addLieuForm .checkbox_list label, #row_evenement_several_day label, #row_evenement_free label, #row_evenement_have_billeterie label, #row_evenement_have_pass label,#row_etablissement_type_etablissement li label,#row_formation_alternance li label,#row_formation_stage li label{ display: inline; margin: 0 16px 0 0; font-weight: normal; text-transform: none; line-height: 18px;}

#row_evenement_end_at {margin-bottom:10px;}

#row_evenement_lundi, #row_evenement_mardi, #row_evenement_mercredi, #row_evenement_jeudi, #row_evenement_vendredi, #row_evenement_samedi, #row_evenement_dimanche {float:left; position:relative; padding-left:20px;}
#row_evenement_lundi { width:50px;}
#row_evenement_mardi{ width:50px;}
#row_evenement_mercredi{ width:65px;}
#row_evenement_jeudi{ width:50px;}
#row_evenement_vendredi{ width:70px;}
#row_evenement_samedi{ width:60px;}
#row_evenement_dimanche{ width:60px;}
#row_evenement_lundi label, #row_evenement_mardi label, #row_evenement_mercredi label, #row_evenement_jeudi label, #row_evenement_vendredi label, #row_evenement_samedi label, #row_evenement_dimanche label {display:inline; line-height:18px; font-weight:normal; font-size:13px; text-transform: none;}

.form_row { float: left; width: 100%;}
/*#row_evenement_start_at, #row_evenement_end_at, #row_evenement_horaire, #row_evenement_free, #row_evenement_have_billeterie, #row_evenement_have_pass, #row_evenement_pass_type { clear: both;}*/
#row_evenement_have_billeterie, #row_evenement_have_pass, #row_evenement_pass_type, #row_evenement_free { margin-top: 10px;}
.radio_list, .radio_list li, .checkbox_list, .checkbox_list li { float: left;}
#row_evenement_several_day, #row_evenement_free, #row_evenement_have_billeterie, #row_evenement_have_pass { position: relative; padding-left: 20px;}
#row_evenement_several_day input, #row_evenement_free input, #row_evenement_have_billeterie input, #row_evenement_have_pass input , #row_evenement_lundi input, #row_evenement_mardi input, #row_evenement_mercredi input, #row_evenement_jeudi input, #row_evenement_vendredi input, #row_evenement_samedi input, #row_evenement_dimanche input { position: absolute; top: 0; left: 0; vertical-align: middle; border: none; background: none; margin: 0; padding: 0;}
#row_evenement_pass_type label  { display: block; font-weight: bold; text-transform: none; margin: 5px 0;}
#row_evenement_pass_conditions label, #row_evenement_pass_image label, #row_evenement_url_recto label, #row_evenement_url_verso label, #row_lieu_url_logo label, #row_lieu_url_photo1 label, #row_lieu_url_photo2 label { font-weight: normal; text-transform: none;}
#addEventForm ul li input, #row_several_day input, #row_evenement_free input, #row_evenement_have_billeterie input, #row_evenement_have_pass input , #row_evenement_lundi input, #row_evenement_mardi input, #row_evenement_mercredi input, #row_evenement_jeudi input, #row_evenement_vendredi input, #row_evenement_samedi input, #row_evenement_dimanche input { vertical-align: middle; border: none; background: none; margin: 0; padding: 0;}
#row_evenement_cp, #row_evenement_phone, #row_lieu_cp, #row_lieu_phone { margin-right: 12px;}
#row_evenement_several_day { clear: left; margin-top: 5px;}
#row_evenement_cp, #row_evenement_ville, #row_evenement_phone, #row_evenement_email, #row_evenement_url_recto, #row_evenement_url_verso, #row_evenement_pass_image, #row_lieu_cp, #row_lieu_ville, #row_lieu_phone, #row_lieu_email, #row_lieu_url_photo1, #row_lieu_url_photo2 { position: relative; width: 298px;}
#row_evenement_url_recto, #row_lieu_url_photo1 { margin-right: 12px;}
#row_lieu_url_logo { width: 608px; position: relative;}
#row_evenement_url_recto input#evenement_url_recto, #row_evenement_url_verso input#evenement_url_verso, #row_evenement_pass_image input#evenement_pass_image, #row_lieu_url_logo input#lieu_url_logo, #row_lieu_url_photo1 input#lieu_url_photo1, #row_lieu_url_photo2 input#lieu_url_photo2,#row_etablissement_url_logo input#etablissement_url_logo{ position: relative; width: 295px; height: 25px; text-align: right; -moz-opacity: 0 ; filter: alpha(opacity: 0); opacity: 0; z-index: 2; cursor: pointer;}

#row_etablissement_title { float : left; width : 320px;}
#row_etablissement_title input{ width : 290px;}
#row_etablissement_sigle { float : left;width : 270px; margin-top:25px}
#row_etablissement_sigle label{ float : left;}
#row_etablissement_sigle input{ width: 100px; margin-left:20px}
#row_etablissement_type_etablissement { clear : left; margin:5px;}
#row_etablissement_description textarea {width : 100%}
#row_etablissement_url input { width : 300px;}
#row_etablissement_phone, #row_etablissement_fax, #row_etablissement_email_address,#row_etablissement_rue,#row_etablissement_cp,#etablissement_ville { float: left;}
#row_etablissement_url_logo { position: relative;}

#row_etablissement_phone { width : 150px;}
#row_etablissement_fax {width : 140px;margin-left:12px}
#row_etablissement_email_address {width : 295px;margin-left:11px}
#row_etablissement_phone input { width : 140px}
#row_etablissement_fax input{ width : 130px}
#row_etablissement_email_address input{width : 280px;}

#row_etablissement_rue {width : 300px;}
#row_etablissement_cp {width : 130px;margin-left:12px}
#row_etablissement_ville  {width : 150px;margin-left:12px}
#row_etablissement_rue input {width : 290px;}
#row_etablissement_cp input {width : 120px;}
#row_etablissement_ville input {width : 140px;}

#row_formation_genres_list select {width : 550px}
#row_formation_title input {width : 100%}
#row_formation_id_domaine_formation select {width : 550px}
#row_formation_id_etablissement select {width : 550px}
#row_formation_objectif textarea {width:100%}
#row_formation_enseignement textarea {width:100%}
#row_formation_alternance { float : left; width : 320px;}
#row_formation_stage {float : left;width : 270px;}
#row_formation_credit_ects input {width : 100%}
#row_formation_niveau_entree select,#row_formation_niveau_sortie select {width : 250px}
#row_formation_admission textarea {width:100%; height: 35px}
#row_formation_debouche textarea {width:100%; height: 35px}

#row_formation_mois_inscription { float : left; width : 320px;}
#row_formation_mois_inscription select{ width : 230px;}
#row_formation_mois_debut_cours {float : left;width : 270px;}
#row_formation_mois_debut_cours select{ width : 230px;}
#row_formation_duree_formation { float : left; width : 320px;}
#row_formation_duree_formation input{ width : 270px;}
#row_formation_cout {float : left;width : 270px;}
#row_formation_cout input{width : 270px;}

#row_formation_annee_creation { float : left; width : 320px;}
#row_formation_annee_creation input{ width : 270px;}
#row_formation_nom_directeur {float : left;width : 270px;}
#row_formation_nom_directeur input{width : 270px;}

#row_formation_telephone { float : left; width : 320px;}
#row_formation_telephone input{ width : 270px;}
#row_formation_email {float : left;width : 270px;}
#row_formation_email input{width : 270px;}

#row_formation_rue {width : 300px;}
#row_formation_cp {width : 130px;margin-left:12px}
#row_formation_ville  {width : 150px;margin-left:12px}
#row_formation_rue input {width : 290px;}
#row_formation_cp input {width : 120px;}
#row_formation_ville input {width : 140px;}

#row_formation_url { float : left; width : 320px;}
#row_formation_url input{ width : 270px;}
#row_formation_url_autre {float : left;width : 270px;}
#row_formation_url_autre input{width : 270px;}


#ajouterUnEvenementSubmit, #ajouterUnLieuSubmit, #ajouterUnEtablissementSubmit, #ajouterUneFormationSubmit { text-align: center;}
#ajouterUnEvenementSubmit input { width: 200px; height: 25px; background: url(/images/btn_submit_evenement.png) no-repeat; margin-top: 30px; border: none; cursor: pointer;}
#ajouterUnLieuSubmit input { width: 180px; height: 25px; background: url(/images/btn_submit_lieu.png) no-repeat; margin-top: 30px; border: none; cursor: pointer;}
#ajouterUnEtablissementSubmit input { width: 100px; height: 25px; background: url(/images/btn_submit.png) no-repeat; margin-top: 30px; border: none; cursor: pointer;}
#ajouterUneFormationSubmit input { width: 100px; height: 25px; background: url(/images/btn_submit.png) no-repeat; margin-top: 30px; border: none; cursor: pointer;}

#row_evenement_url_recto .error_list, #row_evenement_url_verso .error_list { position: absolute; left: 0; top: 60px;}

.error_list { color : red}

.mentions { padding: 0 15px 15px 15px; font-size: 11px;}

/*.layerAddEvenementForm form span, .layerAddLieuForm form span { margin: 0 15px 0 5px;}*/

/*Agendas et Sorties*/
.red-search { position: relative; background: url(/images/bg_search_650_big.png) no-repeat left bottom; border-right: 1px solid #EC002F;}
.red-search  input.submit { float: left; width: 92px; height: 24px; background: url(/images/sortez.png) no-repeat; border: none; margin: 40px 0 0 10px; cursor: pointer;}

/*Formations et Métiers*/
.blue-search { background: url(/images/formation-search-bg.png) repeat-x left top; border-right: 1px solid #003243; padding-top: 10px;}
.blue-search .submit { float: left; width: 102px; height: 24px; background: url(/images/rechercher.png) no-repeat; border: none; margin: 40px 0 0 10px; cursor: pointer;}


/* MENU */
.onglets { clear: left; height: 30px;}
.onglets ul { margin: 0 auto;}

.onglets li { float: left; position: relative; height: 29px; line-height: 29px; text-align: center; text-transform: uppercase; background: url(/images/moteur-as_bgblue-li.png) repeat-x; margin-right: 1px; padding: 0 10px;}
.onglets li.on { height: 30px; background: url(/images/moteur-as_bgred-li.png) repeat-x;}
.lieu .onglets li.on { height: 30px; background: url(/images/moteur-as_bgred-li.png) repeat-x;}
.onglets li img.left { position: absolute; top: 0; left: 0; width: 5px; height: 29px;}
.onglets li img.right { position: absolute; top: 0; right: 0; width: 4px; height: 29px;}
.onglets li.last { margin-right: 0;}
.onglets a:link, .onglets a:visited { font-size: 13px; color: #fff;}

.onglets ul.red li { background: url(/images/moteur-as_bgred-li.png) repeat-x;}
.onglets ul.red li.on { background: url(/images/moteur-as_bgblue-li.png) repeat-x;}

.ssonglets{ clear: left; height: 24px; width: 100%; background-color: #b60025; line-height: 24px; margin-bottom: 1px;}
.ssonglets.blue {  background-color: #003243;}
.ssonglets li { float: left; height: 24px; line-height: 24px; background: url(/images/moteur-as_puce-li.png) left no-repeat; padding: 0 6px 0 10px; font-weight: bold; color: #fff;}
.ssonglets li.first{ background: none; padding-left: 18px;}
.ssonglets a:link, .ssonglets a:visited { font-size: 13px; font-weight: normal; color: #fff;}

.ssonglets ul.blue { background-color: #003243;}

/* On définit la largeur de chaque onglet */
/*#soirees { width: 89px;}
#concerts { width: 89px;}
#expos { width: 79px;}
#cinema-1 { width: 79px;}
#spectacles { width: 109px;}
#salons { width: 79px;}
#bars-resto { width: 120px; margin-right: 0;}*/

.bloc-aide{width: 650px; position: relative; float:left; margin-bottom:20px;}
.bloc-aide p{background: #6b6b6b; float:left; color:#fff; padding: 5px 0 10px 10px;  width: 640px;}
.bloc-aide p.more{text-align: right; margin: 10px 0}
.bloc-aide p.more a{color: #fff; margin:0 10px 0 0}
.bloc-aide .titre{background: url(/images/bg_titre-redblack.png) left repeat-x; height: 35px; line-height: 35px; padding: 0 0 0 10px; float:left; display: block; color:#fff; font-size: 15px; font-weight:bold; text-transform:uppercase;  }
.bloc-aide  .encoche{position: static; margin:0 0 0 10px}

.bloc-aide dl{width: 260px; float:left; margin: 0 15px 0 30px}
.bloc-aide dl.first{ margin-right: 30px}
.bloc-aide dl dt{ color : #cc0033; margin:0 3px 0 0}
.bloc-aide dl dt a{color : #cc0033; text-decoration: underline; }
.bloc-aide dl dt a:hover{text-decoration: none}
.bloc-aide dl dd{color :#666; padding:0 0 0 15px; margin: 0 0 5px 0}
	
#contenerRight 	.bloc-aide, #contenerRight 	.bloc-aide p{width: 290px}

/* Agendas et sorties actus */
.bloc-650 { float: left; width: 650px; position: relative; padding-bottom: 20px; background: transparent url(/images/bloc650_ombre.png) bottom no-repeat;}
.bloc-650 .bloc-actus { float: left; background: transparent; width: 628px; padding: 20px 0 0 20px;}
.bloc-650 .bloc-actus a { display: block; color: #B40028; font-size: 15px; font-weight: bold;}
.bloc-650 .bloc-actus .today { font-size: 18px;}
.bloc-650 .bloc-actus .addEvent { clear: both; color: #B40028; font-size: 15px; text-align: right;}
.bloc-650 .bloc-actus .addEvent a { font-weight: normal; display: inline; color: #B40028; padding-right: 10px;}
.bloc-650 .red { border: 1px solid #ec002f; border-top: 0;}
.bloc-650 .blue { border: 1px solid #003243; border-top: 0;}
.bloc-650 .blue  a:link, .bloc-650 .blue a:visited { color: #003243; text-transform: lowercase;}
.bloc-650 .projecteur { width: 630px; background: url(/images/formation-search-bg.png) repeat-x left top; color: #fff;}
.bloc-650 .projecteur a:link, .bloc-650 .projecteur a:visited { color: #fff;}
.bloc-650 .projecteur a.titreEv:link, .bloc-650 .projecteur a.titreEv:visited { font-size: 15px; font-weight: bold; text-transform: none;}
.bloc-650 .consultez-aussi { width: 640px; background: url(/images/bg_titre-redblack.png) left repeat-x; height: 35px; line-height: 35px; padding: 0 0 0 10px;}
.bloc-650 .consultez-aussi { width: 640px; background: url(/images/bg_titre-redblack.png) left repeat-x; height: 35px; line-height: 35px; padding: 0 0 0 10px; color: #fff; font-size: 18px;}


a.titreEv:link, a.titreEv:visited { font-size: 18px; font-weight: normal; line-height: 18px; text-transform: uppercase; color: #B40028;}
a.dateEv:link, a.dateEv:visited { font-size: 15px; font-weight: bold;} 
a.salleEv:link, a.salleEv:visited { font-weight: bold; font-size: 13px;}
a.commentEv:link, a.commentEv:visited { display: inline; font-weight: bold; color: #B40028;}

.bloc-650 .suggestionsSearch { float: left; position: relative; width: 100%; border: 1px solid #003243; background: url(/images/formation-search-bg.png) top left repeat-x; color: #fff;}
.bloc-650 .suggestionsSearch img { float: left;}
.bloc-650 img.encoche-visu { position: absolute; left: 12px; top: 0;}
.bloc-650 .suggestionsSearch ul { float: left; width: 170px; margin: 20px 0 0 30px;}
.bloc-650 .suggestionsSearch a { font-size: 15px; color: #fff;}
.bloc-650 .suggestionsSearch p { float: right; margin: 10px 10px 0 0;}
.bloc-650 .suggestionsSearch .all { position: absolute; right: 10px; bottom: 10px;}

.bloc-650 .orientation { float: left; position: relative; border: 1px solid #003243; background: #035B7F url(/images/formation-search-bg.png) top left repeat-x; color: #fff;}
.bloc-650 .orientation img { float: left; margin-right: 20px;}
.bloc-650 .all { position: absolute; right: 10px; bottom: 30px; color: #fff;}
.bloc-650 .all a { font-size: 15px; color: #fff;}

.bloc-650 .orientation .description, .bloc-650 .orientation .event { float: left; width: 648px; border: none; border-bottom: 1px solid #ccc; padding: 10px 0; color: #333;}

/************************** css relative aux style de job stage*/
.bloc-650 .orientation .jobstage img{border:1px solid #003243}
.bloc-650 .orientation .LienBloc{float:left; width:618px; margin:0 0 0 10px; padding: 10px}
.bloc-650 .orientation .LienBloc dl{ font-size: 15px}
.bloc-650 .orientation .LienBloc dl.left{width: 255px; float:left; border-right: 1px solid #979797; padding:0 50px 0 0;margin: 0 15px 0 0}
.bloc-650 .orientation .LienBloc dl.last{border:0; padding:0; margin:0}
.bloc-650 .orientation .LienBloc dl dt{background: url(/images/ico_bullet_list_bloc.gif) 0 2px no-repeat; font-weight: bold; color : #9c0121; padding:0 0 0 15px;}
.bloc-650 .orientation .LienBloc dl dt a{color : #9c0121;}
.bloc-650 .orientation .LienBloc dl dd{color :#666; padding:0 0 0 15px; margin: 0 0 5px 0}

/***************************/

.bloc-650 .orientation .description img { margin-left: 20px;}
.bloc-650 .orientation .description h2 a { font-size: 18px; font-weight: normal; color: #003243; text-transform: uppercase;}
.bloc-650 .orientation .description .ct { font-size: 13px; margin: 0 20px;}
.bloc-650 .orientation .description .ct .introTitre{font-size: 24px;}
.bloc-650 .orientation .description .ct .annonceDepot{border-top: 1px solid #ccc; float:left; width: 490px; margin:25px 0 0 0; padding:5px 0 0 0; font-weight:bold}
.bloc-650 .orientation .description .ct .annonceDepot a{float:left; background: url(/images/ico_bullet_list_bloc.gif) 0 2px no-repeat;  padding:0 0 0 15px; margin:15px 30px 0 0; color : #9c0121}
.bloc-650 .orientation .baselinks { clear: left; margin: 0 20px; padding: 10px 0; border-top: 1px solid #666;}
.bloc-650 .orientation .baselinks a { display: block; background: url(/images/red-arrow.png) left no-repeat; font-size: 15px; font-weight: bold; color: #B40028; padding-left: 15px;}

.bloc-650 .orientation .event .visu { margin-left: 20px;}
.bloc-650 .orientation .event .ct { width: 500px; padding: 0;}
.bloc-650 .orientation .event .ct a.titreEv:link, .bloc-650 .orientation .event .ct a.titreEv:visited { font-size: 18px; font-weight: normal; color: #003243; text-transform: uppercase;}

.bloc-650 .orientation .actu { border: none; padding: 0; color: #fff;}
.bloc-650 .orientation .actu img { margin-left: 0;}
.bloc-650 .orientation .cpj { padding: 0; color: #fff; border: none;}
.bloc-650 .orientation .cpj img { border: 1px solid #fff; margin: 20px;}
.bloc-650 .orientation .actu .ct, .bloc-650 .orientation .cpj .ct { margin-top: 15px;}
.bloc-650 .orientation .actu h2 a, .bloc-650 .orientation .cpj h2 a { font-size: 24px; color: #fff; text-transform: none;}

/*.bloc-650 .orientationMap { border: none;}
.orientationMap .GoogleMap { padding: 20px;}
.orientationMap .GoogleMap #map { width: 608px; height: 350px; border: 1px solid #333;}
.orientationMap .GoogleMap #mapNav { text-align: right;}
.orientationMap .GoogleMap #mapNav img { float: none; margin-right: 0;}
.orientationMap .GoogleMap a.zoom { margin-right: 5px;}*/


.bloc-650 .domainesFormation { position: relative; width: 100%; border: 1px solid #003243; background: url(/images/formation-search-bg.png) top left repeat-x; color: #fff; padding-top : 20px}
.bloc-650 .domainesFormation ul li{ float:left; width : 300px; padding : 2px 10px}
.bloc-650 .domainesFormation a { font-size: 15px; color: #fff;}

.bloc-650 .lastFormations { position: relative; width: 100%; border: 1px solid #003243;  padding-top : 20px}
.bloc-650 .lastFormations ul li { padding : 2px 10px }

.rechercheFormation {border-left: 1px solid #003243; border-right: 1px solid #003243;}
.rechercheFormation .noBorder { border: none;}
.rechercheFormationOnglets {border-bottom:1px solid #666; padding:10px 0; margin: 0 10px; clear:both; color: #666; font-size:15px; font-weight:bold;}
.rechercheResultOrientation .rechercheType{height:35px; line-height:40px; border-bottom: 5px solid #003243; margin: 0 10px;}
.rechercheResultOrientation .rechercheType h1{float:left; color:#b40028; font-size :18px;}
.rechercheResultOrientation .rechercheType .filterMode {float: right; font-size:15px; font-weight:bold; color: #666;}
.rechercheFormationOnglets  li, .rechercheResultOrientation .rechercheType li {display:inline;}
.rechercheFormationOnglets li a, .rechercheResultOrientation .rechercheType li a{color : #666;}
.rechercheFormationOnglets li a.active, .rechercheResultOrientation .rechercheType li a.active{color : #b60025;}
.rechercheOrientationContainer{border: 1px solid #003243; border-top:none;}

.rechercheResultOrientation{clear:both;}

.formationshortDescription, .etablissementshortDescription {float:left; padding:15px 0; margin:0 10px; border-bottom: 1px solid #ccc; color:#333;}
.formationshortDescription  .visu, .etablissementshortDescription .visu{ float: left; width : 100px; height: 102px; margin-right: 20px; position: relative}
.formationshortDescription  .visu img, .etablissementshortDescription .visu
 img{border: 1px solid #003243;}
.formationshortDescription  .ct, .etablissementshortDescription .ct{ float: left;}
.formationshortDescription  div, .etablissementshortDescription  div{ padding: 0 10px;}

.formationshortDescription a.titreLieu:link, .formationshortDescription a.titreLieu:visited, .etablissementshortDescription a.titreLieu:link, .etablissementshortDescription a.titreLieu:visited{ font-size: 18px; line-height: 18px; text-transform: uppercase; color: #003243;}


.barrette-bgblue { background-color: #003243; height: 30px; line-height: 30px; padding-left: 20px; font-size: 18px; color: #fff;}

.bloc-650 .bloc-actus p { position: relative; padding-bottom: 15px;}
.bloc-650 .bloc-actus div { float: left; width: 294px; padding-right: 20px;}
.bloc-650 .bloc-actus div .read-article { padding-left: 15px; margin-top: 5px; background: url(/images/red-arrow.png) left no-repeat;}
.bloc-650 .bloc-actus div .visu { float: left; position: relative; width: 102px; margin-right: 20px;}
.bloc-650 .bloc-actus div .visu span { display: block; width: 100px; background-color: #4d7583; padding: 5px 0; margin-bottom: 10px; text-align: center; font-weight: bold;}
.bloc-650 .bloc-actus div .visu span.vign { position: relative; background: none; padding: 0; margin: 0;}
.bloc-650 .bloc-actus div .visu span.vign img { width: 98px; background: url(/images/ico_pass.png) right top no-repeat; border: 1px solid #666;}
.bloc-650 .bloc-actus div .visu span.vign img.pass { position: absolute; top: 0; right: 0; width: 61px; height: 52px; border: none;}
.visunumber { position: absolute; bottom: 0; left: 0; width: 30px; height: 29px; color: #fff; background: url(/images/puce-number.png) no-repeat;}
.bloc-650 .bloc-actus div p { float: left; position: relative; overflow: hidden; width: 172px; font-size: 13px;}
.bloc-650 .bloc-actus div p span { display: block;}
.bloc-650 .bloc-actus div p .comment { display: inline; color: #B40028; font-weight: bold;}

#bloc-cols-mfi { float: left; margin: 1px 0 20px 0;}
#bloc-cols-mfi .col-mfi { float: left; width: 217px; margin-right: 1px; }
#bloc-cols-mfi .last { width: 214px; margin-right: 0;}
#bloc-cols-mfi .content { border-top: 5px solid #023242; margin-top: 1px; padding: 10px 5px 0 10px;}
#bloc-cols-mfi .content h2 { font-size: 18px; color: #023242;}
#bloc-cols-mfi .content h3 { font-size: 15px; font-weight: bold;}
#bloc-cols-mfi .content span { display: block; color: #666;}
#bloc-cols-mfi .content a { color: #023242; font-size: 15px; text-decoration: underline;}
#bloc-cols-mfi .content a:hover { text-decoration: none;}

/* fiche événement */
.fiche { clear: left; width: 608px; padding: 20px; border-left: 1px solid #ec002f; border-right: 1px solid #ec002f;}
.fiche h2 { font-size: 24px; color: #B40028; padding-bottom: 20px;}
.fiche p { font-size: 15px;}
.fiche .description { font-size: 13px; padding-top: 10px; text-align: justify;}
.fiche .postedBy { font-size: 13px; margin-top: 20px;}
.fiche .postedBy a:link, .fiche .postedBy a:visited { font-size: 13px; font-weight: normal;}
.fiche a:link, .fiche a:visited { font-size: 15px; font-weight: bold;}
.fiche #visu { float: right; width: 300px; padding: 0 0 10px 20px; text-align: center;}
.fiche #visu-flyer {width: 550px; margin: 0 auto; text-align: center;}
.fiche .fichepass { float: right; margin: 15px 0 10px 20px; width: 285px; padding: 10px 0; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.fiche.withImage .fichepass { float: left; margin: 10px 0;}
.fiche .fichepass img { float: left; margin-right: 10px;}

.fiche .event { width: 608px; border-bottom: 1px solid #ccc; padding: 10px 0;}
.fiche .event p { font-weight: normal; font-size: 13px;}
.aVenir { position: relative; border-left: 1px solid #003243; border-right: 1px solid #003243;}
.aVenir .titre { font-size: 18px; font-weight: bold; padding-bottom: 10px;}

#lieuxLink {text-align: right;margin-top: 10px;}
#lieuxLink ul li {display: inline; padding-left: 20px;}
#lieuxLink a {font-size : 12px; }

.ficheMap { clear: left; position: relative; width: 648px; border-left: 1px solid #ec002f; border-right: 1px solid #ec002f;}
.ficheMap h2 { font-size: 24px; color: #B40028; height: 60px; line-height: 60px; padding-left: 20px; border-bottom: 1px solid #ec002f;}
#map { position: relative; width: 648px; height: 600px; border: 1px solid #ccc;}
.ficheMap .border { border-top: 1px solid #003243;}
.ficheMap .options { position: absolute; height: 25px; bottom: 0; right: 0;}
.ficheMap .options a { margin-right: 8px;}
.rechercheOrientationContainer #Map{border-left: 0; border-right:0;}
.over { top: -10px;}



/* Top des flyers */
.topFlyers { width: 630px; position: relative; padding: 20px 6px 20px 12px; border: 1px solid #ec002f; border-top: none;}
.topFlyers h2 { font-size: 24px; color: #B40028; padding-bottom: 0;}
.topFlyers p { margin-bottom: 20px;}
.topFlyers a:link, .topFlyers a:visited { font-weight: normal;}
.topFlyers .ctflyer { float: left; position: relative; width: 100px; height: 100px; margin: 0 5px 5px 0;}
*+html .topFlyers .ctflyer { position: static;}
.topFlyers .flyer { float: left; position: relative; width: 100px; height: 100px; margin: 0 5px 5px 0;}
.topFlyers .flyer .bg { position: absolute; left: 0; top: 0;}
.topFlyers .flyer .ranking { position: absolute; width: 50px; height: 50px; top: 4px; right: 4px; background: url(/images/flyer-corner.png) top right no-repeat; text-align: center;}
.topFlyers .flyer .ranking span { display: block; float: right; width: 30px; text-align: center; font-size: 20px; color: #fff; font-weight: bold;}
.topFlyers .infobulle { position: absolute; width: 156px; height: 106px; padding: 20px 14px 10px 65px; top: 4px; left: 45px; background: url(/images/infobulle-flyer.png) left top no-repeat; z-index: 10; color: #fff;}
*+html .topFlyers .infobulle { position: relative; top: -101px;}

.topFlyers .infobulle span { display: block; font-weight: bold;}
.topFlyers .infobulle span.genre { font-weight: normal;}
.topFlyers .infobulle a.title { display: block; font-size: 13px; color: #fff; padding-top: 5px; margin-top: 5px; border-top: 1px solid #fff;}

/* Top Comments */
.topComments { width: 618px; padding: 20px 10px 20px 20px; border: 1px solid #ec002f; border-top: none;}
.topComments h2 { font-size: 24px; color: #B40028; padding-bottom: 0;}
.topComments a:link, .topComments a:visited { font-weight: normal;}
.topComments a.underline:link, .topComments a.underline:visited { text-decoration: underline;}
.topComments a.underline:hover { text-decoration: none;}
.topComments .ctComment { float: left; width: 618px; border-bottom: 1px solid #333; padding: 15px 0;}
.ctComment .eventInfos { width: 420px; margin: 5px 68px 5px 130px; font-weight: bold; margin-bottom: 5px;}
.ctComment .eventInfos a.genres:link, .ctComment .eventInfos a.genres:visited { font-size: 15px; font-weight: bold; color: #B40028;}
.ctComment .eventInfos a.title:link, .ctComment .eventInfos a.title:visited { font-weight: bold;}
.ctComment .eventInfos a.nbcomments:link, .ctComment .eventInfos a.nbcomments:visited { float: left; background: url(/images/picto-comments.png) left no-repeat; padding-left: 20px;}
.ctComment .eventInfos a.abus { float: right;}

.ctComment ul { list-style: none; margin: 0; padding: 0;}
.ctComment li { width: 618px; list-style: none; margin: 0; padding: 0;}
.ctComment li p { float: left;}
.ctComment li img { float: left; border: 1px solid #333; margin-left: 5px;}
.ctComment li .pseudo { width: 110px;}
.ctComment li .commentaire { width: 440px; background: url(/images/events-comments-bgleft.png) top left no-repeat;}
.ctComment li .commentaire span { display: block; width: 397px; padding: 10px; min-height: 39px; max-height: 500px; margin-left: 22px; border: 1px solid #333; border-left: none; text-align: justify;}

/* fiche lieu */
.ficheLieu { border-left: 1px solid #003243; border-right: 1px solid #003243;} 
.ficheLieu h2 { color: #195A7E; padding-bottom: 10px;} 
.ficheLieu a:link, .ficheLieu a:visited { font-size: 15px;}
.ficheLieu p { font-weight: bold;}
.ficheLieu .infos img, .ficheLieu .description img { float: right; margin: 0 0 20px 20px;} 
.ficheLieu .description { font-weight: normal; margin-top: 20px; padding-top: 20px; border-top: 1px solid #666;}

.ficheInfos { width: 610px; position: relative; padding: 10px 20px; background: url(/images/bg_fiche_infos.png) left top repeat-x;}
.ficheInfos p { background: url(/images/bg_info.png) left bottom repeat-x; padding: 10px 0; font-size: 13px; color: #fff;}
.ficheInfos a { color: #fff;}
.ficheInfos .retour { text-align: right; font-weight: bold; padding: 5px 0 0 0; border-top: 1px solid #fff;}
.ficheInfos .retour a { display: inline; font-size: 13px;}
.ficheInfos p span { display: block; color: #fff;}
.ficheInfos .last { background: none;}
.ficheInfos .print { width: 74px; height: 22px; text-align: right; color: #fff;}
.ficheInfos .intitule { font-size: 25px; font-weight: bold;}

.GoogleMap { padding-bottom: 20px;}
.GoogleMap #map { width: 608px; height: 350px; border: 1px solid #333;}
.GoogleMap #mapNav { text-align: right;}

.ficheInfosLieu { background: #035B7F url(/images/formation-search-bg.png) left top repeat-x;}
.ficheInfosLieu p { background: none;}

.contribuer { float: left; position: relative; width: 610px; background-color: #666; padding: 20px; color: #fff;}
.contribuer .partager { float: left; width: 100%; line-height: 60px;}
.contribuer .partager p { float: left; font-size: 18px;}
.contribuer .partager p img { float: left;}
.contribuer .partager p a:link, .contribuer .partager p a:visited { margin-left: 15px;}
.contribuer .partager .reseaux { background: url(/images/bg-lineright-partager.gif) right top repeat-y; margin-right: 20px; padding-right: 20px;}
.contribuer .partager .last { background: none;}
.contribuer .participer { float: left; padding: 20px 0 15px 0; margin-top: 15px; background: url(/images/bg-linebottom-partager.gif) left top repeat-x;}
.contribuer .participer div { float: left; width: 458px; background: url(/images/bg-lineright-partager.gif) right top repeat-y; padding-top: 15px; margin-bottom: 10px;}
.contribuer .participer div .avatar { float: left; width: 60px; text-align: center; margin-right: 30px;}
.contribuer .participer div .avatar img { width: 52px; height: 52px; border: 4px solid #ccc; margin-bottom: 5px;}
.contribuer .participer div .avatar a:link, .contribuer .participer div .avatar a:visited { display: block;}
.contribuer .participer .allpseudos { float: left; width: 448px; padding-right: 10px; text-align: right;}
.contribuer .participer ul { float: left; width: 610px;}
.contribuer .participer li { position: relative; background: url(/images/bg_commentaires.png) top right no-repeat; padding: 10px 0; color: #fff; margin: 15px 0 30px 0;}
.contribuer .participer li .pseudo { float: left; width: 190px; color: #fff;}
.contribuer .participer li .pseudo a { display: block; font-size: 13px; font-weight: bold; color: #fff;}
.contribuer .participer li .commentaire { float: right; width: 360px; padding-right: 20px; color: #333;}
.contribuer .participer li .commentaire a { font-size: 15px; color: #333;}
.contribuer .participer li .signaler { position: absolute; right: 0; bottom: -18px;}
.contribuer .participer p.reagir-art { position: relative; clear: left; width: 100%; font-weight: bold;}
.contribuer .participer p.reagir { position: relative; font-size: 18px; padding: 10px 0; border-top: 1px solid #ccc; margin-top: 15px;}
.contribuer .participer p.reagir-sstitre { position: relative; font-size: 13px; padding-bottom: 10px; }
.contribuer .participer p.reagir-sstitre a { background: url(/images/bg-a-jeminscris.png) left no-repeat; padding-left: 20px; margin-left: 5px;}

.contribuer .participer form { width: 610px;}
.contribuer .participer form input { height: 20px; border: 1px solid #fff;}
.contribuer .participer form label { display: block; padding: 6px 0 2px 0;}
.contribuer .participer form div { background: none; padding: 0; margin: 0;}
.contribuer .participer form div.small { float: left; width: 295px;}
.contribuer .participer form div.small input { width: 293px;} 
.contribuer .participer form div.large { width: 610px;}
.contribuer .participer form div.large input { width: 608px;}
.contribuer .participer form div.large textarea { width: 608px; border: 1px solid #fff;}
.contribuer .participer form div.charte { position: relative; width: 100%; font-size: 11px; padding-top: 10px;}
.contribuer .participer form input.check { vertical-align: middle; margin: 0; padding: 0; border: none;}
.contribuer .participer form div.first { margin-right: 20px;}
.contribuer .participer form p.passOublie { clear: left; width: 100%; text-align: right; padding-top: 5px;}

.contribuer .participer form p.passOublie input.submit {border : none;background: url("/images/ok.png") no-repeat scroll 0 0 transparent; height: 19px; width: 35px; position: relative}
.contribuer .participer form .submitcommentaire {background:url("/images/envoyer.png") no-repeat scroll 0 0 transparent;border:medium none;bottom:0;cursor:pointer;height:19px;position:absolute;right:0;width:71px;}


.contribuer p.titre { font-size: 25px; margin-right: 25px;}
.contribuer .comments { clear: left; font-size: 18px; font-weight: normal; padding-top: 10px;}
.contribuer a:link, .contribuer a:visited { color: #fff;}
.contribuer .btn { float: left; margin: 30px 0 0 20px;}

#bloc-forum #list ul > li:last-child { width: 630px; height: 44px; background: url(/images/bg_forum_discuss_last.png) no-repeat;}
/*#bloc-forum #list li.last { width: 630px; height: 44px; background: url(/images/bg_forum_discuss_last.png) no-repeat;}*/
#bloc-forum #list .pseudo { float: left; width: 190px; color: #666;}
#bloc-forum #list .pseudo a { display: block; font-size: 15px; font-weight: bold; color: #666;}
#bloc-forum #list .commentaire { float: right; width: 360px; padding-right: 20px;}
#bloc-forum #list .commentaire a { font-size: 15px; color: #fff;}


/* Liste sorties */
#all-sorties {}
#all-sorties ul { width: 648px; height: 30px; border: 1px solid #ccc; border-bottom: none; background-color: #b00625;}
#all-sorties li { float: left; line-height: 30px; font-weight: bold; text-transform: uppercase;}
#all-sorties li a:link, #all-sorties li a:visited { display: block; color: #fff; font-weight: bold; padding: 0 20px;}
#all-sorties li a.current:link, #all-sorties li a.current:visited { color: #B40028; background-color: #fff;}
.sortie { float: left; width: 628px; border: 1px solid #ccc; border-top: none; padding: 10px 0 10px 20px;}
.sortie a, .sortie span { display: block;}
.sortie .visu { float: left; position: relative; width: 100px; margin-right: 20px;}
.sortie .visu img.pass { position: absolute; top: 0; right: 0; width: 61px; height: 52px; border: none;}
.sortie .ct { float: left; width: 488px;}
.sortie .tarifReduit { background: url(/images/ico-tarif-reduit.png) right top no-repeat;}


.bloc-650 #resultResume {border : 1px solid #EC002F; border-top:none; padding:10px;}
.bloc-650 #resultResume  strong{color: #EC002F;}
.bloc-650 .event { padding-right: 20px; width: 294px;}
.bloc-650 .full { position: relative; width: 628px; border: 1px solid #ccc; border-top: none; padding: 10px 0 10px 20px;}
.bloc-650 .tarifReduit { background: url(/images/ico-tarif-reduit.png) right top no-repeat;}
.bloc-650 .event span, .fiche .event span { display: block;}
.bloc-650 .event p, .fiche .event p { float: left;}
.bloc-650 .event .visu, .fiche .event .visu , .formationshortDescription .visu { position: relative; width: 102px; margin-right: 20px;}
.visunumber { position: absolute; bottom: 0; left: 0; width: 30px; height: 29px; color: #fff; background: url(/images/puce-number.png) no-repeat; text-align: center; line-height: 29px; font-weight: bold;}
.bloc-650 .event .visu a, .fiche .event .visu a  { display: block;}
.bloc-650 .event .visu img { border: 1px solid #666;}
.bloc-650 .event .visu img.pass, .fiche .event .visu img.pass { position: absolute; top: 0; right: 1px; width: 61px; height: 52px; border: none;}
.bloc-650 .event .ct { width: 172px;}
.bloc-650 .full .ct, .fiche .event .ct { width: 386px; border: none; padding: 0 100px 0 0;}
.bloc-650 .event .tarifReduit, .fiche .event .tarifReduit { background: url(/images/ico-tarif-reduit.png) right top no-repeat;}

.liste-carte { position: absolute; right: 0; top: -27px;}
.liste-carte p { float: left; width: 63px; height: 22px; padding: 6px 10px 0 0; text-align: right; color: #fff; font-weight: bold;}
.liste-carte .liste { background: url(/images/onglet-liste.png) no-repeat;}
.liste-carte .liste-a { background: url(/images/onglet-liste-a.png) no-repeat;}
.liste-carte .carte { background: url(/images/onglet-carte.png) no-repeat; margin-left: 5px;}
.liste-carte .carte-a { background: url(/images/onglet-carte-a.png) no-repeat; margin-left: 5px;}
.liste-carte .liste-a a, .liste-carte .carte-a a{ color: #fff;}

/* Lieux */
.lieux .barrette { background-color: #003243; height: 30px; line-height: 30px; padding-left: 20px; font-size: 18px; color: #fff;}
.lieux a.titreLieu:link, .lieux a.titreLieu:visited{ font-size: 18px; line-height: 18px; text-transform: uppercase; color: #195a7e;}
.lieux a.genreEv:link, .lieux a.genreEv:visited { display: inline; color: #333;}
.lieux a.commentEv:link, .lieux a.commentEv:visited { color: #003243;}
.lieux div p.plusdinfos { position: absolute; left: 140px; bottom: 10px; color: #195a7e;}
.lieux div p.plusdinfos a:link, .lieux div p.plusdinfos a:visited { display: inline; color: #195a7e; font-weight: normal;}
.bloc-650 .bloc-actus div p.plusdinfos { left: 120px;}

/* Actus le Parisien */
#bloc-actus-lp { float: left; background: url(/images/bgtop_actus_lp.png) top no-repeat; margin-bottom: 20px;}
#bloc-actus-lp .titre { font-size: 21px; color: #fff; line-height: 35px; padding-left: 20px;}
#bloc-actus-lp .actu { float: left; padding: 20px 0; border-bottom: 1px solid #ccc;}
#bloc-actus-lp .actu img { float: left; margin-right: 20px; border:1px solid #666;}
#bloc-actus-lp .actu div { float: left; width: 503px;}
#bloc-actus-lp .actu a.nb-reac { background: url(http://www.leparisien.fr/icons/ico_reac.png) 0 3px no-repeat; padding-left: 20px; color: #B40028;}
#bloc-actus-lp .actu h2 { font-size: 18px; margin-bottom: 5px;}
#bloc-actus-lp .actu p { font-size: 15px; color: #666; margin-top: 5px;}
#bloc-actus-lp .actu ul { margin: 5px 0 0 0; padding:0;}
#bloc-actus-lp .actu li a { background: url(http://www.leparisien.fr/imgs/homeg/picto-compl.png) 0 3px no-repeat; color: #333366; padding-left: 20px;}

/* Forums */
#bloc-forum { float: left; padding-bottom: 20px; background: url(/images/bloc650_ombre.png) bottom no-repeat;}
#bloc-forum .titre { width: 225px; height: 29px; line-height: 29px; font-size: 18px; text-align: center; color: #fff; background: url(/images/bg_titre_forum.png) left repeat-x;}
#bloc-forum #list { width: 630px; border: 3px solid #cc0033; padding: 5px 5px 5px 9px;}
#bloc-forum #list ul {}
#bloc-forum #list li { width: 630px; height: 49px; background: url(/images/bg_forum_discuss.png) no-repeat; padding-top: 10px;}
#bloc-forum #list ul > li:last-child { width: 630px; height: 44px; background: url(/images/bg_forum_discuss_last.png) no-repeat;}
/*#bloc-forum #list li.last { width: 630px; height: 44px; background: url(/images/bg_forum_discuss_last.png) no-repeat;}*/
#bloc-forum #list .pseudo { float: left; width: 190px; color: #666;}
#bloc-forum #list .pseudo a { display: block; font-size: 13px; font-weight: bold; color: #666;}
#bloc-forum #list .commentaire { float: right; width: 360px; padding-right: 20px;}
#bloc-forum #list .commentaire a { font-size: 15px; color: #fff;}

/* COLONNE DROITE */

/* Search by ville */
#bloc-search-300 { height: 70px; background: url(/images/bg_search_300.png) no-repeat; padding: 20px 0 0 10px; color: #fff;}
#bloc-search-300 .submit { float: right; width: 42px; height: 24px; margin-right: 15px; background: url(/images/btn_ok.png) no-repeat; cursor: pointer;}

#bloc-communaute { position: relative; background-color: #003243; padding: 20px 10px 10px 10px;}
#bloc-communaute a { font-size: 15px; font-weight: normal; color: #fff; background: url(/images/fleche.png) left no-repeat; padding-left: 15px;}
#bloc-communaute p.lastmembers { border-top: 1px solid #fff; padding-top: 10px;}
#bloc-communaute p img { border: 1px solid #fff; margin-right: 7px;}
#bloc-communaute .last { margin-right: 0;}

/* Search formations */
#bloc-search-formations {position:relative; background: url(/images/formation-search-bg.png) repeat-x left top; padding:20px 0 5px 0;}
#bloc-search-formations p { padding: 0 0 5px 15px;}
#bloc-search-formations .label {display:block; height: 25px; line-height: 25px; text-transform:uppercase; font-size:13px;}
#bloc-search-formations .keywords {width:210px; height:24px; border:none; padding:5px 5px 0 5px; background:url(/images/inputxt210_bg.png) no-repeat;}
#bloc-search-formations .submit {float:left; width:42px; height:25px; border:none; background:url(/images/search_ok.png) no-repeat; margin:24px 0 0 15px; cursor:pointer;}
#bloc-search-formations select {width:169px;}


/* Top événements + actualités lp */
.tabs-red, .tabs-blue { position: relative; z-index: 1; width: 300px; height: 40px; margin: 2px 0 1px 0; background: url(/images/tabs-bgtab-top2.png) bottom left repeat-x; font-size:12px; font-weight: bold; color: #fff;}
.tabs-red li, .tabs-blue li { float: left; position: relative; display: block; height: 20px; line-height: 20px; border-right: 1px solid #fff; width: 99px; text-align: center; background-color: #666;}
.tabs-red li.last, .tabs-blue li.last { float: right; width: 100px; border: 0;}
.tabs-red li a:link, .tabs-red li a:visited, .tabs-blue li a:link, .tabs-blue li a:visited { display: block; color: #fff;}
.tabs-red li a.current { display: block; height: 31px; background: url(/images/tabs-marqueur-a-red.png) left top no-repeat;}
.tabs-blue li a.current { display: block; height: 31px; background: url(/images/tabs-marqueur-a-blue.png) left top no-repeat;}

.bloc-300 .panes ul { position: relative; display: none; width: 280px; padding: 0 10px 10px 10px;}
.bloc-300 .panes li { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; font-size: 13px; color: #333;}
.bloc-300 .panes li.last { border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.bloc-300 .panes li a:link, .bloc-300 .panes li a:visited { display: block; font-weight: bold; color: #333;}
.bloc-300 .panes li a.genre { color: #B40028; text-transform: uppercase;}
.bloc-300 .panes li a.titre { text-transform: uppercase;}
#actus-lp .panes a:link, #actus-lp .panes a:visited { color: #005673; font-weight: normal;}

#decouvrir ul { padding-top: 20px;color : #333;}
#decouvrir li {border-bottom:1px solid #CCC;font-size:13px;margin-bottom:10px;padding-bottom:10px; padding-left : 10px}
#decouvrir li.last {border-bottom: none;}
#decouvrir a:link, #decouvrir a:visited { color: #333; font-weight: normal; margin-left : 20px; display:block;}
#decouvrir span { font-weight: bold; float:left; display: block;}

.bloc-300 { width: 300px; background: url(/images/bloc300_ombre.png) bottom no-repeat; padding-bottom: 20px; color: #fff;}
.bloc-300 p { font-size: 15px; color: #fff; font-weight: bold; padding-bottom: 8px;}
.bloc-300 p a:link,  .bloc-300 p a:visited { color: #fff; font-weight: normal;}
.bloc-300 p.titre { width: 290px; background: url(/images/bg_titre-redblack.png) left repeat-x; height: 35px; line-height: 35px; padding: 0 0 0 10px;}
.bloc-300 p.lp { background: url(/images/bg_titre-lp.png) left repeat-x;}
.bloc-300 p.partager { background-color: #000; text-align: center; padding: 15px 0;}
.bloc-300 p.echanges-docs { padding: 10px; background: #000 url(/images/picto_echanges_docs.png) bottom right no-repeat;}
.bloc-300 p.echanges-docs img { margin-top: 10px;}
.bloc-300 p.echanges-docs span { display: block;}
.bloc-300 p.echanges-docs .bt { border-top: 1px solid #ccc; padding-top: 10px; margin-top: 15px;}
.bloc-300 p.linkright { background-color: #000; text-align: right; height: 25px; line-height: 25px; padding: 0 10px 0 0;}
.bloc-300 p.photos { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0;}
.bloc-300 img.photo { border-right: 2px solid #fff;}
.bloc-300 img.last { border-right: none;}

.bloc-300 .choixville { float: left; width: 145px; height: 50px; border-right: 1px solid #fff; font-size: 16px; font-weight: normal;}
.bloc-300 .choixville span { display: block; font-size: 20px;}
.bloc-300 .villes { float: left; position: relative; width: 120px; height: 50px; overflow: hidden;}
.bloc-300 .villes ul { list-style: none; margin: 0; padding: 0; height: 50px;}
.bloc-300 .villes li { width: 105px; padding-left: 15px;}
.bloc-300 .villes li a { color: #fff; font-size: 15px;}
.slideVilles { float: left; position: relative; width: 10px; height: 50px;}
.bloc-300 .slideVilles a.up { position: absolute; top: 0;}
.bloc-300 .slideVilles a.down { position: absolute; bottom: 0;}

.bloc-300 #flyer { position: relative; padding: 10px 0 0 0; background-color: #fff; color: #333; z-index: 1;}
.bloc-300 .slider { width: 258px; margin: 0 auto; overflow: hidden;}
.bloc-300 .slider li { float: left; width: 258px; padding-bottom:10px;}
.bloc-300 .slider img { float: left; border: 1px solid #000; margin: 0 10px;}
.bloc-300 .slider div { float: left; width: 136px;}
.bloc-300 .slider a:hover { text-decoration:none;}
.bloc-300 .slider span, .bloc-300 .slider a { display: block;}
.bloc-300 .slider a.genre:link, .bloc-300 .slider a.genre:visited { color: #b60025; font-weight: bold; font-size: 15px;}
.bloc-300 .slider a.artiste:link, .bloc-300 .slider a.artiste:visited { line-height: 12px; font-weight: bold; font-size: 15px;}

.bloc-300 .prevBtn { position: absolute; left: 4px; top: 50px;}
.bloc-300 .nextBtn { position: absolute; right: 4px; top: 50px;}

.bloc-300 .autourde { background-color: #000; padding : 10px 20px; font-size : 20px; font-weight: bold; border-top: 1px solid #fff;}
.bloc-300 .autourde span { font-weight: normal;}
.bloc-300 .autourde span.ville { color:#CC0033;}
.bloc-300 .datepickerMap { position: relative; width: 300px; height: 90px; background: url(/images/datepicker/map.gif);}
.bloc-300 .datepickerMap .ville { position: absolute; height: 36px; left: 70px; top: 25px;}
.bloc-300 .datepickerMap .ville span { float: left; height: 36px; line-height: 24px; background: url(/images/datepicker/nomville-bg.png) repeat-x;}
.bloc-300 .datepickerMap img { float: left;}

/* Ajouter un evenement */
#addEvent { position: relative; width: 290px; height: 110px; padding: 20px 0 0 10px; background: url(/images/bg_bloc-addevent.jpg) no-repeat; font-size: 15px; }
#addEvent p { font-weight: bold; padding-bottom: 3px;}
#addEvent img { position: absolute; left: 10px; bottom: 10px;}

/* Billeterie */
.bloc-bgblack { background-color: #000; color: #fff;}
.bloc-bgblack .bloc-billeterie { padding: 10px 10px 10px 20px;}
.bloc-bgblack h3 { font-size: 15px; margin: 0 10px 0 20px; font-weight: bold; padding-top: 10px;}
.bloc-bgblack h3.nouveautes { border-top: 1px solid #666; margin-top: 10px;}
.bloc-billeterie div { clear: left;}
.bloc-billeterie div p { float: left; width: 155px; font-weight: normal; padding: 0;}
.bloc-billeterie div p span { display: block;}
.bloc-billeterie div p .genre { font-weight: bold;}
.bloc-billeterie div p .adresse { font-size: 13px; text-transform: lowercase;}
.bloc-billeterie div p .reservez { padding-top: 10px; margin-top: 10px; border-top: 1px solid #666;}
.bloc-billeterie div p a:link, .bloc-billeterie div p a:visited { color: #fff; font-weight: bold; font-size: 13px;}
.bloc-billeterie div p a.event:link, .bloc-billeterie div p a.event:visited { color: #B00625; font-weight: bold;}
.bloc-billeterie div .visu { width: 100px; margin-right: 15px;}
.bloc-billeterie div .visu img { width: 92px; border: 4px solid #666;}

/* Buzz - Mots clés */
#bloc-buzz { border-top: 6px solid #cc0033; background: url(/images/bg_buzz.png) 0 28px no-repeat; color: #cc0033; padding: 5px 5px 20px 5px;}
#bloc-buzz p { font-size: 15px; font-weight: bold; padding: 0 0 20px 5px;}
#bloc-buzz .blue30 { font-size: 30px; color: #003243;}
#bloc-buzz .blue25 { font-size: 25px; color: #003243;}
#bloc-buzz .blue20 { font-size: 20px; color: #003243;}
#bloc-buzz .red30 { font-size: 30px;}
#bloc-buzz .red25 { font-size: 25px;}
#bloc-buzz .red20 { font-size: 20px;}

/* Sites du groupe */
#sites { background-color: #FFFFFF; border-top: 1px solid #CCCCCC; color: #666; font-size: 11px; margin: 0 auto; padding-top: 3px; text-align: center; }
#sites .pictos { border: 1px solid #CCCCCC; padding: 5px 0; margin-top: 3px; position: relative; text-align: center;}
#sites .pictos img { margin: 0 20px;}


/* --- PUBLICITY BOX --- */
.pub300 { position: relative; margin-bottom: 15px;}
div.Expand { width: 728px; margin: 0 auto;}
.pub-spot-article { position: relative; text-align:center; padding: 20px 20px 15px 0;}
#megabanner { width: 1000px; background: url(http://www.leparisien.fr/icons/pub_bg_megabanner.gif) repeat-x left top; margin: 0 auto; text-align:center;}
#megabannerBas { width: 970px; background: url(http://www.leparisien.fr/icons/pub_bg_megabanner.gif) repeat-x left top; margin: 0 auto; text-align:center;}

/* Adsense */
div.AdSense { clear: left; margin-bottom: 10px;}
div.AdSense a:link.g_f, div.AdSense a:visited.g_f { display: block; border-bottom: 6px solid #003243; color: #666; font-size: 20px; padding: 0 0 5px 10px; margin-bottom: 20px;}
div.AdSense a:hover.g_f { text-decoration: none;}
div.AdSense a.g_f img { vertical-align: -4px;}
div.AdSense p { float: left; position: relative; width: 305px; padding: 0 10px 10px 10px; overflow: hidden;}
div.AdSense300 p { position: relative; width: 280px; padding: 0 10px 10px 10px; overflow: hidden;}
div.AdSense a:link.g_h,div.AdSense a:visited.g_h { color: #003243; display: block; font-size: 15px; font-weight: bold;}
div.AdSense .g_t { display: block; font-weight: normal; font-size: 13px; color: #666;}
div.AdSense .g_l { display: block; font-size: 13px; font-weight: normal; color: #003243; }




/* Cinema */
.FilmparFilm { float: left; position: relative; width: 599px; border-top: 1px solid #CCC; padding: 10px 0; font-size:13px; margin: 0;}
.listeseances { margin-left: 20px;}
.firstfilm { border-top: none; padding-top: 10px;}
.lastfilm { padding-bottom: 20px;}
.FilmparFilm h3 { color:#c03;  font-size:18px;}
.FilmparFilm span { line-height:28px; }
.FilmparFilm a:link, .FilmparFilm a:visited { color:#C03; line-height: 11px;}
.FilmparFilm h4 { margin-left:140px; font-size: 15px;}
.FilmparFilm h4.internautes { margin-left:200px; font-size: 15px;}
.FilmparFilm a.fiche-film:link, .FilmparFilm a.fiche-film:visited { float: left; font-size: 15px; line-height: 15px; padding-left: 15px; font-weight: bold; background: url(http://cinema.leparisien.fr/partenaires/cinema/imgs/fleche_rose.gif) no-repeat left;}
.FilmparFilm a.seances-film:link, .FilmparFilm a.seances-film:visited { float: right; font-size: 15px; line-height: 15px; padding-left: 15px; font-weight: bold; background: url(http://cinema.leparisien.fr/partenaires/cinema/imgs/fleche_rose.gif) no-repeat left;}
.FilmparFilm a.choix:link, .FilmparFilm a.choix:visited { font-size: 15px; line-height: 20px; padding-left: 15px; font-weight: bold; background: url(http://cinema.leparisien.fr/partenaires/cinema/imgs/fleche_rose.gif) no-repeat left;}
.FilmparFilm p.synopsis { font-size: 13px; color: #666; font-weight: normal; margin: 8px 0;}
.FilmparFilm img.affiche { float: left; margin-right: 21px;}
.FilmparFilm img.affiche-choix { float: left; margin: 0 21px 0 0;}


/* Styles Blocs divers -> Anso */

.layer-fl-red { background:url(/images/layer-fl-red.png) no-repeat left top; position:absolute; width:29px; height:9px;}
.bottomOmbre { background:url(/images/ombre300.png) no-repeat left top; height:26px;}
.bottomOmbre650 { background:url(/images/ombre650.png) no-repeat left top; height:26px; clear:both;}

.blocLinks {position:relative; margin-bottom: 15px;}
.blocLinks .top {  padding:9px 9px 8px 9px; font-size:15px; font-weight:bold; text-transform:uppercase;}
.blocLinks .top, .blocLinks .top a { color:#FFF;}
.blocLinks .content  { font-size:13px; list-style-type:none;}
.blocLinks .content a { color:#333; display:block;line-height:16px; }
.blocLinks .content a:hover {color:#9c0121;  }
.blocLinks .content .titre-listeLinks { display:block; color:#333; font-weight:bold; height:25px;}
.blocLinks .titre-liste { display:block; font-weight:bold; text-transform: uppercase; font-size: 15px; margin: 15px 0 5px 20px;}
.blocLinks .listesFleches a {margin:8px 0 0 0; line-height:14px; padding-left:20px;}
.blocLinks .listesFleches a:hover { background:url(/images/fl-red.png) no-repeat left top;}
.blocLinks .listes a {margin: 8px 0 0 0; line-height: 14px;}
.blocLinks .listes a:hover { background: none;}
.blocLinks .forums { border:4px solid #b60025; border-top:none; padding:10px 5px 10px 10px;margin-bottom:26px; }
.blocLinks .forums a { padding-left:27px; margin:5px 0; background:url(/images/picto-bulle-gris.png) no-repeat left 2px; }
.blocLinks .forums a:hover { background:url(/images/picto-bulle-red.png) no-repeat left 2px; }

.bloc300 .top {background: url(/images/blocLinks-bg-top.png) repeat-x left top;}
.bloc300 .listesFleches { padding:10px 15px 20px 15px;}
.bloc650 .top { background:#9C0121; }

.bloc650 ul { float:left; margin: 20px 0;}
.bloc650 ul.liste { margin: 0 0 15px 0;}
.bloc650 ul li a { padding-right:10px;}
.bloc650 .border {border-left:1px solid #979797;}
.bloc650 .deuxColonnes { padding-left:20px; width:304px; }
.bloc650 .troisColonnes { padding-left:20px; width:196px; }
.bloc650 .troisColonnes-large {  width:402px; padding-left:20px; }
.bloc650 .troisColonnes-large li { float:left; width:201px;}
.bloc650 .troisColonnes li.image { text-align:center;  }

.blocNewsletter { clear: left; background:url(/images/bloc-newsletter-bg.gif) no-repeat left top; width:300px; height:130px; padding-bottom:20px;}
.blocNewsletter p { padding:20px 0 0 10px; color:#0F3282; font-size:16px; font-weight:bold;}
.blocNewsletter p  span {display:block; color:#333; font-size:13px; padding:10px 0 0 1px; }
.blocNewsletter fieldset {padding:24px 0 0 10px;}
.blocNewsletter .champEmail { background:url(/images/bloc-newsletter-bg-input.gif) no-repeat left top; width:212px; height:16px; font-size:12px; color:#333; padding:5px 3px;  }
.blocNewsletter .btnOk { background:url(/images/bloc-newsletter-btnok.png) no-repeat left top; width:40px; height:22px; margin:0 0 0 8px; cursor: pointer;}

.blocAjouter { width:300px; height:130px; margin-bottom:26px;}
.blocAjouter-annuaireFormations { background:url(/images/bloc-annuaireformation-bg.jpg) no-repeat left top;}
.blocAjouter-formations { background:url(/images/bloc-formation-bg.jpg) no-repeat left top; }
.blocAjouter .titre { padding:15px 0 5px 10px; color:#FFF; font-size:16px; font-weight:bold;}
.blocAjouter span { display:block; font-size:14px; font-weight:bold; color:#fff; padding:11px 0 10px 15px;}
.blocAjouter span img { vertical-align:middle; margin-right:8px;}

.PackageDiapos_pagingPages  {clear: both; text-align:center; padding: 10px 0;}
.PackageDiapos_pagingPages  a{color:#666666;font-size:12px;font-weight:normal;height:17px;padding:2px 6px;text-align:center;}
.PackageDiapos_pagingPages  a.selected{background:none repeat scroll 0 0 #B43C3C;color:#FFFFFF;}

#youconnect{ width: 280px; border-top: 1px solid #7f989f; padding-top:5px;}
#youconnect .youColumn{ float: left; width : 130px}
#youconnect .youColumn label{ display: block;padding-bottom:5px;}
#youconnect .youColumn input{ width : 120px; background: url("/images/inputxt_bg_130.png") no-repeat scroll 0 0 transparent; height: 20px; padding: 4px 5px 0 5px;}
#youconnect #passwordYouContainer{ margin-left: 20px}
#youconnect #youAction{clear: both; padding-top: 10px;}
/*#youconnect #youAction div{ width : 130px}*/
#youconnect #forgotPasswordYou {float: left; }
#youconnect #forgotPasswordYou a{font-size: 11px;background: none;margin:0; padding:0 }
#youconnect #youSubmit {float:right;}
#youconnect #youSubmit input{background: url("/images/btn_ok_blue.png") no-repeat scroll 0 0 transparent; height: 24px; width: 42px;}

#bloc-communaute-connected { position: relative; background-color: #003243;padding: 20px 20px 30px 20px;}
#bloc-communaute-connected .deconnexion { position: absolute; top: 5px;right: 10px;}
#bloc-communaute-connected .deconnexion a { background:url(/images/ico-deconnexion.png) left no-repeat; font-size: 11px;padding-left: 15px;}
#bloc-communaute-connected .avatar { position: absolute; top: 20px;} #bloc-communaute-connected .avatar img { border: 1px solid #bcd4ee;}
#bloc-communaute-connected .membre { padding-left: 95px;} #bloc-communaute-connected .membre p { border-bottom: 1px solid #fff;padding-bottom: 5px; margin-bottom: 10px; font-size: 18px; font-weight:normal;}
#bloc-communaute-connected .membre a { background: none; font-size: 13px;color: #fff;}


p.noresult { padding-left : 20px;}

.contacts { width:608px; padding: 20px; margin-bottom: 15px;}
.contacts a:link.mailto, .contacts a:visited.mailto { text-decoration: underline;}
.contacts a:hover.mailto { text-decoration: none;}
.contacts .contact { float: left; width: 300px;}
.contacts .contact a, .contacts .contact span { display: block;}
.contacts .contact img { float: left; margin-right: 10px; border: 1px solid #666;}
.contacts .contact .fonction { color: #b40028;}
.contacts .contact .nom { text-transform: uppercase;}

/* SE LOGER */
.titreRub { width: 650px; font-size:18px; height:30px; line-height:30px; text-transform:uppercase;}
.searchLocs { width: 650px; position: relative; clear:left; margin-bottom: 15px;}
.clear { clear: both;}
.searchLocs .searchChapo { background: url("/images/bgblue-search.png") left repeat-x; padding: 20px 20px 20px 0;}
.searchLocs .searchChapo img.encoche { position: absolute; left: 12px; top: 0;}
.searchLocs .searchChapo img.logo { float: right;}
.searchLocs .searchChapo h3 { font-size: 15px; font-weight: bold; color: #fff; margin: 0; padding-left: 15px;}
.searchLocs .searchChapo a { color: #fff;}
.searchLocs .searchForm { background-color: #d0cfce; font-size: 13px; font-weight: bold; margin: 0; padding: 0 15px;}
.searchLocs .searchForm form { position: relative;}
/*.search .searchForm .inputRadio { line-height: 26px;}*/
.searchLocs .searchForm .inputRadio input { vertical-align: middle; margin-right: 3px;}
.searchLocs .searchForm .inputRadio span { margin-right: 10px;}
.searchLocs .searchForm .inputSubmit { position: absolute; right: 0; bottom: 0; width: 112px; height: 24px; border: 0; background: url("/images/rechercher.png") no-repeat; margin-top: 11px; cursor: pointer;}
.searchLocs .searchForm label { display: block; margin-bottom: 5px;}
.searchLocs .searchForm .baselinks { border-top: 1px solid #999; padding: 7px 0 10px 0; margin-top: 15px;}
.searchLocs .searchForm .baselinks a { margin-right: 15px;}
.searchLocs .searchForm .baselinks a:hover { text-decoration: underline;}
.searchLocs .searchForm .pa { width: 193px;}

/* PARTENAIRES*/
.partenaires {width:610px; float:left; border-bottom:1px solid #ccc; padding: 20px 0;}
.partenaires .partenaires_logo {float:left; width:250px; margin-right:20px; text-align:center;}
.partenaires .partenaires_ct {float:left; width:340px;}

/* NEWSLETTER */
.bord-news { border-color: #00aada;}
.infonews { float: left; width: 100%; padding-bottom: 10px; margin: 10px 0;}
.infonews img { float: left; padding-right: 20px;}
.infonews h2 { color: #333; font-size: 15px; font-weight: normal; padding-bottom: 7px;}
.infonews h3 { color: #003243; font-size: 17px;}
.infonews p { padding-top: 7px;}
.infonews p span { padding: 7px 10px 0 0;}
.infonews p input { margin-right: 5px;}
.infonews .voir_news { background: url(http://www.leparisien.fr/icons/f_tous.png) left no-repeat; padding-left: 15px;}

#news { width: 621px; float: left; padding: 20px 0 0 20px; margin-top: 20px;}
.inscription { height: 347px; background-image: url(http://www.leparisien.fr/newsletter/imgs/bg_inscription.jpg);}
.inscription_confirm { height: 232px; background-image: url(http://www.leparisien.fr/newsletter/imgs/bg_inscription_confirm.jpg);}
.desinscription { height: 232px; background-image: url(http://www.leparisien.fr/newsletter/imgs/bg_desinscription.jpg);}
.desinscription_confirm { height: 232px; background-image: url(http://www.leparisien.fr/newsletter/imgs/bg_desinscription_confirm.jpg);}

#news input.text { width: 300px; height: 20px; font-size: 12px; color: #fff; background-color: #999; border: none; padding: 5px 0 0 5px;}
#news input.radio { margin: 0 3px 3px 0; vertical-align: middle;}
#news p { padding: 0 0 20px 0; margin: 0; color: #333; font-size: 13px;}
#news .last { padding-bottom: 15px;}
#news p.completez { color: #5a5b5d; font-size: 15px; margin: 0;}
#news p.libelle { float: left; width: 105px; line-height: 20px; clear: left;} 
#news p.input { float: left; width: 300px;}
#news p.infos { clear: left; padding: 0;}
#news .optin { padding: 3px 0 10px 0;}
#news span { padding-right: 10px;}

#news #valid { float: left; width: 100%; padding: 8px 0 0 0;}
#news #valid #reponse_obli { float: left; width: 260px; color: #666; font-size: 11px; padding: 5px 0;}
#news #valid input.submit { float: left; width: 90px; height: 25px; background: url(http://www.leparisien.fr/event/open-gdf-2009/imgs/valider.gif) no-repeat; border: none; cursor: pointer;}
#news #valid input.submit:hover { background: url(http://www.leparisien.fr/event/open-gdf-2009/imgs/valider_e.gif) no-repeat;} 
#news #valid #erreur { display: none; float: left; width: 250px; font-weight: bold; text-align: right; color: #007aa3; font-size: 12px; padding: 5px 0;}

#news .btn_accueil  { position: absolute; left: 250px; bottom: 15px; width: 147px; height: 24px; background-image: url(http://www.leparisien.fr/newsletter/imgs/btn_accueil.gif);}
#news .btn_accueil:hover { background-image: url(http://www.leparisien.fr/newsletter/imgs/btn_accueil_e.gif);}

#news .btn_desabo  { position: absolute; left: 273px; bottom: 15px; width: 111px; height: 25px; background: url(http://www.leparisien.fr/newsletter/imgs/btn_desabonner.gif) no-repeat; border: none; cursor: pointer;}
#news .btn_desabo:hover { background: url(http://www.leparisien.fr/newsletter/imgs/btn_desabonner_e.gif) no-repeat;}

#news .merci { color: #707173; font-size: 20px;}

/* GOOGLE SEARCH */
#googlesearch {}
#googlesearch input { float:left; height:19px; border: 1px solid #ccc; padding: 3px 0 0 5px; }
#googlesearch .submit { float:left; width: 102px; height: 24px; background: url(/images/rechercher.png) no-repeat; border: none; margin-left:5px; cursor: pointer;}
#googlesearch .SearchWithGoogle {float:left; line-height:32px; margin: -3px 0 0 10px;}
#cse-search-results iframe {width:650px; margin-top:20px;}

#PassForgot { width:320px;}
#retrieve_password_ok, #retrieve_password_ko { clear:left; padding:10px 0 0 45px; text-align:left;}