/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
*/
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:
#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
/*html {overflow-y: scroll;}*/

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;outline: 0;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* + -----------------------------------------------------
	Fin reset
+ ----------------------------------------------------- */

/* + -----------------------------------------------------
	Float and diplay
+ ----------------------------------------------------- */
	.floatingLeft, .pull-left{float:left;}
	.floatingRight,.pull-right{float:right;}

	.desktop{display: none}
	.ipad{display:block;}

/* + -----------------------------------------------------
	Fin float and clear
+ ----------------------------------------------------- */

/* + -----------------------------------------------------
	Font class
+ ----------------------------------------------------- */

	.italic{font-family:"latoitalic", Arial, sans-serif;}
	.italicBold{font-family:"latobold_italic", Arial, sans-serif;}
	.bold{font-family:"latobold", Arial, sans-serif;}
	.light{font-family:"latolight", Arial, sans-serif;}
	.hairline{font-family:"latohairline", Arial, sans-serif;}

/* + -----------------------------------------------------
	Fin Font class
+ ----------------------------------------------------- */


/* + -----------------------------------------------------
	Globals
+ ----------------------------------------------------- */

	html, body{font-family:"latoregular", Arial, sans-serif;font-size:14px;color:#1a171b;/*line-height: 1;*/height: 100%;min-height: 100%;/*overflow-x: hidden;*/}

	#container{min-width: 768px;}

	a{text-decoration: none;color: inherit;}
	a:hover{opacity: .5}

	h1{}
	h2{}
	h3{font-size: 18px;}
	h4{}
	h5{}
	h6{}

	iframe#iframe_chargement{display:none;}
	.g-recaptcha iframe, .goog-bubble-content iframe {display: block;}

	input:-webkit-autofill {
    	-webkit-box-shadow: 0 0 0px 1000px white inset;
	}

	input[type=button],input[type=submit]{background:#3d8ecd;border:0;color:white;padding: 2px 16px;}

	.error{color:red !important;font-size:12px;}
	.succes{color: #3D8ECD;}

	div[class*="ctrl_"]{background-image: url(../img/spritesheet.png);background-repeat: no-repeat;display: block;}

	.ctrl_ {
	    background-image: url(spritesheet.png);
	    background-repeat: no-repeat;
	    display: block;
	}

	div.ctrl_bulle {
	    width: 24px;
    	height: 24px;
    	background-position: -106px -202px;
	}

	div.ctrl_agence {
	    width: 13px;
	    height: 13px;
	    background-position: -10px -10px;
	}

	div.ctrl_arrow_crit {
	    width: 22px;
	    height: 8px;
	    background-position: -43px -10px;
	}

	div.ctrl_caddie {
	    width: 16px;
	    height: 13px;
	    background-position: -85px -10px;
	}

	div.ctrl_caddieW {
	    width: 21px;
	    height: 21px;
	    background-position: -196px -47px;
	}

	div.ctrl_cart {
	    width: 17px;
	    height: 17px;
	    background-position: -121px -10px;
	}

	div.ctrl_cart2 {
	    width: 17px;
	    height: 17px;
	    background-position: -160px -10px;
	}

	div.ctrl_chevron_bas {
	    width: 10px;
	    height: 10px;
	    background-position: -199px -10px;
	}

	div.ctrl_chevron_droite {
	    width: 10px;
	    height: 10px;
	    background-position: -43px -40px;
	}

	div.ctrl_close {
	    width: 24px;
	    height: 24px;
	    background-position: -73px -49px;
	}

	div.ctrl_collapser {
	    width: 23px;
	    height: 14px;
	    background-position: -117px -49px;
	}

	div.ctrl_collapserw {
	    width: 23px;
	    height: 14px;
	    background-position: -160px -49px;
	}

	div.ctrl_deletecircle {
	    width: 19px;
	    height: 19px;
	    background-position: -10px -83px;
	}

	div.ctrl_deletefrombasket {
	    width: 13px;
	    height: 13px;
	    background-position: -117px -83px;
	}

	div.ctrl_dg, div.ctrl_dg_FR {
	    width: 17px;
	    height: 17px;
	    background-position: -150px -83px;
	}

	div.ctrl_dg_EN, div.ctrl_dg_DE{
	    width: 17px;
	    height: 17px;
	    background-position: -261px -122px;
	}


	div.ctrl_download {
	    width: 17px;
	    height: 17px;
	    background-position: -189px -83px;
	}

	div.ctrl_fb {
	    width: 19px;
	    height: 20px;
	    background-position: -10px -122px;
	}

	div.ctrl_fulltext_search {
	    width: 37px;
	    height: 37px;
	    background-position: -49px -122px;
	}

	div.ctrl_globe {
	    width: 13px;
	    height: 13px;
	    background-position: -106px -122px;
	}

	div.ctrl_larrow {
	    width: 29px;
	    height: 10px;
	    background-position: -139px -122px;
	}

	div.ctrl_ld,div.ctrl_ld_FR {
	    width: 17px;
	    height: 17px;
	    background-position: -188px -122px;
	}

	div.ctrl_ld_EN,div.ctrl_ld_DE {
	    width: 17px;
	    height: 17px;
	    background-position: -261px -156px;
	}

	div.ctrl_phone {
	    width: 17px;
	    height: 17px;
	    background-position: -261px -204px;
	}

	div.ctrl_mail {
	    width: 16px;
	    height: 11px;
	    background-position: -106px -161px;
	}

	div.ctrl_next {
	    width: 14px;
	    height: 24px;
	    background-position: -142px -161px;
	}

	div.ctrl_oeil {
	    width: 21px;
	    height: 21px;
	    background-position: -176px -161px;
	}

	div.ctrl_photocuisine {
	   /* width: 16px;
	    height: 16px;
	    background-position: -229px -10px;*/
	    width: 16px;
    height: 24px;
    background-position: -229px -4px;
	}

	div.ctrl_previous {
	    width: 14px;
	    height: 24px;
	    background-position: -228px -46px;
	}

	div.ctrl_print {
	    width: 17px;
    	height: 17px;
    	background-position: -228px -83px;
	}

	div.ctrl_puce_home {
	    width: 14px;
	    height: 14px;
	    background-position: -227px -129px;
	}

	div.ctrl_recettes {
	    width: 13px;
	    height: 13px;
	    background-position: -10px -46px;
	}

	div.ctrl_remove_crit {
	    width: 20px;
		height: 21px;
		background-position: -217px -163px;
		display: inline-block;
		float: right;
		margin-right: 10px;
		margin-top: 3px;
		cursor:pointer;
	}

	div.ctrl_remove_panier {
	    width: 13px;
	    height: 13px;
	    background-position: -10px -163px;
	}

	div.ctrl_restriction {
	    width: 18px;
	    height: 18px;
	    background-position: -10px -203px;
	}

	div.ctrl_inreport{
		width: 18px;
	    height: 18px;
	    background-position: -261px -82px;
	}

	div.ctrl_novelties{
		width: 18px;
	    height: 18px;
	    background-position: -78px -82px;
	}

	div.ctrl_coeur{
		width: 18px;
	    height: 18px;
	    background-position: -42px -82px;
	}

	div.ctrl_sofood {
	    width: 13px;
	    height: 13px;
	    background-position: -49px -204px;
	}

	div.ctrl_stockfood {
	    width: 44px;
	    height: 24px;
	    background-position: -176px -204px;
	}

	div.ctrl_studio {
	    width: 13px;
	    height: 13px;
	    background-position: -82px -204px;
	}

	div.ctrl_user {
	    width: 11px;
	    height: 13px;
	    background-position: -265px -10px;
	}

	span#loading{background: #3d8ecd;border: 0;color: white;padding: 6px 16px;display: inline-block;position: absolute;z-index: 9000;margin: auto;left: 0;right: 0;top: 0;bottom: 0;height: 28px;min-width: 210px;max-width: 270px;text-align: center;}


	.progress-bar {
                /* background-color: #1a1a1a; */
    height: 12px;
    padding: 0;
    width: 350px;
    margin: 70px 0 20px 0;
    -moz-border-radius: 0;
    /* -webkit-border-radius: 0; */
    /* border-radius: 0; */
    -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    /* -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; */
    /* box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; */
    z-index: 90001;
    position: absolute;
    left: 0;
    right: 0;
    top: 38px;
    bottom: 0;
    margin: auto;
    min-width: 210px;
    max-width: 270px;
        }

        .progress-bar span {
            display: inline-block;
            height: 100%;
			background-color: #777;
            -webkit-transition: width .4s ease-in-out;
			-moz-transition: width .4s ease-in-out;
			-ms-transition: width .4s ease-in-out;
			-o-transition: width .4s ease-in-out;
			transition: width .4s ease-in-out;
        }

		/*---------------------------*/

        .gray span {
            background-color: #dimgrey;
        }

		/*---------------------------*/

		.stripes span {
            -webkit-background-size: 30px 30px;
            -moz-background-size: 30px 30px;
            background-size: 30px 30px;
			background-image: -webkit-gradient(linear, left top, right bottom,
								color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
								color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
								color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
								to(transparent));
            background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);

            -webkit-animation: animate-stripes 0.7s linear infinite;
            -moz-animation: animate-stripes 0.7s linear infinite;
		}

        @-webkit-keyframes animate-stripes {
			0% {background-position: 0 0;} 100% {background-position: 60px 0;}
        }


        @-moz-keyframes animate-stripes {
			0% {background-position: 0 0;} 100% {background-position: 60px 0;}
        }

		/*---------------------------*/


	#customConfirm{position: fixed;
    z-index: 100001;
    width: 404px;
    /* height: 138px; */
    background: #FFF;
    padding: 0 1px;
    border: solid #41719c 2px;
    padding: 36px;}
	#customConfirm p{/*padding: 20px*/;text-align: center;font-size: 14px;margin-bottom: 14px;}
	#customConfirm div.confirm-button{background: #9dc3e6;
    margin: 1px;
    text-align: center;
    padding: 5px 12px;
    color: #2e75b6;
    display: inline-block;
    margin: 0 34px;}
	#customConfirm div.confirm-button a{display: block;}
	#customConfirm div.confirm-button a:hover{opacity: 1}
	/*#customConfirm div.confirm-button.no{background:white;border:solid 1px #3D8ECD;color:#3D8ECD }*/

	form[id^=antiScrolling] input[type=text]{border:0;border-bottom:solid black 1px;text-align: right;width: 100%;max-width: 34px;}

	#nex_page_link{margin: 1em;text-align: center;}
	#previous_page_link{margin: 1em;text-align: center;margin-right: 250px;}

	#nex_page_link a,#previous_page_link a{background: #3d8ecd;border: 0;color: white;padding: 2px 16px;margin-bottom: 10px;display: inline-block;}

	.modal-overlay{top: 0;left: 0;width: 100%;height: 100%;z-index: 2042;overflow: hidden;position: fixed;background-color: rgba(229, 229, 229, 0.952941);display:none;}
	.modal-wrap{top: 0;left: 0;width: 100%;/*height: 100%;*/z-index: 2043;position: fixed;outline: 0!important;-webkit-backface-visibility: hidden;/*overflow-y: scroll;*/overflow-x: hidden;display:none;bottom:0;}
	.modal-container{text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	.modal-content{    left: 0;
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 2045;}
	.modal-custom-content{max-width: 720px;
    margin: 10px auto;
    position: relative;
    z-index: 9999999999;}
	.modal-post-box{    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #E6E6E6;
    color: #6F6E6E;
    padding: 40px 50px 49px;
    margin: auto;
    /*position: absolute;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}


	.modal-post-box.login{padding:30px 24px;color:black;width: 786px;height: 546px;position: relative;line-height: 1}
	.modal-post-box.login h3{text-align: left;margin-bottom: 44px;text-transform: uppercase;}
	.modal-post-box.login form{margin-bottom: 20px}
	.modal-post-box.login input[type=text],
	.modal-post-box.login input[type=password],
	.modal-post-box.login input[type=submit],
	.modal-post-box.login input[type=button]{display: block;border:solid #3d8ecd 1px;margin-bottom:16px;max-width:260px;width:100%;padding: 4px; }

	.modal-post-box.login div{/*margin-bottom:16px;*/max-width: 354px;width: 100%;}

	.modal-post-box.login div#sinscrire{/*width:100%;max-width: initial;color:#3d8ecd;*/max-width:286px}
	.modal-post-box.login div#sinscrire h3{margin-bottom: 18px}
	.modal-post-box.login div#sinscrire div{/*background-color: #d9e6fa; */margin: 24px auto;width: 100%;max-width: initial;padding-top: 62px;}
	.modal-post-box.login div#sinscrire hr{border-top: solid #3d8ecd 1px;max-width: 110px;width: 100%;}

	.modal-post-box.identification{padding:30px 24px;color:black;width: 940px;height: 698px;position: relative;}
	.modal-post-box.identification h3{text-align: left;margin-bottom: 28px;/*text-transform: uppercase;*/}
	.modal-post-box.identification input[type=text],
	.modal-post-box.identification input[type=password],
	.modal-post-box.identification input[type=submit],
	.modal-post-box.identification select,
	.modal-post-box.identification input[type=button]{display: block;border:solid #3d8ecd 1px;/*margin-bottom:24px;*/max-width:310px;width:100%;padding: 4px; }

	.modal-post-box.identification #identification-left .row{display:table-row;border-bottom: solid transparent 22px;}


	.modal-post-box.infosPhoto{padding:30px 0 30px 0;max-width:800px;}

	.modal-post-box.infosPhoto #nav {max-width: 700px;margin:0 auto 15px auto;text-align: center}
	.modal-post-box.infosPhoto #nav div[class^=ctrl_]{display: inline-block}
	.modal-post-box.infosPhoto #nav a:nth-child(2){margin:0 20px;}

	.modal-post-box.infosPhoto #titre {max-width: 700px;margin:0 auto 20px auto;text-align: center;font-size: 22px;color:black;}
	.modal-post-box.infosPhoto #titre div[class^=ctrl_]{display: inline-block;/*vertical-align: bottom;*/}
	.modal-post-box.infosPhoto #titre span{font-size: 20px;}

	.modal-post-box.infosPhoto #mR-wrapper{margin-bottom: 20px;}
	.modal-post-box.infosPhoto #mR-content{max-width: 100%;background: none repeat scroll 0 0 #F8F8F8;}


	.modal-post-box.infosPhoto #about-picture {}
	.modal-post-box.infosPhoto #about-picture div[class^=ctrl_]{display: inline-block;text-align: center;vertical-align: middle;}
	.modal-post-box.infosPhoto #about-picture div[class^=ctrl_] + span{color:black;}


	.modal-post-box.infosPhoto #about-picture ul li{margin-bottom: 10px;color:#808080;}
	.modal-post-box.infosPhoto #about-picture ul li:nth-child(1){margin: 30px 0;}
	.modal-post-box.infosPhoto #about-picture ul li span{color:#000;}

	.modal-post-box.infosPhoto #about-picture ul.liste_format li{margin:0;}

	.modal-post-box.aide{font-size: 1rem;}
	.modal-post-box.aide h3,.modal-post-box.aide ul{margin-bottom: 14px;}
	.modal-post-box.aide ul{list-style-type:octal;list-style-position: inside;}
	.modal-post-box.aide li{margin:6px 0px;}
	.modal-post-box.aide div{margin: 8px 0px;line-height: 1.4;}
	.modal-post-box.aide div+h3{margin-top: 14px;}

	.modal-post-box.mdprecreer{position: inherit;color:black;padding: 10px;}
	.modal-post-box.mdprecreer h3{text-align: left;margin-bottom: 24px;margin-top:10px;}
	.modal-post-box.mdprecreer form{margin-bottom: 20px}
	.modal-post-box.mdprecreer input[type=text],
	.modal-post-box.mdprecreer input[type=password],
	.modal-post-box.mdprecreer input[type=submit],
	.modal-post-box.mdprecreer input[type=button]{display: block;border:solid #3d8ecd 1px;margin-bottom:16px;max-width:360px;width:100%;padding: 4px; }

	#customOverlay{top: 112px;left: 0px;width: 100%;height: 100%;z-index: 2042;overflow: hidden;position: fixed;background-color: rgba(229, 229, 229, 0.952941);display:none;}

/* + -----------------------------------------------------
	Menu
+ ----------------------------------------------------- */

#header{position:relative;}
#header .ipad.menu #logo{text-align: center;  height: 150px;}
#header .ipad.menu #logo img.petit{}
#header .ipad.menu #hidden_menu{position: absolute;right: 10px;top: 52px;width: 50px;height: 50px;z-index: 2044;}
#header .ipad.menu #hidden_menu.active{background-color: #000;}
#header .ipad.menu #hidden_menu div.ctrl_collapser,#header #hidden_menu div.ctrl_collapserw{margin: 18px auto;cursor: pointer;}

#header .ipad.menu #hidden_menu_menu{background-color: #FFF;border-left: solid 2px #000;position: absolute;right: 0;top: 0;z-index: 2042;display: none;}
#header .ipad.menu #hidden_menu_menu ul{padding:0px 142px 0 46px;}
#header .ipad.menu #hidden_menu_menu ul:first-child{padding-top: 102px;}
#header .ipad.menu #hidden_menu_menu ul:first-child + div{background-color: #000;height: 1px;margin: 0 92px 26px 36px;}
#header .ipad.menu #hidden_menu_menu ul li{margin-bottom:26px;}

#header .desktop.menu{padding-top:10px;}
#header .desktop.menu ul{margin-top: 10px;}
#header .desktop.menu ul li{display: inline-block;}
#header .desktop.menu ul:nth-child(2) li{display: block;float:left;}
#header .desktop.menu ul:first-child li{/*text-transform: lowercase;*/margin:0 15px;text-align: center;}
#header .desktop.menu ul:first-child li div[class^=ctrl_]{margin:0 auto;}
#header .desktop.menu ul:first-child li a.active, #header .desktop.menu ul:first-child li a:hover{text-decoration: underline}

#header .desktop.menu ul:first-child + ul li{padding: 0 30px;border-right: solid #8D8D8D 1px;height: 26px;}
#header .desktop.menu ul:first-child + ul li div[class^=ctrl_]{margin: 8px 0;}
#header .desktop.menu ul:first-child + ul li div[class^=ctrl_globe] span{margin-left:-20px;}
#header .desktop.menu ul:first-child + ul li:first-child{padding:0px 10px;}
#header .desktop.menu ul:first-child + ul li:first-child div[class^=ctrl_]{margin-top:0;}
#header .desktop.menu ul:first-child + ul li div[class^=ctrl_globe] span{margin-left:-20px;}
#header .desktop.menu ul:first-child + ul li:last-child{margin-right:20px;position:relative;}

#header .desktop.menu ul:first-child + ul li:last-child span.user::before{width: 0;height: 0;border-left: 5px solid rgba(0, 0, 0, 0);border-right: 5px solid rgba(0, 0, 0, 0);border-bottom: 5px solid #808080;display: block;content: '';position: absolute;top: -5px;margin: 0 auto;left: 0;right: 0;}
#header .desktop.menu ul:first-child + ul li:last-child span.user::after{width: 0;height: 0;border-left: 5px solid rgba(0, 0, 0, 0);border-right: 5px solid rgba(0, 0, 0, 0);border-bottom: 5px solid #FFF;display: block;content: '';position: absolute;top: -3px;margin: 0 auto;left: 0;right: 0;}
#header .desktop.menu ul:first-child + ul li:last-child span.user{font-size: 10px;position: absolute;right: 0;border-top: solid #808080 1px;padding-top: 2px;width: 100%;text-align: center;}
#header .desktop.menu ul:first-child + ul li:last-child span.user + #userMenu{display: none;position: absolute;background-color: white;right: 0;z-index: 100;top:26px;width: 120px;}
#header .desktop.menu ul:first-child + ul li:last-child span.user + #userMenu ul{margin-top:0;}
#header .desktop.menu ul:first-child + ul li:last-child span.user + #userMenu ul li{text-align: right;border-bottom: solid black 1px;border-right: 0;padding: 0;display: block;margin: 0;font-size: 11px;line-height: 16px;height: inherit;    text-transform: inherit;float: none;border-left: 0;}
#header .desktop.menu ul:first-child + ul li:last-child span.user + #userMenu ul li:last-child{border-bottom: 0;}

#header .desktop.menu ul:first-child + ul li:last-child span.user + #userMenu ul li a{text-decoration: none}

#header .desktop.menu ul:first-child + ul li:last-child span.user + #userMenu ul li:hover{background:#ededed;color:#3d8ecd;}

#header .desktop.menu ul:first-child + ul li:last-child span.user:hover + #userMenu,#header .desktop.menu ul:first-child + ul li:last-child span.user + #userMenu:hover{display: block;}


#header .desktop.menu ul:first-child + ul li:nth-child(2){position: relative;border-right: 0;}
#header .desktop.menu ul:first-child + ul li:nth-child(3){    border-left: solid #8D8D8D 1px;}
#header .desktop.menu ul:first-child + ul li:nth-child(2):hover{padding-bottom: 14px;height:auto;}
#header .desktop.menu ul:first-child + ul li:nth-child(2):hover ul.language, #header .desktop.menu ul:first-child + ul li:nth-child(2) ul.language:hover{display: block}
#header .desktop.menu ul:first-child + ul li:nth-child(2) ul.language::before{width: 0;height: 5px;border-left: 5px solid rgba(0, 0, 0, 0);border-right: 5px solid rgba(0, 0, 0, 0);border-bottom: 5px solid #808080;display: block;content: '';position: absolute;top: -5px;margin: 0 auto;left: 0;right: 0;}
#header .desktop.menu ul:first-child + ul li:nth-child(2) ul.language::after{width: 0;height: 0;border-left: 5px solid rgba(0, 0, 0, 0);border-right: 5px solid rgba(0, 0, 0, 0);border-bottom: 5px solid #FFF;display: block;content: '';position: absolute;top: -3px;margin: 0 auto;left: 0;right: 0;}
#header .desktop.menu ul:first-child + ul li:nth-child(2) ul.language{font-size: 10px;position: absolute;right: 0;border-top: solid #808080 1px;padding-top: 2px;width: 100%;text-align: center;display:none;margin-top: 0;    padding-top: 6px;}
#header .desktop.menu ul:first-child + ul li:nth-child(2) ul.language li{display: inline;border:0;height:auto;float: none;padding: 0;margin: 0}
#header .desktop.menu ul:first-child + ul li:nth-child(2) ul.language li:nth-child(2){position: static;padding: 0;border-right: solid #808080 1px;margin: 0;border-left: solid #808080 1px;}
#header .desktop.menu ul:first-child + ul li:nth-child(2) ul.language li:last-child{padding: 0;position: static;margin:0;}

#header .desktop.menu ul:first-child + ul li:nth-child(2) ul.language li a{padding: 0 5px;}

#header .desktop.menu ul:first-child + ul li:nth-child(3),
#header .desktop.menu ul:first-child + ul li:nth-child(4),
#header .desktop.menu ul:first-child + ul li:nth-child(5){position: relative;}
#header .desktop.menu ul:first-child + ul li:nth-child(3):hover ul.message, #header .desktop.menu ul:first-child + ul li:nth-child(3) ul.message:hover,
#header .desktop.menu ul:first-child + ul li:nth-child(4):hover ul.message, #header .desktop.menu ul:first-child + ul li:nth-child(4) ul.message:hover,
#header .desktop.menu ul:first-child + ul li:nth-child(5):hover ul.message, #header .desktop.menu ul:first-child + ul li:nth-child(5) ul.message:hover
{display: block}

#header .desktop.menu ul:first-child + ul li:nth-child(5).hover ul.message, #header .desktop.menu ul:first-child + ul li:nth-child(5) ul.message.hover
{display: block}

#header .desktop.menu ul:first-child + ul li:nth-child(3) ul.message::before,
#header .desktop.menu ul:first-child + ul li:nth-child(4) ul.message::before,
#header .desktop.menu ul:first-child + ul li:nth-child(5) ul.message::before
{width: 0;height: 5px;border-left: 5px solid rgba(0, 0, 0, 0);border-right: 5px solid rgba(0, 0, 0, 0);border-bottom: 5px solid #808080;display: block;content: '';position: absolute;top: -5px;margin: 0 auto;left: 0;right: 0;}
#header .desktop.menu ul:first-child + ul li:nth-child(3) ul.message::after,
#header .desktop.menu ul:first-child + ul li:nth-child(4) ul.message::after,
#header .desktop.menu ul:first-child + ul li:nth-child(5) ul.message::after
{width: 0;height: 0;border-left: 5px solid rgba(0, 0, 0, 0);border-right: 5px solid rgba(0, 0, 0, 0);border-bottom: 5px solid #FFF;display: block;content: '';position: absolute;top: -3px;margin: 0 auto;left: 0;right: 0;}
#header .desktop.menu ul:first-child + ul li:nth-child(3) ul.message,
#header .desktop.menu ul:first-child + ul li:nth-child(4) ul.message,
#header .desktop.menu ul:first-child + ul li:nth-child(5) ul.message
{font-size: 10px;position: absolute;right: 0;border-top: solid #808080 1px;padding-top: 2px;width: 100%;text-align: center;display:none;margin-top: 0;    padding-top: 6px;}
#header .desktop.menu ul:first-child + ul li:nth-child(3) ul.message li,
#header .desktop.menu ul:first-child + ul li:nth-child(4) ul.message li,
#header .desktop.menu ul:first-child + ul li:nth-child(5) ul.message li
{display: inline;border:0;height:auto;float: none;padding: 0;margin: 0}
#header .desktop.menu ul:first-child + ul li:nth-child(3) ul.message li:nth-child(3),
#header .desktop.menu ul:first-child + ul li:nth-child(4) ul.message li:nth-child(4),
#header .desktop.menu ul:first-child + ul li:nth-child(5) ul.message li:nth-child(5)
{position: static;padding: 0;border-right: solid #808080 1px;margin: 0;border-left: solid #808080 1px;}
#header .desktop.menu ul:first-child + ul li:nth-child(3) ul.message li:last-child,
#header .desktop.menu ul:first-child + ul li:nth-child(4) ul.message li:last-child,
#header .desktop.menu ul:first-child + ul li:nth-child(5) ul.message li:last-child
{padding: 0;position: static;margin:0;}

#header .desktop.menu ul:first-child + ul li:nth-child(3) ul.message li a,
#header .desktop.menu ul:first-child + ul li:nth-child(4) ul.message li a,
#header .desktop.menu ul:first-child + ul li:nth-child(5) ul.message li a{padding: 0 5px;}

#header .desktop.menu #logo{margin: 0 auto;text-align: center;/* min-height: 131px; */width: 184px;}

/* + -----------------------------------------------------
	Simple Search
+ ----------------------------------------------------- */

form#simpleSearchForm{max-width: 510px;width:100%;margin: 0px auto 13px auto;position: relative;}
form#simpleSearchForm input[type=text]{width: 100%;height: 44px;border: 0;border-bottom: solid 6px #000;padding-left: 10px;border-radius: 0;color: #A00D59;font-size: 22px;/*text-transform: capitalize;*/font-style: italic;outline: 0;}
form#simpleSearchForm input[type=text] + div{position:absolute;top:0;right:0;}

form#simpleSearchForm input[type=text]::-webkit-input-placeholder { color:#000;font-size: 12px; padding-top: 12px;font-style:normal;}
form#simpleSearchForm input[type=text]::-moz-placeholder { color:#000; } /* firefox 19+ */
form#simpleSearchForm input[type=text]:-ms-input-placeholder { color:#000; } /* ie */
form#simpleSearchForm input[type=text]:-moz-placeholder { color:#000; }

/* + -----------------------------------------------------
	Home
+ ----------------------------------------------------- */

#diaporama{max-width: 650px;margin: 20px auto;/*overflow: hidden;*/position: relative;min-height:240px}
#diaporama div{max-width: 544px;overflow: hidden;margin:0 auto;}
#diaporama ul{}
#diaporama li{display: inline-block;width:544px;}
#diaporama div.ctrl_previous{position: absolute;left: 10px;top: 0;z-index: 2041;cursor: pointer;margin: auto;bottom: 0;}
#diaporama div.ctrl_next{position: absolute;right: 10px;top: 0;z-index: 2041;cursor: pointer;margin: auto;bottom: 0;}

#home_links_container{position: absolute;
    top: 291px;
    width: 100%;
    left: 0;
    right: 0;}


ul#home_links{text-align: center;/*position: absolute;*/width: 100%;overflow: hidden;/*margin-top: 30px;*/}
ul#home_links li{margin: 15px 0px;font-size: 19px;}
/*ul#home_links li:first-child{position: absolute;left: 14px;margin: 0;top: 22px;height: 22px;}*/

ul#home_links li div.ctrl_puce_home{display: inline-block;vertical-align: middle;}

ul#cadreBottom{}
ul#cadreBottom li:first-child{position:absolute;bottom:20px;left:20px;}
ul#cadreBottom li:last-child{position:absolute;bottom:20px;right:20px;font-size: 11px;text-align: right;color:#595959;}
ul#cadreBottom li:last-child p{margin-right:10px;}

/* + -----------------------------------------------------
	Studio
+ ----------------------------------------------------- */

	#diaporama.studio{max-width: 940px;margin: 20px auto;height: 226px;position: relative;}
	#diaporama.studio div{max-width: 400px;overflow: hidden;margin: 0 auto;}
	#diaporama.studio ul{text-align: center}
	#diaporama.studio li{display: inline-block;width:400px;}
	#diaporama.studio div.ctrl_previous{position: absolute;left: -20px;margin: auto;z-index: 2041;cursor: pointer;top: 0;bottom: 0;}
	#diaporama.studio div.ctrl_next{position: absolute;right: -20px;margin: auto;z-index: 2041;cursor: pointer;top: 0;bottom: 0;}

/* + -----------------------------------------------------
	Register
+ ----------------------------------------------------- */

#register{max-width: 510px;width:100%;margin: 0 auto;border-collapse: collapse;}
#register h3{text-align: left;}
/*#register h3::after{content:"\A";white-space: pre}*/

#register label{/*text-transform: uppercase;*/color: black;display: table-cell;padding: 4px;
    vertical-align: middle;}
/*#register label::before{content:"\A\A";white-space: pre}*/

#register input[type=text], #register select{display:table-cell}

#register label.checkbox{text-transform: inherit;}
/*#register label.checkbox::before{content:'\A';white-space: pre}
#register label.checkbox::after{content:'\A\A';white-space: pre}*/
#register label.checkbox input{height:13px; width:13px; padding:0;/* margin-top:6px; margin-bottom:6px;*/}

#register div.submitRegister{/*text-align: center;*/}
/*#register div.submitRegister::before{content:'\A\A';white-space: pre}*/


/* + -----------------------------------------------------
	page
+ ----------------------------------------------------- */
section#page{/*min-width: 690px;*/padding-top: 0;}


/* + -----------------------------------------------------
	Media queries
+ ----------------------------------------------------- */

@media only screen and (min-width: 320px) {

}
@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 768px) and (max-width: 1024px){



}

@media only screen and (min-width: 1200px) {

	.ipad	{display: none}
	.desktop{display: block;}

	/* + -----------------------------------------------------
		Home
	+ ----------------------------------------------------- */
		#diaporama{max-width: 1000px;margin: 20px auto;/*overflow: hidden;*/position: relative;height:394px;}
		#diaporama div{max-width: 500px;}
		#diaporama div.ctrl_previous{position: absolute;left: 10px;top: 0;z-index: 2041;cursor: pointer;margin: auto;bottom: 0;}
		#diaporama div.ctrl_next{position: absolute;right: 10px;top: 0;z-index: 2041;cursor: pointer;margin: auto;bottom: 0;}
		#diaporama div{max-width: 1000px;overflow: hidden;margin: 0 auto;}
		#diaporama div img{display: block;width:898px;}

		#home_links_container{position: absolute;top: 166px;width: 100%;}

		ul#home_links{bottom:0;}
		ul#home_links li{display: inline-block;margin:0 0px;position: relative;top: 250px;width:240px;-webkit-transition: top 1s;transition: top 1s;}
		ul#home_links li:hover{top:5px;}
		ul#home_links li > div:first-child{height: 66px;line-height: 66px;background: white;}
		ul#home_links li > div:first-child a{display: block;height: 290px;}
		ul#home_links li:hover > div:first-child{border:solid #b2b2b2 1px;}
		ul#home_links li:hover > div:first-child div.ctrl_puce_home{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
		ul#home_links li > div:last-child{height:240px;display: block ;background:white;}

	/* + -----------------------------------------------------
		Register
	+ ----------------------------------------------------- */
		form#simpleSearchForm,#register{max-width:630px}

		#customConfirmOverlay {top: 194px;}

		.modal-post-box.infosPhoto{padding:20px 50px 49px;}
		.modal-post-box.infosPhoto .columns{float: left;}
		.modal-post-box.infosPhoto #mR-wrapper{margin:0;}
		.modal-post-box.infosPhoto #mR-content{/*max-width: 500px;*/}

		.modal-post-box.infosPhoto #about-picture dl dt{/*float: left; */  margin-left: 0;margin-right: 0.52083%;/*width: 10%;*/clear: both;font-weight: bold;/*padding-bottom: .5em;*/display: inline-block;}
		.modal-post-box.infosPhoto #about-picture dl dd{/*float: left; */  margin-left: 0.52083%;margin-right: 0;/* width: 57.29167%; */vertical-align: bottom;/*padding-bottom: .5em;*/display: inline;}


	/* + -----------------------------------------------------
		Studio
	+ ----------------------------------------------------- */

	#diaporama.studio{max-width: 1000px;margin: 20px auto;overflow: hidden;height: 394px;}
	#diaporama.studio div{max-width: 1000px;overflow: hidden;margin: 0 auto;}
	#diaporama.studio div img{width:898px}
	#diaporama.studio ul{text-align: center}
	#diaporama.studio li{display: inline-block;width:800px;}
	#diaporama.studio div.ctrl_previous{position: absolute;left: 0;margin: auto;z-index: 2041;cursor: pointer;top: 0;bottom: 0;}
	#diaporama.studio div.ctrl_next{position: absolute;right: 0;margin: auto;z-index: 2041;cursor: pointer;top: 0;bottom: 0;}

}


/* ========================================================================
*
* liste filtres selectionnes
*
* ======================================================================== */
 #filtres_tl{max-width: 250px;padding: 0 0px 0 0px;margin: 0;}
 #filtres_tl ul.sel_filtres {}
 #filtres_tl ul.sel_filtres li:before{content:"";background: url(../img/spritesheet.png);height: 8px;width: 22px;display: block;background-position: -43px -10px;line-height: 14px;float: left;margin-right: 10px;margin-top: 10px;margin-left: 14px;}
 #filtres_tl ul.sel_filtres li{height: 28px;background-color: #D9E6FA;line-height: 28px;margin-bottom: 0 !important;font-size: 11px !important;}
 #filtres_tl ul.sel_filtres li:not(:first-child){}

 .showmore { padding: 0;    list-style-type: none; display : none;}


/* ========================================================================
*
* menu sucré salé
*
* ======================================================================== */

.rgpd{
  border-bottom: solid #b3b3b3 1px;
  box-shadow: inset 0px -11px 0px -10px #f2f2f2;
  padding: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.rgpd a{
  color: blue;
  text-decoration: underline;
}

.rgpd button{
  align-self: center;
  margin : 0 20px;
  padding: 10px;
  width: 100px;
  background: #3d8ecd;
  color:white;
  border: solid #FFF 1px;
  border-radius: 6px;
}