/*
	Theme Name: Élu Produit de l'Année
	Theme URI: http://www.produitsdelannee.com/
	Description: Theme Corporate Élu Produit de l'Année par Digilowcost.
	Author: Simon Derain
	Author URI: http://www.digilowcost.com/
	Version: 1.0
	
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html

*/


/* MAIN ET TYPOGRAPHIE
   .................................................................................................................................... */

body {margin: 0; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300;}
.wrap {width: 960px; margin: auto; position: relative; }
a {font-family: 'Open Sans', sans-serif; text-decoration:none; color: #E2001A;}
p {font-family: 'Open Sans', sans-serif; font-size:13px;color: #333333; text-align: justify; margin-bottom: 5px; margin-top: 0; font-weight: 300;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
strong {font-weight: 600;}
i {font-style: italic;}
li, ul {list-style: none;}
img {border:none;}
.clearfix {float:left; width:100%; height: 1px;}


/* HEADER, LOGO & MENU
   .................................................................................................................................... */

/* Logo */
#header {float:left; width: 140px; background-color:#E2001A; padding:0px 15px 0 15px; margin-top: 20px;}
#header a.logo {float:left;  width: 140px; height: 168px; display: block; padding:15px 0px;}
#header a.logo img {width: 138px; border: 1px solid #fff;}

#header img.background {left: -15px;position: relative;top: 10px;}

/* Menu Principale */
#header .menu{float: left; display:block; font-family: 'Open Sans', sans-serif; font-size:10px; line-height: 11px; font-weight: 600; color:#fff; margin: 0; padding: 0; text-transform:uppercase; width: 100%; }
#header .menu li {float:left; padding:10px 0px; width: 100%; border-bottom: 1px solid #cf0018;}
#header .menu li:last-child {border-bottom: none;}
#header .menu li a{color:#fff; cursor:pointer;}
#header .menu li a:hover{color: #9c0012;}
#header .menu li ul.sub-menu {padding: 10px 0px;}
#header .menu ul.sub-menu li{float: left; width: 125px; margin-left: 15px; padding:10px 0px; font-family: 'Open Sans', sans-serif; font-size:10px; line-height: 9px;}
#header .menu ul.sub-menu li a{color: #fff;}
#header .menu ul.sub-menu li a:hover{color: #9c0012;}

#header .current-menu-item a,#header .current-menu-item a, #header .current-post-parent a, #header .current-post-ancestor a, #header .current-menu-parent a{color:#9c0012;}

#header .menu ul.sub-menu li.current-menu-item a{color: #9c0012;}
#header .menu li.current-menu-item a{color: #9c0012;}

body.home #header .menu li#menu-item-1194 a{color:#fff;}

body.page-id-1108 #header .menu li#menu-item-1181 ul.sub-menu,
body.page-id-1519 #header .menu li#menu-item-1181 ul.sub-menu,
body.page-id-1101 #header .menu li#menu-item-1181 ul.sub-menu {display: block!important;}

body.page-id-1153 #header .menu li#menu-item-1176 ul.sub-menu,
body.page-id-1196 #header .menu li#menu-item-1176 ul.sub-menu,
body.page-id-1208 #header .menu li#menu-item-1176 ul.sub-menu,
body.page-id-1201 #header .menu li#menu-item-1176 ul.sub-menu {display: block!important;}

body.page-id-1138 #header .menu li#menu-item-1187 ul.sub-menu,
body.page-id-1134 #header .menu li#menu-item-1187 ul.sub-menu {display: block!important;}

body.tax-les-actualites #header .menu li#menu-item-1711 ul.sub-menu {display: block!important;}

body.page-template-page-palmares-php #header .menu li#menu-item-1171 ul.sub-menu {display: block!important;}




/* ACCUEIL
   .................................................................................................................................... */

.full-page {float:right; width: 750px; margin-right: 20px;}
.full-page #title {float: left; width: 730px; padding: 10px; margin-top: 20px; background-color: #f2f2f2; position: relative;}
.full-page #title h1 {font-size: 20px; font-weight: 600; color: #666; padding: 0; margin:0; text-align: center;}
.full-page #title img {position: absolute; right: 10px; top:10px;}
.full-page #title a.retour-arriere {position: absolute; right: 10px; top:10px; text-transform: uppercase; color:#E2001A;font-size: 12px;font-weight: 600;}

body.page-template-page-accueil-php .full-page #title h1 {font-weight: 300;}
body.page-template-page-etapes-php .full-page #title h1 {font-weight: 300;}
body.page-template-page-palmares-php .full-page #title h1 {font-weight: 300;}

.full-page #title h1 span {font-weight: 700;}
.full-page #title h2 {font-size: 14px; font-weight: 300; color: #666; padding: 0; margin:0; text-align: center;}
.full-page #title h2 span{font-weight: 700;}


/* LEFT PART */
.full-page #left-part {float: left; width: 530px;}



/* SLIDER */
.big-slider {float: left; width: 100%; height: 300px; background-color: #fff; margin-bottom:10px; margin-top:20px; position: relative; }
#slider{width:530px; position:relative; margin:0 auto; overflow:hidden; margin-bottom:10px; color: #999;}
#slider-window{position:relative;width:530px;height:300px; overflow:hidden;margin:0 auto;}
#prevSlide,#nextSlide{z-index:2; width:40px;height:300px; position:absolute; top:0; cursor:pointer;}
#prevSlide{left:0;background-image:url("images/arrow-left.png");background-position: center center;background-repeat: no-repeat;}
#nextSlide{right:0;background-image:url("images/arrow-right.png");background-position: center center;background-repeat: no-repeat;}
.slide{float:left; position:relative; list-style-type:none; width:530px; height:300px;}

.slide img {position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.slide p {position: absolute;z-index: 2;width: 500px;top: 252px;background-color: rgba(255,255,255,0.5);padding: 15px;text-align: center;font-weight: bold;}
#slides{ display:inline-block;margin:0;padding:0;z-index:3;}

#video {float: left; width: 100%; top: -7px;position: relative;}
.wp-video {border: 15px solid #E2001A;}


/* RIGHT PART */
.full-page #right-part {float: right; width: 200px; margin-top: 20px;}

.full-page #right-part #inscritpion {float: left;width: 180px;background-color: #E2001A;padding: 20px 10px;}
.full-page #right-part #inscritpion p{font-size: 15px;text-align: center;color: #fff;text-transform: uppercase;}
.full-page #right-part #inscritpion p span {font-size: 19px; font-weight: bold;}
.full-page #right-part #inscritpion p a {color: #a60013; font-weight: bold;}

.full-page #right-part #laureats {float: left;width: 180px;margin-top: 20px;padding: 10px;background-color: #f2f2f2;}
.full-page #right-part #laureats h3 {width: 100%;text-align: center; float: left; border-top: 1px solid #a60013; border-bottom: 1px solid #E2001A; margin: 0; padding: 10px 0px; color: #E2001A; text-transform: uppercase; font-family: 'Times', serif;}
.full-page #right-part #laureats h4 {float: left;width: 100%;color: #5c5e62;font-weight: 300;text-align: center;font-size: 19px;margin-top: 10px;margin-bottom: 0;}
.full-page #right-part #laureats h4 span {font-weight: bold;}
.full-page #right-part #laureats h4 a {color: #E2001A; font-weight: bold;}

.full-page #right-part #actualites {float: left;width: 180px;padding: 10px;background: #f2f2f2;margin-top: 20px; position: relative;}
.full-page #right-part #actualites h3 {float: left;width: 100%; text-transform: uppercase; color: #5c5e62; font-weight: 600; margin: 0; margin-bottom: 10px; text-align: center; text-transform: uppercase; font-family: 'Times', serif;}
.full-page #right-part #actualites p.plus {position: absolute; right: 10px; top:1px; color: #5c5e62; font-weight: bold; font-size: 25px;}
.full-page #right-part #actualites img.actu {float: left; width: 100%; height: auto;}

.full-page #right-part #international {float: left;width: 180px;padding: 10px;background: #f2f2f2;margin-top: 20px; position: relative;}
.full-page #right-part #international h3 {float: left;width: 100%; text-transform: uppercase; color: #5c5e62; font-weight: 600; margin: 0; margin-bottom: 10px; text-align: center; text-transform: uppercase; font-family: 'Times', serif;}
.full-page #right-part #international img {float: left; width: 100%; height: auto;}







.wpcf7 p {text-transform: uppercase; font-size: 12px; float: left; width: 100%; margin-bottom: 5px;}
input.wpcf7-text {width: 100%;height: 20px;margin-bottom: 5px;}
textarea.wpcf7-textarea {width: 100%; margin-bottom: 5px; border: 1px solid #999;}
input.wpcf7-submit {background-color: #E2001A;border: none;padding: 10px 20px;color: #fff;}
input.wpcf7-file {margin-bottom: 10px;}
.wpcf7 .wpcf7-response-output,.wpcf7 .wpcf7-validation-errors {float: left; width: 325px; padding: 20px; margin: 20px 0px; border-color: #E2001A;}
span.wpcf7-not-valid-tip {float: left;background-color: #E2001A;width: 350px;color: #fff!important;padding: 10px;}
span.wpcf7-form-control {float: left;width: 100%;margin-bottom: 10px;}


/* SINGLE ET PALMARES
   .................................................................................................................................... */

.full-page #one-half {float: left; width: 365px;}
.full-page #one-half-last {float: right; width: 365px;}
.full-page #one-half h3, .full-page #one-half-last h3{float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; font-family: 'Times', serif; font-size: 20px; color:#E2001A; font-variant: small-caps; padding: 7px 0px; border-top: 1px solid #E2001A; border-bottom: 1px solid #E2001A;}


.full-page #content #one-half-palmares {float: left; width: 365px; text-align: center;}
.full-page #content #one-half-palmares img{max-width: 100%; margin-top: 20px;}
.full-page #full-enseignes {float: left; width: 100%;}
.full-page #full-enseignes li{float: left; width: 116px; height: 80px; margin-right: 10.8px; margin-bottom: 10.8px;}
.full-page #full-enseignes li:nth-child(6n) {float: left; width: 116px; height: 80px; margin-right:0px; margin-bottom: 10.8px;}
.full-page #full-enseignes li img{width: 100%;}

.full-page #full-produit {float: left; width: 100%;}
.full-page #full-produit li{float: left; width: 140px; height: 95px; margin-right: 10px; margin-bottom: 10px; text-align: center;}
.full-page #full-produit li:nth-child(5n) {float: left; width: 140px; height: 95px; margin-right:0px; margin-bottom: 10px;}
.full-page #full-produit li img{max-width: 100%; width: auto; height: auto; max-height: 100%;}


/* LA SOCIETE & L'INTERNATIONAL
   .................................................................................................................................... */


.full-page #content {float: left; width: 100%; margin-bottom: 20px;}
.full-page #content h3{float: left; text-align:center; width: 100%; margin-top: 20px; margin-bottom: 20px; font-family: 'Times', serif; font-size: 20px; color:#E2001A; font-variant: small-caps; padding: 7px 0px; border-top: 1px solid #E2001A; border-bottom: 1px solid #E2001A;}
.full-page #content #full {float: left; width: 100%;}
.full-page #content #not-full {float: left; width: 600px;}
.full-page #content img.logo-sgs {float: right;}
.full-page #content #one-half {float: left; width: 365px;}
body.page-template-page-palmares-php .full-page #content #one-half, body.page-template-page-palmares-php .full-page #content #one-half-last, 
body.single .full-page #content #one-half, body.single .full-page #content #one-half-last {margin-top: 20px;}
.full-page #content #one-half img{width: 100%; height: auto;float: left;}
.full-page #content #one-half img.ajax-loader {width: 10px!important;float: none;}

.full-page #content a.logo-nielsen {position: absolute;right: 19px;top: 500px;}

.full-page #content #one-half-last {float: right; width: 365px;}
.full-page #content #one-half-last #prix{float: left; width: 100%; margin-top: 20px;}
.full-page #content #one-half-last #navigation-single {float: left; margin-top: 20px; width: 100%;}
.full-page #content #one-half-last #navigation-single a[rel=prev]{float: left; background-image:url("images/arrow-right-pdt.png"); background-position: left;background-repeat: no-repeat; width: 33px; height: 32px;}
.full-page #content #one-half-last #navigation-single a[rel=next]{float: left; margin-right: 10px; background-image:url("images/arrow-left-pdt.png"); background-position: left;background-repeat: no-repeat; width: 33px; height: 32px;}

.full-page #content img.international {float: left; width: 100%; margin-top: 20px;}
.full-page #content #one-fourth {float: left; width: 172px; margin-right: 20px;}
.full-page #content #one-fourth-last {float: right; width: 172px;}
.full-page #content #one-fourth p, .full-page #content #one-fourth-last p {font-size: 19px; color: #E2001A;}
.full-page #content a {color: #E2001A;}


body.page-template-page-comite-php .full-page #content strong {color: #E2001A;}

/* FAQ
   .................................................................................................................................... */

.full-page #content-faq {float: left; width: 100%; margin: 20px 0px;}
.full-page #content-faq li {float: left; width: 750px; padding: 10px 0px; border-bottom: 1px solid #f2f2f2; }
.full-page #content-faq li:last-child { border: none; }
.full-page #content-faq li h3.faq { font-family:'Open sans', sans-serif; font-size:13px; font-weight:600; color: #999; padding-left:25px; width: 725px; margin-bottom: 0px; margin-top: 0px; border: none; text-transform: uppercase; cursor:pointer; background-image:url("images/arrow-faq.png"); background-position:left; background-repeat:no-repeat;}
.full-page #content-faq li .answer {display: none; float: left; width: 100%; margin-top: 20px;}
.full-page #content-faq li h3.close { background-image:url("images/arrow-faq-close.png");}


/* 7 ETAPES
   .................................................................................................................................... */

.full-page #content-etapes {float: left; width: 100%; height: 887px; position: relative; margin-top: 20px; margin-bottom: 20px; background-position: center; background-size: cover; }
.full-page #content-etapes #etape-1 {position: absolute; top: 165px; left: 32px; width: 195px;}
.full-page #content-etapes #etape-2 {position: absolute; top: 165px; left: 271px; width: 195px;}
.full-page #content-etapes #etape-3 {position: absolute; top: 165px; left: 511px; width: 195px;}
.full-page #content-etapes #etape-4 {position: absolute; top: 480px; left: 511px; width: 195px;}
.full-page #content-etapes #etape-5 {position: absolute; top: 480px; left: 271px; width: 195px;}
.full-page #content-etapes #etape-6 {position: absolute; top: 480px; left: 32px; width: 195px;}
.full-page #content-etapes #etape-7 {position: absolute; top: 758px; left: 337px; width: 265px;}
.full-page #content-etapes #etape-1 p, .full-page #content-etapes #etape-2 p, .full-page #content-etapes #etape-3 p,
.full-page #content-etapes #etape-4 p, .full-page #content-etapes #etape-5 p, .full-page #content-etapes #etape-6 p,
.full-page #content-etapes #etape-7 p {font-size: 12px;} 


/* PARTENAIRES
   .................................................................................................................................... */

.full-page #content-partenaires {float: left; width: 100%; margin-bottom: 20px;}
.full-page #content-partenaires h3{float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; font-family: 'Times', serif; font-size: 20px; color:#E2001A; font-variant: small-caps; padding: 7px 0px; border-top: 1px solid #E2001A; border-bottom: 1px solid #E2001A;}
.full-page #content-partenaires #full {float: left; width: 100%;}
.full-page #content-partenaires #full a{color:#999; font-weight: 600;}

.full-page #content-partenaires #one-fourth-1 {float: left; width: 200px; margin-right: 13px;}
.full-page #content-partenaires #one-fourth-2 {float: left; width: 200px; margin-right: 13px;}
.full-page #content-partenaires #one-fourth-3 {float: left; width: 110px;}
.full-page #content-partenaires #one-fourth-last-4 {float: right; width: 200px;}


/* ACTUALITES
   .................................................................................................................................... */

.full-page li.actu-video {float: left; width: 365px;}
.full-page li.actu-video:nth-child(2n) {float: right; width: 365px;}
.full-page li.actu-video h3{float: left; width: 100%; margin-top: 20px; margin-bottom: 0px; font-family: 'Times', serif; font-size: 16px; color:#E2001A; font-variant: small-caps; padding: 7px 0px; border-top: 1px solid #E2001A; border-bottom: none;}

.full-page li.actu-image {float: left; width: 365px;}
.full-page li.actu-image:nth-child(2n) {float: right; width: 365px;}
.full-page li.actu-image img{float: left; width: 100%; height: auto;}
.full-page li.actu-image h3{float: left; width: 100%; margin-top: 20px; margin-bottom: 0px; font-family: 'Times', serif; font-size: 16px; color:#E2001A; font-variant: small-caps; padding: 7px 0px; border-top: 1px solid #E2001A; border-bottom: none;}

.full-page li.actu-image-rayon {float: left; height:235px; width: 172.5px; margin-right: 20px; margin-top: 20px;text-align: center;}
.full-page li.actu-image-rayon:nth-child(4n) {float: right; width: 172.5px; margin-right: 0px;}
.full-page li.actu-image-rayon img{max-width: 100%;height: auto;max-height: 100%;width: auto;}


nav#pagination {float: left;width: 287px;margin-top: 20px;margin-left: 231.5px;margin-right: 231.5px;}
nav#pagination a p {color:#E2001A;}


/* FOOTER
   .................................................................................................................................... */

.full-page #footer {float:left; width: 100%; margin-top: 30px; margin-bottom: 20px;}
.full-page #footer p.copyright {font-size: 11px; text-align: center;}
.full-page #footer p.copyright a{font-weight: 600; color: #999;}


/* MEDIA QUERIES
   .................................................................................................................................... */


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
#header {position:relative; }
}