body { font-family: Arial, Verdana, Helvetica,sans-serif; color: #00283C; font-size: 13px;}
/* zeroes for all */
* {padding: 0; margin: 0; border: 0;}
.clearfix:after { clear: both; content: ' ';  font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; display: block;}
a, a:link {color:#00283C; text-decoration: none; cursor:pointer;}
a:visited {color:#00283C; text-decoration: none;}
a:hover {color:#00a0f0; text-decoration:none}
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;}
.clearfix::after {clear: both;content: ' ';font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;display: block;}

.text-center { text-align: center;}


.btn {height: 30px; line-height:30px; font-size: 14px; text-transform: uppercase;font-weight: bold; padding: 0 10px; text-align: center; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; display: inline-block; *display: inline; zoom: 1; color: #FFFFFF; cursor: pointer; background-color: #00283C;}
.btn-xs { height: 20px; line-height: 20px; padding: 0 5px; font-size: 10px; font-weight: bold; }

/* ghost */
.btn.btn-ghost { background-color: transparent; border: 1px solid #4c84a0; color: #4c84a0 !important; font-weight: normal; padding: 0 15px;}
.btn-ghost .icon {color: #4c84a0;}
.btn.btn-ghost:hover { background-color: #4c84a0; color: #FFF !important; }
.btn-ghost:hover .icon { color: #FFF;}
.btn.btn-ghost { height: 28px; line-height: 28px;}
.btn-ghost.btn-xs { height: 18px; line-height: 18px;padding: 0 5px; }
.btn-ghost.btn-xl { height: 38px; line-height: 38px; }

/* TOP COOKIE */

.topCookie { display: block;
    background: #1ea0e6;
    color: #FFF;
    position: fixed;
    bottom: 30px;
    width: 948px;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    padding: 10px 36px 10px 15px !important;
    font-size: 14px;
    line-height: 21px;
    font-family: Encode Regular;
    -webkit-font-smoothing: antialiased;
    z-index: 50;}

.topCookie i {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 0;
    right: 0;
    line-height: 37px;
    text-align: center;
    cursor: pointer;
    background: #1ea0e6;
    color: #FFF
    padding: 0;
}
.topCookie a { color: #FFF; text-decoration: underline !important;}
.topCookie p { margin: 0; }

.btn-cookie-ok {
	background-color: transparent; border: 1px solid #ffffff;font-weight: normal;height: 18px; line-height: 18px;padding: 0 5px;
}
.btn-cookie-ok:hover {
	background-color: #ffffff; border: 1px solid #ffffff;color:#0078B4;
}

/* ----- 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 a.ville { position: absolute; left: 10px; top: 15px; font-size: 20px; line-height: 22px; 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 { position: absolute; width: 240px; line-height: 18px; right: 0; bottom: 0;}
#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 10px 0 5px; 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: 45px; padding-left: 30px;}
#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: 13px; font-size: 13px; 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: 71px; height: 33px; margin: 5px 0; display: block; background: url(http://www.leparisien.fr/imgs/homeg/nav/edition_premium.png) no-repeat 0 0;}
.navmenu .ediabo:hover { background: url(http://www.leparisien.fr/imgs/homeg/nav/edition_premium.png) no-repeat;}
.navmenu li a.navelections { display:block; text-align:center; padding:0; margin:5px 2px 0 2px; width:70px; height:32px; line-height:32px; background:url(http://www.leparisien.fr/imgs/homeg/nav/bg_elections.png) no-repeat; color:#fff;}

.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: 30px; padding: 0px 7px 0 10px; line-height: 31px;}
* 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; display: block;}
.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;}



/* ------ PICTOS / LOGOS ----- */
.logo-45x45 {width: 45px; height: 45px; display: block; text-indent: -5000em;}
.logo-twitter { background-image: url("/images/logosPictos/logo-twitter.jpg");}
.logo-sms { background-image: url("/images/logosPictos/logo-sms.jpg");}
.logo-fb { background-image: url("/images/logosPictos/logo-fb.jpg");}
.picto-16x16 {width: 16px; height: 16px; display: inline-block; *display: inline; text-indent: -5000em;}
.picto-ok {background-image: url("/images/logosPictos/picto-ok.png");}
.picto-ok.rouge {background-image: url("/images/logosPictos/picto-okRouge.png");}
.picto-croix {background-image: url("/images/logosPictos/picto-croix.png");}
.picto-tri {background-image: url("/images/logosPictos/flecheTri.png"); }
.picto-tri:hover {background-image: url("/images/logosPictos/flecheTri_hover.png"); cursor: pointer;}

/* ------- BLOCS- ------ */
/* 250 */
.bloc-250 { width:250px; background:url(/images/bottom250.jpg) bottom left no-repeat;  padding-bottom: 20px;}
.bloc-250 h2 > span {display: inline-block; *display: inline;}
.bloc-250 .content { padding:15px;border-top:0; }

/* 380 */
.bloc-380 { width: 380px; background: url(/images/bottom380.png) no-repeat bottom left; padding: 0 0 20px 0; }

/* 650*/
/*.bloc-650 {width:650px; position: relative; padding-bottom: 20px; background: transparent url(/images/bloc650_ombre.png) bottom no-repeat; float:left}*/
.bloc-650 {width:650px; position: relative; padding-bottom: 20px; float:left}


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

/* --------------- STRUCTURAL & MAIN BLOCKS ----------------- */
#contenerGlobal { width: 970px; margin: 0 auto; padding: 0 14px 15px 14px; 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: 0px; left: 12px; width: 18px; height: 9px; margin: 0; padding: 0; z-index:1;}
.encoche-1 { position: absolute;  top: -1px; left: 12px; width: 18px; height: 9px; margin: 0; padding: 0; z-index:1;}
.borderBlueWithEncoche .encoche { position: absolute; top: -1px; left: 12px; width: 18px; height: 9px; margin: 0; padding: 0; z-index:999;}
.bgred { background: url(/images/encoche-red.png) no-repeat}
.rubriques { display: block; float: left; margin: 4px 0; font-size: 18px; }
.h1rubriques {  float: left; display: block; height: 30px; line-height: 30px; font-size: 18px; font-weight:normal;}
.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 h2 { 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; font-weight:bold;}
.articlesUne .visuel li h1 a {color:#FFF;}
.articlesUne .visuel li h1 a:hover { text-decoration:none;}
.articlesUne .visuel li h2 span { display:block; font-size:24px; font-weight:bold;}
.articlesUne .visuel li h2 a {color:#FFF;}
.articlesUne .visuel li h2 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;}
.particle { color: #003243;font-size: 15px;font-weight: bold;}
/*Hp expo paris*/
.expoUne { margin-top:20px; padding:10px; color:#FFF; width:300px; position: absolute; background: url(/images/bg-une-main-title.png) repeat scroll 0 0 transparent;}
.expoUne h3 { font-size:18px;}
.expoUne h3 a { color:#FFF;}
.expoUne h3 a:hover { color:#FFF;}
.divexpoune {width:650px; height:200px; overflow:hidden; margin-left:0px;}

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

.search .keywords { width: 160px; height: 24px; border: none; padding: 2px 5px 0 5px; background: url(/images/inputxt_bg.png) no-repeat;}
.search .keywordslight { width: 220px; height: 24px; line-height: 24px; border: none; padding: 0px 5px 0 5px; background: url(/images/inputxt_bg_light.png) no-repeat;}
.blue-search .keywords{ width: 130px; height: 24px; border: none; padding: 2px 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; padding-top: 20px;}
.borderBlueWithEncocheUX { position: relative; padding-top: 20px;}
/*.borderBlueWithEncoche { top: -1px;}*/
.borderBlueWithEncoche a.actuLoisirs:link, .bloc-650 .borderBlueWithEncoche a.actuLoisirs:visited { font-size: 15px; font-weight: bold; color: #003243;}
.borderRedWithEncoche { padding-top: 10px;}
/*.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 { padding: 20px 10px 20px 2px;}
.borderBlueLR h2 { font-size: 16px; color: #B40028; margin-top:10px;}
.borderBlueLR h3 { font-size: 14px; 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:220px;}
.borderBlueLR .complementsetablissement { float: right; padding: 0 0 10px 30px; background-color: #fff; }
.borderBlueLR .complementsetablissement img.logo { margin: 0; border: none; border:1px solid #DDDDDD;}
.borderBlueLR .complements p { padding-top: 5px;}
.borderBlueLR .complements img { border: 1px solid #CCCCCC; margin-top: 20px;}
.borderBlueLR .complements img.logo { margin: 0; border: none; border:1px solid #DDDDDD;}
.borderBlueLR .complements p.consultezAussi { font-size: 15px; font-weight: bold; color: #1EA0E6; border-bottom: 6px solid #1EA0E6; margin: 10px 0;}
.borderBlueLR .complements a.etablissement { color: #B40028; font-weight: bold; text-decoration:underline;}
.borderBlueLR .complements li a { font-size: 12px; padding-left: 15px;}
.borderBlueLR .baseline { border-top: 1px solid #CCCCCC; padding-top: 10px; margin-top: 10px;}
.borderBlueLR .baseline .publiedBy, .borderBlueLR .baseline .maj { float: right;}
.borderBlueLR .baseline .ajoute { text-align : right; color:#666; }
.borderBlueLR .baseline .ajoute a { color:#666; }
.borderBlueLR .baseline .maj { border-left: 1px solid #666; padding-left: 10px;}
.borderBlueLR .baseline .publiedBy img { float: right; padding: 1px; border: 1px solid #CCCCCC; margin-left: 10px;}
.borderBlueLR .baseline .publiedBy p { float: left;}
.borderBlueLR .baseline .publiedBy span { display: block; font-size: 11px; color: #666666;}
.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;}
.articlelegende { text-align:center;color:#003243;padding-left:5px;padding-right:5px;}
.orientation .pagination { text-align:center; font-size:18px; line-height:40px; }
.orientation .pagination a { text-indent:0 !important; width:auto; height:auto; }
.paginationtrois { float:left; width: 210px; color:#000; display:block; }
.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; }
.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: 790px; 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;}
.layerPrint .content .titre { font-size: 2em; font-weight: bold; color: #000000; padding-bottom: 10px;}
.layerPrint .content .soustitre { font-size: 16px; color:#B40028; font-weight: bold; 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-bottom: none; padding: 30px 20px;}
.layerAddLieu { 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: 560px; margin: 0 auto; padding-bottom: 10px; border-bottom: 1px solid #da7e92;}
.layerAddEvenementLogin .desc .font18 { display: block; font-size: 18px; margin-top: 1px;}
.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: 10px 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: 20px 20px 30px 20px;}
.layerAddEvenementForm .imageExclame img { padding-top:3px;}
.layerAddLieuForm { 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; 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; bottom: 0px; 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;}
.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, #evenement_horaire,#evenement_tarif { width: 601px;}
#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:400px; 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_evenement_moxity 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_moxity, #row_evenement_have_pass, #row_evenement_pass_type, #row_evenement_free { margin-top: 10px;}
.radio_list li, .checkbox_list li { float: left;}
#row_evenement_several_day, #row_evenement_free, #row_evenement_moxity, #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_moxity 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_presentation label, #row_lieu_url_logo label, #row_lieu_url_photo1 label, #row_lieu_url_photo2 label { font-weight: normal; text-transform: none;}
#row_evenement_url_recto label, #row_evenement_url_verso label, #row_evenement_pass_image label{text-align: left}
#addEventForm ul li input, #row_several_day input, #row_evenement_free input, #row_evenement_have_billeterie input, #row_evenement_moxity 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: 10px;}
#row_evenement_several_day { clear: left; margin-top: 5px;}
#row_evenement_cp, #row_evenement_ville, #row_evenement_phone, #row_evenement_email,
#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_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%; }
#row_formation_debouche textarea {width:100%; }

#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;}


#row_evenement_url {clear: both; margin-bottom: 15px;}
#row_evenement_url_verso,
#row_evenement_pass_image,
#row_evenement_url_recto {  text-align: center; margin: 0; position: relative; }
#row_evenement_pass_image ul,
#row_evenement_url_verso ul,
#row_evenement_url_recto ul { text-align: left;}
/*#row_evenement_url_verso li,
#row_evenement_pass_image li,
#row_evenement_url_recto li { text-transform: uppercase; font-weight: bold; background-color: red; background-image: url("/images/crea-event/bg-bouton-ok.gif");-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; margin-top: 5px; }
#row_evenement_url_verso li:hover,
#row_evenement_pass_image li:hover,
#row_evenement_url_recto li:hover {background-image: url("/images/crea-event/bg-bouton-ok_hover.gif"); }
#row_evenement_url_verso li a,
#row_evenement_pass_image li a,
#row_evenement_url_recto li a { color: #FFF; display: block; text-decoration: none; height: 20px; line-height: 20px; font-size: 12px; }*/
#image_default_evenement_url_verso,
#image_default_evenement_pass_image,
#image_evenement_url_recto,
#image_default_evenement_url_recto {width: 100px; margin: 0 auto;position: absolute; z-index: 1;}
#addEventForm .recommander { clear: both;margin-top: 15px;}


#image_evenement_url_verso,
#image_evenement_pass_image,
#image_evenement_url_recto {z-index: 10;}
#imgEventRecto, #imgEventVerso, #imgEventPass{width: 250px; height: 70px; float: left}
#imgEventRecto img, #imgEventVerso img, #imgEventPass img{width: 70px; height: 70px; float: left}
#imgEventRecto span.delete, #imgEventVerso span.delete, #imgEventPass span.delete{display: block; width: 140px; float: left;padding-left: 10px;margin-top: 20px;text-align: left; cursor: pointer; line-height: 1em; text-decoration: underline;}
#imgEventRecto span.delete.change, #imgEventVerso span.delete.change, #imgEventPass span.delete.change{margin-top: 5px}
#imgEventRecto span.delete:hover, #imgEventVerso span.delete:hover, #imgEventPass span.delete:hover{text-decoration: none;}

#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;}


.error_list { color : red}

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

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

/* Bloc Palmares des Lycées */
#blocPalmares {margin: 5px 0; float: left; background: url("/images/bg-palmares-650x90-W.jpg") no-repeat;}
#blocPalmares h1 {float: none; text-align: center; font-family: "BebasNeueRegular", arial; color: #301C3B;}
#blocPalmares h2 {float: none; text-align: center; font-family: "BebasNeueRegular", arial; color: #301C3B;}
#blocPalmares,
#blocPalmares h1 {width: 650px; height:90px;}
#blocPalmares h2 {width: 650px; height:90px;}
#blocPalmares a,
#blocPalmares span {display: block;}
#blocPalmares a {padding-left: 5px; height: 90px;}
#palmaresSucces .titlePalmares a:hover,
#blocPalmares a:hover {text-decoration: none;}
#blocPalmares h1 .titleType {font-size: 27px; line-height: 27px; padding-top: 27px;}
#blocPalmares h2 .titleType {font-size: 27px; line-height: 27px; padding-top: 27px;}
#palmaresSucces .titlePalmares .titleParisien,
#blocPalmares .titleParisien {font-size: 14px;line-height: 14px;}
#blocPalmares .depNom {font-size: 23px; line-height: 23px;padding-top: 5px;}
#blocPalmares .depReg .titleType {padding-top: 10px;}
#palmaresSucces {float: right; width: 170px;margin-left: 25px; margin-bottom: 20px; text-align: center;  }
#palmaresSucces .titlePalmares { font-family: "BebasNeueRegular", arial; background: url("/images/bg-palmares-170x120.png") no-repeat; height: 116px; padding-top: 4px;}
#palmaresSucces .titlePalmares a{display: block; height: 116px;}
#palmaresSucces .titlePalmares p {display: block; font-size: 27px; line-height: 25px;}
#palmaresSucces .titlePalmares p.clearfix {margin: 0 45px;}
#palmaresSucces .titlePalmares span {float: left;}
#palmaresSucces .titlePalmares .exp {font-size: 14px; line-height: 7px;display: inline-block;margin:4px 3px 0 0; }
#palmaresSucces .titleParisien {margin-top: 10px;}

#blocPalmares.ecoleDecommerce {background: url("/images/palmares-650x90-v2.jpg") no-repeat;}
#palmaresSucces .titlePalmares.ecoleCommercebottom {height:126px; background-position:bottom;}
#palmaresSucces .titlePalmares .palmareesEcolecomm {display:inline-block;}


/*Agendas et Sorties*/
.red-search { position: relative; background: url(/images/bg_search_650_big.png) no-repeat left bottom;}
.red-search  input.submit { float: left; width: 76px; 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;}
.blue-search .submit { float: left; width: 42px; height: 24px; background: url(/images/rechercher.png) no-repeat; border: none; margin: 40px 0 0 10px; cursor: pointer;}
.blue-search .jqTransformSelectWrapper span {width: 145px;}
.blue-title { background: url(/images/formation-search-bg.png) repeat-x left top; border-right: 1px solid #003243; float: left; position: relative; z-index: 2; width: 613px; padding: 10px 18px; color: #fff; margin-bottom: 20px }
.blue-title a{ color: #FFFFFF }
/* MENU */
.onglets { clear: left; height: 30px;}
.onglets ul { margin: 0 auto;}
.onglets ul li a { display: block;}

.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 8px;}
.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: #1ea0e6;}
.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: #1ea0e6;}

/* 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 .bloc-actus { float: left; background: transparent; width: 628px; padding: 20px 0 0 20px;}
.bloc-650 .bloc-actus a { 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 { padding-bottom:10px; 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; }
.bloc-650 .projecteur { width: 630px; background: url(/images/formation-search-bg.png) repeat-x left top; color: #fff; background-color:#1EA0E6;}
.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;}
.bloc-650 .projecteur .event>.descriptionEvent {width: 165px;}



a.titreEv:link, a.titreEv:visited { font-size: 18px; font-weight: bold; line-height: 18px; color: #B40028;}
a.genreEv:link, a.genreEv:visited { font-size: 13px; font-weight: normal; line-height: 13px; color: #B40028;}
a.genreEvF:link, a.genreEvF:visited { font-size: 13px; font-weight: normal; line-height: 13px; color: #FFF; text-decoration:underline;}
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; 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; text-decoration:underline}
.bloc-650 .orientation .LienBloc dl dd{color :#666; padding:0 0 0 15px; margin: 0 0 5px 0}
.searchStage { background-color:#1EA0E6;color:#FFFFFF;padding:20px;width:610px; font-size:14px}

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

.bloc-650 .orientation .description img { margin-left: 20px; border: 1px solid #CCCCCC;}
.bloc-650 .orientation .description h2 a { font-size: 18px; font-weight: normal; color: #003243;}
.bloc-650 .orientation .description h3 a { font-size: 18px; font-weight: normal; color: #003243;}
.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: 480px; 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: 20px;}
.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 h3 a, .bloc-650 .orientation .cpj h3 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{ float: left; 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 { margin-left:110px}
.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: 22px; color: #003243;}
.etablissementshortDescription h3 a.titreLieu:link, .etablissementshortDescription h3 a.titreLieu:visited{ font-size: 18px; line-height: 22px; 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: 10px;}
.bloc-650 .bloc-actus div { float: left; width: 294px; padding-right: 15px;}
.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: 10px;}
.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: 325px; margin-right: 1px; }
#bloc-cols-mfi .last { width: 320px; margin-right: 0; padding-left:2px;}
#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: 10px;}
.fiche h2 { font-size: 24px; color: #B40028; padding-bottom: 20px;}
.fiche p { font-size: 15px; margin: 3px 0;}
.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 #recto a img { border:1px solid #C0C0C0;}
.fiche #visu-flyer { 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;}
.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: left;margin-top: 10px;}
#lieuxLink ul li {display: inline;}
#lieuxLink a {font-size : 15px; }

.ficheMap { clear: left; position: relative; width: 648px;}
.ficheMap h2 { font-size: 24px; color: #B40028; height: 60px; line-height: 60px; padding-left: 20px; border-bottom: 1px solid #ec002f;}
#map, #map1, #map2 { 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 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; border: 1px solid #666;}
.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 div { background: url(/images/bg_info.png) left bottom repeat-x; padding: 10px 0; font-size: 13px; color: #fff;}
.ficheInfos a { color: #fff; text-decoration:underline;}
.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 div 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;}
.ficheInfos #himediacontent #conditionsTel {color: #FFF;}

#conditionsTel a,
#conditionsTel { font-size: 11px; font-weight: normal; clear: both;}
#conditionsTel a {text-decoration: underline;}


/*.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;}
.ficheInfosLieu span { color: #fff;}

.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: 0 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: 25px;margin-top: 15px;  /*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 input { height: 20px; border: 1px solid #fff; padding: 2px 0 0 5px}
.contribuer .participer form label { display: block; height: 25px; line-height: 25px;}
.contribuer .participer form div { background: none; padding: 0; margin: 0;}
.contribuer .participer form div.small { float: left; width: 267px;}
.contribuer .participer form div.small input { width: 260px;}
.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 .passOublie { float: right; text-align: right; padding: 5px 55px 0 0;}
.contribuer .participer form input.submit {border: none; float: right; margin-top: 25px; padding: 0; cursor: pointer; background: url("/images/btn_ok.png") no-repeat; height: 24px; width: 42px;}
.contribuer .participer div#PassForgot { float: right; background:none; border: none; text-align: right; margin: 10px 0 0 0; padding: 0;}
.contribuer .participer div#PassForgot input.submit { margin: 0 0 0 14px; padding: 0;}
.contribuer .participer #retrieve_password_ok, .contribuer .participer #retrieve_password_ko { float: right; text-align: right; padding: 10px 55px 0 0;}
.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 { padding:10px;}
.bloc-650 #resultResume  strong{color: #EC002F;}
/*.bloc-650 .event { padding-right: 20px; width: 294px;}*/
.bloc-650 .event {width: 608px;border-bottom: 1px solid #ccc;padding: 10px 0;}
.bloc-650 .full { position: relative; width: 628px; border: 1px solid #ccc; border-top: none; padding: 10px 0 10px 20px;}
.bloc-650 .full h3 { display: block;}
.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 { width: 102px; margin-right: 20px; position: relative;}
.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 {  width: 61px; height: 52px; border: none; position: absolute; top: 0; right: 0; z-index: 50;}
.bloc-650 .event .ct { display: block; float: none;}
.bloc-650 .full .ct, .fiche .event .ct { width: 486px; border: none;}
.bloc-650 .event .tarifReduit, .fiche .event .tarifReduit { background: url(/images/ico-tarif-reduit.png) right top no-repeat;}

.descriptionEvent {float: left; width: 485px;}



.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;}
a.titreLieu:link, a.titreLieu:visited{ font-size: 18px; line-height: 18px; color: #195a7e;}
.lieux a.genreEv:link, .lieux a.genreEv:visited { display: inline; color: #333; font-size: 13px; font-weight:normal;}
.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-search-300 .jqTransformSelectWrapper span {width: 145px;}


#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 .jqTransformSelectWrapper span {width: 160px;}
#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:2px 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;}
#bonnes-adresses { width:141px;}

/* 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; }
#decouvrir span { font-weight: bold; float:left; }

.bloc-300.adBox p {color:#005078 !important;}
.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.adBox {background-image: none;}

/* style bloc du parisien sur etudiant */
.leParisienEtudiant .bloc300_v2 {margin-top:0;}
.leParisienEtudiant .bloc300_v2 .cont-titre {background: url(/images/bg_titre-redblack.png) left repeat-x; color: #FFF;}
.leParisienEtudiant .bloc300_v2 .cont-titre:hover {color: #FFF;}
.leParisienEtudiant .bloc300_v2 .cont-titre:hover .titre {text-decoration:underline!important;}

.leParisienEtudiant .bloc300_v2.bloc-pratique .cont-titre {width: 270px; border: 0;}
/* cours legendre */
.leParisienEtudiant .bloc300_v2.legendre .cont-titre span {min-width: 115px; *line-height: 30px;}


.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: 16px; 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/customdatepicker/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/customdatepicker/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 .titrecs { font-size: 15px; margin: 0 10px 0 20px; font-weight: bold; padding-top: 10px;}
.bloc-bgblack .titrecsnouveautes { font-size: 15px; margin: 0 10px 0 20px; font-weight: bold; padding-top: 10px;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 { width: 950px; padding: 15px 24px; margin: 0 auto 10px auto; background-color: #FFFFFF; border: 1px solid #CCDCE4; color: #666; font-size: 11px; text-align: center; }
#sites .pictos {  text-align: center; margin-top: 15px;}
#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; margin: 0 auto; text-align:center;}
#megabannerBas { width: 1000px; margin: 10px auto 10px auto; text-align:center;}
#megabannerBas>div {margin: 0 auto !important;}
#sas_expandContainer562{ margin: 0 auto;}
#dfp_banniere-haute {margin-top:0 !important; margin-bottom: 0 !important;}

/* Adsense */
div.AdSense { clear: left; margin-bottom: 10px;}
div.AdSense .hr { height: 6px; background-color: #003243; margin-top: 3px;}
div.AdSense a:link.g_f, div.AdSense a:visited.g_f { color: #666; font-size: 20px; padding: 0 0 5px 10px;}
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: 10px; overflow: hidden;}
div.AdSense300 p { position: relative; width: 280px; padding: 10px; overflow: hidden;}
div.AdSense a:link.g_h,div.AdSense a:visited.g_h { color: #003243; font-size: 15px; font-weight: bold;}
div.AdSense .g_t { display: block; font-weight: normal; font-size: 13px; color: #666;}
div.AdSense .g_l { font-size: 13px; font-weight: normal; color: #003243; }


/* AdBox */
#adBoxFooter {margin:4px 0 4px 0; padding: 25px 24px; overflow: hidden; width: 950px; margin: 10px auto; background-color: #FFFFFF; border: 1px solid #CCDCE4;}

.tranche .gauche {margin-right: 12px;}
.tranche .middle {margin: 0 13px;}
.tranche .droite {margin-left: 12px;}

.tranche .bloc-300 {margin-bottom: 0; background-image: none; padding-bottom: 0; }


/* 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 {padding:5px 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 .top a:hover {color: #FFF !important; text-decoration: underline;}
.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; position: relative; height:112px; padding:20px 10px 20px 10px;}
.blocNewsletter>p {text-transform: uppercase; color: #003c50; font-size: 15px; font-weight: bold;}
.blocNewsletter span {display: block; color: #333; width: 185px; font-size: 15px; line-height: 17px;}
.blocNewsletter form {position: absolute; left: 10px; bottom: 22px;}
.blocNewsletter form .contErreur {height: 20px; line-height: 20px;}
.blocNewsletter form .contErreur>p {display: none;}
.blocNewsletter form .contErreur p {color:#cc0000; font-size: 12px; font-weight: normal;}
.blocNewsletter form .contErreur span {color:#cc0000; font-size: 11px;}
.blocNewsletter input,
.blocNewsletter .champEmail { background:url(/images/bloc-bg-emailNewsletter.png) no-repeat left top; width:214px; height:16px; font-size:12px; color:#333; padding:5px;  }
.blocNewsletter .btnOk { background:url(/images/btn_ok.png) no-repeat left top; text-indent: -5000em; width:42px; height:24px; margin:0 0 0 8px; cursor: pointer;}
.blocNewsletter .merci {display: none;width: 180px; text-transform: none; margin-top: 20px; font-weight: normal;}
.blocNewsletter.newsletterOk .merci {display: block;}
.blocNewsletter.newsletterOk span,
.blocNewsletter.newsletterOk form {display: none;}
.blocNewsletter p.mentions { position: absolute; text-transform: none; bottom: 5px; font-size: 11px; line-height: 13px; margin: 0; padding: 0; font-weight: normal;}

.blocNewsletter.newsletterEtudiant {
    height: 175px;
    padding: 13px 10px 20px 10px;
}

.blocNewsletter.newsletterEtudiant .subtitle {
    font-size: 13px; width: 200px;
}

.blocNewsletter.newsletterEtudiant .mentions {
    bottom: 20px; font-size: 11px;
}

.blocNewsletter.newsletterEtudiant .mentions a {
    text-decoration: underline; color: #003c50;
}

.blocNewsletter.newsletterEtudiant form {
    top: 40px; 
}

.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 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;}
.contactsUX { width:650px; padding: 5px 5px 5px 0px; 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: 76px; 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: 25px; font-size: 12px; color: #fff; background-color: #999; border: none; padding: 0 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: 30px 0 0 0;}
#news #valid #reponse_obli { float: left; width: 215px; 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; font-weight: bold; color: #007aa3; font-size: 12px; padding: 5px 0 5px 30px;}

#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;}
/* PAGE EVENEMENT */
.visudroite { margin-left:20px; float:right;}
.visudroiteborder { margin-left:20px; border:#CCC 1px solid; float:right;}
.visugauche { margin-right:20px; float:left;}
.visugaucheborder { margin-right:20px; border:#CCC 1px solid; float:left;}
.textespecial { padding:20px; background-color:#ECE5CE; }
.maj { padding-left:10px; border-left:6px solid #003243; }
.liene { text-decoration:underline; font-size:13px; font-weight: normal; }
.fiche .h2bleu {color: #003243; font-size: 20px; padding-bottom:0px;}
.efinished {background-color:#B40028;padding:4px;color:#FFF;}

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

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

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

/*style pour form ajout formation /etablissement */
#ajouterUneFormationForm #row_formation_genres_list span { width:400px;}
#ajouterUneFormationForm #row_formation_id_domaine_formation span { width:400px;}
#ajouterUnEtablissementForm #row_etablissement_domaine_formation_list1 span { width:300px;}
#ajouterUnEtablissementForm #row_etablissement_domaine_formation_list2 span { width:300px;}
#ajouterUnEtablissementForm #row_etablissement_domaine_formation_list3 span { width:300px;}


/* OUTBRAIN */
.AR_3 .ob_container_recs {position:relative;color: #333;}
.AR_4 .ob_container_recs {position:relative;color: #333;}
.OUTBRAIN { float:left; margin-bottom: 15px;}
.OUTBRAIN .AR_3{width: 650px;}
.OUTBRAIN .AR_4{width: 650px;}
.AR_3 .ob_container {border:none; margin:10px 0 0 0}
.AR_4 .ob_container {border:none; margin:10px 0 0 0}
.OUTBRAIN .ob_org_header {float: left; color:#333; font-size: 18px; padding: 9px 0 4px 0;border-bottom: 6px solid #003243;width: 650px;}
.AR_3 .ob_container_recs .item-container {width: 109px; height:235px; padding:5px; margin: 0 5px; }
.AR_4 .ob_container_recs .item-container {width: 109px; height:235px; padding:5px; margin: 0 5px; }
.AR_3 .ob_container_recs .item-container .ob-tcolor {color:#464646;}
.AR_4 .ob_container_recs .item-container .ob-tcolor {color:#464646;}
.AR_3 .ob_container_recs .item-container .rec-src-link {margin-top: 3px;float: left;font-size: 11px;}
.AR_4 .ob_container_recs .item-container .rec-src-link {margin-top: 3px;float: left;font-size: 11px;}
.AR_3 .ob_container_recs .item-container:hover {background:#003243}
.AR_4 .ob_container_recs .item-container:hover {background:#003243}
.AR_3 .ob_container_recs .item-container:hover .ob-tcolor {color:#FFF}
.AR_4 .ob_container_recs .item-container:hover .ob-tcolor {color:#FFF}
.AR_3 .ob_what, .AR_2 .ob_what {font-size:11px;margin-top: 4px; color:#333}
.AR_4 .ob_what, .AR_2 .ob_what {font-size:11px;margin-top: 4px; color:#333}
.AR_3 .ob_container_recs a {display: block;width: 129px;float: left;margin: 0;padding: 0;border-right: 1px solid #ccc;}
.AR_4 .ob_container_recs a {display: block;width: 129px;float: left;margin: 0;padding: 0;border-right: 1px solid #ccc;}
.AR_3 .ob_container_recs a:nth-child {border-right: none;}
.AR_4 .ob_container_recs a:nth-child {border-right: none;}
.AR_3 .item-container-ad .paid-distribution { top:-17px; }
.AR_4 .item-container-ad .paid-distribution { top:-17px; }
.AR_3 .item-container-ad .paid-distribution {border-color: #828282; border-width: 1px 1px 0 0;}
.AR_4 .item-container-ad .paid-distribution {border-color: #828282; border-width: 1px 1px 0 0;}
.ob-bgtcolor {background-color: #464646;}
.AR_3 .ob_container_recs .item-container:hover .rec-src-link {color:#FFF;}
.AR_4 .ob_container_recs .item-container:hover .rec-src-link {color:#FFF;}

#guideMetiers .h1rubriques {font-weight:bold; text-transform:uppercase; color:#012d3c; font-size:15px;}
#guideMetiers .bloc-650 .orientation .description img {width:99px; height:99px; border:1px solid #ffffff;}
#guideMetiers .bloc-650 .orientation .actu h3 a {font-weight:bold; font-size:18px;}
#guideMetiers .bloc-650 .orientation .description .ct {font-size:15px; margin-top:17px;}
#guideMetiers a {text-decoration:none;}
.metiersEdito {background:none;}
.metiersEdito li:first-child {margin-left:0;}
.metiersEdito .colonne {float:left; padding-top:15px; width:209px; border:1px solid #b9b9b9; margin-left:7px; color:#093e51; }
.metiersEdito .colonne li {padding:5px 0 0 20px; width:169px; height:40px; margin-left:10px;}
.metiersEdito .colonne .deux {background-color:#e2ebee;}
.metiersEdito .colonne li p {font-size:13px; font-weight:bold; margin-bottom:5px;}
.metiersEdito .colonne li span {font-size:11px;}

.bloc648 {width:648px; background:#035B7F url(/images/formation-search-bg.png) top left repeat-x; border:1px solid #003243; margin-bottom:20px;}
.testMetier {padding:15px 0 15px 0; text-align:center; }
.testMetier a {width:614px; color:#fff; }
.testMetier p {float:left; margin-left:45px; font-size:23px; font-weight:bold; width:500px;}
.testMetier span {font-size:14px; font-weight:normal;}
.testMetier .bouton {float:left; background: url(/images/bouton-fat-valide.png) top right no-repeat; width:53px; height:56px; }

.salonAgenda648 {margin-bottom:20px;}
.salonAgenda648 h2 {padding:20px 0 0 10px; height:40px; background: url(/images/angeda-salons.png) top left no-repeat; color:#fff; font-size:18px; text-transform:uppercase;}
.salonAgenda648 .event {padding: 10px 0; width: 608px; border-right: 0; border-left: 0;}
.salonAgenda648 .baselinks {clear: left;margin: 0 20px;padding: 10px 0 0 0;
}
.salonAgenda648 .baselinks a {display: block;background: url(/images/red-arrow.png) left no-repeat;font-size: 15px;font-weight: bold;color: #B40028;padding-left: 15px;}
.salonAgenda648 .nomSalons {padding:20px 15px; width:610px; border:4px solid #cc0033; border-top:none;}
.salonAgenda648 .nomSalons li {padding:8px 0; border-top:1px solid #eed2d8; height:100px;}
.salonAgenda648 .nomSalons li:first-child {padding-top:0; border:none;}
.salonAgenda648 .nomSalons li:last-child {padding-bottom:0;}
.salonAgenda648 .nomSalons img {float:left; width:100px; height:100px; margin-right:12px;}
.salonAgenda648 .nomSalons .prezSalon {float:left; width:470px;}
.salonAgenda648 .prezSalon p {font-weight:bold; font-size:17px; color:#c9445f;}
.salonAgenda648 .prezSalon h3 {font-weight:bold; font-size:18px; color:#b60025; text-transform:uppercase;}
.salonAgenda648 .prezSalon span {display:block; font-size:13px; color:#333;}
.salonAgenda648 .prezSalon .lieu {font-weight:bold;}

.ficheMetier {padding:25px 0; width:648px; border-top:none; margin-bottom:20px;}
.ficheMetier .reseauxSociaux {margin-bottom:35px; height:25px;}
.ficheMetier h1 {padding:0 0 25px 10px; color:#003243; font-size:26px; font-weight:bold; }
.ficheMetier .left, .ficheMetier .right {float:left;}
.ficheMetier .left {margin:0 10px; width:390px; border-top:1px solid #9aafb8;}
.ficheMetier .left h2, .ficheMetier .suiteMetier h2 {padding:25px 0 15px 0; font-size:15px; color:#a70023;}
.ficheMetier .left p, .ficheMetier .suiteMetier p {color:#333; font-size:13px; line-height:21px;}
.ficheMetier .right {width:227px; margin-top:1px;}
.ficheMetier .right img {width:227px;}
.ficheMetier .right .copyright {margin:15px 0; display:block; text-align:right; font-size:13px; color:#a3a3a3;}
.ficheMetier .right .test {margin-bottom:20px;}
.ficheMetier .right .test h2 {font-weight:bold; font-size:15px; color:#02374e; margin-bottom:5px;}
.ficheMetier .right .test .encartTest {padding:25px 15px 0 15px; width:197px; height:211px; background: url(/images/encart-test.png) top left no-repeat; color:#fff;}
.ficheMetier .right .test .encartTest p {font-size:20px; font-weight:bold; margin-bottom:20px; line-height:25px;}
.ficheMetier .right .test .encartTest a {color:#fff; font-size:15px; text-decoration:underline;}
.ficheMetier .left p, .ficheMetier .suiteMetier {clear:both; }
.ficheMetier .left p, .ficheMetier .salaire {padding-top:25px;}
.ficheMetier .left p, .ficheMetier .salaire h2 {display:inline;}

.bloc002531 { background-color:#002531; height:42px; line-height:42px; padding-left:10px; text-transform:uppercase; color:#fff; font-size:15px; font-weight:bold;}
.bloc228 {width:218px; }
.bloc648Titre {width:638px; }
.triangle228 {width:228px; height:10px; background: url(/images/layer-fleche-228-02374e.png) top left no-repeat; margin:0; padding:0;}
.triangle648 {width:647px; height:12px; background: url(/images/layer-fleche-628-02374e.png) top left no-repeat; margin:0; padding:0;}
.trianglefff649 {width:649px; height:12px; background: url(/images/layer-fleche-648-fff-transparent.png) top left no-repeat; margin:0; padding:0;}

.bloccedde3 {border:1px solid #e9e8e8; border-top:none; background-color:#cedde3;}

.synonyme ul {padding:15px 20px; width:186px; }
.synonyme ul li {padding-left:20px; margin-bottom:15px; font-size:13px; color:#333; background: url(/images/fleche-blue.png) left 3px no-repeat;}

.secteurVideo .video {padding:15px 15px 30px 15px;}
.secteurVideo .video .lecture, .secteurVideo .video .desVideo {float:left;}
.secteurVideo .video .lecture {width:400px; height:250px; margin-right:40px;}
.secteurVideo .video .desVideo p {font-size:13px; color:#333;}
.secteurVideo .video .descriptif {overflow:hidden; height:170px; }
.secteurVideo .video .partenariat {border:1px solid #edf2f4; width:115px; height:60px; margin-top:5px;}

.temoignages ul { border-top:none;}
.temoignages li {padding:10px 15px; border-bottom:1px solid #b9b9b9}
.temoignages li:last-child {border-bottom:none;}
.temoignages li img {float:left; width:98px; height:98px; border:1px solid #003243; margin-right:20px;}
.temoignages li .titre {float:left;}
.temoignages li p {color:#003243; font-size:18px; margin-bottom:15px;}
.temoignages li span {color:#333; font-size:13px;}

.salonAgenda648 {margin-bottom:20px; float:left;}
.salonAgenda648 h2 {padding:35px 0 0 10px; width:640px; height:40px; background: url(/images/angeda-salons.png) top left no-repeat; color:#fff; font-size:18px; text-transform:uppercase;}
.salonAgenda648 .nomSalons {padding:35px 15px; width:610px; border:4px solid #cc0033; border-top:none;}
.salonAgenda648 .nomSalons li {padding:8px 0; border-top:1px solid #eed2d8; height:100px;}
.salonAgenda648 .nomSalons li:first-child {padding-top:0; border:none;}
.salonAgenda648 .nomSalons li:last-child {padding-bottom:0;}
.salonAgenda648 .nomSalons img {float:left; width:100px; height:100px; margin-right:12px;}
.salonAgenda648 .nomSalons .prezSalon {float:left; width:470px;}
.salonAgenda648 .prezSalon p {font-weight:bold; font-size:17px; color:#c9445f;}
.salonAgenda648 .prezSalon h3 {font-weight:bold; font-size:18px; color:#b60025; text-transform:uppercase;}
.salonAgenda648 .prezSalon span {display:block; font-size:13px; color:#333;}
.salonAgenda648 .prezSalon .lieu {font-weight:bold;}

/* REVEILLON TOP RECHERCHE */
.bloc-650 .reveillon, .bloc-650 .reveillon2 {color: #fff;}
.bloc-650 .reveillon, .bloc-650 .reveillon3 {color: #fff;}
.bloc-650 .reveillon  .bloc-650 .bloc-actus div,
.bloc-650 .reveillon .progrVille, .bloc-650 .reveillon2  .bloc-650 .bloc-actus div,
.bloc-650 .reveillon2 .progrVille {float:none !important;}
.bloc-650 .reveillon3 .progrVille {float:none !important;}
.bloc-650 .reveillon {padding-bottom:0; height:300px; background:url(/images/visuels/reveillon/650x300-Reveillon-2016.jpg)top left no-repeat;}
.bloc-650 .reveillon2 {padding-bottom:0; height:300px; background:url(/images/visuels/reveillon/reveillon-650x300-Reveillon-saint-sylvestre.jpg)top left no-repeat;}
.bloc-650 .reveillon3 {padding-bottom:0; height:300px; background:url(/images/visuels/reveillon/reveillon-650x300-Reveillon-saint-sylvestre-3.jpg)top left no-repeat;}
.bloc-650 .reveillon .texte, .bloc-650 .reveillon2 .texte {width:360px;}
.bloc-650 .reveillon .bloc-actus, .bloc-650 .reveillon2 .bloc-actus  {width:310px; height:270px;}
.bloc-650 .reveillon .bloc-actus div p, .bloc-650 .reveillon2 .bloc-actus div p {font-size:14px; width:auto; float:none; margin-top:5px;}
.bloc-650 .reveillon .bloc-actus, .bloc-650 .reveillon2 .bloc-actus {padding-bottom:10px;}
.bloc-650 .reveillon .texte, .bloc-650 .reveillon3 .texte {width:360px;}
.bloc-650 .reveillon .bloc-actus, .bloc-650 .reveillon3 .bloc-actus  {width:310px; height:270px;}
.bloc-650 .reveillon .bloc-actus div p, .bloc-650 .reveillon3 .bloc-actus div p {font-size:14px; width:auto; float:none; margin-top:5px;}
.bloc-650 .reveillon .bloc-actus, .bloc-650 .reveillon3 .bloc-actus {padding-bottom:10px;}
.bloc-650 .reveillon h1, .bloc-650 .reveillon2 h1 {font-size:24px;margin-bottom:20px;}
.bloc-650 .reveillon h2, .bloc-650 .reveillon2 h2 {font-size:18px;}
.bloc-650 .reveillon h1, .bloc-650 .reveillon3 h1 {font-size:24px;margin-bottom:20px;}
.bloc-650 .reveillon h2, .bloc-650 .reveillon3 h2 {font-size:18px;}
.bloc-650 .reveillon .searchReveillon, .bloc-650 .reveillon2 .searchReveillon {color:#e0002d; margin-bottom:5px;}
.bloc-650 .reveillon form, .bloc-650 .reveillon2 form {width:650px;}
.bloc-650 .reveillon form select, .bloc-650 .reveillon2 form select {width:190px; padding:2px;border-radius: 3px; height:24px; margin-right:10px; }
.bloc-650 .reveillon .searchReveillon, .bloc-650 .reveillon3 .searchReveillon {color:#e0002d; margin-bottom:5px;}
.bloc-650 .reveillon form, .bloc-650 .reveillon3 form {width:650px;}
.bloc-650 .reveillon form select, .bloc-650 .reveillon3 form select {width:190px; padding:2px;border-radius: 3px; height:24px; margin-right:10px; }
.bloc-650 .progrReseaux {float:left; width:629px; padding:10px 0 10px 19px; border:1px solid #ec002f; border-top:none; }
.bloc-650 .progrVille {width:auto; }
.bloc-650 .reveillon h3 {font-size:16px; margin-bottom:3px; font-weight:bold; color:#000;}
.bloc-650 .progrVille a {font-size:13px; font-weight:normal; text-decoration:underline; color:#B40028;}
.bloc-650 .bouttons {width:615px; border-top: #CCC solid 1px; margin-top:10px; padding-top:7px; padding-right:0px; border-top:1px solid #cccccc;}

/* SURCHARGE DIDOMI CMP */
/* #didomi-notice{
    background-color: #ecf2f4 !important;
  }
  #didomi-host .didomi-mobile #didomi-notice.bottom, #didomi-host .didomi-mobile #didomi-notice.bottom .didomi-notice__interior-border{
    border: 0 !important;
  }
  #didomi-host #didomi-notice #buttons {
    flex-direction: column-reverse !important;
  }
  #didomi-host .didomi-screen-small #didomi-notice .didomi-notice__interior-border #buttons, #didomi-host .didomi-screen-xsmall #didomi-notice .didomi-notice__interior-border #buttons {
    margin-top: 0 !important;
  }
  #didomi-host .didomi-screen-small #didomi-notice .didomi-notice__interior-border #buttons .didomi-button.standard-button, #didomi-host .didomi-screen-xsmall #didomi-notice .didomi-notice__interior-border #buttons .didomi-button.standard-button{
    margin: 0 !important;
    border: 0 !important;
    text-decoration: underline !important;
  }
  #didomi-host #didomi-notice #buttons .didomi-button.standard-button{
    margin: 0 !important;
    border: 0 !important;
    text-decoration: underline !important;
  } */

/* DIDOMI POPUP */
#didomi-host { font-size: 13px !important; }
#didomi-host .didomi-components-button { padding: 0 !important; }
#didomi-host .didomi-popup__backdrop, #didomi-consent-popup .didomi-popup__backdrop, #didomi-host .didomi-consent-popup__backdrop  { background-color: rgba(128, 128, 128, 0.5) !important; }
#didomi-popup .didomi-popup-notice { width: 280px !important; border: none !important; }
#didomi-popup .didomi-popup__exterior-border { border-style: none !important; margin: 10px auto !important; }
#didomi-popup .didomi-popup-notice-text { text-align: center !important; font-family: "Encode Regular", sans-serif !important; font-size: 11px !important; font-weight: 500 !important; }
#didomi-popup .popup-title { line-height: normal !important; font-family: "Encode Regular", sans-serif !important; display: inline-block !important; margin: 0 auto !important; letter-spacing: -1px !important; font-size: 22px !important; font-weight: 500 !important; text-align: center !important; width: 268px !important; }
#didomi-popup .popup-text { text-align: left !important; line-height: 18px !important; }
#didomi-popup .didomi-components-button { font-family: "Encode Regular" !important; letter-spacing: 1px !important; width: 100px !important; height: 20px !important; cursor: pointer !important; border: none !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 600 !important; }
#didomi-popup .didomi-popup-notice-logo { width: 120px !important; }
#didomi-popup .didomi-popup-notice-subtext { color: #BFC9CD !important; font-size: 12px !important; font-weight: 400 !important; height: 48px !important; line-height: 16px !important; }
#didomi-popup .didomi-popup-notice-subtext a { color: #BFC9CD !important; }
#didomi-popup .didomi-learn-more-button { font-size: 12px !important; font-weight: 400 !important; line-height: 16px !important; }

/* DIDOMI CONSENT POPUP */
#didomi-consent-popup .didomi-popup-container { font-family: "Encode Regular" !important; width: 340px !important; border: none !important; }
#didomi-consent-popup .didomi-consent-popup__exterior-border { border: none !important; }
#didomi-consent-popup .popup-title { font-size: 22px !important; }
#didomi-consent-popup .popup-text { text-align: left !important; line-height: 18px !important; font-size: 11px !important; font-weight: 500 !important; }
#didomi-consent-popup .didomi-components-button { font-family: "Encode Regular" !important; letter-spacing: 1px !important; width: 115px !important; height: 25px !important; cursor: pointer !important; border: none !important; border-radius: 4px !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; margin: 3px 0 !important; }
#didomi-consent-popup .didomi-buttons { display: inline-block !important; margin-right: 12px !important; }

@media screen and (min-width: 740px) {
  /* DIDOMI POPUP */
  #didomi-popup .didomi-popup-notice { padding: 68px 16px 73px !important; width: 616px !important; text-align: left !important; line-height: normal !important; }
  #didomi-popup .didomi-exterior-border { margin: 30px auto 0 !important; }
  #didomi-popup .didomi-popup__exterior-border { padding: 0px !important; }
  #didomi-popup .didomi-popup-notice-text { width: 455px !important; font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important; }
  #didomi-popup .popup-title { font-size: 34px !important; width: 425px !important; }
  #didomi-popup .didomi-components-button { width: 120px !important; height: 30px !important; }
  #didomi-popup .didomi-popup-notice-logo { width: 150px !important; }
  #didomi-popup .didomi-popup-notice-subtext { width: 455px !important; text-align: left !important; font-size: 13px !important; }
  #didomi-host .didomi-learn-more-button { font-size: 12px !important; }

  /* DIDOMI CONSENT POPUP */
  #didomi-consent-popup .didomi-popup-container { width: 616px !important; text-align: left !important; line-height: normal !important; }
  #didomi-consent-popup .didomi-consent-popup__exterior-border { margin: 30px auto !important; }
  #didomi-consent-popup .popup-title { line-height: normal !important; font-weight: 500 !important; font-size: 34px !important; font-family: "Encode Regular", sans-serif !important; display: inline-block !important; margin: 0 auto !important; width: 425px !important; letter-spacing: -1px !important; }
  #didomi-consent-popup .popup-text { font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important; width: 455px !important; margin: 0px auto; }
  #didomi-consent-popup .didomi-components-button { font-size: 11px !important; margin: 0 !important; }
  #didomi-consent-popup .didomi-popup-body { width: 455px !important; }
  #didomi-consent-popup .didomi-buttons { display: flex !important; }  
}