/** Helpers **/
.clear { clear: both;}
/** Section (form) **/
.boxed{border-bottom: 1px solid #eaeaea;border-top: 1px solid #efefef;}
.boxedInner section {width: 100%;}
h3.inscriptcolor {color: #dd3333;}
.petittexte {background: #F5F5F5;font-size: 10px;width: 99%;margin-top:20px;margin-left: 5px;}
#thumb {margin-bottom:20px;}
.arrondie_image {border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
/** 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%; cursor: pointer;border: none;padding: 10px 20px;padding:1rem 2rem;border-radius: 3px;font-size: 15px;background-color:#dd3333;color:#ffffff;}
.boxedInner section form .control-group button[type=submit]:hover{background-color:#737373;color:#ffffff;transition: all 0.2s ease-in-out 0s;}
/** Form - Step 2 **/
.boxedInner section p {margin: 5px auto;padding: 0 5px; }
.boxedInner section .downloadLink {display: block;width: 88%;cursor: pointer;border: none;padding: 10px 20px;padding:1rem 2rem;margin-left:10px; border-radius: 3px;font-size: 15px;text-align: center;text-decoration: none;color: #ffffff;line-height: 1;background: #dd3333;border: none;text-transform: uppercase;}
.boxedInner section .downloadLink:hover{background-color:#737373;color:#ffffff;transition: all 0.2s ease-in-out 0s;}
/** 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;}
.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; border-top-left-radius: 8px; border-top-right-radius: 8px;  }
.YMThumbs li span { display: block; width: 100%; height: 20px; overflow: hidden; margin: 0 auto; position: absolute; bottom: 20px; background: #e5e5e5; color: #737373; font-weight: bold; line-height: 20px; }
.YMThumbs li span:hover {border-color: #ccc #bbb #aaa;}
#fakeSearchForm { width: 95%; max-width: 300px; margin: 0 auto; padding: 1px; background: #ffffff; border: 1px solid #ffffff; border-radius: 2px; font-family: Arial, Helvetica, sans-serif; text-align: left; color: #000000; }
#fakeSearchForm .header { width: 100%; height: 32px; clear: both; background: #DF30B8; 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; font-weight: bold; background-color:#dd3333;color:#ffffff;}
#fakeSearchForm .form-actions button[type=submit]:hover {background-color:#737373;color:#ffffff;transition: all 0.2s ease-in-out 0s;}
@media (max-width: 780px) {.YMThumbs li { width: 48% }}
@media screen and (max-width: 768px) {.boxed {margin-top: 15px;}}