/**
 * Helpers 
 **/
.clear { clear: both;}
/**
 * Section (form)
 **/
.boxedInner section {width: 100%;}
.petittexte {background: #F5F5F5;font-size: 10px;width: 100%:}
#thumb { width: 100%; padding-bottom: 15px;}
/** 
 * Form
 **/
.boxedInner section form {width: 98%; padding: 5px; margin: 3px auto; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);color: #000000;}
.boxedInner section form .control-group {clear: both;height: 80px;}
.boxedInner section form .submit-group {height: 40px;}
.boxedInner section form .control-group label {clear: both;height: 20px;font-size: 14px;font-weight: bold;line-height: 20px;}
.boxedInner section form .control-group input {width: 90%;}
.boxedInner section form .control-group button[type=submit] {width: 90%;}
/**
 * Form - Step 2
 **/
.boxedInner section .downloadLink {width: 90%;display: inline-block;*display: inline;padding: 5px 20px;margin-bottom: 5px;*margin-left: 0.3em;line-height: 20px;color: #333;text-align: center;vertical-align: middle;cursor: pointer;background-color: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e6e6e6));background: -moz-linear-gradient(top, #eee, #e6e6e6);border: 1px solid #bbbbbb;border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-color: #eee, #eee, #d4d4d4;filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);}
.boxedInner section .downloadLink:hover,.boxedInner section .downloadLink:active {background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f8f8f8));background: -moz-linear-gradient(top, #eee, #f8f8f8);}
/**
 * Jquery Validate
 **/
label.error { display: block;clear: both;padding: 0 8px; margin-top: 0;font-weight: bold; color: red; }
label.valid { display: block;clear: both;padding: 0 8px; margin-top: 0;font-weight: bold; color: green;}
@media screen and (max-width: 768px) {.boxed {margin-top: 15px;}}

.YMThumbs { width: 90%; clear: both; overflow: auto; margin: 0 auto; padding: 0; list-style-type: none; font-size: 12px; }
.YMThumbs li { width: 23%; margin: 1%; float: left; position: relative; text-align: center; -webkit-transition: -webkit-transform .8s ease-in-out; -ms-transition: -ms-transform .8s ease-in-out; transition: transform .8s ease-in-out; cursor: pointer; }
.YMThumbs li img { width: 100%; margin: 0 auto;}
.YMThumbs li span { display: block; width: 100%; height: 20px; overflow: hidden; margin: 0 auto; position: absolute; bottom: 20px; background: #2185c5; border: 1px 0 solid #ffffff; color: #ffffff; font-weight: bold; line-height: 20px; }
@media (max-width: 780px) { 
    .YMThumbs li { width: 48% }
    .YMThumbs li:nth-child(7) { display: none; }
    .YMThumbs li:nth-child(8) { display: none; }
}

#fakeSearchForm { width: 95%; max-width: 250px; margin: 0 auto; padding: 1px; background: #FFF; border: 0px solid #D7D5D5; border-radius: 2px; font-family: Arial, Helvetica, sans-serif; text-align: left; color: #000000; }
#fakeSearchForm .header { width: 100%; height: 32px; clear: both; background: #2185c5; border: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: 18px; color: #ffffff; text-align: center; font-weight: bold; line-height: 32px; }
#fakeSearchForm .control-group { clear: both; width: 90%; height: 30px; line-height: 30px;  margin: 5px auto; padding: 0; }
#fakeSearchForm .control-group label { display: inline-block; width: 30%; height: 24px; float: left; margin: 0; padding: 0; text-align: right; line-height: 30px; font-size: 12px; color: #000000; }
#fakeSearchForm .control-group select { display: inline-block; width: 70%; height: 30px; float: right; margin: 0; padding: 0; background-color: #ffffff;  border: 1px solid #cccccc;  border-radius: 3px; vertical-align: middle; line-height: 20px; font-size: 14px; font-weight: normal; color: #555555; }
#fakeSearchForm .form-actions { text-align: center; margin: 15px 0; }
#fakeSearchForm .form-actions button[type=submit] { width: auto; padding: 9px 15px; margin: 0 auto; font-size: 16px; }
@media screen and (max-width: 480px) {
    #fakeSearchForm .control-group label { width: 30%; }
    #fakeSearchForm .control-group select { width: 70%; }
}