/*
Theme Name: Loison thème WordPress
Theme URI: 
Description: 
Author: Konfiture
Version: 1.0
Tags: 
*/

body{
	color:#10204c;
	/*font-family: "ff-netto-web-1","ff-netto-web-2",sans-serif;
	font-size:14px;*/
	font-family: "bree-1","bree-2",sans-serif;
	font-weight:300;
	font-size:15px;
	
	text-align:left;
	margin:0;
	line-height:20px;
}
#fond1{ background:#FFF url(img/fonds/fond_home.jpg) top left no-repeat fixed; }
#fond2{ background:#FFF url(img/fonds/fond_2.jpg) top left no-repeat fixed; }
#fond3{ background:#FFF url(img/fonds/fond_3.jpg) top left no-repeat fixed; }
#fond4{ background:#FFF url(img/fonds/fond_4.jpg) top left no-repeat fixed; }
#fond5{ background:#FFF url(img/fonds/fond_5.jpg) top left no-repeat fixed; }
#fond6{ background:#FFF url(img/fonds/fond_6.jpg) top left no-repeat fixed; }
#fond7{ background:#FFF url(img/fonds/fond_7.jpg) top left no-repeat fixed; }
#fond8{ background:#FFF url(img/fonds/fond_8.jpg) top left no-repeat fixed; }
#fond9{ background:#FFF url(img/fonds/fond_9.jpg) top left no-repeat fixed; }

/* fix:21-02-2018 */

#fond1,
#fond2,
#fond3,
#fond4,
#fond5,
#fond6,
#fond7,
#fond8,
#fond9{
-webkit-background-size: cover;
background-size: cover;
}

/* #fond1, #fond2, #fond3, #fond4, #fond5, #fond6, #fond7 ,#fond8 ,#fond9{
	-webkit-background-size: cover;
	background-size: cover;
} */
a{
	color:#ed7703;
	text-decoration:none;
}
a:hover{ color:#b75d0e; }

/*--------------------------------------------------------------------------------------------------------------------------------
Header
--------------------------------------------------------------------------------------------------------------------------------*/

#zoneMenu{
	background: url(img/menu.png) -20px 0px no-repeat;
	height:150px;
	width:1015px;
}


	
#menuHautDroite{
	margin:20px 0 0 0;
	text-align:right;
}
	#searchform{
		float:right;
		margin-right:20px;
	}
	#s{
		border:#bcbcbc 1px solid;
		font-size:9px !important;
		height:18px;
		margin:0;
		padding:0;
		float:left;
	}
		#searchsubmit{
			border:#bcbcbc 1px solid;
			background:url(img/search.jpg) top center no-repeat;
			border: none;
			height:20px;
			margin: 0 0 0 0px !important;
			width:20px;
			float:left;
		}
	.boutonLangue{
		float:right;
		margin:0 0 0 10px;
	}
	#baseline{
		margin:30px 50px 0 0;
		
		color:#5F6062;
		font-size:18px;
		font-style:italic;
		font-weight:400;
		letter-spacing:1px;
	}

#zoneNav{
	color:#FFF;
	text-transform:uppercase;
}
#zoneNav a{
	color:#FFF; font-size:16px; text-decoration:none; font-weight:300; letter-spacing:0.005em;
}		
		
        .menu {
            position: relative;
            height: 40px;
            padding: 0;
            margin: 0;
            overflow: hidden;
        }
                .menu li {
                    float: left;
                    list-style: none;
                }
                    .menu li.back {
                        border-bottom: 2px solid #fff;
                        width: 9px;
                        height: 28px;
                        z-index: 8;
                        position: absolute;
                    }
					.menu li.current-menu-item a { color: #10204c !important; }
					.menu li.current-menu-item a:hover { color: #fff !important; }
                    .menu li a {
                        text-decoration: none;
						font-weight:normal;
                        outline: none;
                        text-align: center;
                        top: 6px;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 28px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .menu li a:hover {
                            border: none;
							color: #10204c !important;
                        }            
/*--------------------------------------------------------------------------------------------------------------------------------
Contenu
--------------------------------------------------------------------------------------------------------------------------------*/

#zoneContenu{
	/* margin-top:120px; */
	margin-top: 60px !important;
}
	#contenuGauche{
		/**/
		padding-top:20px;
		padding-bottom:20px;
		display:block;
		left:0px;
		position:relative;
		z-index:9;
	}
	#fleche-gauche{
		background:url(img/next-gauche.png) bottom right no-repeat;
		float:right;
		height:60px;
		width:40px;
		margin:-10px 10px 0 0;
		position: relative;
	}
	.fondBlanc{ background:url(img/bg_blanc.png); display:block; }
	
	#contenuDroite{
		padding:20px;
		font-family: "bree-1","bree-2",sans-serif;
		font-weight:300;
		
		font-size:15px;


		
	}
	.force540{ width:540px !important; }
	#contenuDroite p{
		margin-bottom:20px;
	}
	#zoneGrise{
		
		background:url(img/bg_gris.png);
		width:1040px;
		/*height:270px;*/
		position: relative;
		display:block;
		margin-left:-410px;
		padding-left:10px;
	}
	#zoneContenu{
		margin-top:120px;
	}
	
	#contenuDroite ul{ margin-bottom:20px;}
	#contenuDroite ul li{
		list-style-position:inside;
		list-style-type: square;
		padding-left:20px;
	}
	#contenuDroite h3{ padding-bottom:20px;}
	
	.resultat li{ padding:10px;}
	
	.resultat li a{ font-weight:normal;}
	.extrait a{ font-weight:normal;color:#10204c;}
	
	.vignette{
		/*border:5px #ed7703 solid;*/
		margin:5px 10px 5px 0;
	}
	#contenuDroite h1{
		font-size: 20px;
		font-weight:500;
		font-style:italic;
		text-transform:uppercase;
		color:#666 !important;
		letter-spacing:2px !important;
		margin:0 0 20px 0;
	}
#contenuGauche li{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	padding-left:40px;
}

#contenuGauche li a{
	color:#10204c;
	display:block;
	padding: 10px 0 10px 0px;
	/*font-size:1.2em;*/
	/*font-weight:normal;*/
	line-height:20px;
	
	font-size:16px; text-decoration:none; font-weight:300; letter-spacing:0.005em;
}
	#contenuGauche li a:hover{ color:#ed7703; }
	#contenuGauche li.ss-menu-select {
		background:url(img/ss_menu_select.png) 12px 12px no-repeat;
	}
	#contenuGauche li.ss-menu-select a{ color:#ed7703 !important; }
	#contenuGauche li.ss-menu-select a:hover{ color:#b75d0e !important; }
/*--------------------------------------------------------------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------------------------------------------------------------*/
	
#footer{
	text-align:center;
	padding-top:40px;
	padding-bottom:30px;
	
	font-weight:300;
	font-size:13px;
}
	#footer a{
		color:#10204c;
		text-decoration: underline;
		font-weight:300;
		font-size:13px;
	}
	#footer a:hover{color:#ed7703; text-decoration:none; }

/*--------------------------------------------------------------------------------------------------------------------------------
formulaire
--------------------------------------------------------------------------------------------------------------------------------*/

form.wpcf7-form input, form.wpcf7-form textarea{
	background: #EEE ;
	border:1px #10204c solid;
	color:#10204c;
	font-family: "ff-netto-web-1","ff-netto-web-2",sans-serif;
	font-size: 14px;
	padding:5px;
}

.wpcf7-submit{ cursor:pointer; font-weight:bold; text-transform:uppercase; }

/*--------------------------------------------------------------------------------------------------------------------------------
jcarousel
--------------------------------------------------------------------------------------------------------------------------------*/
.jcarousel-skin-tango .jcarousel-container { /*border:red 1px solid;*/ }

.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal {
	/*border:blue 1px solid;*/
    
	width: 900px;
    padding: 45px 70px 0px 70px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    /*border:green 1px solid;*/
	
	width:  900px;
    height: 225px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 240px;
    height: 225px;
	margin:0 30px;
}
	/*#zoneGrise img { border:10px #c2c2c2 solid; }*/
	#zoneGrise img { border:10px #ed7703 solid; }
	/*#zoneGrise img:hover { border:10px #5f6062 solid; }*/
	#zoneGrise img:hover { border:10px #071d5b solid; }
	#zoneGrise li{ text-align:center; }
	#zoneGrise a{ 
		color:#FFF; 
		text-transform:uppercase;
		text-decoration:none;
		font-weight:normal;
		font-size:15px;
		letter-spacing:1px;
	}
	#zoneGrise a:hover{ color:#5f6062;} 
	#zoneGrise li.durable img{ border:10px #a4ba00 solid; }
	#zoneGrise li.durable img:hover{ border:10px #718311 solid; }
	
	
	
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 00px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 100px;
    right: 20px;
    width: 40px;
    height: 60px;
    cursor: pointer;
	background:url(img/carousel/next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(img/carousel/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover { opacity:.5; }

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    opacity:.0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
 	position: absolute;
    top: 100px;
    left: 20px;
    width: 40px;
    height: 60px;
    cursor: pointer;
    background: url(img/carousel/prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(img/carousel/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { opacity:.5; }

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    opacity:.0;
}
/*--------------------------------------------------------*/
/*position menu fixe
#zoneMenu{
	position: fixed;
	z-index: 9;
	top:0px;
	left:0px;
}
#zoneContenu{
	margin-top:270px !important;
}
/*--------------------------------------------------------*/

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 10px 10px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 10px 10px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */