/* CSS pour le front-office */
.txt-center { text-align:center; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-justify { text-align:justify; }
.txt-normal { font-size:100%; line-height:normal; } 
.txt-small { font-size:85%; line-height:normal; }
.txt-big { font-size:120%; line-height:normal; }
.txt-bold { font-weight:bold; }
.txt-italic { font-style:italic; }    
.txt-size70 { font-size:70%; }     
.txt-size75 { font-size:75%; }     
.txt-size80 { font-size:80%; }     
.txt-size85 { font-size:85%; }     
.txt-size90 { font-size:90%; }     
.txt-size95 { font-size:95%; }
.txt-size100 { font-size:100%; }
.txt-size110 { font-size:110%; }
.txt-size120 { font-size:120%; }
.txt-size130 { font-size:130%; }
.txt-size140 { font-size:140%; }
.txt-size150 { font-size:150%; }
.display-none { display:none; }
.on-middle { float:none; margin-left:auto; margin-right:auto; width:auto; text-align:center; }
.on-left { float:left; margin-left:auto; margin-right:5%; }
.on-right { float:right; margin-left:5%; margin-right:auto; }
p + .on-middle { margin-top:-0.5em; }
.clear { clear:both; }
.separ { margin:10px 0; height:10px; }
.divider { margin:0 0 30px 0; height:10px; border-bottom:1px solid #DDD; }
.count-round { display:inline-block; margin:5px; padding:5px; width:30px; background:#000; border-radius:30px; line-height:normal; font-size:12px; color:#fff; text-align:center; }
.mce-btn button:link, .mce-btn button:visited, .mce-btn button:hover, .mce-btn button:active, .mce-btn button:focus { background:none !important; }
     
.content-succes, .content-error, .content-notice { margin:10px 0; padding:10px; }
.content-succes { background:#99d15e; color:#fff; }
.content-error { background:#ff1f21; color:#fff; }
.content-notice { background:#4b98ff; color:#fff; }
.content-succes a:link, .content-succes a:visited, .content-succes a:hover, .content-succes a:active, .content-succes a:focus, 
.content-error a:link, .content-error a:visited, .content-error a:hover, .content-error a:active, .content-error a:focus, 
.content-notice a:link, .content-notice a:visited, .content-notice a:hover, .content-notice a:active, .content-notice a:focus { color:#fff; text-decoration:underline; }
.form-separ { margin-top:10px; margin-bottom:20px; height:1px; background:#DDD; border:none; }
.form-info { font-size:85%; font-style:italic; }
.form-error { font-style:italic; color:#ff1f21; }               
.required { color:red; }            
.form-item, .form-submit { margin:15px 0; padding:0; }
.form-item p, .form-item label { display:block; margin:0 0 3px 0; padding:0; }
.form-item select, .form-item textarea, .form-item input[type="url"], .form-item input[type="tel"], 
.form-item input[type="text"], .form-item input[type="email"], .form-item input[type="password"], 
.form-item input[type="search"], .form-item input[type="file"] { display:inline-block; margin:0 0 5px 0; width:100%; }
.form-item input[type="file"] { margin-top:10px; }
.form-item select { padding-right:0; max-width:450px; }
.form-item select.form-boolean, .form-item .select_style.boolean select { width:125px; }
.form-item textarea { }
.form-submit { margin-top:25px; }
.form-checkbox, .form-radio { list-style:none; }
.form-checkbox + .form-info, .form-radio + .form-info { margin-top:-10px; margin-bottom:20px; }    
.form-checkbox input[type="checkbox"] { display:block; float:left; margin:5px 15px 5px 0; -webkit-appearance:checkbox; -moz-appearance:checkbox; appearance:checkbox; }
.form-radio input[type="radio"] { display:block; float:left; margin:5px 15px 5px 0; -webkit-appearance:radio; -moz-appearance:radio; appearance:radio; }
.form-checkbox label, .form-radio label { margin-left:5px; }
.userform fieldset { margin-bottom:25px; }
.userform .on-left, .userform .on-right, .fullform .on-left, .fullform .on-right { float:left; width:45%; }
.userform .on-left, .fullform .on-left { margin-right:5%; }
.userform .on-right, .fullform .on-right { margin-left:5%; }
.userform .on-third, .userform .on-onefive, .userform .on-twofive { float:left; margin-left:0; margin-right:0; }
.userform .on-third { width:30%; }
.userform .on-third + .on-third { margin-left:5%; }
.userform .on-onefive { width:10%; } 
.userform .on-twofive { width:40%; }
.userform .on-twofive + .on-onefive, .userform .on-onefive + .on-twofive { margin-left:5%; }
.userform .on-onefive > p { margin-top:50px; }
.userform .form-item { max-width:450px; }
.fullform fieldset { margin-bottom:20px; }

/*.form-item select#user_publicomm, .form-item select#user_publioffer { max-width:100px; }*/
#display_image_logo { margin:5px 0; padding:10px 15px; background:#c3c3c3; border:1px solid #e8e8e8; text-align:center; }
#display_image_logo img { max-width:100%; max-height:100%; }

a.userddl, input[type="submit"].userddl, a.userdelete, input[type="submit"].userdelete { display:inline; margin:0; padding:0; width:auto; height:auto; min-width:auto; min-height:auto; font-size:15px; font-weight:normal; letter-spacing:normal; }
a.userddl, input[type="submit"].userddl, a.userddl:hover, input[type="submit"].userddl:hover { background:none; border:none; font-weight:normal; }
a.userdelete, input[type="submit"].userdelete, a.userdelete:hover, input[type="submit"].userdelete:hover { background:none; border:none; color:red; }
a.userddl:hover, input[type="submit"].userddl:hover, a.userdelete:hover, input[type="submit"].userdelete:hover { text-decoration:underline; }

.event-offer { margin-left:auto; margin-right:auto; max-width:400px; }
.event-offer .offer-header { margin:10px 0 0 0; padding:20px 0; background:#FFF; font-size:100%; font-weight:bold; color:#3b3b3b; text-align:center; text-transform:uppercase; -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08); }
.event-offer .offer-header a:link, .event-offer .offer-header a:visited, .event-offer .offer-header a:hover, .event-offer .offer-header a:active { color:#3b3b3b; text-decoration:none; }
.event-offer .offer-wrapper { margin:0; background:#f9f9f9; border:1px solid #ddd; text-align:center; -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
.event-offer .offer-content { padding:10px; background:#3b3b3b; color:#fff; }
.event-offer .offer-content a:link, .event-offer .offer-content a:visited, .event-offer .offer-content a:hover, .event-offer .offer-content a:active { color:#fff; text-decoration:none; }
.event-offer .offer-year { font-size:110%; }
.event-offer .offer-price { margin:0; font-size:200%; }
.event-offer .offer-footer { padding:20px 10px; }
.event-offer .offer-footer p { margin:0; color:#666; }

.event-course { margin:0; }
.event-course .course-image { margin:0; }
.event-course .course-content { line-height:normal; text-align:center; }
.event-course .course-title { margin:10px 0; font-size:21px; font-weight:bold; line-height:1.2em; }
.event-course .course-pretitle { display:block; margin:-10px 0 5px 0; font-size:15px; font-weight:700; color:#000; text-transform:uppercase; letter-spacing:4px; }
.event-course .course-resume { margin:10px 0; font-style:italic; font-weight:700; line-height:1.2em; }
.event-course .course-description { margin:10px 0; font-size:15px; line-height:1.2em; }
.form-radio.event-course { margin-bottom:20px; padding:20px; max-width:100%; background:#fff; border:1px solid #e8e8e8; border-radius:5px; }
.form-radio.event-course.course-selected { background:#f8f8f8; border-color:#99d15e; }
.form-radio.event-course:hover { background:#f8f8f8; }
.form-radio.event-course > input:hover, .form-radio.event-course > label:hover { cursor:pointer; }
.form-radio.event-course .course-title { margin-top:-3px; }
.form-radio.event-course .course-pretitle { display:inline-block; margin:0; }
.form-radio.event-course .course-image, .form-radio.event-course .course-content { display:inline-block; padding:10px 20px; max-width:500px; vertical-align:top; text-align:left; }
.account.dashboard .event-course .course-content{ padding:20px; background:#f6f6f6; }
.account.dashboard .event-course .course-description { display:none; }

.event-program { margin:20px 0; padding:0; }
.event-program .program-days { position:relative; margin:0; padding:20px; background:#292929; border-bottom:1px solid #979797; color:#fff; }
.event-program .program-days h2 { margin:0; padding:0 50px; font-size:200%; font-weight:500; text-align:center; }
.event-program .program-days a.days-prev, .event-program .program-days a.days-next { display:block; position:absolute; top:15px; width:50px; height:50px; line-height:50px; font-size:40px; color:#fff; }
.event-program .program-days a.days-prev:hover, .event-program .program-days a.days-next:hover { color:#999; }
.event-program .program-days a.days-prev { left:10px; text-align:left; }
.event-program .program-days a.days-next { right:10px; text-align:right; }
.event-program .program-wrap { margin:0; padding:0; min-height:1px; background:#f7f7f7; }
.event-program .program-rooms { margin:0; padding:0; background:#CCC; border-bottom:1px solid #979797; color:#fff; }
.event-program .program-rooms .room-head { display:inline-block; margin:0; padding:18px 30px 16px 30px; min-width:10%; line-height:normal; border-right:1px solid #979797; font-size:120%; font-weight:700; text-transform:uppercase; }
.event-program .program-rooms .room-head.head-active { background:#979797; }
.event-program .program-rooms .room-head:hover, .event-program .program-rooms .room-head:focus { color:#292929; cursor:pointer; }
.event-program .program-rooms .room-head.head-active:hover, .event-program .program-rooms .room-head.head-active:focus { color:#fff; cursor:auto; }
.event-program .program-sessions { display:none; margin:0; padding:0; color:#8b8b8b; }
.event-program .program-sessions.tab-active { display:block; }
.event-program .session-type { margin:0; padding:10px 15px; border-bottom:1px solid #CCC; }
.event-program .session-type.atelier .session-title { margin:0; padding:10px 10px 2px 10px; line-height:normal; font-size:125%; font-weight:700; color:#000; text-transform:uppercase; }
.event-program .session-type.atelier .session-speak { margin:0; padding:2px 10px 20px 10px; border-bottom:1px solid #ccc; list-style:none; font-size:95%; font-weight:700; color:#f52b0a; letter-spacing:-0.08px; }
.event-program .session-type.atelier .session-speak li { display:inline-block; margin:0; padding:0 8px; border-right:1px solid #e5e5e5; }
.event-program .session-type.atelier .session-speak li:first-child { padding-left:5px; }
.event-program .session-type.atelier .session-speak li:last-child { padding-right:5px; border-right:none; }
.event-program .session-type.atelier .session-text { margin:0; padding:5px 10px; font-size:110%; font-weight:500; color:#c72b11; }
.event-program .session-type.atelier .session-text p, .event-program .session-type.atelier .session-text ul, .event-program .session-type.atelier .session-text ol { margin:0; padding:0; }
.event-program .session-break, .event-program .session-workshop, .event-program .session-special { clear:both; margin:0; padding:15px; border-bottom:1px solid #ccc; overflow:hidden; }
.event-program .program-sessions .session-type > div:last-child { border:none; }
.event-program .session-content { margin:0 0 0 180px; padding:0 50px; color:#000; }
.event-program .session-info { float:left; margin:0; padding:0 0 0 30px; width:150px; color:#999; } 
.event-program .session-info > div { margin-bottom:1px; font-size:90%; font-weight:700; text-transform:uppercase; }
.event-program .session-info i { margin-right:5px; }
.event-program .session-special .session-info { color:#f52b0a; } 
.event-program .info-speak { margin:0; padding:0; list-style:none; } 
.event-program .info-speak li { display:inline-block; margin:5px; padding:0; }
.event-program .content-break { padding:5px 0; font-size:135%; font-weight:700; color:#ccc; letter-spacing:2px; text-transform:uppercase; }
.event-program .content-break + p, .event-program .content-break + ul li, .event-program .content-break + ol li { font-size:90%; font-weight:500; line-height:normal; }
.event-program .content-head { margin:0 0 10px 0; padding:0; font-size:100%; font-weight:500; color:#f62b0a; }
.event-program .content-foot { margin:10px 0 0 0; padding:0; line-height:normal; font-size:90%; color:#292929; }
.event-program .content-foot p, .event-program .content-foot ul, .event-program .content-foot ol { margin:0; padding:0; }
.event-program .content-thumbnail { float:right; margin:0 0 10px 10px; padding:0; width:64px; height:64px; }
.event-program .content-title { margin:15px 0 0 0; padding:0; font-weight:700; }
.event-program .content-title:before { content:"•"; display:inline-block; margin-right:5px; }
.event-program .session-content .content-title:first-child, .event-program .content-head + .content-title { margin-top:0; }
.event-program .content-text { margin:0; padding:0; line-height:normal; font-size:90%; font-weight:500; } 
.event-program .content-text p, .event-program .content-text ul, .event-program .content-text ol { margin:0; padding:0; }
.event-program .content-speak { display:none; margin:0; padding:0; list-style:none; }
.event-program .content-speak li { display:inline-block; margin:0; padding:0; font-style:italic; font-size:90%; font-weight:700; color:#999; }
.event-program .content-speak li:not(:last-child):after { content:","; display:inline-block; margin:0 4px 0 0; padding:0; font-style:italic; font-size:90%; font-weight:700; color:#999; }
.event-program .special-type { margin:0; padding:0; font-size:150%; font-weight:900; color:#f52b0a; letter-spacing:0.03px; text-transform:uppercase; }
.event-program .special-title { margin:0; padding:0; line-height:normal; font-size:180%; font-weight:500; color:#000; }
.event-program .special-text { margin:5px 0; padding:0; line-height:normal; font-size:95%; font-weight:500; } 
.event-program .special-text p, .event-program .special-text ul, .event-program .special-text ol { margin:0; padding:0; }
.event-program .special-speak { margin:15px 0 0 0; padding:0; list-style:none; font-size:85%; font-weight:500; color:#000; letter-spacing:-0.38px; }
.event-program .special-speak li { display:inline-block; margin:0; padding:0 8px; border-right:1px solid #e5e5e5; }
.event-program .special-speak li:first-child { padding-left:5px; }
.event-program .special-speak li:last-child { padding-right:5px; border-right:none; }
.event-program .session-type.petit-dejeuner { background:#fff; }
.event-program .session-type.dejeuner-debat { background:#fff; }  
.event-program .session-type.symposium { background:#fff; }
.event-program .session-type.piece-de-theatre { background:#fff; }

.event-speakers, .event-partners { margin:0; padding:0; width:100%; }
.event-speakers .speaker-grid, .event-partners .partner-grid { float:left; margin:15px 0; padding:0; width:25%; }
.event-speakers .speaker-content, .event-partners .partner-content { margin:0; padding:0; min-height:100px; }
.event-speakers .speaker-name, .event-partners .partner-name { margin:0 10px; font-size:110%; font-weight:600; text-align:center; text-transform:uppercase; }
.event-speakers .speaker-info, .event-partners .partner-info { margin:0 10px; font-size:100%; text-align:center; }
.event-speakers .speaker-photo, .event-partners .partner-photo { margin:0 10px 10px 10px; height:210px; text-align:center; }

#clicandpayform { margin-bottom:35px; text-align:center; }
#clicandpayform .form-submit input[type="submit"] { font-size:18px; font-weight:700; letter-spacing:1px; }

@media only screen and (min-width: 1200px) {
  .event-offer .offer-header { font-size:120%; }
}
@media only screen and (max-width: 1200px) {
  .event-speakers .speaker-grid, .event-partners .partner-grid { width:33%; }
  .event-program .program-rooms .room-head { padding:18px 20px 16px 20px; }
}
@media only screen and (max-width: 900px) {
  .userform .on-third, .userform .on-onefive, .userform .on-twofive { float:none; margin-top:2em; margin-bottom:3em; width:100%; }
  .userform .on-third + .on-third, .userform .on-twofive + .on-onefive, .userform .on-onefive + .on-twofive { margin-left:0; }                                                                  
  .userform .on-third .form-item.txt-right, .userform .on-onefive .form-item.txt-right, .userform .on-twofive .form-item.txt-right { text-align:left; }
  .userform .on-onefive > p { margin-top:0; }
  .userform .on-twofive + .on-onefive { margin-top:0; margin-bottom:0; }
  .event-program .program-rooms .room-head { padding:13px 11px 11px 12px; font-size:100%; }
  .event-speakers .speaker-grid, .event-partners .partner-grid { width:50%; }
}
@media only screen and (max-width: 768px) {
  .event-offer .offer-header { font-size:120%; }
  .event-program .content-thumbnail { float:none; margin:5px 25px 20px 25x; }
}
@media only screen and (max-width: 650px) {
  input.button_submit + a.button, a.button + input.button_submit, input.button_submit + input.button_submit, a.button + a.button { margin-left:0; margin-top:20px; }
  .userform .on-left, .userform .on-right, .fullform .on-left, .fullform .on-right { float:none; margin-left:0; margin-right:0; margin-bottom:3em; width:100%; }
  .event-program .program-rooms .room-head { display:block; padding:10px 15px; border-right:none; border-bottom:1px solid #979797; }
  .event-program .session-break, .event-program .session-workshop, .event-program .session-special { padding:10px; }
  .event-program .session-type.atelier .session-speak li, .event-program .special-speak li { display:block; padding:2px 5px; border:none; }
  .event-program .session-info, .event-program .session-content { float:none; margin:0; padding:10px 20px; width:auto; }
  .event-program .session-info { padding-top:3px; padding-bottom:0; }
  .event-program .session-content { padding-top:0; padding-bottom:3px; }
  .event-program .content-break { padding-top:10px; padding-bottom:0; }
  .event-program .session-workshop .session-info { margin-bottom:10px; }
  .event-program .special-type { margin-top:10px; }
  .event-speakers .speaker-grid, .event-partners .partner-grid { float:none; margin:40px 0; width:100%; }
}
/*EOF*/