/* = REGLAGES GLOBAUX
-------------------------------------------------------------- */

.btn-cirios .vc_btn3.vc_btn3-shape-square{
    border-bottom-right-radius: 20px !important;
    border: 1px solid #1b1a5c;
}

.btn-cirios-orange .vc_btn3.vc_btn3-shape-square{
    border-bottom-right-radius: 20px !important;
    border: 1px solid #F39200;
}

.sidebar-menu-fiches{
    padding-left: 3% !important;
    position: fixed !important;
    top: 25%;
    margin-top: -2.5em;
    max-width:500px;
    z-index: 100;
}

.pre-header, .header{
    z-index: 200;
}

.menu-sidebar ul{
    list-style-type: none;
    padding-left: 0px;
}

.menu-sidebar li{
    margin-bottom:5px;
    text-align:center;
}




/* = REGLAGES FORM LOGIN RESULTATS + RETOURS DE DECO
-------------------------------------------------------------- */

.login-resultats{
    max-width: 360px;
    text-align: justify;
    margin: 0 auto !important;
    box-shadow: 4px 2px 5px #ccc;
    background-color:#fcfcfc;
    padding:25px;
}

.login-resultats p{
    text-align: justify;
    font-size:15px;
}

.login-resultats h2{
    text-align: center;
    line-height:28px;
    padding-bottom:20px;
}

.login-resultats input[type="text"], .login-resultats input[type="password"]{
    margin-bottom:20px;
}

.message-deconnexion p{
	color:#005ca9;
}

/* = REGLAGES FORMS
-------------------------------------------------------------- */

input[type="text"], textarea, input[type="email"], input, span.wpcf7-list-item-label {
    padding: 15px;
    border-radius: 10px;
    border-width: 1px;
    border-color:#1B1A5C;
}

.champs-obligatoires {
    font-size:12px;
}

::-webkit-input-placeholder { /* WebKit browsers */
opacity: 0.8;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
opacity: 0.8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
opacity: 0.8;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
opacity: 0.8;
}

.champ-cirios p{
    margin-bottom: 5px;
}

.champ-cirios{
    
}

.submit-cirios {
    background-color:#1B1A5C;
    color:#fff;
}


/* = REGLAGES RESPONSIVES
-------------------------------------------------------------- */

@media screen and (max-width: 960px) {
	
	.vc_row-fluid .vc_span3, .wpb_teaser_grid.wpb_carousel .vc_span3 {
    	width: 35% !important;
	}
	
	.vc_row-fluid .vc_span9 {
	  	 width: 60% !important;
	}
	
	.member-content p {
    	margin: 15px 0 15px 15%;
    	width: 70%;
	}
	
	.blocs-fiches p {
    	padding-left: 0px;
	}
	
	.sidebar-menu-fiches{

 		top: 23%;
  		width: 15em !important;
		margin-top: -3em;
	}
	
	.bloc-img-widget {
    	height: 20px;
	}
	
	.bloc-img-widget-top{
	   	height: 20px;
	}
		
	
	.cardios {
    	float: none !important;
		display:inline-flex;
	}
	
	.contact-centre{
		font-size: 12px;
	}

	.site-header-type3 .top-header{
		min-height: 50px;
	}
	
}


@media screen and (max-width: 759px) {
	
	.services-type1 .quadro-services li:hover .service-content {
		display: block !important;
	}
	
	.sidebar-menu-fiches{
  		width: 12em !important;
		display:none !important;
	}
	
	.bloc-img-widget {
    	height: 18px;
	}
	
	.bloc-img-widget-top{
	   	height: 18px;
	}
	
	.widget-mini-menu {
    	margin-bottom: -2px !important;
	}
	
	.content-404{
    	padding-left: 0;
	}
	
	.error-404-text p{
		padding-left:5%;
		padding-right:5%;
	}
	
		
	
	
}

/*********** Iphone portrait 
**********************************************************/
@media screen and (max-width: 460px) {
	
.vc_row-fluid .vc_span3, .wpb_teaser_grid.wpb_carousel .vc_span3 {
    	width: 100% !important;
	}
	
	.vc_row-fluid .vc_span9 {
	  	 width: 100% !important;
	}
	
	.sidebar-contact {
    	border-right: none;
    	color: #c7d301;
    	margin-bottom: 50px;
    	max-height: 800px;
    	padding-right: 3%;
    	text-align: center;
	}
	
	.bloc-presentation p {
    	padding-left: 10%;
    	padding-right: 10%;
	}
	
	.bloc-presentation h2 {
		padding-left: 10%;
    	padding-right: 10%;
		font-size:25px;
	}
	
	.bloc-presentation img {
    	margin-top: 0px;
    	padding: 0;
	}
	
	.member-content p {
    	margin: 15px 0 15px 19%;
    	width: 60%;
	}
	
	.sidebar-menu-fiches {
    	display:none !important;
	}
	
	.blocs-fiches h2 {
    	Font-size:24px;
	}
	
	.blocs-fiches img {
    	margin-top: 0px;
	}
	
}

@media screen and (max-width: 240px) {

	
}