/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

******************************************************************/

/* ==========================================================================
   Base
   ========================================================================== */

html {
    font-size: 100%;
    /* 1 */

    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 2 */

}

body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    background: url('library/css/images/bg-body.png');
}

.left {
    float: left;
}

.right {
    float: right;
}

li {list-style-type: none;}
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
    width: 1000px;
    margin: 0 auto;
}

.clear {
    clear: both;
}
/*********************
CLEARFIXIN'
*********************/
.clearfix {
    zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}

/* ==========================================================================
   Links
   ========================================================================== */

a {
    text-decoration: none;
}
a.current,
a:hover {
    text-decoration: underline;
}

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
    outline: 0;
}


/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}
/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
    font-style: italic;
}
/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
    background: #ff0;
    color: #000;
}
/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
    margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
    quotes: none;
}
/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
    content: '';
    content: none;
}
small {
    font-size: 75%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
    padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

div#container-top {
    padding-top: 90px;
    background: url('library/css/images/bg-container.png') top repeat-x;
    text-align: center;
}

div#container-top h2 {
    margin: 0;
    letter-spacing: 0.10em;
    font-size:3.25em;
    color: #fbfbe4;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

div#container-top iframe  {
    margin: 20px 0 50px 0;
    border: 7px solid #fbfbe4;
        -moz-box-shadow: 0 0 20px #6a6a6a;
        -webkit-box-shadow: 0 0 20px #6a6a6a;
        box-shadow: 0 0 20px #6a6a6a;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

div#inner-header {
    text-align: center;
}

div#inner-header h1 {
    margin: 0 auto;
    width: 501px;
    height: 88px;
    background: url('library/css/images/h1-comrol-logo.png');

}
div#container-top ul  {
    margin: 5px 0 0 0;
}

div#container-top ul li {
    font-family: "Trebuchet MS";
    display: inline-table;
    color: #c41230;
    text-transform: uppercase;
    background: url('library/css/images/bg-bullet.png') left no-repeat;
    padding-left: 27px;
    margin-right: 20px;
    font-size: 1.40em;
    letter-spacing: .10em;
}

div#container-top ul li:nth-child(1) {
    background: none;
    padding-left: 0
}

div.header-text {
    width: 700px;
    padding: 5px 40px;
    margin: 0 auto;
    border-top:1px solid #1a1a1a;
    margin-top: 20px;
}

div.header-text p {
    letter-spacing: 0.10em;
    font-size:1.50em;
    color: #fbfbe4;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}
/*********************
	Navigation
*********************/

ul.utility-menu li,
ul.main-menu li {
    display: inline-table;
}

div#container-menu ul.utility-menu li {
    margin-right: 100px;
}

div#container-menu {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #0d0d0d;
    background: url('library/css/images/bg-container-menu.png') top repeat;
    z-index:99999;
        -moz-box-shadow: 0 0 5px 5px #0d0d0d;
        -webkit-box-shadow: 0 0 5px 5px #0d0d0d;
        box-shadow: 0 0 5px 5px #0d0d0d;
}
div#container-menu ul {
    margin: 13px 0 10px 0;
}
div#container-menu ul li {
    margin-right: 14px;
}

div#container-menu ul li a {
    letter-spacing: 0.20em;
    font-size: .95em;
    color: #fbfbe4;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
}

section img {
    margin-top: 60px;
}

section.dark img {
    margin-top: 0;
}

/*********************
	Banner
*********************/

div.container-banner {
    height: 36px;
    margin-top: 42px;
    padding-top: 18px;
    background: url('library/css/images/bg-banner.png') ;
    text-align: center;
    overflow:hidden;
    position:relative;
}

div.container-banner p {
    margin: 0;
    letter-spacing: 0.20em;
    font-size: .95em;
    color: #fbfbe4;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    white-space:nowrap;
    position:absolute;
}

.dark {
    background: url('library/css/images/bg-container-dark.jpg') top;
    color:#fbfbe4;
}


.dark.center #inner-content {
    text-align: center;
}


.dark.center #inner-content ul.caracteristiques li {
    display: inline-table;
    width: 247px;

}

.dark.center #inner-content ul.caracteristiques li span {
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.1em;
    margin-top: 20px;
    display: block;
}

h3 {
    margin: 0 0 55px 0;
    letter-spacing: 0.10em;
    font-size:2.70em;
    color: #fbfbe4;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

h3.black {
    color: #000;
}
section {
    padding: 55px 0 65px 0;
}

.contentleft {
     float: left;
     width: 460px;
     padding: 50px 20px;
     text-align: center;
 }

section#coordonnees .contentleft {
    text-align: left;
    padding: 0;
}


.contact {
    border-bottom: 1px solid #55554f;

}

.contact h3 {
    margin-bottom: 0;
    font-size: 2em;
}
.contact ul  {
    margin-top: 30px;
    margin-bottom: 25px;
}

.contact ul li {
    font-size: 1.65em;
    font-weight: lighter;
    letter-spacing: 0.05em;
}

section#coordonnees .contentleft.form {
    margin: 0;
    width: auto;
    margin-left: 50px;
}


.contentleft.form h3 {
    margin: 0 0 25px 0;
    font-size: 2em;
}

.contentleft.form label {
    display: block;
    margin-bottom: 3px;
}

.contentleft.form input[type="text"] {
    width: 475px;
    height: 38px;
    background: #fbfbf4;
    border: 0;
    margin-bottom: 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
}

.contentleft.form textarea{
    width: 475px;
    height: 130px;
    background: #fbfbf4;
    border: 0;
    margin-bottom: 30px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
}

.contentleft.form button {
    background: #c41230;
    color: #fbfbe4;
    width: 138px;
    height: 35px;
    border: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: bold;
    float: right;
    text-transform: uppercase;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
}

.contentleft.form button:hover {
    background: #fbfbe4;
    color: #c41230;
    cursor: pointer;
}

/* ==========================================================================
CONTENT
========================================================================== */




   /* ==========================================================================
   FOOTER
   ========================================================================== */




/* ==========================================================================
   OTHERS
   ========================================================================== */


/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
    -webkit-hyphens: auto;
    -epub-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
b,
strong,
.strong {
    font-weight: bold;
}
dfn,
em,
.em {
    font-style: italic;
}
small,
.small {
    font-size: 75%;
}
ul,
ol {
    padding: 0;
    list-style-type: none;
}
dd {
    margin: 0;
}
.sidebar ul,
.sidebar ol,
.commentlist {
    list-style: none;
}


/*
FORM VALIDATION
*/
.fieldError { border: 1px solid #DB8383 !important; box-shadow: 0 0 3px #EDA0A0; -webkit-box-shadow: 0 0 3px #EDA0A0; -moz-box-shadow: 0 0 3px #EDA0A0;  }
/*.fieldDetailledError { color:#8F3434; font-size: 12px; font-weight: bold; background-color: #FFEDED; border: 1px solid #FFD7D7; width: auto; margin-top: 5px; padding: 5px; line-height: 20px; -moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; }*/
.fieldDetailledError { /*position: absolute; z-index: 20; margin-left: 200px; margin-top: -25px;*/ color:#8F3434; font-size: 12px; font-weight: bold; width: auto; padding: 2px; line-height: 20px; }
span.required { color: red; font-weight: bold; margin-left: 5px; }


/*
NICE UPLOAD
*/
input[type=file].niceUpload { display: none; }

.niceUpload-container {
    display: inline-block;
    padding: 3px 10px;
    color: #FFF;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #1472ad;
    text-shadow: 0 1px 1px #1472ad;
    background-color: #1681c4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
    background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
    background-image: -moz-linear-gradient(top, #1990db, #1681c4);
    background-image: -o-linear-gradient(top, #1990db, #1681c4);
    background-image: linear-gradient(to bottom, #1990db, #1681c4);
    -webkit-box-shadow: inset 0 0 3px #59b3ec;
    -moz-box-shadow: inset 0 0 3px #59b3ec;
    box-shadow: inset 0 0 3px #59b3ec;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.niceUpload-container:hover,
.niceUpload-container:focus {
    border-color: #116396;
    background-color: #1472ad;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
    background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
    background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
    background-image: -o-linear-gradient(top, #1784c9, #1472ad);
    background-image: linear-gradient(to bottom, #1784c9, #1472ad);
}

.niceUpload-filename {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

div#credit-footer p.conception {
    text-align: right;
}

ul.gallery li {
    display: block;
    float:left;
    margin-right: 5px;
}

ul.gallery li.last {
    margin-right: 0;
}

section p {
    font-size: 19px;
}
div.copyright {
    margin-top: 95px;
    border-top:1px solid #55554f;
    padding-top: 40px;
}
div.copyright p {
     font-size: 0.85em;
     font-weight: lighter;
     margin: 0;
     letter-spacing: 0.10em;
}

div.copyright a {
    color: #fbfbe4;
}

div#container-menu ul li a.redlink {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 170px;
    background: #c41230;
    padding-top: 18px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.15em;
    font-weight: bold;
    text-align: center;
}

section div.temoignage {
    margin-bottom: 40px;
    margin-left: 30px;
}

section img.quotel {
    margin: 0;
    position: absolute;
    left:5px;
}

section img.quoter {
    margin: 0;
    bottom: 3px;
    position: absolute;
}

section div.temoignage p {
    padding:0 25px;
    text-align: left;
    position: relative;
}

section div.temoignage span {
    float:right;
}

div.inner-menu {
    position: relative;
}

table {
    margin-top: 50px;
}

table td {
    border: 1px solid #000;
}

table table td {
    border: 0
}


table table {
    margin-top: 0;
}

#informations ul {
    margin-top: 0;
}

#informations ul li strong {
    color: #c41230;
}

.contentleft.form .wpcf7-email {
  width: 475px;
  height: 38px;
  background: #fbfbf4;
  border: 0;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.contentleft.form .wpcf7-submit {
background: #c41230;
color: #fbfbe4;
width: 138px;
height: 35px;
border: 0;
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
font-weight: bold;
float: right;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#form-email span input {
  width: 475px;
  height: 38px;
  background: #fbfbf4;
  border: 0;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}