/* ==================================================== SPECIFIC ======================================================== */

/* BANDEROLE VENDU */
div.prodribbon {
    position: relative;
    z-index: 0;
    }
img.ribbon {
    position: absolute;
    right: -3px;
    top: -3px;
    z-index: 500;
    border: 0;
    }

/* ENCARTS HOME */
#zoneEncarts {
        width: 960px;
        }
.encartHome {
        float: left;
        display: block;
        margin: 21px 21px 0px 0px;
        padding: 22px 15px 22px 15px;
        color: #444444;
        text-decoration: none;
        width: 274px;
        background-color: #ffffff;
        border: 1px solid #b0cad5;
        border-radius: 5px;
        }
.encartHomeLast {
        float: left;
        display: block;
        margin: 21px 0px 0px 0px;
        padding: 22px 15px 22px 15px;
        color: #444444;
        text-decoration: none;
        width: 274px;
        background-color: #ffffff;
        border: 1px solid #b0cad5;
        border-radius: 5px;
        }
.encartHome:hover {
        text-decoration: none;
        border: 1px solid #5e99b5;
        }
.encartHomeLast:hover {
        text-decoration: none;
        border: 1px solid #5e99b5;
        }
.encartIcone {
        display: block;
        margin: 0 auto;
        padding: 5px 5px 5px 5px;
        text-align: center;
        border: 0;
        width: 110px;
        height: 110px;
        background-color: #4f8ba7;
        border-radius: 50%;
        }
.encartIcone1 {
        display: block;
        margin: 0 auto;
        padding: 10px 9px 10px 11px;
        font-size: 2.9em;
        text-align: center;
        line-height: 1.6;
        text-decoration: none;
        color: #ecf2f5;
        border: 3px solid #ecf2f5;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        }
.encartIcone2 {
        display: block;
        margin: 0 auto;
        padding: 10px 9px 10px 11px;
        font-size: 2.9em;
        text-align: center;
        line-height: 1.6;
        text-decoration: none;
        color: #ecf2f5;
        border: 3px solid #ecf2f5;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        }
.encartIcone3 {
        display: block;
        margin: 0 auto;
        padding: 10px 9px 10px 11px;
        font-size: 2.9em;
        text-align: center;
        line-height: 1.6;
        text-decoration: none;
        color: #ecf2f5;
        border: 3px solid #ecf2f5;
        width: 84px;
        height: 84px;
        border-radius: 50%;
        }
h1.encartTitre {
		margin: 0px 0px 0px 0px;
        padding: 25px 0px 12px 0px;
        font-family: 'Ropa Sans', Arial, Verdana, Helvetica, sans-serif;
		font-weight: 400;
        color: #333333;
        font-size: 140%;
        text-transform: uppercase;
        text-align: center;
        }
div.encartTexte {
		margin: 0;
        padding: 3px 10px 0px 10px;
        font-size: 0.8em;
        text-align: center;
		line-height: 1.5em;
        }
div.encartTexte p {
		margin: 0;
        padding: 3px 10px 0px 10px;
		line-height: 1.5em;
        }
.encartClear {
		clear: both;
        }




/* ICONE FACEBOOK FOOTER */
#footer .icon-facebook {
        color: #305891;
        font-size: 2.2em;
        }



/* SLIDER */
.banner #slider_container {
	width: 960px;
	height: 350px; /* slide seul */
	}
.banner #slider_container_pagination {
	width: 960px;
	height: 380px; /* slide + pagination */
	}
.banner .slides_container {
	width: 960px;
    height: 350px;
	}
.banner .slides_container div.slide {
	width: 960px;
	height: 350px;
	}
.banner .slide-image {
	width: 960px;
	height: 350px;
	}
.banner #slides .prev {
    top: 154px;
    left: -23px;
	}
.banner #slides .next {
    top: 154px;
    right: -23px;
	}

#slider {
	z-index: 0;
	position: relative;
	/*margin: 0 auto;*/
	padding: 0px;
	line-height: 1;
	}

#slider_container {
	position: relative;
	margin: 0;
	padding: 0;
	}

#slider_container_pagination {
	position: relative;
	margin: 0;
	padding: 0;
	}

#slides {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	text-align: center; /* pour center les boutons pagination */
	}
#slides img {
	display: block;
	margin: 0;
	pading: 0;
	border: 0;
	}

/* Slides container (Important: Set the width of your slides container - Set to display none, prevents content flash) */
.slides_container {
	position: relative;
	display: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: left;
	}

/* Each slide (Important: Set the width of your slides - If height not specified height will be set by the slide content - Set to display block) */
.slides_container div.slide {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
.slide {
	/*background-color: #444444;*/
	}

/* BOUTONS NEXT - PREVIOUS */
#slides .next,#slides .prev {
	z-index: 101;
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	width: 23px;
	height: 42px;
	}
#slides .next {
	}

/* TYPE : image */
.slide-image {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	}
.slide-image img {
    position: absolute;
	}
.slide-image img.img-align-left {
	left: 0;
	}
.slide-image img.img-position-top {
	top: 0;
	}

.slide-txt-flot { /* specific */
	padding: 20px 30px 20px 30px;
	font-size: 1.7em;
	line-height: 1.2;
	}
.flot-position-top { /* specific */
	top: 70px;
	}
.flot-position-bottom { /* specific */
	bottom: 70px;
    }




/* RESPONSIVE */

#levelHeader img {
		/*max-width: 100%;*/
        /*max-height: 100%;*/
		}
#header img {
        /*width: 100%;*/
        /*height: 100%;*/
        }

#MenusMainContainer {
		visibility: visible;
		}

/* Responsive Menus */
#ResponsiveMenus {
        clear: both;
        display: none;
		position: absolute;
        top: 135px;
		margin: 0px;
        padding: 0px 0px 0px 0px;
        width: 960px;
        }
#responsive-menu {
		width: 100%;
		}
#responsive-menu form {
		}
#responsive-menu select {
		-webkit-appearance: none;
		display: block;
		margin: 0;
		padding: 6px 15px 6px 15px;
		overflow: hidden;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
		color: #ffffff;
		outline: none;
		width: 100%;
		max-width: 100%;
        background: #b6321c url("../images/navselect.gif") no-repeat right center;
		border: none;
		}
#responsive-menu option {
		display: block;
		margin: 0;
		padding-left: 25px;
		font: 12px Arial, Helvetica, sans-serif;
		color: #ffffff;
		overflow: hidden;
		outline: none;
		width: 100%;
		max-width: 100%;
		border: 0;
		}




@media screen and (max-width: 980px), 
only screen and (min-device-width : 768px) and (orientation : portrait) { /* IPAD portrait */

    #levelHeader, #levelHeader2, #header, #levelMain, #levelFooter, #footer, #zoneEncarts {
            width: 750px;
            }
    #bgHeaderHome { /* Specific */
            background: #f2f2f2 url(../images/bgHeaderHome_750.png) repeat-x 0px 0px;
        	}
    #header img { /* Specific */
            width: 100%;
            height: 100%;
            }
    #header2 {
    		padding-top: 12px;
            padding-bottom: 8px;
            width: 100%;
            }
    
    #UpperTopContainer {
            top: 90px;
            margin: 0px 0px 0px 0px;
            width: 742px;
            }
    #UpperTopContainer ul {
            font-size: 0.9em;
            }
    /*
    #UpperTopContainer ul li.Menus, #UpperTopContainer ul li.MenusSelected, #UpperTopContainer ul li.MenusFixed, #UpperTopContainer ul li.MenusFixedSelected {
            clear: both;
            padding: 4px 0px 4px 0px;
            }
    #UpperTopContainer ul li.upperTopSepar {
            padding-right: 0px;
            border-right: 0px;
            }
    #UpperTopContainer ul li.upperTopSeparExit {
            margin-left: 0px;
            border-left: 0px;
            }
    #UpperTopContainer .iconUpperTop {
            display: none;
            padding: 0;
            }
    */
    
    #flagContainer { /* Specific */
            top: 8px;
            padding: 0px 0px 0px 687px;
            }
    #slidingMenuLangues {
            top: 5px;
            padding: 0px 0px 0px 705px;
            }
    
    #banner {
            height: 291px;
            }
    .banner #slider_container {
            width: 750px;
            height: 291px; /* slide seul */
            }
    .banner .slides_container {
            width: 750px;
            height: 291px;
            }
    .banner .slides_container div.slide {
            width: 750px;
            height: 291px;
            }
    .banner .slide-image {
            width: 750px;
            height: 291px;
            }
    .banner .slide-image img {
            width: 100%;
            height: 100%;
            }
    .banner #slides .prev {
            top: 125px;
            }
    .banner #slides .next {
            top: 125px;
            }
    
    .slide-txt-flot {
            padding: 17px 22px 17px 22px;
            font-size: 1.5em;
            line-height: 1.2;
            }
    .flot-position-top {
            top: 60px;
            }
    .flot-position-bottom {
            bottom: 60px;
            }
	
    .encartHome {
            margin: 20px 20px 0px 0px;
            padding: 25px 5px 20px 5px;
            width: 225px;
            }
    .encartHomeLast {
            margin: 20px 0px 0px 0px;
            padding: 25px 5px 20px 5px;
            width: 224px;
            }
    h1.encartTitre {
            padding: 20px 0px 13px 0px;
            font-size: 120%;
            }
    
    #MenusMainContainer {
            width: 750px;
            }
    #MenusContainer ul li.SlidingMenus {
            font-size: 16px;
            }
    #MenusContainer .fg-button {
            padding: 14px 11px 13px 11px;
    		}
	.fg-button-icon-right .ui-icon { display: none; }
    
    #levelFooter {
            padding: 20px 0px 20px 0px;
            }
    
    #zone1, #zone2 {
            width: 220px;
            }
    #zone1 .inner {
            padding: 25px 20px 0px 0px;
            }
    #zone2 .inner {
            padding: 25px 0px 0px 20px;
            }
    .leftselectmenusContainer3, div.boxleft, div.boxendleftAuth div.boxleft, div.boxright {
            width: 160px;
            }
    div.boxleft, div.boxright, div.boxendleftAuth div.boxleft {
            padding: 10px 19px 15px 19px;
            }
    div.boxleft h3, div.boxright h3, .leftselectboxmenus1 li.Menus1Selected {
            font-size: 120%;
            }
    div.boxleft p.image img {
            width: 100%;
            }
    div.leftmenussep {
            height: 20px;
            }
    
    li.listItem {
            padding: 0px 10px 10px 0px;
            }
    li.last {
            padding: 0px 0px 10px 0px;
            }
    div.Item {
            padding: 0px 0px 5px 0px;
            width: 168px;
            }
    h1.prodlisttitle { /* titre */
            padding: 7px 15px 5px 15px;
            font-size: 110%;
            }
    div.prodlistprice {
            font-size: 110%;
            }
    div.prodlistdescr { /* description courte */
            padding: 3px 15px 1px 15px;
            }
    div.prodlistref, div.prodlistmoreinfo, div.prodlistprice, div.prodlistfriend, div.prodlistdata {
            padding: 3px 15px 8px 15px;
            }
}




@media screen and (max-width: 767px) { /* 768px */
	
    .imgcontcenter {
            max-width: 100%;
            }
    .imgcontcenter {
            width: 100%;
            }
    div#AntMenuNavig {
            display: none;
            }
    #levelHeader, #levelHeader2, #header, #levelMain, #levelFooter, #footer, #zoneEncarts {
            width: 600px;
            }
    
    #bgHeaderHome { /* Specific */
            background: #f2f2f2 url(../images/bgHeaderHome_600.png) repeat-x 0px 0px;
        	}
    #header2 {
    		padding-top: 22px;
            padding-bottom: 18px;
            width: 100%;
            }
    
    #UpperTopContainer {
            display: none;
            top: 85px;
            margin: 0px 0px 0px 510px;
            width: 85px;
            }
    
    #flagContainer { /* Specific */
            top: 8px;
            padding: 0px 0px 0px 537px;
            }
    #slidingMenuLangues {
            top: 5px;
            padding: 0px 0px 0px 555px;
            }
    
    #banner {
            height: 233px;
            }
    .banner #slider_container {
            width: 600px;
            height: 233px; /* slide seul */
            }
    .banner .slides_container {
            width: 600px;
            height: 233px;
            }
    .banner .slides_container div.slide {
            width: 600px;
            height: 233px;
            }
    .banner .slide-image {
            width: 600px;
            height: 233px;
            }
    .banner .slide-image img {
            width: 100%;
            height: 100%;
            }
    .banner #slides .prev {
            top: 95px;
            }
    .banner #slides .next {
            top: 95px;
            }
    
    .slide-txt-flot {
            padding: 14px 19px 14px 19px;
            font-size: 1.4em;
            line-height: 1.2;
            }
    .flot-position-top {
            top: 40px;
            }
    .flot-position-bottom {
            bottom: 40px;
            }
    
    .encartHome {
            margin: 12px 0px 0px 0px;
            padding: 18px 25px 18px 25px;
            width: 548px;
            }
    .encartHomeLast {
            margin: 12px 0px 0px 0px;
            padding: 18px 25px 18px 25px;
            width: 548px;
            }
    h1.encartTitre {
            padding: 12px 0px 8px 0px;
            font-size: 140%;
            }
    
    #contentMain {
            /*display: block;*/
            }
    #zone1 {
            display: none;
            width: 100%;
            }
    div.Item {
            padding: 0px 0px 5px 0px;
            width: 191px;
            }
    
    #MenusMainContainer {
            display: none;
            }
    #ResponsiveMenus {
            top: 137px;
            padding: 0px 2px 0px 2px;
            display: inline-block;
            width: 596px;
            }
    #responsive-menu select {
            border-radius: 6px 6px 6px 6px;
            }
}




@media screen and (max-width: 640px) { /* ELASTIQUE */
	
    .imgcontcenter {
            max-width: 100%;
            }
    .imgcontcenter {
            width: 100%;
            }
    div#AntMenuNavig {
            display: none;
            }
    #levelHeader, #levelHeader2, #header, #levelMain, #levelFooter, #footer, #zoneEncarts {
            width: 100%;
            }
	
    #bgHeaderHome { /* Specific */
            background-image: none;
        	}
    #bgHeader {
            background-image: none;
        	}
    #levelHeader {
            height: auto;
            }
    #header {
            height: auto;
            }
    #header2 {
    		padding-top: 15px;
            padding-bottom: 10px;
            width: 100%;
            background-color: #27343c;
            }
    
    #flagContainer { /* Specific */
            top: 5px;
            right: 58px;
            padding: 0px 0px 0px 0px;
            /*width: 100%;*/
            }
    #slidingMenuLangues {
            top: 3px;
            right: 10px;
            padding: 0px 0px 0px 0px;
            /*width: 100%*/
            }
    #menuLangues li ul {
            background: #4f8ba7;
            border-top: 2px solid #4f8ba7;
            border-bottom: 2px solid #4f8ba7;
            }
    
    #bannerPos {
            display: none;
            }
    
    .encartHome {
            margin: 12px 3% 0px 3%;
            padding: 18px 4% 18px 4%;
            width: 86%;
            }
    .encartHomeLast {
            margin: 12px 3% 0px 3%;
            padding: 18px 4% 18px 4%;
            width: 86%;
            }
    
    #contentMain .inner {
            padding: 20px 20px 10px 20px;
            }
    
    .par2_2_cell .par2cont, .par2_3_cell .par2cont {
            padding: 0px 20px 0px 0px;
            }
    
    #levelFooter {
            padding: 20px 0px 20px 0px;
            }
    
    li.listItem {
            float: none;
            padding: 0px 0px 15px 0px;
            }
    li.last {
            padding: 0px 0px 15px 0px;
            }
    div.Item {
            display: block;
            padding: 0px 0px 10px 0px;
            width: auto;
            }
    div.Item img {
            width: 100%;
            }
    h1.prodlisttitle { /* titre */
            padding: 10px 20px 5px 20px;
            font-size: 140%;
            height: auto;
            overflow: auto;
            }
    div.prodlistdescr { /* description courte */
            padding: 3px 20px 1px 20px;
            height: auto;
            overflow: auto;
            }
    div.prodlistref, div.prodlistmoreinfo, div.prodlistprice, div.prodlistfriend, div.prodlistdata {
            padding: 3px 20px 8px 20px;
            }
    div.prodlistref, div.prodlistdescr, div.prodlistmoreinfo, div.prodlistfriend, div.prodlistdata, .par1descr, .par2descr, #footerCol1, #footerCol2, div.antProdDisplay {
            font-size: 0.9em;
            }
    div.prodlistprice {
            font-size: 130%;
            }
    
    #ResponsiveMenus {
            position: relative;
            top: 0px;
            padding: 0px;
            display: inline-block;
            width: 100%;
            }
	#responsive-menu select {
            padding: 10px 15px 10px 15px;
            background: #c43a23 url("../images/navselect.gif") no-repeat right center;
            border-radius: 0px;
            }
    #responsive-menu select {
            }
            
    /* formulaire */
    table.Form td {
            padding-right: 0;
            padding-left: 0;
            }
    input.Input, textarea.Input, select.Select {
            width: 95%;
            }
    input[type="radio"], input[type="checkbox"] {
            width: auto;
            }
    td.ChampDescr {
            width: 60%;
            }
    td.ChampTitle {
            width: 40%;
            }
}