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

/* STYLES PARAGRAPHE CARTE */ 
.contCarte{
	width: 100%; 
	padding-top: 15px;
	}
.contCarte .colCarteDescr{
	width:60%; 
	float: left;
	}
.contCarte .colCartePrice{
	width: 40%; 
	text-align: right; 
	float: left;
	font-weight: bold;
	font-style: italic;
	}
.contCarte .colCarteClear{
	clear: left; 
	border-bottom: 1px solid #ddd; 
	padding-top: 15px;
	}
.antpar1 .par1descr:last-child .colCarteClear{
	border: 0px;
	}
/* BOUTON TOP */
#btn_up {
        position: fixed;
        bottom: 20px;
        right: 20px;
        cursor: pointer;
        display: none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        color: #ffffff;
        font-size: 12px;
        line-height: 40px;
        text-align: center;
        border-radius: 5px;
        box-shadow: 0 0 0 1px #dddddd;
        background: none repeat scroll 0 0 #d6217a;
        border: 2px solid #ffffff;    
        height: 40px;
        width: 40px;
        }


/* FACEBOOK */
.facebook {
        margin-top: 15px;
        }


/* SLIDER */
.banner #slider_container {
	width: 920px;
	height: 240px; /* slide seul */
	}
.banner #slider_container_pagination {
	width: 920px;
	height: 270px; /* slide + pagination */
	}
.banner .slides_container {
	width: 920px;
    height: 240px;
	}
.banner .slides_container div.slide {
	width: 920px;
	height: 240px;
	}
.banner .slide-image {
	width: 920px;
	height: 240px;
	}
.banner #slides .next, .banner #slides .prev {
    bottom: 0px;
    right: 31px;
	}
.banner #slides .next {
    right: 0px;
	}

#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 {
	}

/* BOUTONS NEXT - PREVIOUS */
#slides .next,#slides .prev {
	z-index: 101;
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	width: 31px;
	height: 31px;
	}
#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;
	}


/* ZONE LIENS CONTEXTUELS FOOTER */
#zoneLiensContextuels {
        display: none;
        
        margin: 0px;
		padding: 0px;
        width: 920px;
        }
#zoneLiensContextuels div.boxendleft {
        margin: 0px auto 20px auto;
        padding: 0px 0px 0px 0px;
        width: 92%;
        }
#zoneLiensContextuels div.boxleft {
        margin: 0px 0px 0px 0px;
        padding: 7px 0px 12px 0px;
        width: 100%;
        background-color: #ebe7de;
        border-radius: 4px;
        }
#zoneLiensContextuels div.boxleft h3 {
        margin:  0px 0px 0px 0px;
        padding: 10px 20px 5px 20px;
        font-size: 80%;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        color: #d6217a;
        }
#zoneLiensContextuels div.boxleft p {
        margin: 0px 0px 0px 0px;
        padding: 5px 20px 5px 20px;
        font-size: 70%;
        color: #494b53;
		line-height: 1.3em;
		text-align: justify;
		text-justify: auto;
        }
#zoneLiensContextuels div.boxleft p.lm_text {
        display: block;
        margin: 0px;
        padding: 5px 20px 5px 20px;
        font-size: 70%;
        color: #494b53;
        }
#zoneLiensContextuels div.boxleft p.image {
        display: block;
        margin: 0px;
        padding: 6px 19px 3px 19px;
        font-size: 70%;
        color: #494b53;
		text-align: left;
        }    
#zoneLiensContextuels div.boxleft p a {
        padding-left: 15px;
        font-weight: bold;
        color: #d6217a;
        text-decoration: none;
        background: url(../images/fleche.gif) no-repeat 0px 0px;
        }
#zoneLiensContextuels div.boxleft p a:hover {
        padding-left: 15px;
        font-weight: bold;
        color: #d6217a;
        text-decoration: underline;
        }
#zoneLiensContextuels div.boxleft p.lm_text a {
        font-weight: normal;
        color: #494b53;
        text-decoration: underline;
        }
#zoneLiensContextuels div.boxleft p.lm_text a:hover {
        font-weight: normal;
        color: #d6217a;
        text-decoration: underline;
        }
#zoneLiensContextuels div.boxleft p.image a {
        padding-left: 0px;
        font-weight: normal;
        color: #494b53;
        text-decoration: underline;
        background-image: none;
        }
#zoneLiensContextuels div.boxleft p.image a:hover {
        font-weight: normal;
        color: #d6217a;
        text-decoration: underline;
        }
#zoneLiensContextuels div.boxleft img {
		border: 0px;
        }
#zoneLiensContextuels div.boxleft p.image img {
		border: 2px solid #ffffff;
        }




/* RESPONSIVE */

#MenusMainContainer {
        visibility: visible;
        }

/* Responsive Menus */
#ResponsiveMenus {
        clear: both;
        display: none;
        position: absolute;
        top: 135px;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        width: 960px;
        z-index: 1001;
        }
#responsive-menu {
        width: 100%;
        }
#responsive-menu form {
        }
#responsive-menu select {
        -webkit-appearance: none;
        display: block;
        margin: 0;
        padding: 7px 15px 7px 25px;
        overflow: hidden;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        color: #ffffff;
        outline: none;
        width: 100%;
        max-width: 100%;
        background: #d6217a url("../images/navselect_white.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, #levelMain, #levelFooter, #footer, #zoneLiensContextuels, #boxLangues {
            width: 750px;
            }
    
    /* slider */
    #banner {
            height: 196px;
            }
    .banner #slider_container {
            width: 750px;
            height: 196px; /* slide seul */
            }
    .banner .slides_container {
            width: 750px;
            height: 196px;
            }
    .banner .slides_container div.slide {
            width: 750px;
            height: 196px;
            }
    .banner .slide-image {
            width: 750px;
            height: 196px;
            }
    .banner .slide-image img {
            width: 100%;
            height: 100%;
            }
    
    /* menus */
    #MenusMainContainer {
            width: 750px;
            }
    #MenusContainer {
            padding: 30px 0px 0px 250px;
            width: 500px;
            }
    #MenusContainer ul li.Menus a, #MenusContainer ul li.MenusSelected a, #MenusContainer ul li.MenusFixed {
            margin: 0px 0px 0px 17px;
            padding: 0px 1px 16px 1px;
            font-size: 0.75em;
            }
    
    /* content */
    #contentMain .inner {
            padding: 10px 20px 20px 20px;
            }
    
    /* sous-paragraphes */
    h1 {
    		clear: both;
            }
    .par2_line {
            display: block;
            }
    .par2_1_cell {
            display: block;
            width: 100%;
            }
    .par2_2_cell, .par2_2_cell_last {
            float: left;
            display: block;
            width: 50%;
            }
    .par2_3_cell, .par2_3_cell_last {
            float: left;
            display: block;
            width: 50%;
            }
    .par2_4_cell, .par2_4_cell_last {
            float: left;
            display: block;
            width: 50%;
            }
    .par2_2_cell .par2cont, .par2_2_cell_last .par2cont, .par2_3_cell .par2cont, .par2_3_cell_last .par2cont, .par2_4_cell .par2cont, .par2_4_cell_last .par2cont {
            padding: 0px 0px 10px 0px;
            }
    .par2cont, .par2cont img, .par2cont a img {
            max-width: 100%;
            }
    
    /* galerie */
    .imgGalerieResp li {
            float: left;
            margin: 5px  5px 5px 5px;
            padding: 0;
            }
    
    /* footer */
    #footerZone1 {
            width: 250px;
            }
    #footerCol1 {
            padding: 0px 0px 0px 20px;
            width: 230px;
            }
    #footerCol2 {
            margin: 0px;
            padding: 17px 0px 0px 20px;
            width: 230px;
            }
    #footerZone2 {
            line-height: 1.8em;
            width: 270px;
            }
    #footerCol3 {
            padding: 28px 0px 0px 50px;
            width: 220px;
            }
    #footerCol4 {
            padding: 0px 0px 0px 50px;
            width: 220px;
            }
    #footerCol5 {
            padding: 28px 0px 0px 25px;
            width: 195px;
            }
    
    
    /* formulaire */
    input.Input, textarea.Input, select.Select {
            width: 260px;
            }
    input[type="radio"], input[type="checkbox"] {
            width: auto;
            }
    td.ChampDescr {
            width: 270px;
            }
}



@media screen and (max-width: 767px) { /* 768px = ELASTIQUE */ 
    
    div#AntMenuNavig {
            display: none;
            }
    
    #levelHeader, #levelMain, #levelFooter, #footer {
            width: 100%;
            }
    
    #boxLangues {
            margin: 0 6% 0 0;
            width: 94%;
            }
    #boxLangues ul.navlangues li.Langues {
            padding: 0px 0px 0px 15px;
            }
    
    /* menus */
    #MenusMainContainer {
            width: 100%;
            }
    #MenusContainer {
            display: none;
            }
    #ResponsiveMenus {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 100%;
            }
	#responsive-menu select {
            border-radius: 0px;
            }
    
    /* content */
    #contentMain .inner {
            margin: 0px 30px 0px 30px;
            padding: 10px 0px 25px 0px;
            }
    #zone1, #zone2 {
            display: none;
            }    
    
    /* footer zone liens contextuels */
    #zoneLiensContextuels {
            display: block;
            width: 100%;
            }
    
    /* footer */
    #levelFooter {
            padding: 20px 0px 30px 0px;
            }
    /*
    #footerZone1 {
            float: left;
            width: 270px;
            }
    #footerCol1 {
            float: left;
            padding: 0px 0px 0px 30px;
            width: 240px;
            }
    #footerCol2 {
            clear: left;
            margin: 0px;
            padding: 20px 0px 0px 30px;
            width: 240px;
            }
    */
    #footerZone1 {
            float: none;
            margin: 0px auto 20px auto;
            padding: 0px 0px 0px 0px;
            width: 92%;
            background-color: #ebe7de;
            border-radius: 4px;
            }
    #footerCol1, #footerCol2 {
            float: none;
            margin: 0px 0px 0px 0px;
            padding: 7px 20px 12px 20px;
            width: auto;
            }
    #footerZone2 {
            float: left;
            width: 220px;
            }
    
    #footerCol3 {
            float: left;
            padding: 10px 0px 0px 30px;
            width: 190px;
            }
    #footerCol4 {
            clear: left;
            padding: 0px 0px 0px 30px;
            width: 190px;
            }
    #footerCol5 {
            float: none;
            clear: both;
            padding: 25px 0px 0px 30px;
            width: 240px;
            }
    #footer h4 {
            padding: 9px 0px 10px 0px;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 120%;
            color: #d6217a;
            text-transform: uppercase;
            }
    
    /* 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%;
            }
}



@media screen and (max-width: 460px) {
	    
    /* sous-paragraphes */
    h1 {
    		clear: both;
            }
    .par2_line {
            display: block;
            }
    .par2_1_cell {
            display: block;
            width: 100%;
            }
    .par2_2_cell, .par2_2_cell_last {
            float: none;
            display: block;
            width: 100%;
            }
    .par2_3_cell, .par2_3_cell_last {
            float: none;
            display: block;
            width: 100%;
            }
    .par2_4_cell, .par2_4_cell_last {
            float: none;
            display: block;
            width: 100%;
            }
    .par2_2_cell .par2cont, .par2_2_cell_last .par2cont, .par2_3_cell .par2cont, .par2_3_cell_last .par2cont, .par2_4_cell .par2cont, .par2_4_cell_last .par2cont {
            padding: 0px 0px 10px 0px;
            width: 100%;
            }
    .par2cont, .par2cont img, .par2cont a img {
            width: 100%;
            height: auto;
            max-width: 100%;
            }

    /* mire authentification */
    td img {
            display: none; /* cacher icone */
            }
    td {
            padding: 0;
            width: 1%;
            }
    td.authfieldtitle {
            padding: 10px 2% 10px 2%;
            text-align: right;
            width: 36%;
            }
    td.authfield {
            padding: 10px 2% 10px 2%;
            width: 55%;
            }
    input.authinput, textarea.authinput {
            padding: 3px 5px 4px 5px;
            width: 90%;
            }
    td.authfield input.authsubmit, td.authfield input.largebutton {
            padding: 0px 2% 0px 2%;
            width: 96%;
            }
}



@media screen and (max-width: 360px) {
	
    #header {
            top: 20px;
            }
}