/* Theme Name: Media Club Theme URI: www.mediaclub.fr Description: Media Club, Site Officiel Version: 1.0.0 Author: MC URI: MC */ /*============================================================================================*/ /* 1. GTYPO GENERALE */ /*============================================================================================*/ /*----------------------------------------------*/ /* 1.1 RESET */ /*----------------------------------------------*/ body, html { height: 100%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } .doc_image_left { width: 1px !important; } .thumb-align { float: left; margin-right: 13px; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /*----------------------------------------------*/ /* 1.2 Polices */ /*----------------------------------------------*/ @font-face { font-family: 'LatoBlackItalic'; src: url('lato-blackitalic-webfont.eot'); src: url('lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), url('lato-blackitalic-webfont.woff') format('woff'), url('lato-blackitalic-webfont.ttf') format('truetype'), url('lato-blackitalic-webfont.svg#LatoBlackItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoBoldItalic'; src: url('lato-bolditalic-webfont.eot'); src: url('lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('lato-bolditalic-webfont.woff') format('woff'), url('lato-bolditalic-webfont.ttf') format('truetype'), url('lato-bolditalic-webfont.svg#LatoBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoItalic'; src: url('lato-italic-webfont.eot'); src: url('lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('lato-italic-webfont.woff') format('woff'), url('lato-italic-webfont.ttf') format('truetype'), url('lato-italic-webfont.svg#LatoBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoBold'; src: url('lato-bold-webfont.eot'); src: url('lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('lato-bold-webfont.woff') format('woff'), url('lato-bold-webfont.ttf') format('truetype'), url('lato-bold-webfont.svg#LatoBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoBlack'; src: url('lato-black-webfont.eot'); src: url('lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('lato-black-webfont.woff') format('woff'), url('lato-black-webfont.ttf') format('truetype'), url('lato-black-webfont.svg#LatoBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoRegular'; src: url('lato-regular-webfont.eot'); src: url('lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('lato-regular-webfont.woff') format('woff'), url('lato-regular-webfont.ttf') format('truetype'), url('lato-regular-webfont.svg#LatoRegular') format('svg'); font-weight: normal; font-style: normal; } /*----------------------------------------------*/ /* 1.3 Styles */ /*----------------------------------------------*/ body { font-family: Arial, Helvetica, sans-serif; color:#262626; font-size:13px; line-height:1.5em; /*background:url(../img/body_bg.gif) #f3f3f3;*/ background:#FFFFFF; min-width:990px} .container { width:960px; margin:0 auto; position:relative} /* Float & Align */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto} .alignleft { float: left} .alignright { float: right} .text-right { text-align:right} .text-left { text-align:left} .text-center { text-align:center} .text-green { color:#d12354} .text-gray { color:#808080} .text-blue { color:#d12354} /* Clear Floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } * html .clearfix { height: 1%;} .clearfix { display: block;} .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden;} html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;} a { outline:none; color:#d12354; text-decoration:none} /*----------------------------------------------*/ /* 1.4 Styles */ /*----------------------------------------------*/ /* =Contain. --------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 960px; } /* =Grille > Globale --------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11 { position: relative; } /* --------------------------------------------------------------------------------*/ .alpha {margin-left: 0;} .omega {margin-right: 0;} /* --------------------------------------------------------------------------------*/ .container_12 .grid_1 {width: 60px;} .container_12 .grid_2 {width: 140px;} .container_12 .grid_3 {width: 220px;} .container_12 .grid_4 {width: 300px;} .container_12 .grid_5 {width: 380px;} .container_12 .grid_6 {width: 460px;} .container_12 .grid_7 {width: 540px;} .container_12 .grid_8 {width: 620px; margin-bottom: 20px; } .container_12 .grid_9 {width: 700px;} .container_12 .grid_10 {width: 780px;} .container_12 .grid_11 {width: 860px;} .container_12 .grid_12 {width: 100%;} /* --------------------------------------------------------------------------------*/ .container_12 .prefix_1 {padding-left: 80px;} .container_12 .prefix_2 {padding-left: 160px;} .container_12 .prefix_3 {padding-left: 240px;} .container_12 .prefix_4 {padding-left: 320px;} .container_12 .prefix_5 {padding-left: 400px;} .container_12 .prefix_6 {padding-left: 480px;} .container_12 .prefix_7 {padding-left: 560px;} .container_12 .prefix_8 {padding-left: 640px; } .container_12 .prefix_9 {padding-left: 720px;} .container_12 .prefix_10 {padding-left: 800px;} .container_12 .prefix_11 {padding-left: 880px;} /* --------------------------------------------------------------------------------*/ .container_12 .suffix_1 {padding-right: 80px;} .container_12 .suffix_2 {padding-right: 160px;} .container_12 .suffix_3 {padding-right: 240px;} .container_12 .suffix_4 {padding-right: 320px;} .container_12 .suffix_5 {padding-right: 400px;} .container_12 .suffix_6 {padding-right: 480px;} .container_12 .suffix_7 {padding-right: 560px;} .container_12 .suffix_8 {padding-right: 640px;} .container_12 .suffix_9 {padding-right: 720px;} .container_12 .suffix_10 {padding-right: 800px;} .container_12 .suffix_11 {padding-right: 880px;} /* --------------------------------------------------------------------------------*/ .container_12 .push_1 {left: 80px;} .container_12 .push_2 {left: 160px;} .container_12 .push_3 {left: 240px;} .container_12 .push_4 {left: 320px;} .container_12 .push_5 {left: 400px;} .container_12 .push_6 {left: 480px;} .container_12 .push_7 {left: 560px;} .container_12 .push_8 {left: 640px;} .container_12 .push_9 {left: 720px;} .container_12 .push_10 {left: 800px;} .container_12 .push_11 {left: 880px;} /* --------------------------------------------------------------------------------*/ .container_12 .pull_1 {left: -80px;} .container_12 .pull_2 {left: -160px;} .container_12 .pull_3 {left: -240px;} .container_12 .pull_4 {left: -320px;} .container_12 .pull_5 {left: -400px;} .container_12 .pull_6 {left: -480px;} .container_12 .pull_7 {left: -560px;} .container_12 .pull_8 {left: -640px;} .container_12 .pull_9 {left: -720px;} .container_12 .pull_10 {left: -800px;} .container_12 .pull_11 {left: -880px;} .col_1, .col_1_2, .col_1_3, .col_2_3, .col_1_4, .col_3_4, .col_1_5, .col_2_5, .col_3_5, .col_4_5, .col_1_6, .col_5_6, .col_3_8, .col_5_8, .col_1_12 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} .col_1 {width:940px;} .col_1_2 {width:460px;} .col_1_3 {width:300px} .col_2_3 {width:620px} .col_1_4 {width:220px} .col_3_4 {width:700px} .col_1_5 {width:172px;} .col_2_5 {width:364px;} .col_3_5 {width:556px;} .col_4_5 {width:748px;} .row .col_1_2 {width:470px;} .row .col_1_3 {width:306px} .row .col_2_3 {width:632px} .row .col_1_4 {width:225px} .row .col_3_4 {width:715px} .row .col_1_5 {width:176px;} .row .col_2_5 {width:372px;} .row .col_3_5 {width:568px;} .row .col_4_5 {width:764px;} .grid_8 .col_1_2 {width:290px;} .grid_8 .col_1_3 {width:186px} .grid_8 .col_2_3 {width:394px} .grid_8 .col_1_4 {width:135px} .grid_8 .col_3_4 {width:425px} .grid_8 .col_1_5 {width:100px;} .grid_8 .col_2_5 {width:220px;} .grid_8 .col_3_5 {width:360px;} .grid_8 .col_1_2.box_border {width:288px;} .grid_8 .col_1_3.box_border {width:184px} .grid_8 .col_2_3.box_border {width:392px} .grid_8 .col_1_4.box_border {width:133px} .grid_8 .col_3_4.box_border {width:423px} .grid_8 .col_1_5.box_border {width:98px;} .grid_8 .col_2_5.box_border {width:218px;} .grid_8 .col_3_5.box_border {width:358px;} .grid_8 .row .col_1_2 {width:300px;} .grid_8 .row .col_1_3 {width:193px} .grid_8 .row .col_2_3 {width:406px} .grid_8 .row .col_1_4 {width:140px; height: 310px;} .ca-listing { margin-bottom:10px; height: 310px; } .grid_8 .row .col_3_4 {width:460px} .grid_8 .row .col_1_5 {width:108px;} .grid_8 .row .col_2_5 {width:236px;} .grid_8 .row .col_3_5 {width:364px;} .grid_8 .row .col_1_2.box_border {width:298px;} .grid_8 .row .col_1_3.box_border {width:191px} .grid_8 .row .col_2_3.box_border {width:404px} .grid_8 .row .col_1_4.box_border {width:138px} .grid_8 .row .col_3_4.box_border {width:458px} .grid_8 .row .col_1_5.box_border {width:106px;} .grid_8 .row .col_2_5.box_border {width:234px;} .grid_8 .row .col_3_5.box_border {width:362px;} .grid_2.box_border {width:118px} .grid_3.box_border, .col_1_4.box_border {width:218px} .grid_4.box_border, .col_1_3.box_border {width:298px} .grid_6.box_border, .col_1_2.box_border {width:458px} .grid_8.box_border, .col_2_3.box_border {width:618px} .col_1_5.box_border {width:170px} .col_2_5.box_border {width:362px;} .col_3_5.box_border {width:554px;} .row .alpha, .col.alpha { margin-left:0} .row .omega, .col.omega { margin-right:0} .row .grid_3 { width:176px; margin-left: 18px; margin-right: 18px;} /* Boites */ .box { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .box_border { border:1px solid #dadada;} .box_border2 { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:30px 0 25px 0} .noborder, .entry img.noborder { border:none !important; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} .box_shadow { box-shadow: 0 0 3px black; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15);} .box_inner_shadow, .box.box_inner_shadow { padding:45px 0 0 0; border:none} .box_white { background:#fff;} .box_light_gray { background:#f5f5f5} .box_gray { background:#e9e9e9} .box_green { background:#ddf5bf} .box_yellow { background:#fcf896} .box_blue { background:#e2f4f5} .box_blue.box_border { border:1px solid #dde8e9} .box_pink { background:#f1dde8} .box .inner { padding:15px} .box2 { position:relative; background:#e4e4e4; border:1px solid #cdcdcd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin:20px 0; padding-top:1px} .box2 h3 { height:59px; line-height:59px; background:url(../img/comment_form_head.gif) 0 0 repeat-x; font-family:'LatoRegular'; font-size:24px; text-transform:uppercase; padding:0 20px; color:#7c7c7c; text-shadow:0 1px 1px #fff; margin:0;} .box2_content { padding:15px 20px 20px;} .sidebar .box h3 { font-size:18px} .sidebar .box2 { margin-left:20px} .box h1, .box h2, .box h3, .box h4, .box h5, .entry .box h1, .entry .box h2, .entry .box h3, .entry .box h4, .entry .box h5 { margin-top:20px} /*----------------------------------------------*/ /* 1.5 Listes */ /*----------------------------------------------*/ ul{ list-style:disc outside; } ol{ list-style:decimal outside; } li{ margin:2px 0;} ol li{ margin-top:5px; margin-bottom:7px } ul, ol, dd{ margin-left:25px; } ul ul, ol ul, ul ol, ol ol{ margin-bottom:0; } /*----------------------------------------------*/ /* 1.6 Bordures */ /*----------------------------------------------*/ hr{ border:0px solid transparent !important; background-color:transparent !important; height:1px;} .border { border:1px solid #d1d1d1} .divider_space, .divider_space_thin, .divider, .divider_thin { clear:both; display:block; margin-bottom:25px; padding-top:7px; width:100%;} .divider_space_thin { margin-top:5px; margin-bottom:5px;} .divider_thin { margin-bottom:15px; padding-top:15px; background:url(../img/divider_line.gif) bottom repeat-x;} .divider{ background:url(../img/divider_line.gif) bottom repeat-x;} /*----------------------------------------------*/ /* 1.7 Headers */ /*----------------------------------------------*/ h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family:'LatoBlackItalic', Arial, Helvetica, sans-serif; color:#000; line-height:1.2em} h1{ font-size:34px;} h2{ font-size:27px; margin-bottom:15px} h3{ font-size:21px; margin-bottom:10px;} h3.widgettitle{ margin-bottom:10px; } h3, h4, h5, h6 { font-family:'LatoBold'; color:#262626} h4{ font-size:18px; margin-bottom:10px;} h5{ font-size:16px; font-weight:bold; margin:7px 0 5px;} h6{ font-size:14px;} h1 span, h2 span, h3 span ,h4 span, h5 span { color:#d12354} .entry h1, .post-item .entry h1 { margin:0 0 20px 0; padding:0} .entry h1 { margin-top:40px} .entry h2, .post-item .entry h2 { font-size:27px; margin:40px 0 10px} .entry h3, .post-item .entry h3 { font-size:21px; margin:40px 0 10px;} .entry h4, .post-item .entry h4 { font-size:18px; margin:30px 0 10px;} .entry h5, .post-item .entry h5 { font-size:16px; margin:25px 0 10px;} .entry h6, .post-item .entry h6 { margin:25px 0 10px;} .title_brown, .box .title_brown { color:#653c17} .title_green, .box .title_green { color:#a5cd39} .title_pink { color:#ca2b63} .title_pink2, .post-item .entry .title_pink2 { color:#ca2b63; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px} .title_blue { color:#d12354;} .title_blue2, .post-item .entry .title_blue2 { color:#d12354; font-size:20px; margin-top:35px} .text_italic { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;} .title_address, .post-item .entry .title_address { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; color:#d12354; font-size:16px; margin:20px 0 20px 0} /*----------------------------------------------*/ /* 1.8 Tableaux */ /*----------------------------------------------*/ table,td,th { vertical-align:middle; text-align:center; } th{ padding:5px; font-size:14px; letter-spacing:1px;} td{ font-size:13px; padding:5px; } /*----------------------------------------------*/ /* 1.9 Images */ /*----------------------------------------------*/ img.alignleft { margin:5px 20px 5px 0 !important;} img.alignright { margin:5px 0 5px 20px !important;} .entry .col_1_2 img.alignleft { margin:3px 15px 3px 0 !important;} .entry .col_1_2 img.alignright { margin:3px 0 3px 15px !important;} span.preload.alignleft { float:left; display: inline-block; margin:5px 20px 5px 0 !important;} span.preload.alignright { float:right; display: inline-block; margin:5px 0 5px 20px !important;} span.preload.aligncentert { float:right; display: inline-block; margin:5px auto;} .video_frame,.wp-caption,#flickr a img, dl.gallery-item img{ padding:6px;margin:2px; } p.wp-caption-text{ margin-bottom:0px; text-align:center;} .wp-caption{ margin-bottom:10px !important; padding-top:10px; text-align:center;} .image_frame img, img.image_frame { background:#fff; border:4px solid #ebebeb} /*----------------------------------------------*/ /* 1.10 Formulaires */ /*----------------------------------------------*/ fieldset{ padding:20px; border:1px solid #e0e0e0;} form .row { padding:5px 0} input[type=text],input[type=password],textarea{ color:#666; padding:5px; border:1px solid #dcdcdc; background:#f5f5f5; resize:none} textarea{ width:90%; font-size:12px; background:#fff; overflow:auto;} input, textarea,input[type="submit"]:focus{ outline:0 none;} input[type="radio"],input[type="checkbox"]{ margin-right:10px; margin-left:10px;} button::-moz-focus-inner { border: 0; padding: 0;} input[type="reset"],input[type="submit"],input[type="button"], button{ border:none; color:#424242; margin:10px 0; outline-width:0; padding:0; height:32px; line-height:30px; text-align:left;font-family:'LatoBold'; font-size:12px; text-shadow:0 1px 1px #fff;} input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover, input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus, button:hover,button:focus{ color:#262626; cursor:pointer;} /*----------------------------------------------*/ /* 1.11 Boutons */ /*----------------------------------------------*/ .button_link { background:url(../img/buttons_bg_gray.png) no-repeat scroll right -32px transparent; color:#424242; display:inline-block; margin:5px 0; border:0 none; padding:0 16px 0 0; font-family:'LatoBold', Arial, Helvetica, sans-serif; font-size:12px; text-align:left; text-decoration:none} .button_link span { background:url(../img/buttons_bg_gray.png) no-repeat scroll left 0 transparent; display:block; line-height:28px; padding:2px 1px 2px 16px; color:#424242; cursor:pointer; text-shadow:0 1px 1px #fff; text-transform:uppercase} .button_link:hover { background-position:right -96px} .button_link:hover span { background-position:left -64px} .button_link:active { background-position:right -95px;} .button_link:active span { background-position:left -63px;} .bxSlider .button_link span { min-width:inherit; font-family:'LatoBoldItalic', Arial, Helvetica, sans-serif; text-transform:none; font-size:13px;} /* Boutons */ .btn_blue, .btn_blue span { background-image:url(../img/buttons_bg_blue.png); color:#4d9bb5;} .btn_black, .btn_black span { background-image:url(../img/buttons_bg_black.png); color:#fff; text-shadow:0 1px 1px #666} .btn_green, .btn_green span { background-image:url(../img/buttons_bg_green.png); color:#5b8710;} .btn_pink, .btn_pink span { background-image:url(../img/buttons_bg_pink.png); color:#a651a4;} .btn_yellow, .btn_yellow span { background-image:url(../img/buttons_bg_yellow.png); color:#9d9d1f;} .btn_purple, .btn_purple span { background-image:url(../img/buttons_bg_purple.png); color:#795fb7;} .btn_red, .btn_red span { background-image:url(../img/buttons_bg_red.png); color:#ad4e4e;} .button_styled { display: inline-block; margin:5px 1px; border:none; padding:0 12px; font-family:'LatoBold', Arial, Helvetica, sans-serif; font-size:12px; line-height:30px; text-align:left; text-decoration:none; color:#fff; background:#3c444f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-transform:uppercase; text-shadow:0 1px 1px #333; min-width:106px;} .button_styled span { padding:0;} .button_styled:hover, .button_styled:hover span { color:#fff} /*============================================================================================*/ /* 2. STRUCTURE */ /*============================================================================================*/ /*----------------------------------------------*/ /* 2.0 Header Slide */ /*----------------------------------------------*/ .bxSlider { width:100%; height:600px; margin:0; padding:0; background:#FFFFFF; color:#fff; overflow:hidden } .bxSlider li { list-style:none; padding:0; margin:0; display:block; height:600px; width:100%; text-align:center} .bxSlider .slide-text-wrapper { position:relative; top:-600px; height:600px; width:940px; margin:0 auto; } .bxSlider .fakeimg {width:940px;height:600px} .bxSlider .slide-text-content { position: absolute; top: 206px; left: 14px; width: 100%; text-align: left;} .bxSlider .meta-date { display: block; font-size: 12px; color: white; margin-bottom: 31px;} .bxSlider .slide-button { height: 32px; line-height: 32px; margin-top: 34px;} .bxSlider .slide-button a { float:left} .bxSlider a { color:#fff} .bxSlider .slide-title { color:#fff; font-size:58px; text-decoration:none; line-height:1.2em; text-shadow:1px 1px 2px #000; font-family:'LatoBlackItalic', Arial, Helvetica, sans-serif} .bxSlider .link-comments { text-decoration: underline; font-weight:bold; font-size:12px; margin-left:15px; padding-top:5px} .bxSlider .ico_cat { background:url(../img/category_icon.png) no-repeat scroll right -22px transparent; color:#323232; display:inline-block; margin:5px 0; border:0 none; padding:0 12px 0 0; font-family:'LatoBold', Arial, Helvetica, sans-serif; font-size:11px; text-align:left; margin-right: 5px; text-decoration:none;} .ico_cat em { background: url(../img/category_icon.png) no-repeat scroll left 0 transparent; display: block; line-height: 21px; padding: 0 6px 0 10px; color: #616161; text-shadow: 0 1px 1px white; font-style: normal;} /*----------------------------------------------*/ /* 2.1 Header */ /*----------------------------------------------*/ .header_slider { position:relative; z-index:2; width:100%; height:600px; margin:0; padding:0; background:#FFFFFF; color:#fff;} .bx-wrapper, .bx-window { width: 100% !important; } .header { position:relative;} .header_image { height:262px; width:100%; overflow:hidden; position:relative; z-index:2; background-color:#111; background-position:center top;} .body_wrap .header_menu { position:absolute; top:18px; height:98px; width:100%; z-index:5;} .header_menu .container { /*background:url(../img/header_menu.png) no-repeat;*/ background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8),rgba(0,0,0,0.7)) content-box; border-radius:10px; width:940px; height:158px; margin:0 auto; padding:3px 4px 5px 4px} .logo { padding: 2px 0 2px 0; width: 300px; height: 57px; text-align: center; margin: 5px 0 0 13px; } /* top search */ .top_search { position:absolute; top:15px; right:105px; width:300px;} .top_search fieldset { width:300px; position:relative; display:block; border:none; padding:0; margin:0; } .top_search .input { width: 177px; height: 34px; padding: 0 15px 0 28px; border-radius: 20px; box-shadow: 0 1px 0 rgba(249, 249, 249, 0.1); float: right; background: black; background-image: url(../img/search-icon.png); background-position: 11px 9px; background-repeat: no-repeat; } .top_search .input.focus { border:1px solid #a4a4a4; background-image:url(../img/search-icon2.png); background-position:11px 9px; font-weight:normal !important; padding: 0 15px 0 28px !important; } .top_search input#s { width: 100%; padding: 0 0 0 4px; border: 0; border-radius: 20px; background: transparent; height: 31px; line-height: 24px; color: #909090 !important; font-size: 11px; font-family: arial; font-weight: bold; } .top_search input#s:focus { outline:none; } .top_search #searchSubmit { width:13px; height:13px; text-indent:-9999px; overflow:hidden; border:0; position:absolute; top:5px; left:9px; z-index:5; background:transparent; display: none; cursor:pointer; } .container_title { position:relative; width:960px; margin:0 auto; z-index:2} .header_title { position:absolute; bottom:0; left:10px; z-index:5; height:40px; display:block; background:url(../img/header_title_bg.png) no-repeat scroll right -40px transparent; padding:0 2px 0 0;} .header_title .header_tab_title { background:url(../img/header_title_bg.png) no-repeat scroll left 0 transparent; display:block; line-height:40px; height:40px; padding:0 0 0 20px;} .header_title .title { font-family:'LatoBold', Arial, Helvetica, sans-serif; color:#000; font-size:17px; text-shadow:0 2px 2px #fff; text-decoration:none; line-height:40px; height:40px; overflow:hidden; display:block; float:left; padding-left:0px} .back_title { height:40px; margin:0 0 0 10px; position:relative} .back_title .back_inner { display: block; float: left; line-height: 40px; height: 40px; padding: 0 19px 0 18px; background: url(../img/header_title_bg.png) no-repeat scroll left 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;} .back_title .back_inner a { background:url(../img/header_title_bg.png) no-repeat scroll left 0 transparent; font-family:'LatoBold', Arial, Helvetica, sans-serif; color:#323232; font-size:14px; text-shadow:0 2px 2px #fff; text-decoration:none; text-transform:uppercase; line-height:40px; cursor:pointer; display:block; float:left; padding:0 1px 0 0; } .back_title .back_inner a span { background:url(../img/arrow_2_left.png) 1px center no-repeat; padding-left:25px} .slider-prev, .slider-next { display:block; float:left; height:40px; width:48px; line-height:40px; text-indent:-600px; overflow:hidden;} .slider-prev { background:url(../img/arrow_1_left.png) center 14px no-repeat; margin-left:-20px;} .slider-prev:hover { background:url(../img/arrow_1_left_a.png) center 14px no-repeat} .slider-prev:active { background:url(../img/arrow_1_left_a.png) center 15px no-repeat} .slider-next { background:url(../img/arrow_1_right.png) center 14px no-repeat; border-left:1px solid #e1e1e1} .slider-next:hover { background:url(../img/arrow_1_right_a.png) center 14px no-repeat;} .slider-next:active { background:url(../img/arrow_1_right_a.png) center 15px no-repeat;} /* Top Menu */ .topmenu { height:38px; padding:0; position:relative; background:url(../img/bg-submenu.jpg) repeat-x; color:white !important; text-shadow:none; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} .topmenu .dropdown {font-family:'LatoBold', Arial, Helvetica, sans-serif; font-size:14px; line-height:38px; color:#313131; z-index:1300; margin:0; padding:0; text-shadow:0 1px 1px #fff} .topmenu .dropdown li { display:block; float:left; margin:0; position:relative; list-style:none; padding:0 3px 0 0; margin:0; background:url(../img/topmenu_line.png) right top no-repeat} .topmenu .dropdown li:last-child { background: none; } .topmenu .dropdown > li:hover { background:url(../img/bg_menu_hover.png) 0 0 repeat-x; } .topmenu .dropdown li:hover a span { color:white; text-shadow : none; } .topmenu .dropdown li a { font-size:13px;display:block; color:#313131; height:38px; text-decoration:none; padding:0 8px; text-transform:uppercase} .topmenu .dropdown li a span { display:block;} .topmenu .dropdown li.parent span { background:url(../img/dropdown_1_parent.png) right center no-repeat; padding-right:15px} .topmenu .dropdown li.parent a:hover span { background:url(../img/dropdown_1_parent_a.png) right center no-repeat;} .topmenu .dropdown li.parent li span, .topmenu .dropdown li.parent a:hover li span, .topmenu .dropdown li.parent li a:hover span { background:none} .topmenu .dropdown .current-menu-ancestor a, .topmenu .dropdown .current-menu-ancestor a:hover, .topmenu .dropdown .current-menu-item a, .topmenu .dropdown .current-menu-item a:hover { cursor:pointer; background:url(../img/bg_menu_hover.png) 0 0 repeat-x; color:#fff; text-shadow:0 1px 1px #000;} .topmenu .dropdown .current-menu-item.first a, .topmenu .dropdown .current-menu-ancestor.first a { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .topmenu .dropdown .current-menu-item.last a, .topmenu .dropdown .current-menu-ancestor.last a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;} .topmenu .dropdown li a:hover { color:white; text-shadow:none !important; } .topmenu .dropdown .current-menu-item .current_page_item a, .topmenu .dropdown li .current-menu-ancestor a, .topmenu .dropdown li .current-menu-ancestor a:hover, .topmenu .dropdown li .current-menu-ancestor .current-menu-item a, .topmenu .dropdown .menu-item-home.current-menu-item a, .topmenu .dropdown .menu-item-home a:hover{ color:#fff; background:none} .topmenu .dropdown .current-menu-item li a:hover, .topmenu .dropdown .current-menu-item ul li a, .topmenu .dropdown .current-menu-ancestor li a, .topmenu .dropdown li .current-menu-ancestor a:hover, .topmenu .dropdown .current-menu-ancestor .current-menu-item li a, .topmenu .dropdown .menu-item-home ul li a, .topmenu .dropdown .current-menu-ancestor .current-menu-ancestor li a, .topmenu .dropdown .current-menu-ancestor li a:hover, .topmenu .dropdown .current-menu-ancestor .current-menu-item a { color:#a7a7a7; background:url(../img/dropdown_1_line.png) center bottom no-repeat;} .topmenu .dropdown li ul li a:hover, .topmenu .dropdown .current-menu-ancestor ul li a:hover, .topmenu .dropdown .current-menu-ancestor .current-menu-item a, .topmenu .dropdown .current-menu-ancestor li .current-menu-item a, .topmenu .dropdown li .current-menu-item a, .topmenu .dropdown li.parent li a:hover, .topmenu .dropdown .current-menu-ancestor .current-menu-ancestor a{ color:#fff;} .topmenu .dropdown li ul { display:none; position: absolute; top: 32px; left:-7px; z-index: 1308; width: 146px; padding:0; margin:0; font-family:'LatoRegular', Arial, Helvetica, sans-serif; font-size:11px; text-shadow:0 2px 1px #000; padding-top: 8px;} .topmenu .dropdown li ul li ul { display:none; position: absolute; top:-3px; left:144px !important; z-index: 1308; padding:0 0 0 5px} .topmenu .dropdown li.last ul li ul { left:-149px !important; padding:0 5px 0 0} .topmenu .dropdown li ul li.first ul { top:6px} .topmenu .dropdown li ul li, .topmenu .dropdown li ul li.current-prev, .topmenu .dropdown li .current-menu-item, .topmenu .dropdown li .current-menu-ancestor { display:block; background:url(../img/dropdown_1_bg.png) 0 0 repeat-y; padding:0; width: 173px; margin:0; height:auto; clear:both; position:relative; line-height:1.3em} .topmenu .dropdown li ul li ul li, .topmenu .dropdown .current-menu-ancestor .current-menu-ancestor li, .topmenu .dropdown li li .current-menu-item { background:url(../img/dropdown_1_bg.png) 0 0 repeat-y;} .topmenu .dropdown li ul .first, .topmenu .dropdown li ul .current-prev.first { background:url(../img/dropdown_1_first.png) 0 top no-repeat; padding-top:9px} .topmenu .dropdown li ul li ul .first, .topmenu .dropdown .current-menu-ancestor .current-menu-ancestor .first { background:url(../img/dropdown_1_first2.png) 0 top no-repeat; padding-top:2px} .topmenu .dropdown li ul .last { background:url(../img/dropdown_1_last.png) 0 bottom no-repeat; padding:0;} .topmenu .dropdown li ul li a, .topmenu .dropdown li .current-menu-item a, .topmenu .dropdown .current-menu-ancestor li a, .topmenu .dropdown .current-menu-item li a { display:block; color:#a7a7a7; height: auto; padding:11px 10px 11px 16px; /* background:url(../img/dropdown_1_line.png) center bottom no-repeat */;} .topmenu .dropdown li ul .last a, .topmenu .dropdown li ul .last a:hover, .topmenu .dropdown li ul li ul .last a, .topmenu .dropdown li ul li ul .last a:hover, .topmenu .dropdown .current-menu-ancestor .last a, .topmenu .dropdown .last.current-menu-ancestor li .last a { background:none} .topmenu .dropdown li li a span { display:block; padding-top:0px} .topmenu .dropdown li a:hover span { cursor:pointer} .topmenu .dropdown li ul .parent span { background:url(../img/dropdown_1_arrow.png) 110px 4px no-repeat; padding-right:10px} .topmenu .dropdown li ul .parent a:hover span { background:url(../img/dropdown_1_arrow_a.png) 110px 4px no-repeat;} .topmenu .dropdown li ul .parent ul li span, .topmenu .dropdown li ul .parent ul a:hover span { background:none; padding-right:0px} .topmenu .dropdown li:hover ul li ul { display:none;} .topmenu .dropdown li:hover ul, .topmenu .dropdown li:hover ul li:hover ul{ display:block} .preloader { background:url(../img/loading.gif) center center no-repeat; display:inline-block; } .topmenu .reseaux { float: right; width: 81px; position: relative; top: -86px; right: 12px; } .topmenu .reseaux p { float: left; margin-left: 5px; } /*----------------------------------------------*/ /* 2.2 Recherche */ /*----------------------------------------------*/ .widget_search label { display:none} .widget_search { width:300px; padding:12px 0 10px;} .cat_title .widget_search { float:right; padding:12px 0 0} .cat_title .widget-container { margin:0} .footer .grid_2 .widget_search { width:140px} .widget_search input { border:none; margin:0; padding:0; float:left} .widget_search form { width:300px; height:28px; padding:0; position:relative; background:url(../img/search_bg.png) 0 0 no-repeat} .widget_search cite { display:none} .widget_search .input_search{ border: none; background: none; color:#7d7d7d; height:18px; width:205px; padding:0; margin:6px 0 5px 30px; line-height:18px; font-family:'LatoItalic'; font-size:13px;} .widget_search #searchsubmit { display:none} /*----------------------------------------------*/ /* 2.3 Contenu Central */ /*----------------------------------------------*/ .body_wrap { position:relative;} .body_wrap .header_menu { position: absolute; z-index:10} .body_wrap .header_image, .body_wrap .header_slider { position:relative; z-index:2;} .body_wrap .middle { position:relative; z-index:5} .middle { clear:both;} .middle .container_12 { min-height:380px; padding-bottom: 15px;} .homepage .container_12 { padding-top:20px;} .thinpage .middle .container_12 { margin-top:-40px;} .container_12 { line-height:1.6em} .container_12 a:hover { color:#d12354} .container_12 p { margin:0 0 18px 0} .text-block-1 { padding:0 20px} .title_icon { min-height:87px; margin-bottom:15px} .title_icon img { float:right; margin-left:20px;} .title_icon h2, .title_icon h3 { padding-top:15px;} .title_black { color:#1a1a1a; text-shadow:1px 1px 1px #fff} .link_arrow_left, .link_arrow_right, .link-more { color:#d12354; font-size:12px; font-family:'LatoBold'; text-transform:uppercase} .link_arrow_right, .content .link-more { color:#d12354;} /* Catégories */ .cat_title.anm { clear: both; border-bottom: 1px solid #E1E1E1; padding-bottom: 15px; padding-top: 0; margin-bottom: 13px; width: 622px;} .cat_title.anm a { text-decoration:none} .cat_title.anm .title{ background:url(../img/cat_title_bg.png) no-repeat scroll right -61px transparent; height:61px; font-family:'LatoBold'; font-size:27px; display:inline-block !important; color:#fff; padding:0 13px; text-transform:uppercase; padding:0 10px 0 0; width: 611px;} .cat_title.anm .title span { background:url(../img/cat_title_bg.png) no-repeat scroll left 0 transparent; display:block; line-height:47px; padding:0 1px 14px 15px; color:#fff} .sort { width:150px; float:right; margin-bottom:-1px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase} .sort a { color:#676767; text-decoration:none; display:block; float:right; padding:5px 10px 10px 10px} .entry div.cat_title { font-family: 'LatoBlack'; font-size: 30px; color: black; line-height: 1.2em; margin: 25px 0 !important; text-transform: none; } /*----------------------------------------------*/ /* 2.4 Sidebar */ /*----------------------------------------------*/ .sidebar { } .sidebar h3 { font-size:21px; color:#474747; font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; margin-bottom:10px} .sidebar ul, .sidebar ol { margin:0; padding:0} .sidebar ul li { list-style:none} .sidebar_space { padding:10px } .sidebar_baner { padding:15px 0} /* Menu Custom */ .tf_menu_left .inner{ text-align:right; padding:0} .tf_menu_right .inner { text-align:left; padding:0} .tf_menu_left h3 { padding-right:30px} .tf_menu_right h3 { padding-left:30px} .tf_menu_left li, .tf_menu_right li { font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color:#3c444f; line-height:38px;} .tf_menu_left li a, .tf_menu_right li a { color:#3c444f; text-decoration:none; display:block; padding:0 30px 0 0;} .tf_menu_right li a { padding:0 0 0 30px} .tf_menu_left li a:hover, .tf_menu_left .current-menu-item a, .tf_menu_left .current-menu-ancestor a { color:#804712; text-shadow:0 2px 1px #fff; } .tf_menu_left .current-menu-item a, .tf_menu_right .current-menu-item a { font-weight:bold} .tf_menu_right li a:hover, .tf_menu_right .current-menu-item a, .tf_menu_right .current-menu-ancestor a { color:#804712; text-shadow:0 2px 1px #fff; } .tf_menu_left .current-menu-ancestor a, .tf_menu_right .current-menu-ancestor a { color:#3c444f} .tf_menu_left li ul li a, .tf_menu_left .current-menu-ancestor ul li a, .tf_menu_right li ul li a, .tf_menu_right .current-menu-ancestor ul li a{ background:none; color:#3c444f;} .tf_menu_left li ul .current-menu-item a, .tf_menu_right li ul .current-menu-item a { background:none; color:#804712;} .tf_menu_left li ul, .tf_menu_right li ul { margin-bottom:5px} .tf_menu_left li ul li, .tf_menu_right li ul li { font-size:13px; line-height:25px; padding:0 25px 0 0; } .tf_menu_right li ul li { padding:0 0 0 25px; } .tf_menu_left li ul li a, .tf_menu_right li ul li a { color:#555} .tf_menu_left li ul li a:hover, .tf_menu_right li ul li a:hover { color:#804712; background:none} /* FickR*/ .box_flickr { padding:5px} .box_flickr h3 { font-size:20px; color:#3c444f; margin:10px 0 10px 10px} .box_flickr ul { margin:0;} .box_flickr li { display:block; float:left; margin:10px;} .box_flickr li img { background:#fff; border:1px solid #848484; padding:5px} /*----------------------------------------------*/ /* 2.5 Footer */ /*----------------------------------------------*/ .footer { color:#868686; font-size:12px; width:100%; clear: both;} .footer .copy { margin-bottom: 10px; } .footer_inner { background:url(../img/footer_bg.jpg) 50% no-repeat; background-size: cover; margin-top: 35px; } .footer_social { margin-top:22px; } .footer .container_12 { min-height:100px; padding: 63px 0; } .footer .grid_8 { padding-right: 40px; padding-left: 0; width: 580px;} .footer .grid_4 { padding-right:20px; width:260px; padding-left: 20px; } .footer a { color: #BFBFBF;} .footer a:hover { color:#fff} .footer h3 { font-size:28px; color:#fff; font-family:'LatoBlackItalic'; margin:0 0 15px 0; padding:0 0 15px 0; background:url(../img/footer_hr.gif) bottom repeat-x} .botmenu li { list-style: none; display: inline; font-family: arial; font-size: 11px; padding: 0 7px 0 8px; margin-right: 1px; font-weight: bold;} .botmenu li:first-child { border:none; padding-left:0} .botmenu li a { color: #BFBFBF; text-shadow:1px 1px 1px #000} .botmenu li a:hover { border-bottom:1px solid #b5b5b5} .footer .widget-container h3, .footer .widget-container .widget-title { margin:10px 0 5px 0} .footer .widget-container { text-align:left} .footer ul { margin:0; padding-bottom:10px;} .footer ul li { list-style:none; margin-bottom:8px;} .footer_logo { float:right;} .copyright { font-size:11px; text-shadow:0 1px 1px #000} .copyright a { color:#a6a6a6; text-shadow:0 1px 1px #242422;} .copyright a:hover { color:#e4e4e4; text-decoration:underline} .footer_social .icon-facebook, .footer_social .icon-twitter, .footer_social .icon-vimeo, .footer_social .icon-flickr, .footer_social .icon-in, .footer_social .icon-rss { display:block; width:32px; height:32px; float:left; margin:0 0 6px 6px; overflow:hidden; text-indent:-400px} .footer_social .icon-facebook { background:url(../img/icons/social_fb.png) 0 0 no-repeat} .footer_social .icon-twitter { background:url(../img/icons/social_twitter.png) 0 0 no-repeat} .footer_social .icon-vimeo { background:url(../img/icons/social_vimeo.png) 0 0 no-repeat} .footer_social .icon-flickr { background:url(../img/icons/social_flickr.png) 0 0 no-repeat} .footer_social .icon-rss { background:url(../img/icons/social_rss.png) 0 0 no-repeat} .footer_social .icon-in { background:url(../img/icons/social_in.png) 0 0 no-repeat} .footer_social .icon-facebook:hover, .footer_social .icon-twitter:hover, .footer_social .icon-vimeo:hover, .footer_social .icon-flickr:hover, .footer_social .icon-in:hover, .footer_social .icon-rss:hover { background-position:0 -32px;} .link-readers { clear:both; display:inline-block; margin:15px 0 5px 6px; color:#d12354; font-size:17px; font-family:'LatoBlackItalic'; text-shadow:0 1px 1px #161616} /*============================================================================================*/ /* 3. TYPO & SHORTCODES */ /*============================================================================================*/ /*----------------------------------------------*/ /* 3.1 Typo */ /*----------------------------------------------*/ .text { color:#4c4c4c; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6em; padding-bottom:30px} .text a { color:#954b07} .text ul, .text ol { margin:5px 0 25px 35px} .text ul li, .text ol li { margin-bottom:10px} .text_deleted { text-decoration:line-through} .title_border { border-bottom:1px solid #e5e5e5; padding-bottom:15px} .black { color:#121212} /* Blockquote */ .container_12 blockquote { font-family: 'LatoItalic', Georgia, "Times New Roman", Times, serif; color:#d12354; font-size:16px; line-height:1.6em; margin:0 0 20px 0; background:url(../img/divider_line.gif) top repeat-x;} .container_12 blockquote .inner { padding:10px 0 15px 0; background:url(../img/divider_line.gif) bottom repeat-x;} .container_12 blockquote p { margin:0} /* Colonnes Contenu */ .box_border .col:first-child { margin-left:8px} /* Frames */ .frame_left, .frame_right, .frame_center, .frame_box { border:1px solid #333; margin:7px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 5px black; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);} .frame_box { display: inline-block} .frame_black { border:4px solid #000000;} .frame_left { float:left; display:block; margin:5px 20px 5px 0;} .frame_right { float:right; display:block; margin:5px 0 5px 20px} .frame_center { display:block; margin:5px auto; text-align:center} /* Quotes */ .quoteBox-big { padding:10px; border:1px solid #dfdfdf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 3px black; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); background:url(../img/icons/icon_quotes.png) 10px 10px no-repeat #fff;} .quoteBox-big .inner { padding:5px 0 0 35px} .quote-title, .quote-author { color:#999; font-size:11px; text-transform:uppercase} .quote-title{ margin-bottom: 15px;} .quote-author { text-align:right; color:#8e9298; margin:5px 0 5px 0; font-family:'LatoBold';} .quote-author span { color:#7b7e82} .quote-text { font-family: Georgia, "Times New Roman", Times, serif; color:#4c4c4c; font-size:17px; font-style:italic; font-weight:normal; line-height:1.5em; text-shadow:none} .quoteBox .quote-text { color:#f0f0f0; padding:20px 30px; font-size:18px; line-height:1.5em; background:#181818; font-weight:normal; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .quoteBox2 .quote-text { color:#d12354; padding:0 10px 0 20px; border-left:3px solid #d12354} .quoteBox, .quoteBox2 { margin:5px 0 18px 0} .quote_right, .quote_left { float:right; font-family:'LatoBoldItalic', Georgia, "Times New Roman", Times, serif; color:#b3b3b3; font-size:20px; width:32%; padding:2px 0 2px 25px; line-height:1.4em; text-shadow:1px 1px 1px #fff} .quote_left { float:left; padding:5px 40px 5px 0;} .code { background:#fff; width:100%} /* Contenu Aff */ .toggle, h3.toggle { cursor:pointer; margin:20px 0 10px 0; padding:0} .toggle .ico { background:url(../img/icons/icon_plus.gif) 0 0 no-repeat; width:11px; height:11px; font-size:10px; display:inline-block; margin-left:5px} .toggle.active .ico { background:url(../img/icons/icon_minus.gif) 0 0 no-repeat} .toggle.box .ico { background:url(../img/icons/icon_plus2.gif) 0 0 no-repeat;} .toggle.box.active .ico { background:url(../img/icons/icon_minus2.gif) 0 0 no-repeat} .toggle_content { line-height:1.6em; padding-right:2px; font-family:Arial, Helvetica, sans-serif; font-size:13px;} .toggle_content p, .entry .toggle_content p { margin:0 0 10px 0} .toggle_content .faq_question { margin:5px 0 15px 0} .toggle_content .faq_list { margin:10px 0 0 0} .toggle.box, h3.toggle.box { padding:10px 20px; color:#8ea5c4; font-size:13px; color:#323232; text-transform:uppercase; font-weight:normal; font-family:'LatoBold'; background:#fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); border:1px solid #c8c8c8; position:relative; margin:20px 0 0 0 !important; display:block} .toggle.box.active { -webkit-border-radius: 4px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 4px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .toggle.box .ico { width:18px; height:19px; position:absolute; top:9px; right:10px} .boxed { background:#fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background: -moz-linear-gradient(top, #ffffff, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); margin:0; border:1px solid #c8c8c8; border-top:none; padding:20px} .toggle_content .syntaxhighlighter { margin:0} /* Dropcaps */ .dropcap1, .dropcap2 { display:block; float:left; font-size:40px; line-height:40px; margin:0 10px 0 0} .dropcap2 { font-style:italic;} /*----------------------------------------------*/ /* 3.2 Tabs */ /*----------------------------------------------*/ /* Défaut */ .tabs { font-family:'LatoBold',Arial, Helvetica, sans-serif; font-size:18px; margin:0; padding:0; background:url(../img/tabs_bg.gif) 0 0 repeat-x;} .tabs, .tabs li, .tabs li a { height:51px; font-size:13px} .tabs li { float:left; display:block;} .tabs li a { display:block; float:left; padding:0 25px; color:#666; text-decoration:none; line-height:43px; background:url(../img/tabs_line.gif) right top no-repeat} .tabs li a:hover { color:#000} .tabs li.current { background:url(../img/tabs_bg_a.gif) center 0 no-repeat} .tabs li.current a { color:#000;} .tabcontent { clear:both;} /* Framed */ .tabs_framed { border:1px solid #c9c9c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .tabs_framed { margin-bottom:20px; padding:1px;} .tabs_framed .tabs { margin:0; font-family:'LatoBold'; background: url(../img/tabs_bg.gif) 0 bottom repeat-x; height:52px;} .tabs_framed .tabs li { float:left; display:block; list-style:none; margin:0 0 0 7px; text-shadow:0px 1px 1px #fff; color:#717171; padding:0 10px 0 0; height:52px; line-height:normal} .tabs_framed .tabs li a { display:block; font-size:18px; float:left; padding:8px 5px 0 15px; height:44px; color:#666; text-decoration:none; text-transform:uppercase; background:none} .tabs_framed .tabs .current { background:url(../img/tabs_current.png) right -52px no-repeat;} .tabs_framed .tabs .current a { color:#7d7d7d; background:url(../img/tabs_current.png) left 0 no-repeat;} .tabs_framed .tabcontent { padding:7px; font-size:13px; background:#f3f3f3} .tabs_framed .tabcontent .inner { padding:5px 10px; background:#fff} .entry .tabcontent h2, .entry .tabcontent h3, .entry .tabcontent h4 { margin:5px 0 10px 0} /* Petits*/ .small_tabs .tabs { height:35px} .small_tabs .tabs li { padding:0 10px 0 0; height:35px;} .small_tabs .tabs li a { font-size:14px; padding:0 0 0 10px; height:35px;} /* tf_tabs */ .tf_sidebar_tabs { margin:15px 0 25px} .tf_sidebar_tabs .tabs { height:50px} .tf_sidebar_tabs .tabs li, .tf_sidebar_tabs .tabs .current, .sidebar .tf_sidebar_tabs .current, .sidebar .tf_sidebar_tabs .tabs li { background:none; padding:0; margin:0 !important} .tf_sidebar_tabs .tabs li a { background:url(../img/tabs_line.gif) left top repeat-y; padding:5px 25px 0 25px; height:45px;} .tf_sidebar_tabs .tabs .current, .sidebar .tf_sidebar_tabs .tabs .current { background:#fff;} .tf_sidebar_tabs .tabs .current a { color:#7d7d7d; background:url(../img/tabs_line.gif) left top repeat-y;} .tf_sidebar_tabs .tabs li:first-child a { background:none} /* Tabs Sidebar */ .sidebar .tabs_framed { margin-left:30px} .sidebar .tabs_framed .tabs li { margin:0 3px} .sidebar .tabcontent, .tf_sidebar_tabs .tabcontent { padding:0} .sidebar .tabcontent .inner { padding:10px;} /*----------------------------------------------*/ /* 3.3 Listes Custom*/ /*----------------------------------------------*/ .entry ul { margin:10px 0 10px 20px; padding:0} .entry ul li { margin-bottom:10px} .list_check ul, .list_delete ul , .list_arrows ul, .list_dots_blue ul{ margin:0 0 20px 0px} .list_check li { list-style:none; background:url(../img/icons/icon_check2.png) 0 0 no-repeat; margin:0 0 10px 0; line-height:25px; padding:0 0 0 32px} .list_delete li { list-style:none; background:url(../img/icons/icon_x2.png) 0 0 no-repeat; margin:0 0 10px 0; line-height:25px; padding:0 0 0 32px} .list_arrows li { list-style:none; margin:0 0 10px 0; line-height:25px; padding:0 0 0 22px} .list_dots_blue li{ list-style:none; margin:0 0 8px 0; padding:0 0 0 22px} /*----------------------------------------------*/ /* 3.4 Box Custom */ /*----------------------------------------------*/ .download_box , .info_box, .note_box, .warrning_box { min-height:45px; font-size:14px; color:#4c4c4c; padding:15px 10px 15px 60px; background-repeat:no-repeat; font-style:italic; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif} .download_box { background-image:url(../img/download_box.png); background-position:10px 15px; padding:15px 10px 15px 65px;} .info_box { background-image:url(../img/info_box.png); background-position:10px 15px;} .warrning_box { background-image:url(../img/warrning_box.png); background-position:10px 15px; padding:15px 10px 15px 65px} .note_box { background-image:url(../img/info_box.png); background-position:10px 15px; padding:20px 10px 10px 65px; min-height:40px; font-size:17px} /*----------------------------------------------*/ /* 3.5 Slideshow */ /*----------------------------------------------*/ .slideshow { clear:both; margin:10px 0 50px 0; position:relative} .slideshow .slides_container { width:580px; display:none} .slideGallery .slides_container .slide { height:326px; overflow:hidden} .slideshow .slides_container .slide { width:580px; display:block;} .slideshow .slides_container{ border:4px solid #ebebeb; padding:0; background:#fff; overflow:hidden} .entry .slideshow .slides_container img { border:none} .slideshow.slideText .slides_container { width:600px} .slideshow.slideText .slides_container .slide{ padding:10px; width:580px} .slideshow.slideText .slides_container .slide h2 { margin:0 0 10px 0} .slideshow .pagination { margin:10px 5px 10px 225px; width:120px; } .slideshow .pagination li { float:left; margin:0 2px; list-style:none; } .slideshow .pagination li a { display:block; width:14px; height:0; padding-top:14px; background-image:url(../img/slideshow_pagination.png); background-position:0 0; float:left; overflow:hidden; } .slideshow .pagination li.current a { background-position:0 -14px; } .content .slideshow .pagination li a { background-image:url(../img/slideshow_pagination.png); width:16px; height:0; padding-top:16px;} .content .slideshow .pagination li.current a { background-position:0 -16px;} /* Témoignages */ .slideshow.slideQuotes, .entry .slideshow.slideQuotes { margin:0 0 50px 0} .slideshow.slideQuotes h3 { font-size:11px; text-transform:uppercase; color:#d12354; margin:0 0 10px 0} .slideshow.slideQuotes .slides_container { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:url(../img/icons/icon_quotes.png) 15px 15px no-repeat #fff; padding:30px 0 10px 40px; width:500px; margin-bottom:10px; border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; overflow:hidden;} .slideshow.slideQuotes .slides_container .quote-text { font-family:'LatoItalic'; font-style:normal; font-size:17px; color:#d12354} .slideQuotes .slides_container{ background: none} .slideshow.slideQuotes .slides_container .slide{ width:470px;} .slideshow.slideQuotes .prev, .slideshow.slideQuotes .next { background:url(../img/arrows_slide.png) 0 0 no-repeat; display:block; width:9px; height:11px; overflow:hidden; text-indent:-400px; float:left; margin:1px 5px 0 5px; position:relative; bottom:0} .slideshow .link-more { position:relative; bottom:0; float:left; color:#000; line-height:1em; margin:0 3px} .slideshow.slideQuotes .prev { background:url(../img/arrows_slide.png) 0 -11px no-repeat;} .slideshow.slideQuotes .prev:hover { background-position:-9px -11px} .slideshow.slideQuotes .next:hover { background-position:-9px 0} /*----------------------------------------------*/ /* 3.6 moni Galerie */ /*----------------------------------------------*/ .minigallery-list { position:relative; margin:10px 0} .minigallery-list ul { margin:0; padding:0} .minigallery-list ul li { margin:0; list-style:none; height:116px; display:block; float:left} .minigallery ul li img, .entry .minigallery ul li img { width:92px!important; height:92px; background:#fff; padding:4px; border:1px solid #e1e2e3; position:relative; z-index:1} .minigallery.boxed { border:1px solid #dadada; background:#fff; padding:20px 15px} .minigallery.boxed a { position:relative; display:block} .minigallery.boxed a img, .entry .minigallery.boxed a img { position:relative; z-index:1; background:#ececec} .minigallery.boxed a span { background:url(../img/icons/icon_zoom.png) no-repeat; width:39px; height:39px; position:absolute; top:30px; left:30px; z-index:20; display:block; visibility:hidden } .minigallery.boxed a:hover span { visibility:visible} /*----------------------------------------------*/ /* 3.7 Tableaux / boites */ /*----------------------------------------------*/ .styled_table table, .sb { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-collapse:separate; margin:10px 0 20px; text-shadow:none; font-family:'LatoRegular'; color:#595959;} .styled_table table, .sb { border: 1px solid #d1d1d1;} .styled_table.shadow table, .sb_shadow { box-shadow: 0 0 3px black; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);} .styled_table table tr th, .sb .box_title { background:#d2d2d2; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d2d2d2)); background: -moz-linear-gradient(top, #fefefe, #d2d2d2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d2d2d2'); color:#121212; font-size:16px; font-weight:normal; font-family:'LatoRegular', Arial, Helvetica, sans-serif;} .styled_table table tr th, .styled_table table tr td { border-top:1px solid #e3e3e3; padding:10px 20px; text-align:left} .styled_table table tr { background:#fff} .styled_table table tr:first-child th{ border-top: 0;} .table_brown table, .sb_brown { border:1px solid #885020;} .table_brown table tr td { border-top:1px solid #e7dcd2;} .table_brown table tr th, .sb_brown .box_title { background:#ae5445; background: -webkit-gradient(linear, left top, left bottom, from(#bc5b4b), to(#ae5445)); background: -moz-linear-gradient(top, #bc5b4b, #ae5445); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc5b4b', endColorstr='#ae5445'); color:#fff} .table_blue table, .sb_blue { border:1px solid #4a98d9;} .table_blue table tr td { border-top:1px solid #d3dee8;} .table_blue table tr th, .sb_blue .box_title { background:#2d7cbe; background: -webkit-gradient(linear, left top, left bottom, from(#4a98d9), to(#2d7cbe)); background: -moz-linear-gradient(top, #4a98d9, #2d7cbe); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a98d9', endColorstr='#2d7cbe'); color:#fff} .table_green table, .sb_green { border:1px solid #57790d;} .table_green table tr td { border-top:1px solid #ebf1db;} .table_green table tr th, .sb_green .box_title { background:#91ac48; background: -webkit-gradient(linear, left top, left bottom, from(#9dbb4e), to(#91ac48)); background: -moz-linear-gradient(top, #9dbb4e, #91ac48); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dbb4e', endColorstr='#91ac48'); color:#fff} .table_dark_gray table, .sb_dark_gray { border:1px solid #363636;} .table_dark_gray table tr td { border-top:1px solid #d3d3d3;} .table_dark_gray table tr th, .sb_dark_gray .box_title { background:#3f3f3f; background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#303030)); background: -moz-linear-gradient(top, #363636, #303030); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#303030'); color:#fff} .table_orange table, .sb_orange { border:1px solid #eb8e21;} .table_orange table tr td { border-top:1px solid #f6e2cc;} .table_orange table tr th, .sb_orange .box_title { background:#cf7d1d; background: -webkit-gradient(linear, left top, left bottom, from(#eb8e21), to(#cf7d1d)); background: -moz-linear-gradient(top, #eb8e21, #cf7d1d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb8e21', endColorstr='#cf7d1d'); color:#fff} .table_pink table, .sb_pink { border:1px solid #8c286d;} .table_pink table tr td { border-top:1px solid #d1b8c9;} .table_pink table tr th, .sb_pink .box_title { background:#7c2360; background: -webkit-gradient(linear, left top, left bottom, from(#8c286d), to(#7c2360)); background: -moz-linear-gradient(top, #8c286d, #7c2360); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c286d', endColorstr='#7c2360'); color:#fff} .table_pink table tr td { border-top:1px solid #f4d5e0;} .table_purple table, .sb_purple { border:1px solid #9665b5;} .table_purple table tr td { border-top:1px solid #e0d7e3;} .table_purple table tr th, .sb_purple .box_title { background:#8e60ac; background: -webkit-gradient(linear, left top, left bottom, from(#a16dc3), to(#8e60ac)); background: -moz-linear-gradient(top, #a16dc3, #8e60ac); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a16dc3', endColorstr='#8e60ac'); color:#fff} /* Boites */ .sb .box_title { padding:10px 20px;} .sb.notitle .box_title { display:none} .sb .box_content { padding:15px 20px; background:#fff; color:#595959; margin:1px} /*----------------------------------------------*/ /* 3.8 Mises en valeur */ /*----------------------------------------------*/ .highlight_yellow { background:#fcff00} .highlight_brown { background:#6b4119; color:#fff} .highlight_blue { background:#215988; color:#fff} .highlight_black { background:#353535; color:#fff} .highlight_purple { background:#88276a; color:#fff} /*----------------------------------------------*/ /* 3.9 Tableaux Annexes */ /*----------------------------------------------*/ .pricing_box { position:relative; margin:40px 0} .tabcontent .pricing_box { margin:10px 0} .pricing_box ul, .pricing_box li { margin:0; padding:0; list-style:none;} .pricing_box .price_col { width:235px; float:left;} .price_col_top { height:40px; line-height:40px; text-align:center; font-family:'LatoBold'; color:#fff; font-size:15px} .price_col_head { background:url(../img/pricing_head.gif) 0 0 repeat-x; height:39px; line-height:39px; border-right:1px solid #cbcbcb; border-top:1px solid #cbcbcb; font-family:'LatoBlack'; font-size:24px; text-transform:uppercase; padding:10px; position:relative} .price_col.first .price_col_head { border-left:1px solid #cbcbcb; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;} .price_col.last .price_col_head { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px;} .price_col.first .price_col_body { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px;} .price_col.last .price_col_body { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;} .price_col_head .price { position:absolute; top:10px; right:10px} .price_col_body { background:#e4e4e4; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; padding:0 10px;} .price_col:first-child .price_col_body { border-left:1px solid #cbcbcb;} .price_col_body ul li { border-bottom:1px solid #cdcdcd; padding:10px 0; font-size:15px; color:#727272; font-family:'LatoBold'; text-shadow:0 1px 1px #fff} .price_col_body ul li.last { border-bottom:none} .price_col_body .txt_small { font-size:13px; color:#323232} .price_col_foot { padding:5px 0; text-align:center} .pricing_box .col_active .price_col_head { color:#522109; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;} .pricing_box .col_active .price_col_body li { color:#323232} .pricing_box .col_active .price_item { background:#522109; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:3px double #6e4632; padding-left:7px; padding-right:7px} .pricing_box .col_active .price_col_body { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;} .pricing_box .col_active .price_col_top { background:#522109; height:37px; line-height:37px; text-shadow:0 -1px 1px #000} .pricing_box .col_active .price_col_foot { background:#522109;} .pricing_box .col_active .button_link, .pricing_box .col_active .button_link span { background-image:url(../img/buttons_bg_gold.png); color:#fff; text-shadow:0 1px 1px #666} /*============================================================================================*/ /* 4. Autres Elems */ /*===========================================================================================*/ /*----------------------------------------------*/ /* 4.1 BX News*/ /*----------------------------------------------*/ .newsletterBox { padding:0; margin-bottom:30px; width:300px} .sidebar .newsletterBox form { padding-left:10px} .newsletterBox .inner { padding:0} .newsletterBox h3 { margin:10px 0 20px 0; font-weight:normal} .newsletter_text { clear:both; font-size:14px; padding-top:20px;} .link-news-rss span { color:#a5cd39} a.link-news-rss:hover { color:#a8a8a8;} .newsletterBox .inputField { float:left; border:1px solid #fff; background:#fff; color:#aeaeae; height:11px; width:198px; padding:10px 10px 10px 10px; margin:0; line-height:11px; font-family: 'LatoBold', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .sidebar .newsletterBox .inputField { width:200px;} .newsletterBox .btn-arrow{ background: url(../img/buttons_go.png) 0 0 no-repeat; width:54px; height:32px; float:left; margin:1px 0 0 6px; padding:0; color:#565656; font-family: 'LatoBoldItalic', Arial, Helvetica, sans-serif; font-size:13px; text-shadow:0 1px 1px #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align:center} /*----------------------------------------------*/ /* 4.2 Pubs */ /*----------------------------------------------*/ .adv_sidebar_300x250 { text-align:center; margin:0 0 20px 0} .adv_head_728x90 { text-align:center; padding:12px 0 0 0} .adv_mid_468x60 { padding:0 0 30px 0; text-align:center} .adv_sidebar_125x125 .adv_125x125 { float:left; margin:12px 14px} /*----------------------------------------------*/ /* 4.3 Feats. */ /*----------------------------------------------*/ .featured_block { margin-bottom: 15px; } /* Tabs */ .featured_tabs .tabs { border-bottom:1px solid #ccc; height:41px; background:none; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; font-weight:bold; color:#323232} .thinpage .featured_tabs .tabs { height:41px !important; border-bottom:none; overflow:hidden} .thinpage .featured_block .featured_tabs .tabs a { color:#fff; text-shadow:1px 1px 1px #000} .featured_tabs .tabs li { background:none; list-style:none; height:40px; padding:0 5px 0 0; margin-right:2px; text-shadow:1px 1px 1px #fff;} .featured_tabs .tabs li a { height:40px; padding:0 15px 0 20px; line-height:40px; background:none;} .featured_tabs .tabs li.current { background:url(../img/tab_featured_bg.png) no-repeat scroll right -40px transparent; text-shadow: none;} .featured_tabs .tabs li.current a, .thinpage .featured_tabs .tabs li.current a{ background:url(../img/tab_featured_bg.png) no-repeat scroll left 0 transparent; color:#323232; text-shadow:1px 1px 1px #fff;} /* Feat. Post*/ .featured_post { width:300px; float:left; padding:17px 0 8px 0; } .featured_block .featured_list { padding:20px 20px 30px 20px;} .sidebar .featured_post { width:300px; } .featured_block .ico_cat, .featured_post .ico_cat, .fil .featured_list .ico_cat { background:url(../img/category_icon_2.png) 0 0 repeat-x #c3c3c3; height:15px; line-height:15px; padding:2px 8px 2px 9px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family:'LatoBold'; color:#fff; margin-right:4px; text-transform:uppercase} .featured_block .ico_cat a, .col_1_3 span a { background:url(../img/category_icon_2.png) 0 0 repeat-x #c3c3c3; height:15px; line-height:15px; padding:2px 0 2px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family:'LatoBold'; color:#fff !important; margin-right:0; text-transform:uppercase; text-decoration: none; } .featured_block .ico_cat a:hover { text-decoration: none; } .featured_block .meta-date, .featured_post .meta-date, .featured_list .meta-date { color:#777; font-size:11px; margin-bottom:10px} .page-title .topmargin { margin-top:10px; } .featured_post .post-name, .featured_post .post-image { width:300px; position:relative;} .post-image .cadrage { width:300px; overflow:hidden; } .post-image .cadrage img { width: 100%; } .sidebar .featured_post .post-name, .sidebar .featured_post .post-image img { width:300px; height:187px;} .featured_post .post-image img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-bottom:1px solid #fff; overflow:hidden} .featured_post .post-title { padding: 2px 0 0 0; font-family: 'LatoBlack', Arial, Helvetica, sans-serif; font-size: 23px; } .featured_post .post-title a { color: #000000; line-height: 1.2em; padding: 2px 5px 2px 0; } .featured_post .post-short { font-size:12px; padding-top:0; margin:0} .featured_post .button_link span { min-width: inherit;} .featured_post .meta-bot { padding:10px 0} .featured_list { clear:both; padding:10px 20px 30px 20px;} .sidebar .featured_list { padding:0 0 20px 0; width:280px; margin-left:20px} .sidebar .featured_list ul { padding-left:10px} .featured_block .featured_list { clear:none; float:left; margin-left:20px; background:#fff; margin-top:-1px; width:258px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-top:none} .featured_list ul, .featured_list ul li { margin:0; padding:0; list-style:none} .featured_list ul li { padding-bottom: 10px;} .featured_list .post-title { font-family:'LatoBold'; font-size:15px; color:#000;} .featured_block .featured_list .post-title { font-size:17px} .featured_sidebar { padding-top:3px; } /* Agenda */ .agenda { width:298px; height:226px; float:left; background-color:#FFFFFF; } .agenda .titre p { margin-bottom:0; } .agenda .contenu { padding:0 17px; } .agenda .contenu .elem { border-bottom: 1px solid #e8e9eb; margin-bottom: 11px; padding-bottom: 11px; } .agenda .contenu .elem .date { color:#818181; float:left; width:67px; border-right:1px solid #e1e1e1; padding: 0 0; margin-right: 11px; } .agenda .contenu .elem p { color:#696969; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-bottom: 0; } .agenda .contenu .elem .infos p { color:#696969; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .agenda .infos a { color:#696969; text-decoration:none; } .agenda .infos a:hover { color:#696969; text-decoration:underline; } .agenda .eo-events-shortcode { list-style-type: none; margin-left: 0; } .agenda .eo-events-shortcode li { margin: 0; } /* Sub Menu Sidebar */ .submenu-sidebar { width: 298px; float: left; background: #F2F2F2; margin-bottom: 18px; } .submenu-sidebar .titre { float:left; } .submenu-sidebar .titre-submenu { background: url(../img/titre-submenu.png) 0 0 no-repeat; width: 258px; height: 29px; float: left; } .submenu-sidebar .titre p { margin-bottom:0; } .submenu-sidebar .contenu { padding:0 17px; float: left; overflow: hidden; border: 1px solid #E4E4E4; width: 263px; } .submenu-sidebar .contenu ul { list-style-type: none; float: left; margin-top: 10px; } .submenu-sidebar .contenu ul li { background: url(../img/arrow-submenu.png) 5px 4px no-repeat; font-size: 11px; border-bottom: 1px solid #E8E9EB; margin-bottom: 11px; padding-bottom: 11px; } .submenu-sidebar .contenu ul li:last-child { border-bottom: none; padding-bottom: 0; } .submenu-sidebar .contenu ul li a { text-transform: uppercase; text-decoration: none; color: #333; padding-left: 26px; } .submenu-sidebar .contenu ul li a:hover { text-decoration: underline; } /* Newsletter */ .newsletter { background-color:#e7e7e7; width:264px; height:65px; float:left; /* padding:11px 17px; */ /* img neewsletter */ margin-bottom:30px; } .newsletter .titre { margin-bottom: 3px; } .newsletter .titre .icone { float:left; margin: 0 10px 0 0;} .newsletter .titre .title { font-family: 'Latobold'; font-size: 17px; color: #2C2C2C; margin: 0 10px 0 0; } .newsletter input[type="text"] { border-radius: 11px 0 0 11px; -webkit-border-radius: 11px 0 0 11px; -moz-border-radius: 11px 0 0 11px; -o-border-radius: 11px 0 0 11px; padding: 8px 14px 8px 14px; width: 186px; margin-top: 6px; background-color: white; float:left; border: 1px solid #D5D5D5;border-right: none; } .newsletter input[type="image"] { padding-top: 6px; } /* Fil Actualité */ .fil { width:298px; float:left; background-color:#FFFFFF; margin: 15px 0 15px 0; border:1px solid #E1E1E1;} .fil .featured_list { margin-left: 7px; padding-bottom:0; } .fil .featured_list li a { margin-bottom: 3px; } .fil .featured_list .meta-date .ico_cat a, .featured_post .meta-date .ico_cat a { color: white !important; } .fil .titre p { margin-bottom:0; } /* Partenaires */ .partenaires { width:299px; height:269px; margin-top: 8px; float:left; overflow: hidden; } .partenaires .titre { position: absolute; z-index: 10; } .partenaires .titre .title { margin-bottom:0; position: relative; z-index: 3; } .partenaires .contenu p { position: relative; top: -38px; z-index: 2; margin-bottom:0; } .slides_container { top: 40px; border: 1px solid #E4E4E4; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -o-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } #slides { height: 204px; } #slides .prev { display: block; background: url("../img/prev.png") no-repeat; height: 42px; width: 23px; position: relative; top: -85px; z-index:15; } #slides .next { display: block; background: url("../img/next.png") no-repeat; height: 42px; width: 23px; position: relative; right: -276px; top: -127px; z-index:15; } #slides img { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .thinpage .featured_sidebar { padding-top:60px} /* featured white style */ .featured_style2 { padding: 0 0 15px 0; margin-bottom: 0; } .upborder { border-top: 1px solid #E4E4E4; padding-top: 15px; } .featured_style2 .post-short, .featured_style2 .post-name{ background:#fff;} .featured_style2 .post-short { padding:0 20px 0 0; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;} .featured_style2 .post-title { padding:2px 0 0 0; min-height: 118px; } .featured_style2 .post-title a { padding:2px 5px 2px 0; line-height:1.3em;} .featured_style2 .meta-bot { padding:10px 20px 25px 0; background:#fff; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;} .newfeat p.cadrage { height: 191px; overflow: hidden; -webkit-border-radius: 10px 10px 0 0;; -moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .newfeat p.cadrage img { width: 100% !important; height: auto !important; } /* Bottom Feat */ .bottom-feat { width: 283px; padding: 22px 0 22px 17px; border-top: 1px solid #E1E1E1; background-color: white; float: left; margin-left: 10px; margin-bottom:16px; overflow: hidden; margin-right: 10px; } .bottom-feat .titre { float:left; } .bottom-feat .wo { height: 39px; width: 100%; } .bottom-feat .titre .img { float:left; margin-right:15px; margin-bottom:0; } .bottom-feat .titre p.main { font-family: 'Latobold'; font-size: 21px; color: #4B4B4B; margin-bottom: 0; float: left; } .contenu .main a { color: #4B4B4B; text-decoration:none; } .contenu .main a:hover { text-decoration:underline; } .bottom-feat .titre p.sub { font-family: arial; font-size: 12px; color: #5E5E5E; margin-bottom: 0; float: left; } .bottom-feat .contenu { width:261px; height: 75px; border-top:1px solid #e1e1e1; float:left; margin-top: 10px; padding-top: 12px; } .bottom-feat .contenu img { border: 1px solid #E1E1E1; } .bottom-feat .contenu .img { float:left; margin-right:10px; margin-bottom:0; overflow:hidden; width:56px; height:57px; } .bottom-feat .contenu .img img { width: 54px; height: auto; } .bottom-feat .contenu p.main { font-family: arial; font-size: 14px; color: #4B4B4B; margin-bottom: 0; font-weight: bold; line-height: 18px; } .bottom-feat .contenu p.sub { color: #8B8B8B; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 0; } /* Tabs Posts List. */ .post_list .odd { background:#f0f0f0} .post_list { padding:0 !important; margin:0 !important;} .post_list li { list-style:none; clear:both; padding:10px 12px 10px 18px; font-size:13px; min-height:55px; background:#fff; margin:0 !important} .post_list li a { text-decoration:none; color:#323232; font-family:'LatoBold'; font-size:14px} .post_list .date { color:#a9a9a9; font-style:italic; padding-top:3px; font-size:12px; line-height:12px; font-family:Arial, Helvetica, sans-serif} .post_list .thumbnail { float:right; margin-left:10px; border:none !important} /*----------------------------------------------*/ /* 4.4 FB */ /*----------------------------------------------*/ .fb_container { background:#f0f0f0; border:1px solid #dcdcdc; padding:10px;} .fbBox { background:#fff; padding:5px} .fb_title { margin-bottom:8px; background:#fff} .box .fbConnectWidgetTopmost { border:1px solid #ececec; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top-color:#000 !important;} /*----------------------------------------------*/ /* 4.5 FAQ */ /*----------------------------------------------*/ .faq_list { margin:0 0 10px 0} .faq_list h2, .faq_list h3, .payment_box h2, .payment_box h3 { font-family:'LatoBold'; margin-bottom:20px; font-size:15px; color:#323232} .faq_question { font-family:'LatoBold'; margin-bottom:20px; font-size:15px;} .faq_question .ico {} .faq_q { margin:0 2px 0 0; color:#d41e1e} .faq_question.active { color:#d12354} .faq_answer { margin:0 0 30px 0;} /*----------------------------------------------*/ /* 4.6 CF */ /*----------------------------------------------*/ .contact-form { padding:20px 0 20px 10px;} .text .contact-form h2 { font-size:25px;} .contact-form { font-size:13px} .contact-form .row { padding:10px 0} .contact-form .inputtext, .contact-form select, .contact-form textarea { color:#474747; margin:5px 0; padding:7px 10px; font-size:13px; font-family:Arial, Helvetica, sans-serif; background:#f5f5f5} .contact-form .field_text .inputtext { width:250px; margin-right:40px} .contact-form .omega .inputtext { margin-right:0} .contact-form .ui-selectmenu { margin-right:40px} .contact-form .field_select .select_styled { width:270px !important; padding:0} .contact-form .field_textarea textarea { width:560px; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:0; resize:none} .contact-form label { font-family: Georgia, "Times New Roman", Times, serif; color:#d12354; font-style:italic;} .reset-link { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; display:block; float:right; padding:10px 40px 0 0;} .contact-form .reset-link a { color:#929292; text-decoration:none;} .contact-form .reset-link a:hover { color:#ce205a;} .contact-form .field_submit { padding:0} .block-form { width: 638px !important; border-right: 1px solid #E1E1E1 !important; margin-right: 0; } .sidebar .gmap { float:left; background: none; } .sidebar .gmap .box2_content{ padding: 0; } .sidebar-contact { width: 301px !important; padding-left: 0 !important; margin-left: 0 !important; } .infos-c { padding-left: 0 !important; } .infos-c h5 { font-family: arial; } .sidebar .post-share { border-bottom: 1px solid #E1E1E1; padding: 10px 0 10px 0; border-top: 1px solid #E1E1E1; } .title-sans-marge { margin: 0 !important; } .cf-form-box { float: left; margin-top: 10px; padding-bottom: 10px; } .cf-form .row label { display: block; margin-bottom: 5px; } .cf-form input[type=text] { width: 257px; height: 36px; margin-right: 20px; padding: 0 10px; background: white; } .cf-form input.omega[type=text] { margin-right: 0;} .cf-form textarea { width: 556px; padding: 10px; font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 13px; } .cf-form .btn-submit { float: right; margin: 10px 0 5px; } .contact-mail { background: url(../img/icons/mail.png) 0 2px no-repeat; display: block; width: 111px; height: 24px; float: left; padding-left: 29px; margin-bottom: 6px; margin-top: 3px; } /*----------------------------------------------*/ /* 4.7 GL */ /*----------------------------------------------*/ .gallery-list { clear:both;} .gallery-list h1 { font-family:'LatoBlackItalic'; font-size:64px; color:#000; line-height:1.1em; margin:0 10px 10px 10px} .gallery-list .gallery-item-name h2{ font-size:24px; margin:0; font-family:'LatoBlackItalic'; color:#000; line-height:1em} .gallery-list .gallery-item-name h2 a { text-decoration:none} .gallery-item a { color:#000} .gallery-item-name h2 a:hover{ color:#d12354;} .gl_col_3 .gallery-item { margin:10px 10px 10px 10px; width:300px; height:280px; float:left} .gl_col_3 .gallery-image { position:relative; width:300px; height:200px; margin:0 0 20px 0;} .gallery-item .gallery-image img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 3px black; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25);} .gallery-item .ico_cat { background:url(../img/category_icon_2.png) 0 0 repeat-x #c3c3c3; height:15px; line-height:15px; padding:0 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family:'LatoBlack'; font-size:11px; color:#fff; margin-right:9px; text-transform:uppercase; text-shadow:none} .gallery-item .gallery-description { font-size:11px; color:#777; text-shadow:0 1px 1px #fff} /*============================================================================================*/ /* 5. WIDGETS */ /*============================================================================================*/ /* CL */ .widget_calendar table { border-collapse: collapse; border-spacing:0; width:99%; padding:2px 0;} .widget_calendar table{margin:5px 2px; } .widget_calendar table th{border:1px solid #e1e1e1; background:#f3f3f3; font-size:13px} .widget_calendar table td{color:#888;border:1px solid #e1e1e1; background:#fff;} .widget_calendar table {border:1px solid #e1e1e1;} .widget_calendar caption { padding-bottom:5px} .widget_calendar table a { color:#d12354; font-size:15px} .widget_calendar table tfoot td { border:none; background:#fff;} .widget_calendar table caption { font-size:18px; font-family:'LatoBold', Arial, Helvetica, sans-serif; font-style:normal; color:#474747;} .footer .widget_calendar table caption { font-size:14px;} .footer .widget_calendar thead th { margin:0; border:none;} .footer .widget_calendar table { border:1px solid #ccc; background:#fff; margin:0; font-size:10px} .footer .widget_calendar table tbody .pad { background:none;} .footer .widget_calendar table tbody td { border:1px solid #ccc; padding:1px; font-size:11px} .footer .widget_calendar table th, .footer .widget_calendar table tfoot td { border:1px solid #ccc; background:#fff; font-size:11px; padding:1px} .footer .widget_calendar table a, .footer .widget_calendar table tbody a { color:#d12354; font-weight:bold; font-size:10px} /* nav Menu */ .sidebar .widget-container.widget_nav_menu { padding:0 0 25px; margin-bottom:20px; border-bottom:1px solid #e1e1e1} .sidebar .widget-container.widget_nav_menu ul { border:1px solid #eaeaea; border-bottom:1px solid #e1e1e1; background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family:'LatoBoldItalic'; font-size:15px; padding:10px 10px 10px 30px;} .sidebar .widget_nav_menu ul li { padding:10px 0; margin:0} .sidebar .widget-container.widget_nav_menu ul ul { border:none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; padding:0 0 0 5px} .sidebar .widget-container.widget_nav_menu ul ul li { margin:0; background:url(../img/sidebar_sub.gif) 0 15px no-repeat; padding:5px 0 5px 15px;} .sidebar .widget_nav_menu ul li a { color:#000;} .sidebar .widget_nav_menu ul li a:hover, .sidebar .widget_nav_menu ul li.current-menu-item a, .sidebar .widget_nav_menu ul li:first-child.current-menu-item a{ color:#d12354} /* CI */ .widget-container.widget_contact { font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color:#b4b4b4; font-style:italic; width:270px; margin:10px 0 15px 0} .sidebar .widget-container.widget_contact { margin:0; border-bottom:none; width:300px} .widget-container.widget_contact .inner { border:1px solid #e1e1e1; background:#f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:5px 15px;} .content .col_1_2 .widget_contact { width:270px} .widget_contact .contact-phone, .widget_contact .contact-mail, .widget_contact .contact-address { padding:12px 0; clear:both; line-height:1.4em} .widget_contact .contact-phone { background:none} .widget_contact .contact-phone label, .widget_contact .contact-mail label, .widget_contact .contact-address label { padding-left:22px; margin-right:3px} .widget_contact .contact-phone strong { font-size:17px; color:#ce205a; font-weight:normal} .widget_contact .contact-mail a, .widget_contact .contact-address a { font-size:17px;} /* SC */ .sidebar .widget-container.widget_social_contacts { border:1px solid #dde8e9; background:#e2f4f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:5px 15px; margin:0} .sidebar .widget-container.widget_social_contacts h3 { color:#474747; padding:10px 0 10px 5px;} .social-box { padding:0 5px;} .social-box .row { clear:both; font-family: Georgia, "Times New Roman", Times, serif; padding:14px 0 12px 0; font-size:14px; font-weight:normal; font-style:italic; color:#325b7b; } .social-box .row:first-child { background:none} .social-box .row a { color:#ce205a; text-decoration:none; font-size:17px; line-height:17px} .social-box .row span { padding-left:25px; line-height:16px; height:16px; display:block; float:left} /* SIC */ .social_content { font-family:'CartoGothicStdBook', Arial, Helvetica, sans-serif; font-size:14px;} .social_content label { display:block; float:left; padding:0 5px 0 20px; line-height:26px;} .social_content img { margin:0 15px} .social_like { padding:3px 0 0 0} /* SWC */ .sidebar .box{ margin:20px 0 0 30px} .widget-container { margin-bottom:20px; position:relative} .sidebar .widget-container { font-size:13px; padding:10px 0 20px; margin:0 0 0 20px; clear:both} .sidebar .widget-container h3, .sidebar .featured_list h3 { margin:0 0 15px 0; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#777; line-height:1.2em; text-shadow:0 1px 1px #fff} .sidebarLeft .sidebar .widget-container { margin:0 20px 0 0; text-align:right} .sidebarLeft .sidebar .widget-container li, .sidebarLeft .sidebar .widget-container li:hover, .sidebarLeft .sidebar .widget-container .current-menu-item { background:none; padding:0} .sidebar .widget-container ul { margin:0;} .sidebar .widget-container li { list-style:none; margin:0 0 10px 0; padding:0 0 0 15px;} .sidebar .widget-container li ul { padding-left:5px} .sidebar .widget-container li li { background:url(../img/sidebar_sub.gif) 2px 10px no-repeat;} .sidebar .widget-container li a { color:#000; font-family:'LatoBold'; font-size:15px} .sidebar .widget-container li a:hover, .sidebar .widget-container .current-menu-item a, .sidebar .widget-container .current_page_item a{ color:#d12354;} .sidebar .widget-container ul li ul{ margin:10px 0 0 0;} .sidebar .widget-container ul li ul li { padding-left:15px; margin-bottom:7px} /* WT */ .sidebar .widget_text { padding-bottom:10px;} .sidebar .widget_text .textwidget { line-height:1.5em; padding-left:10px} .sidebar .widget_text .textwidget p { margin-bottom:15px} /* widget tag cloud */ .sidebar .widget_tag_cloud .tagcloud { line-height:1.7em; font-style:italic} .sidebar .widget_tag_cloud .tagcloud a { color:#595959} .sidebar .widget_tag_cloud .tagcloud a:hover { color:#d12354} /* TW */ .twitter ul { margin:15px 0; padding:0} .twitter li { background:url(../img/icons/icon_twitter_gray.png) 0 0 no-repeat; padding-left:32px; list-style:none; margin-bottom:15px !important; color:#595959; font-family:'LatoBoldItalic'; font-size:16px; min-height:24px} .twitter li a { text-decoration:none;} .sidebar .twitter h3 { padding-left:30px} .sidebar .widget { margin-bottom:30px} #twitter_update_list li { margin: 2px 0; list-style-type: none; height: 58px; border-top: 1px solid #E1E1E1; float: left; margin-top: 10px; width: 265px; margin-bottom: 11px; padding: 9px 0;} #twitter_update_list li a { display: none; } #twitter_update_list li span a { display: inline !important; font-size: 12px; } #twitter_update_list li .twtimg { padding-bottom: 41px; float: left; } #twitter_update_list li .twtimg img { width: 33px; float: left; margin-right: 10px; margin-bottom: 0px; } /* FW */ .flickr ul{ margin:10px 0; padding:0} .flickr li { margin:4px 14px 10px 0; list-style:none; display:block; float:left} .flickr li img { width:90px !important; height:90px; border:none !important} .sidebar .flickr .flickr_badge_image, .footer .flickr .flickr_badge_image{ float:left; margin:5px} .sidebar .flickr .flickr_badge_image img { width:80px; height:80px;} .footer .flickr .flickr_badge_image img { width:80px !important; height:80px !important;} /* Pop. */ .widget_recent_posts ul, .widget_popular_posts ul { margin:10px 0; padding:0;} .widget_recent_posts ul li, .widget_popular_posts ul li { list-style:none; clear:both; margin-bottom:40px; margin-top:20px;} .footer .widget_recent_posts ul li, .footer .widget_popular_posts ul li { margin-bottom:10px} .widget_recent_posts .post-meta, .widget_popular_posts .post-meta { font-family:Arial, Helvetica, sans-serif; padding:10px 0 5px 0; text-align:left; font-size:12px; color:#a6a3a3; margin:0} .widget_recent_posts .post-meta a, .widget_popular_posts .post-meta a { color:#d12354; font-style:normal; font-size:12px; text-decoration:none} .widget_recent_posts ul li img, .widget_popular_posts ul li img { width:75px; height:75px; float:left; margin:2px 10px 0 0; border:none !important} .widget_recent_posts ul li .post-title, .widget_popular_posts ul li .post-title { font-family:'LatoBold'; color:#000; font-size:16px; margin-bottom:5px} .widget_recent_posts ul li .post-title:hover, .widget_popular_posts ul li .post-title:hover { color:#ca2b63} .widget_recent_posts .date, .widget_popular_posts .date { color:#999; padding-top:3px; font-size:12px; line-height:12px;} .extras { line-height:1.4em; padding-top:5px; padding-bottom:7px} .widget_recent_posts .button_link span, .widget_popular_posts .button_link span { font-family:'LatoBoldItalic'; text-transform:none; font-size:13px} /* Recherche */ .entry .search_box { height:35px; margin:15px 0} .entry .newsletterBox { margin:10px 0 20px} .entry .search_box input { float:left} .entry .btn-search { width:28px; height:30px; text-indent:600px; overflow:hidden; margin:0; padding:0; margin-left:-6px} .entry .search_box .inputField { height:18px; line-height:18px; width:190px; border:1px solid #3e3e3e;} /* LF */ .widget_login { width:260px} .widget_login h3 { margin-top:10px} .widget_login form { background:#f0f0f0; padding:10px 0 10px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} .widget_login input { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border:1px solid #fff; background:#fff; color:#999; font-family:'LatoBold'; font-size:12px; padding:10px;; width:200px} .widget_login form label { font-family:'LatoBold'; font-size:11px; text-transform:uppercase; color:#999} .widget_login p { margin:0 0 15px 0 !important;} .widget_login .forgetmenot { font-size:12px; line-height:1.2em; float:left; display:block} .widget_login .forgetmenot input { margin:0 3px 0 0; float:left; border:none ; width:auto; padding:0 !important;} .widget_login .submit { margin:0 !important; clear:both} .widget_login .submit input { width:54px; height:32px; line-height:32px; padding:0; text-align:center; color:#565656; font-family:'LatoBoldItalic'; font-size:13px; text-shadow:0 1px 1px #fff; text-transform: none; border:none; background: url(../img/buttons_go.png) 0 0 no-repeat; margin:0} .widget_login .submit input:hover { color:#333} .widget_login .forget_password { display:block; float:left; padding-left:15px; line-height:14px} .widget_login .forget_password a { color:#565656; font-family:'LatoBoldItalic', Arial, Helvetica, sans-serif; font-size:13px} .widget_login .forget_password a:hover { color:#d12354} /*============================================================================================*/ /* 6. POSTS */ /*===========================================================================================*/ /*----------------------------------------------*/ /* .1 Liste */ /*----------------------------------------------*/ .post-item { width: 300px; float: left; border-bottom: 1px solid #E1E1E1; padding: 10px 0px 40px 10px; margin-bottom: 20px;} .post-list .category { width: 300px; float: left; border: none; padding: 10px 0px 20px 0; margin-bottom: 5px; margin-left: 10px; } .post-list .category .post-descr { border:none; } .post-list-height { *min-height: 450px; } .post-list .none { border-bottom:none; margin-bottom:20px; padding-bottom:0; padding-top:0; } .post-list .none .meta-date { padding-left:0; } .post-list .none .post-descr { padding-left:0; } .meta-date, .post-detail .meta-date { color:#777; font-size:11px;} .date-bottom-blocs { border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; background: white; padding-top: 15px; padding-bottom: 10px;margin-bottom: 0 !important; } .main-date { margin-top: 15px; margin-bottom: 0;} .post-item h2 { font-family:'LatoBoldItalic'; line-height:1.2em; font-size:24px; margin:0 0 10px 0} .page-title h1 { font-family: 'LatoBlack'; font-size: 40px; color: black; line-height: 1.2em; margin: 25px 0 !important;} .submenu-sidebar .titre-submenu { font-family: 'LatoBlack'; font-size: 22px; color: white; line-height: 1.3em; margin-bottom: 6px; font-weight: bold; text-shadow: 0 1px 1px black; padding: 10px 22px; font-weight: bold; } .post-item h2 a { color:#000; text-decoration:none} .post-item h2 a:hover { color:#d12354;} .post-item .meta-date { color:#777; font-size:11px; margin-bottom:10px; padding-left:20px} .post-item .post-descr { padding:0 20px; height:280px;} .post-white .meta-date { padding-left:0} .post-white .post-descr { padding:20px; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-bottom:1px solid #dfdfdf} .post-item .post-short { margin-bottom:10px} .post-short span { width:120px; max-height: 100px; /* height: 100px; */ float:left; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 20px 4px 0 } .post-short img { width:100%; height:auto; } .post-item .button_link span { min-width:inherit} .post-meta { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#404040; font-size:14px; line-height:1.4em; padding:5px 10px 10px 0; text-align:right} .post-detail .post-meta { text-align:left} .post-meta .tags { padding-top:10px; text-align:left;} .post-meta .tags a { color:#d12354;} .post-meta .tags a:hover { color:#ca2b63} .post-meta .separator { padding:0 4px; color:#c7c7c7} .post-meta .icon_cat { float:right} .post-meta .icon_cat a:hover { border-bottom:1px dotted #ccc} .post-meta .author { color:#d12354} .meta-bot { height:30px; line-height:32px} .meta-bot .button_link { float:left; margin:2px 6px 0 0} .post-share { border-bottom:1px solid #e1e1e1; padding:0 0 10px 0; float:left; } .sidebar .post-share { margin-left:20px} .post-share a { margin-right:5px;} .post-share p { margin:10px 0 5px 0;} .post-detail .link-comments { color:#ca2b63} .entry { color:#262626; padding:5px 0 0 0; line-height:1.6em; text-shadow:0 1px 1px #fff} .entry img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .grid_8 .entry img { max-width: 618px; height: auto !important; width: auto !important; } .grid_8 .entry .gmnoprint img, .grid_8 .entry .map img { max-width:none} .entry p { margin:5px 0 18px 0; text-align:justify; } .entry a { color:#2e88c7;} .entry a:hover { color:#d12354} .post-detail img { height: auto !important; overflow:auto; float:left; margin:0 10px 10px 0; } .catp { margin-bottom:0 !important; } .catp span { max-height: 95px !important; width: 110px !important ; margin-right:10px !important; } .catp span img { width: 100% !important; height: auto !important; } .pos-bouton { position: absolute; bottom: 15px; } .globalheight { height: 327px !important; position: relative; } /*----------------------------------------------*/ /* 6.2 Pagination */ /*----------------------------------------------*/ /* Nav */ .tf_pagination { font-family:'LatoBlack', Arial, Helvetica, sans-serif; font-size:14px; color:#333; margin-top: 10px; padding-right: 29px;} .tf_pagination a { margin:5px 9px; color:#333; display:inline-block} .tf_pagination a span { display:block; line-height:32px;} .tf_pagination a.page_current { background:url(../img/tf_pagination.png) no-repeat scroll right -32px transparent; display:inline-block; border:0 none; padding:0 7px 0 0; text-align:left; text-decoration:none} .tf_pagination a.page_current span { background:url(../img/tf_pagination.png) no-repeat scroll left 0 transparent; display:block; line-height:32px; padding:0 3px 0 10px; color:#333; cursor:pointer; text-shadow:0 1px 1px #fff; text-transform:uppercase} .tf_pagination a.page_current:hover span { color:#d12354} .tf_pagination .page_prev, .tf_pagination .page_next{ float:right; font-family:'LatoBold'; font-size:12px; margin:5px 3px;} .tf_pagination .page_prev span, .tf_pagination .page_next span { line-height:28px;} .tf_pagination .page_prev: span, .tf_pagination .page_next:hover span { color:#d12354;} /*----------------------------------------------*/ /* 6.3 Auteur */ /*----------------------------------------------*/ .author-box { clear:both; margin:20px 0;} .author-box h3 { font-family:'LatoBold'; font-size:23px} .author-description { background:#fff; padding:20px 15px 10px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .author-image { float:left; width:110px; height:110px; margin-right:20px} .author-image img { width:100px; height:100px; border:4px solid #fff !important;} .author-text { float:left; width:460px; color:#4c4c4c} .author-text p { margin-bottom:10px} .author-text h4, .entry .author-text h4 { color:#626262; font-size:15px; text-transform:uppercase; margin:0 0 10px 0!important; font-family:'LatoBold'; font-style:normal} .author-contact { color:#be3d3d; line-height:25px; font-family:'LatoBold', Arial, Helvetica, sans-serif; font-size:12px} .author-contact label { display:inline-block; float:left; margin-right:10px} .author-contact img, .entry .author-contact img { margin:0 1px; border:none} /* Map */ .map_form { height:32px; clear:both; padding:10px 0 0 0} .map_form input { float:left;} .map_form .inputtext{ font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:16px; color:#666; padding:6px 6px; border:1px solid #cacaca; background:#fff; width:163px; margin:1px 0 0 0; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.15);} .map_form .btn-go { background:url(../img/buttons_go.png) 0 0 no-repeat; width:54px; height:32px; line-height:32px; color:#424242; font-family:'LatoBold'; font-size:12px; text-shadow:0 1px 1px #fff; text-transform:uppercase; border:none; padding:0 0 2px 0; text-align:center; margin:0 0 0 7px} .valid{border:1px solid #70A41B!important; overflow:hide;} /*#70A41B*/ .error {overflow:hide; border:1px solid red!important; } /** Commentaires **/ ul.commentlist { margin-left: 0; } ul.commentlist li { list-style-type: none; border-top: 1px solid #dcdcdc; width: 595px; padding-top: 16px; } /** Social Icons V2 **/ .flare-iframe-wrapper iframe { width: 62px !important; } /*** PDS **/ .sidebarpds .share img { width: 90px; } .post-form .entry p { float: left; } .post-form .entry .footer-infos { position:relative;} .footer-infos a.lien-pds-1 { width: 346px; height: 32px; display: block; position: absolute; right: 37px; top: 219px; z-index: 10; } .footer-infos a.lien-pds-2 { width: 208px; height: 32px; display: block; position: absolute; left: 20px; top: 364px; z-index: 10; } .footer-infos a.lien-mail { width: 272px; height: 32px; display: block; position: absolute; left: 258px; top: 364px; z-index: 10 } .post-form { position:relative; } .post-form a.inscription { width: 228px; height: 61px; display: block; position: absolute; right: 207px; top: 43px; z-index: 10; } .post-form a.reglement { width: 211px; height: 61px; display: block; position: absolute; right: -9px; top: 43px; z-index: 10; } .post-form a.link-tmf { width: 176px; height: 29px; display: block; position: absolute; right: 124px; top: 1099px; z-index: 10; } .footer-infos a.lien-pds-1, .footer-infos a.lien-pds-2, .footer-infos a.lien-mail, .post-form a.inscription, .post-form a.reglement, .post-form a.link-tmf { background:#FFFFFF; opacity: .0; /* Standards Compliant Browsers */ filter: alpha(opacity=0); /* IE 7 and Earlier */ /* Next 2 lines IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } #pds .small-lines { font-size:12px; line-height:18px; float: left; margin: 16px 0; } #pds .form-footer button { background-color: #e11c41; margin-right: 10px; margin-bottom: 5px; font-size: 29px; font-weight: bold; height: 65px; width: 460px; text-transform: uppercase; } .entrypds { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } .entrypds h1 { font-family: arial; color: #e11c41; line-height: 1.3em; margin-bottom: 6px; margin-top: 6px; font-size: 32px; letter-spacing: -1px; } .entrypds p { line-height: 24px; } .entrypds .big { font-size: 18px; } .dashboard_table_pds tr:nth-child(2) { background-color: #E4E4E4; } .dashboard_table_pds tr.users td { font-size: 12px;} .intro-form-pds { font-family: arial; font-size: 13px; padding: 0 0 0 25px; } .at-svc-compact { display:none !important;} /****************** Partages Réseaux ******************/ .share-networks { float: left; width:100%; } .share-networks ul, .share-networks ul li { float: left; list-style-type: none; } .share-networks ul { margin-left: 0; } .share-networks ul li { margin-right: 4px; } .share-networks ul li img { margin: 0 !important; } /****************** Pages Masters ******************/ .masters-listing.grid_12 { width: 98%; } a.link-master { display: inline-block; float: left; width: 100%; pointer-events:all; } a.link-master:hover .master-focus { background-color:#F7F7F7; } a.link-master:hover .master-focus .link { text-decoration: none; } .master-focus { float: left; display:table; background:url(../images/arrow-pink.png) right center no-repeat; background-size: 29px 48px; width: 100%; padding: 35px 0; border-top: 1px solid #e7e7e7; } .master-focus .rank, .master-focus .infos { display: table-cell; vertical-align: middle; } .master-focus .rank { font-size: 38px; color: #FFFFFF; padding: 34px; background: #e92e63; text-align: center; vertical-align: middle; margin-right: 35px; display: inline-block; } .master-focus .infos { position: relative; color:#090909; width: 86%; } .master-focus .infos .titre { font-size: 26px; padding-bottom: 12px; line-height: 120%; } .master-focus .infos .sub { color:#747474; font-size: 16px; } .master-focus .infos .link { position: absolute; top: 40%; color:#e92e63; text-decoration: underline; right: 46px; font-size: 16px; } .fiche-master .page-title { display: table; margin-bottom: 45px;} .fiche-master .page-title .img, .fiche-master .page-title .infos { display: table-cell; vertical-align: middle; } .fiche-master .page-title .infos { margin-left: 20px; float: left; } .fiche-master .page-title .infos .sub { font-size: 16px; } .fiche-master .entry .content { margin-bottom: 30px; float: left; width: 90%; } .fiche-master .entry .content .t { position: relative; font-size: 24px; margin-bottom: 25px; padding-bottom: 25px; width: 100%; border-bottom:1px solid #e7e7e7; } .fiche-master .entry .content .t a { position: absolute; right:0; font-size: 13px; } .fiche-master .entry .content .l, .fiche-master .entry .content .r { float: left; } .fiche-master .entry .content .l { width: 35%; } .fiche-master .entry .content .r { width: 65%; } @media (max-width:600px) { .master-focus { background: none; } .master-focus .infos .link { display: none; } } .header_menu{ top:20px; } .header_menu .menucontainer{ position:relative; /* background: url(../img/header_menu.png) no-repeat; */ background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8),rgba(0,0,0,0.7)) content-box; width: 940px; height: 108px; margin: 0 auto; padding: 3px 3px 3px 3px; } .elementor_intro_image{ width:100%; height:250px; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; } .emailbutton a{ margin:0 !important; padding:0 !important; } .mcelles_titre{ background-color:#d12354 ; } .bouton-rs{ max-width:40px ; }