/* RESET */
body {padding:0;background-color:#fff;}
#wrap {padding:0;border:0;margin:0;padding-right:250px;width:100%;-moz-box-sizing: border-box;box-sizing: border-box;}

ul.topiclist dt {margin-right:-280px;}
ul.topiclist dt .list-inner {margin-right:280px;}
dd.posts, dd.topics, dd.views {width:50px;}
dd.lastpost, dd.moderation, dd.time, dd.info {width:180px;}
dd.redirect {width:auto;}
li.header dd {font-size:0.7em;}

.forabg, .forumbg {background-color:#2363a2;border-radius:inherit;}
div.rules {border-radius:inherit;}
.navbar {background:#eeeeee;margin-top:10px;border-radius:inherit;}
h1, h2, h3 {font-family:Arial;}
.postbody h2 {line-height:1.4em;}
.content, .content p , fieldset {font-family:Arial;}
.postbody .content {line-height:1.6em;font-size:1.4em;}
.pagination > ul > li {padding:0 0 5px 5px;}
.pagination li a, .pagination li span {padding:5px;}
.search-header {box-shadow:0 0 5px #ccc;margin-top:0px;}
ul.linklist > li.ufc-searchbox {margin:1px 0 0 5px;line-height: 1em;}
ul.linklist > li.ufc-searchbox:before {content:none;}
li.ufc-searchbox .search-header a.button {}
li.ufc-searchbox .search-box .inputbox {}

blockquote {font-size:0.85em;line-height:1.5em;}
/* /RESET */

/* UFC */
body{font-family:Arial;font-size:12px;}
.ufc-clear {height:1px;clear:both;}
.ufc-wrapper {max-width:1152px;min-width:625px;margin:0 auto;}
.ufc-social {margin:10px 0 10px 0;}
.ufc-social .navbar {}

.ufc {margin:0 auto;color:#2363a2;font-family:Arial;}
	.ufc a, .ufc a:link, .ufc a:visited, .ufc a:active {color:#274F83;}
	.ufc a:hover {color:#19B303;}
a:link, a:visited, a:active {color: #2363A2;text-decoration:underline; }
a:hover {text-decoration:none;color:#19B303; }

a.forumtitle {font-family:Arial;}
a.forumtitle, a.forumtitle :visited {color:#2363A2;}
a.forumtitle:hover {	color:#19B303;}
a.forumtitle:active {color:#19B303;}

a.topictitle, a.topictitle:visited {color:#2363A2;font-family:Arial;}
a.topictitle:hover {color: #19B303;}
a.topictitle:active {color: #19B303;}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #19B303;
	color: #19B303;
}	
a.postlink {border-bottom:0;}
a.postlink:hover {text-decoration:none;color: #19B303;background:none;}
#ufc-header {background:url(../images/header-top-bg.gif) repeat-x #eeeeee;width:100%;height:100px;position:relative;}
.ufc-header-top {position:absolute;top:0;left:113px;height:37px;}
.ufc-header-top  img{position:absolute;bottom:0;left:20px;}

.ufc-forum {width:auto;margin:0 auto;position:relative;}
.ufc-forum-right {position:absolute;top:0px;right:0;width:240px;}



.ufc-logo {}
.ufc-logo img {width:113px;height:90px;}
.ufc-forum-bulle {position:absolute;top:2px;left:35%;background:url(../images/forum-quechoisir.png) no-repeat;width:255px;height:98px;}
.ufc-back {position:absolute;top:0;right:0;background:url(../images/header-top-back-bg.gif) no-repeat #2363a2;width:253px;height:37px;}
.ufc-back a {display:block;position:absolute;right:5px;top:3px;}

.ufc-back img {width:232px;height:29px;}
.ufc-header-320 {display:none;}
h1.ufc-title {color:#2363A2;line-height:1.7em;width:100%;}
h2.ufc-title {color:#2363A2;line-height:1.7em;font-size:1em;margin:3px 0 0 0}
.ufc-title-section {border-bottom-color: #CCC;font-weight: bold;text-transform: uppercase;border-bottom: 1px solid #CCC;margin-bottom: 3px;padding-bottom: 2px;font-size: 1.05em;margin-top: 20px;}
#ufc-footer {width:100%;text-align:center;line-height:2em;}

form#agreement div.panel:first-child{height:300px;overflow-y:auto;}
form#agreement input#agreed.button1 {background:#2363a2;color:#fff;font-family:Arial;font-size:1.2em;padding:7px;}


.ufc-box {border:1px solid #dadada;background:#fcfbf9;margin-bottom:10px;}
.ufc-box .ufc-content {padding:5px;}
.ufc-box p.ufc-last, .ufc-box .ufc-item-right {margin-bottom:5px;text-align:right;}
.ufc-box .ufc-item-right {margin-top:-5px;}
.ufc-box .ufc-dossier p, .ufc-box .ufc-item p {margin-bottom:1em;}
.ufc-box  p.ufc-single {margin-bottom:1em;}
.ufc-box .ufc-title {font-size:14px;margin-bottom:3px;}
.ufc-box .ufc-title strong {display:block;padding:5px;background:url(../images/box-title-bg-premium.jpg) repeat-x #ee7e01;color:#fff;}
.ufc-box a, .ufc-box a:link, .ufc-box a:visited, .ufc-box a:active {text-decoration:underline;}
.ufc-box a:hover {text-decoration:none;}

.ufc-box a.ufc-test, .ufc-box a.ufc-test:link, .ufc-box a.ufc-test:visited, .ufc-box a.ufc-test:active {font-size:16px;line-height:19px;}
.ufc-box a.ufc-dossier, .ufc-box a.ufc-dossier:link, .ufc-box a.ufc-dossier:visited, .ufc-box a.ufc-dossier:active {font-size:13px;line-height:20px;text-align:right;display:block;}

.ufc-box ul.ufc-list-top {list-style-type: none;}
.ufc-box ul.ufc-list-top li {font-size:15px;margin-bottom:20px;background:url(../images/arrow-right.png) no-repeat -4px 0px;}
.ufc-box ul.ufc-list-top li a {padding-left:17px;}
.ufc-box ul.ufc-list-top li.ufc-list-article {background:url(../images/arrow-right.png) no-repeat -4px -3px;width:95%;}
.ufc-box ul li ul.ufc-product {list-style: circle inside;margin-top:5px;}
.ufc-box ul li ul.ufc-product li {text-indent:5px;background:none;margin-bottom:3px;}
.ufc-box ul li ul.ufc-product li a {padding-left:0;}
.ufc-box ul li ul li {margin-bottom:3px;}
.ufc-box ul.ufc-list {}
.ufc-box ul.ufc-list li {display:inline;background:none;line-height:24px;}
.ufc-box ul.ufc-list li a {padding-left:0px;}

.ufc-responsive-sidebar img {margin: 0 auto;}
.ufc-forum-ad {margin-top:10px;margin-bottom:0px;text-align:center;}
.ufc-forum-ad a {display:block;}
.ufc-forum-ad img {border:1px solid #DADADA;width:200px; height:200px;}
.post-qc {
	border:1px solid #2363A2;
	background:#FCFBF9;
	background:#ECF3F7;
	margin:0 0 20px 0;
}
.post {border-radius:inherit;}
.uparrow {
    background: url('../images/gototop.png');
    cursor: pointer;
    width: 64px;
    height: 64px;
    position: fixed;
    bottom: 30px;
    right:30px;
    display:none;
}
.ufc-forum-ad-main {margin-top:20px;margin-bottom:20px;text-align:center;}
.ufc-forum-ad-main a {display:block;}
.ufc-forum-ad-main img {max-width: 100%; height:auto;}

#ufc-search .ufc-search-postbody {width:100%;}
#ufc-search .ufc-childs {margin-left:3em;font-size:0.9em;}

/*.is_stuck {right:255px;}*/
.clear_stuck {right:0px;}

/* RESPONSIVE UFC */
@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	#wrap {
		margin: 0;
	}

	
}
@media only screen and (max-width: 980px), only screen and (max-device-width: 980px) {
	.ufc-forum-bulle {left:35%;background:url(../images/forum-quechoisir-light.png) bottom no-repeat;}
	
	ul.topiclist.forums dt, ul.topiclist.topics dt {margin-right:0;}
	ul.topiclist.forums dt .list-inner, ul.topiclist.topics dt .list-inner {margin-right:0;}
	ul.topiclist.forums dd.lastpost, ul.topiclist.topics dd.lastpost {
		display: inline-block;
		padding-left:45px;
		width:auto;
	}
	ul.topiclist li.header dt{font-size:1em;}	
	ul.topiclist li.header dd{display:none;}	
	
	ul.topiclist.forums dd.lastpost br, ul.topiclist.topics dd.lastpost br {display:none;}	
	ul.topiclist.forums dd.posts, ul.topiclist.forums dd.topics, ul.topiclist.forums dd.views , 
		ul.topiclist.topics dd.posts, ul.topiclist.topics dd.topics, ul.topiclist.topics dd.views {display:none;}
	ul.topiclist.forums dd.redirect {width:auto;line-height:1em;min-height:inherit;padding-left:40px;}
	
	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {display: block;margin: 0;}
	.postprofile, .postbody, .search .postbody {display: block; float: none;padding: 0px;}
	.post .postprofile {width: auto;border-width: 0px 0px 1px;padding-bottom: 5px;margin: 0px 0px 5px;min-height: 40px;overflow: hidden;}
	.postbody {width:100%;}

	
}
@media only screen and (max-width: 790px), only screen and (max-device-width: 790px) {
	.ufc-forum-bulle {left:35%;background:url(../images/forum-quechoisir-light.png) bottom no-repeat;}
	


} 
@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
	/* Colonne de droite out */
	#wrap {padding-right:0px;width:100%;}
	.ufc-forum-right {display:block;position:static;width:100%;}
	.ufc-responsive-sidebar {display: block;width: 240px;margin: 0 auto;}
	

	/* /Colonne de droite out */
	#ufc-right {
		width:100%;
	}
	
		

	
}


@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.ufc-wrapper {
		min-width: 290px;
		padding: 0;
	}
	.ufc-back {background-image:none;background-color:transparent;}
	.ufc-back img {display:none;}

	

	
	
	
	
}
@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {

}
@media only screen and (max-width: 440px), only screen and (max-device-width: 440px) {
	.ufc-logo img {width:85px;height:67px;}
	.ufc-header-top  img{width:170px;height:13px;bottom:6px;}
	.ufc-header-top  {left:80px;}
	.ufc-forum-bulle {left:25%;}
}
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
	.ufc-logo img {width:56px;height:45px;}
	#ufc-header {height:60px;}
	.ufc-header-top {left:60px;}
	.ufc-header-top  img{display:none;}
	.ufc-header-320 {display:block;}
	.ufc-header-title-forum {color:#fff;font-weight:bold;font-size:16px;position:absolute;bottom:4px;width:220px;}
	.ufc-forum-bulle {display:none;}
}

/* EMAIL */ 

.qc-captation-email {color: #5d5d5d;position:relative;background:url(../images/captation/email-captation-bg-main.png) #ebebeb no-repeat top center;border: 1px solid #dadada;width:238px;}
.qc-container-main .qc-captation-email {width:100%;}
.qc-captation-email .qc-inner {width:95%;margin:0 auto;}
.qc-captation-email .qc-title {border-bottom:1px solid #dadada;font-size:16px;font-weight:bold;height:50px;line-height:50px;padding-left:35px;text-align:center !important;background:url(../images/captation/email-captation-1.png) no-repeat 0px 5px;}
.qc-captation-email .qc-headline {font-size:14px;font-weight:bold;}
.qc-captation-email .qc-highlight {text-transform:uppercase;}
.qc-captation-email .qc-headline .qc-highlight {font-size:23px;}
.qc-captation-email ul.qc-incentive {list-style-type:none;padding:0;margin:0;}
.qc-captation-email ul.qc-incentive li {font-size:14px;margin:5px 0 0 0px;padding-left:15px;background:url(../images/captation/email-captation-li-plus.png) no-repeat 0px 4px;}
.qc-container-main .qc-captation-email ul.qc-incentive li {background:url(../images/captation/email-captation-li-plus.png) no-repeat 0px 7px;}
.qc-captation-email .qc-font-highlight {color:#2363a2;}
.qc-captation-email .qc-avantage {position:relative;padding-top:10px;border-top:1px solid #fff;}
.qc-captation-email .qc-arrow {position:absolute;width:40px;height:40px;background:url(../images/captation/email-captation-arrow.png) no-repeat 0px 0px;}
.qc-captation-email form {margin:10px 0 5px 0;padding:0;text-align:center !important;}

.qc-captation-email form input {border:2px solid #2363a2;margin:0 0 5px 0;padding:0 0 0 4px;width:180px;height:25px;font-size:15px;box-shadow:0px 0px 3px #cccccc; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.qc-captation-email form input:focus {box-shadow:none;color:#2363a2;border-color:#2363a2;}
.qc-captation-email .qc-cta {cursor:pointer;border:0;width:187px;height:34px;overflow:hidden;background:url(../images/captation/email-captation-cta.png) no-repeat;}
.qc-captation-email .qc-cta:hover {background-position:0 -34px;}
.qc-captation-email .qc-cta.en-cours {background-position:0 -68px;}
.qc-captation-email .qc-moreinfo {font-size:11px;text-align:right !important;margin:5px 0;}
.qc-captation-email .qc-moreinfo a, .qc-captation-email .qc-moreinfo a:visited {color:#7f8081;}
.qc-captation-email .qc-response {display:none; padding:5px 0;border:1px solid #dadada;font-size:12px;font-weight:bold;padding-left:25px;background:#fafafa;}
.qc-captation-email .qc-response.qc-ok {display:block; color:#0c7b06;background:url(../images/captation/email-captation-response-ok.png) no-repeat 5px 5px #fafafa;}
.qc-captation-email .qc-response.qc-nok {display:block; color:#cb2828;background:url(../images/captation/email-captation-response-nok.png) no-repeat 5px 5px #fafafa;}
.qc-container-col-home {width:240px;margin:10px auto 0px auto;}

.qc-container-col {width:208px;margin:0 auto 20px auto;}
.qc-container-col .qc-captation-email {width:206px;}
.qc-container-col .qc-captation-email form {text-align:right !important;}
.qc-container-col .qc-captation-email form div  {text-align:right !important;}
.qc-container-col-home .qc-captation-email form div  {text-align:center !important;}
.qc-container-col .qc-captation-email form input.qc-email {width:170px;}

.qc-container-main {width:100%;margin:20px auto 0 auto;}
.qc-captation-email-main {background:url(../images/captation/email-captation-bg-main.png) #ebebeb repeat top center;}
.qc-captation-email-main .qc-title {text-align:left !important;padding-left:50px;padding-bottom:5px;line-height:60px;font-size:20px;border-bottom:1px solid #dadada;}
.qc-captation-email-main .qc-avantage {padding-top:10px;border-top:1px solid #fff;}
.qc-captation-email-main .qc-headline .qc-highlight {font-size:18px;}
.qc-captation-email-main.qc-captation-email form {margin:10px 0 10px 20px;text-align:left !important;}
.qc-captation-email-main.qc-captation-email form input {display:inline-block;height:34px;vertical-align:middle;}
/* /EMAIL */ 

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -21px 0; width:30px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-21px -26px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


	
/* /UFC */