/* Polices */@font-face {    font-family: "caviar_dreamsregular";    src: url('polices/caviardreams-webfont.ttf');}@font-face {    font-family: "Fipps-Regular";    src: url('polices/Fipps-Regular.otf');}@font-face {    font-family:'Ubuntu';    font-style:normal;    font-weight:700;    src:local('Ubuntu Bold'), local('Ubuntu-Bold'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');}/* Corps du site */body{    background: -moz-linear-gradient(-45deg, rgba(11,39,58,1) 0%, rgba(68,84,100,1) 58%, rgba(110,116,130,0) 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(11,39,58,1)), color-stop(58%,rgba(68,84,100,1)), color-stop(100%,rgba(110,116,130,0))); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(-45deg, rgba(11,39,58,1) 0%,rgba(68,84,100,1) 58%,rgba(110,116,130,0) 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(-45deg, rgba(11,39,58,1) 0%,rgba(68,84,100,1) 58%,rgba(110,116,130,0) 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(-45deg, rgba(11,39,58,1) 0%,rgba(68,84,100,1) 58%,rgba(110,116,130,0) 100%); /* IE10+ */    background: linear-gradient(135deg, rgba(11,39,58,1) 0%,rgba(68,84,100,1) 58%,rgba(110,116,130,0) 100%) fixed; /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b273a', endColorstr='#006e7482',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    font-family: caviar_dreamsregular;    margin:0;    padding:0;}a{    color:#369;    font-weight: bold;}#wrapper{    background-color: white;    height: auto;    margin: 0 auto;    width: 990px;    padding-top: 1px;    box-shadow: 0 24px 31px -10px rgba(11, 39, 58, 0.35) inset;}header{    background-image: url('img/banniere3.png');    margin-bottom: 15px;    position: relative;    width: 990px;    height: 265px;    z-index: 1;}#content{    height: auto;    width: 990px;    position:relative;    box-shadow: 0 15px 15px -10px rgba(17, 43, 62, 0.35) inset;}.footer{    text-align: center;    color: #369;}#formulaire{    position: absolute;    right: 0;    top: 0;    display: block;}.nav {    border: medium none;    height: 26px;    list-style-type: none;    margin: 165px 0 0 0;    padding: 0;    clear:both;}.nav li {    border-left: 1px solid #999;    display: block;    float: left;    font-size: 17px;    margin: 10px;    padding-left: 36px;    padding-right: 23px;    text-align: center;    font-family: caviar_dreamsregular;}.nav .sous-menu {    background-color: white;    border: none;    display: block;    float: left;    font-family: caviar_dreamsregular;    font-size: 17px;    margin-left: -34px;    margin-top: 11px;    padding: 10px;    text-align: center;}.nav .sous-menu1 {    background-color: white;    border: none;    display: block;    float: left;    font-family: caviar_dreamsregular;    font-size: 17px;    margin-left: -34px;    margin-top: -10px;    padding: 10px;    text-align: center;}.nav li:first-child {    border-left:none;}.nav  a{    text-decoration: none;}.nav li .active{    color: #f60;}.nav ul {    margin:0;    padding:0;    list-style-type:none;    text-align:center;}.nav li {    float:left;}.nav li a {    display:block;}.nav ul li ul {    display:none;}.nav ul li:hover ul {    display:block;}.nav li:hover ul li {    float:none;}.nav li ul {    position:absolute;}a:hover{    color: #f60;}.recherche{    height: 31px;    margin-left: 10px;    width: 225px;}.bloc{    float: left;    margin-left: 17px;    margin-top: 20px;    width: 100px;}.bloc1 {    float: left;    margin-top: 22px;    width: 166px;}.bloc2 {    float: left;    width: 112px;}.annonce{    background-color: #ffffff;    border-bottom: 0.5px solid #cccccc;    height: 200px;    margin-left: 5px;    width: 700px;}.annonce:hover{    height: 200px;    width: 700px;    background-color: #EAEBF0;}.article p{    color: black;    font-style: normal;    font-weight: normal;}.bandeau-form{    width:980px;    height:100px;    background-color: #E3DCCD;    border-radius: 10px;    margin-left: 5px;}.formulaire{    margin-left: 10px;    margin-top: 14px;    height: 25px;    width: 225px;}.bloc-droite{    background-color: #e3dccd;    height: 600px;    position: absolute;    right: 17px;    top: 140px;    width: 240px;    z-index:99;}.bloc-droite-fond{    background-color: #ffffff;    height: 603px;    position: absolute;    right: 0;    top: 140px;    width: 286px;}.email{    height: 20px;    margin-bottom: 5px;    margin-top: 5px;    width: 100px;}.mdp{    height: 20px;    margin-bottom: 5px;    margin-top: 5px;    width: 100px;}.nom-email{    margin-left:5px;}.bouton{    margin-right: 5px;}.logo{    margin-left:10px;    margin-top:10px;}.texte-connexion{    font-size: 10px;    position: absolute;    right: 9px;}#email, #password{    width: 140px;    margin-bottom: 2px;}.bouton-connexion{    margin-right: 10px;    width: 94px;}.texte-label{    font-size: 14px;}.texte-label1{    font-size: 14px;    margin-left: 21px;}.sectionShadow {    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.35) inset;}footer{    box-shadow: 0 15px 15px -10px rgba(17, 43, 62, 0.35) inset;    padding-top: 50px;    padding-bottom: 50px;    clear: both;}.inscription{    font-size: 14px;    position: absolute;    right: 140px;    top: -15px;    color:#369;}.inscription:hover{    color: #f60;}.inscription-barre{    font-size: 14px;    position: absolute;    right: 129px;    top: -15px;    color:#369;}.connexion{    font-size: 14px;    position: absolute;    right: 47px;    top: -15px;    color:#369;    cursor: pointer;    font-weight: bold;}.connexion:hover{    color: #f60;}.formulaire_inscription{    color: #369;    height: auto;    margin-left: 208px;    padding-bottom: 50px;    padding-top: 102px;    text-align: center;    width: 580px;}.formulaire_inscription_titre{    color: #369;    font-weight: bold;}.form_col{    display: inline-block;    margin-left: -120px;    margin-right: 9px;    min-height: 1px;    padding: 3px 0;    text-align: right;    width: 234px;}.form_col1{    display: inline-block;    margin-left: -210px;    margin-right: 9px;    min-height: 1px;    padding: 3px 0;    text-align: right;    width: 234px;}.form_col2{    display: inline-block;    left: 245px;    margin-top: 77px;    position: absolute;    top: 262px;    width: 234px;}.form_col3{    display: inline-block;    font-size: 14px;    margin-right: 3px;    min-height: 1px;    padding: 3px 0;    text-align: right;    width: 95px;    color: #369;}.bouton{    color: #369;    background-color: white;    width: 145px;    height:50px;    margin-bottom: 20px;    border: none;    cursor: pointer;    font-family: Fipps-Regular;}.bouton2{    background-color: white;    border: medium none;    color: #369;    cursor: pointer;    font-family: Fipps-Regular;    height: 41px;    position: absolute;    right: 0;    top: 51px;    width: 34px;}.bouton2:hover{    background-color: white;    border: medium none;    color: #f60;    cursor: pointer;    font-family: Fipps-Regular;    height: 41px;    position: absolute;    right: 0;    top: 51px;    width: 34px;}.bouton:hover{    color: #f60;    background-color: white;    width: 145px;    height:50px;    border: none;    cursor: pointer;}h1{    font-family: Fipps-Regular;    font-size: 23px;    margin-left: 20px;    margin-top: 15px;    color:#369;}.textarea-contact{    margin-top:10px;}.champ-contact{    width: 200px;}#bloc-connexion{    position: absolute;    right: 45px;    top: 40px;}.nom_utilisateur{    color: #369;    float: right;    margin-right: 15px;    margin-top: -81px;}.nom_utilisateur2{    background-color: white;    color: red;    float: right;    font-size: 13px;    font-style: italic;    margin-right: 40px;    margin-top: -63px;}.deconnexion{    background-color: white;    color: #369;    float: right;    margin-right: 15px;    margin-top: -56px;}.deconnexion:hover{    background-color: white;    color: #f60;    float: right;    margin-right: 15px;    margin-top: -56px;}input{    border: 1px solid #CCC;    border-radius: 2px;    outline: none;    padding: 2px;}input:focus{    border-color: rgba(82, 168, 236, 0.75);    box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);    moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);    webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);}.correct{    border-color: rgba(68, 191, 68, 0.75);}.correct:focus{    border-color: rgba(68, 191, 68, 0.75);    box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);    moz-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);    webkit-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);}.incorrect{    border-color: rgba(191, 68, 68, 0.75);}.incorrect:focus{    border-color: rgba(191, 68, 68, 0.75);    box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);    moz-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);    webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);}.tooltip{    color: red;    font-style: italic;    margin-top: 15px;    font-size: 13px;    margin-left: 80px;}.titre-nous{    padding-top: 65px;    margin-left: 48px;    font-family: "Fipps-Regular";    color:#369;    font-size: 20px;}.img{    height: 300px;    left: 46px;    position: absolute;    top: 190px;    width: 211px;    cursor: pointer;}.img2{    height: 300px;    left: 275px;    position: absolute;    top: 190px;    width: 211px;    cursor: pointer;}.img3{    height: 300px;    left: 504px;    position: absolute;    top: 190px;    width: 211px;    cursor: pointer;}.img4{    height: 300px;    left: 733px;    position: absolute;    top: 190px;    width: 211px;    cursor: pointer;}.map{    left: 47px;    position: relative;    top: 34px;}.perso{    width:70px;    height:100px;    position: absolute;    top: 0;    left:0;}.espace_user{    height:10px;    width:10px;    background-color:white;    margin-left:10px;    cursor: pointer;}.profil{    background-color: white;    height: 100px;    position: absolute;    right: 15px;    top: 28px;    width: 141px;    display: none;}.sous-menu-profil {    background-color: white;    border: medium none;    display: block;    float: left;    font-family: caviar_dreamsregular;    font-size: 17px;    margin-top: -6px;    padding: 7px;    text-align: right;}.validation-inscription{    color: #369;    font-size: 16px;    text-align: center;    padding-top: 30px;}.texte-coco{    border: 1px solid;    color: #0f75BC;    display: none;    height: 205px;    left: 171px;    position: absolute;    text-align: justify;    top: 554px;    width: 652px;}.texte-jc{    border: 1px solid;    color: #1E4A25;    display: none;    height: 205px;    left: 171px;    position: absolute;    text-align: justify;    top: 554px;    width: 652px;}.texte-mathias{    border: 1px solid;    color: #F47521;    display: none;    height: 205px;    left: 171px;    position: absolute;    text-align: justify;    top: 554px;    width: 652px;}.texte-remi{    border: 1px solid;    color: #283B90;    display: none;    height: 227px;    left: 171px;    position: absolute;    text-align: justify;    top: 554px;    width: 652px;}.p-coco{    padding-left: 27px;    padding-right: 27px;}.nav2 {    display:table-cell;    vertical-align:top;    list-style-type: none;    width: 220px;    background: -moz-linear-gradient(left, rgba(0,0,0,0.23) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.23)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */    background: -webkit-linear-gradient(left, rgba(0,0,0,0.23) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */    background: -o-linear-gradient(left, rgba(0,0,0,0.23) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */    background: -ms-linear-gradient(left, rgba(0,0,0,0.23) 0%,rgba(255,255,255,0) 100%); /* IE10+ */    background: linear-gradient(to right, rgba(0,0,0,0.23) 0%,rgba(255,255,255,0) 100%); /* W3C */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */    box-shadow: 0 15px 15px -10px rgba(17, 43, 62, 0.35) inset;}.nav2 li {    font-size: 17px;    margin: 10px 10px 10px 0;    font-family: caviar_dreamsregular;    position: relative;}.nav2 .sous-menu {    background-color: white;    border: medium none;    border-radius: 5px;    font-family: caviar_dreamsregular;    font-size: 17px;    margin-left: 205px;    margin-top: -21px;    padding: 10px;    text-align: left;}.nav2  a{    text-decoration: none;}.nav2 li .active{    color: #f60;}.nav2 ul {    margin: 50px 0 0;    padding-left: 5px;    list-style-type:none;    text-align:center;}.nav2 li a {    display:block;}.nav2 ul li ul {    display:none;}.nav2 ul li:hover ul {    display:block;}.nav2 li:hover ul li {    float:none;}.nav2 li ul {    position:absolute;    margin-top: 0;}.rubrique{    border-bottom: 1px solid #369;    padding-bottom: 14px;    width: 210px;}.menu-boutique{    width: 220px;}.bloc_articles{    display:table-cell;    width: 770px;    box-shadow: 0 15px 15px -10px rgba(17, 43, 62, 0.35) inset;}.panier{    display:table-cell;    width: 770px;    box-shadow: 0 15px 15px -10px rgba(17, 43, 62, 0.35) inset;}.container-article, .panier_article {    float: left;    height: 290px;    margin-left: 2px;    padding-left: 41px;    margin-top: 40px;    width: 200px;}.description{    border: 1px solid;    font-size: 13px;    padding-bottom: 10px;    padding-top: 10px;    text-align: center;}.bloc-text-presentation{    color: #369;    height:100%;    text-align: justify;    padding-right: 20px;    padding-left: 20px;}.bienvenue{    color: #369;    font-family: Fipps-Regular;    font-size: 23px;    margin:0;    text-align: center;}.detail_article{    display:table-cell;    padding-top: 82px;    width: 580px;    height: 630px;    padding-left: 164px;}.pagination {    font-family: Fipps-Regular;    font-size: 23px;    color: #369;    margin-left: 100px;    margin-bottom: 50px;}.partie-presentation{    width: 990px;    height: 850px;}.titre_article{    font-family: caviar_dreamsregular;    font-size: 23px;    margin-left: -51px;    margin-top: -12px;}.image_article{    width:400px;    height:400px;    margin-left: -52px;    float:left;}.image2_article{    border: 1px solid #369;    cursor: pointer;    float: left;    height: 100px;    margin: 0 -2px 10px 6px;    width: 100px;}.image2_article:hover {    color:#f61;    border: 1px solid #f61;}.prix_article{    color: #369;    float: left;    font-size: 16px;    font-weight: bold;    margin-left: 309px;    margin-top: -29px;    width: 65px;}.description_article{    clear: both;    color: #369;    font-size: 18px;    margin-left: -51px;    text-align: justify;    width: 398px;}.video-accueil{    position: absolute;    right: 70px;    top: 89px;}.fieldset{    border:1px solid #369;}.add_art {    border: 1px solid white;    bottom: 28px;    color: #369;    cursor: pointer;    height: 25px;    padding: 5px;    position: absolute;    right: 94px;    width: 131px;}.add_art:hover{    color:#f61;    border: 1px solid #f61;}.commander {    border: 1px solid;    bottom: 13px;    color: #369;    cursor: pointer;    height: 25px;    padding: 5px;    position: absolute;    right: 13px;    width: 153px;}.commander:hover{    color:#f61;}.vignette{    float: right;    height: auto;    width: 213px;}fieldset{    border: 1px solid #369;}.choix-perso{    color: #369;    font-family: Fipps-Regular;}