/* ==================================================== RESPONSIVE ======================================================== */

/* RESPONSIVE */

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

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

/* menu qui se centre */
#MenusContainer ul {
        margin: auto;
        float: none;
        width: 90%;
        padding-bottom: 10px;
        }
        
    /* formulaire */
    div.formItem label {
            width: 52%;
            }
    input.Input, textarea.Input, select.Select {
            width: 100%;
            }
    input[type="radio"], input[type="checkbox"] {
            width: auto !important;
            }
}



@media screen and (max-width: 767px) { /* 768px = ELASTIQUE */ 

/* aparation du menu responsive à la place de l'autre menu */
    /* menus */
  /*  #MenusMainContainer {
            display: none;
            }*/
    #ResponsiveMenus {
            position: relative;
            top: 0px;
            display: inline-block;
            width: 100%;
            }
	#responsive-menu select {
            padding: 10px 6% 10px 6%;
            }
}




@media screen and (max-width: 640px) {
	
    /* formulaire */
    div.formItem label {
            float: none;
            margin: 8px 0px 2px 0px;
            padding: 0px 0px 0px 0px;
            width: 100%;
            }
    input.Input, textarea.Input, select.Select {
            width: 95%;
            font-size: 16px;
            }
    input.Input, textarea.Input {
            padding: 5px 6px 5px 6px;
            }
    select.Select {
            padding: 5px 3px 5px 3px;
            }	
    
}
@media screen and (max-width: 460px) {

}