@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Abel);



@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */

/*------------------------------------------------------------------------------------------------------------------------*/
/* RESET !! */
/*------------------------------------------------------------------------------------------------------------------------*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, 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, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav 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;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

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

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */


input, select {
    vertical-align:middle;
}




/******************************/
/*#########################  BALISE DE BASE  ##############################*/

body, html{height:100%;}
html { -webkit-font-smoothing: antialiased; }

body{
	margin:0;
	padding:0;
	width:100%
	font-family: 'Open Sans', sans-serif;
	background-color:#fff;
	overflow-x:hidden;
	
	-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
}
nav ul{
margin: 0; padding: 0;
list-style: none;
}
    nav a{border-bottom: 0;}

address{
font-style:normal; 
}

strong{font-weight: bold;}

p{
font-family: Arial, Helvetica, sans-serif;
line-height:125%;
font-size: 1.1rem;
font-weight:normal;
color:#351409;
}

h1, h2, h3, h4, h5, h6{
padding: 0; margin: 0;
font-weight: normal;
line-height: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
border: 0;
}

h1, .h1{
font-family:sans-serif;
font-size: 34px; font-size: 3.4rem; /* =34px*/
line-height: 34px; line-height: 3.4rem;/* =30px*/
text-transform: uppercase;
margin:0 0 30px 0;
}

    
h2, .h2{
font-family:BebasNeueRegular, sans-serif;
font-size: 32px; font-size: 3.2rem; /* =28px*/
line-height: 36px; line-height: 3.6rem;/* =30px*/
margin: 30px 0 16px 0;
text-transform: none;
color:#351409;
}
    h2 strong, .h2 strong{font-family:sans-serif; text-transform: uppercase;}

h3, .h3{
font-family:lobster two, sans-serif;
font-size: 22px; font-size: 2.2rem; /* =24px*/
line-height: 22px; line-height: 2.2rem; /* =24px*/
text-transform: none;
font-weight:700;
font-style:italic;
margin: 24px 0 14px 0;
color:#351409;
}
h4, .h4{
font-family:abel;
font-size: 14px; font-size: 1.4rem; /* =16px*/
line-height: 14px; line-height: 1.4rem; /* =16px*/

margin: 20px 0 0 0;
}
h5, .h5{
font-family:sans-serif;
font-size: 15px; font-size: 1.5rem; /* =16px*/
line-height: 15px; line-height: 1.5rem; /* =16px*/
text-transform: normal;
font-weight: bold;
margin: 20px 0 0 0;
color:#351409;
}

h5 span{
color:#d4190f;
}

h6, .h6{
    
}


p, ul, ol, table{
margin-top: 12px;
margin-bottom: 12px;
padding: 0;
}
ul.sans_puce{list-style: none;}

ul.list{
	padding:0 0px 0px 10px;
	
}

ul.list li{
	padding:0px 20px 0px 10px;
	list-style:none;
	background:url(../img/ev-li.gif) no-repeat left 5px;
	font-family:abel;
	font-size:1.3em;
	float:left;
}

ul.list-brun{
	padding:0 0px 0px 10px;
	
}

ul.list-brun li{
	padding:0px 20px 0px 10px;
	list-style:none;
	background:url(../img/ev-li.gif) no-repeat left 5px;
	font-family:abel;
	font-size:1.3em;
	float:left;
}

ul.list-brun li a{
color:#351409;	
}
ul.list-brun li a:hover{
color:#f2ac1e;	
}


ul.listv{
	padding:0 15px 0px 10px;
	float:left;	
}

ul.listv li{
	padding:0px 0px 0px 10px;
	list-style:none;
	background:url(../img/ev-li.gif) no-repeat left 5px;
	font-family:abel;
	font-size:1.3em;
}



a{color:#e31a19; text-decoration: none;}
/*a:visited{color:#735599;}*/
a:hover{color:#fc9919; border: 0;}
    
    a img{border: 0;}

small{
font-size:0.6em;
line-height:1.1em;
}

strong, b{
font-weight: bold;
}
{clear:both;border-bottom:1px dotted #ccc;margin:40px 0;padding-top:20px;}

    /*--- Éléments pour formulaire ---*/
    form{margin:0; padding: 0;}
    
    select, .button, input, button, .bouton, .bouton:hover ,textarea{
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    border-radius:      3px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-family: abel, sans-serif;
    font-size: 14px; font-size: 1.4rem; /* =14px*/
    line-height: 14px; line-height: 1.4rem; /* =14px*/
    }
        button img, .bouton img{vertical-align: middle;}
    
    button, .bouton{
    height: 10%;
    padding: 0 8px;
    background: #147587 url(../img/bouton_bg.gif) repeat-x top; /*vieux navigateur*/
    background: -webkit-linear-gradient( #2ca5b9, #147587);
    background:    -moz-linear-gradient( #2ca5b9, #147587);
    background:     -ms-linear-gradient( #2ca5b9, #147587);
    background:      -o-linear-gradient( #2ca5b9, #147587);
    background:         linear-gradient( #2ca5b9, #147587);
    border-color:#116a7b;
    color: #fff;
    cursor: pointer;
    }
    button:hover, .bouton:hover{
    background-color: #178699; background-image: url(../img/bouton_bg_hover.gif); /*vieux navigateur*/
    background: -webkit-linear-gradient( #33b2c3, #178699);
    background:    -moz-linear-gradient( #33b2c3, #178699);
    background:     -ms-linear-gradient( #33b2c3, #178699);
    background:      -o-linear-gradient( #33b2c3, #178699);
    background:         linear-gradient( #33b2c3, #178699);
    border-color:#147a8d;
    }
    button:active, .bouton:active{
    background-color: #2ca5b9; background-image: url(../img/bouton_bg_active.gif); /*vieux navigateur*/
    background: -webkit-linear-gradient( #147587, #2ca5b9);
    background:    -moz-linear-gradient( #147587, #2ca5b9);
    background:     -ms-linear-gradient( #147587, #2ca5b9);
    background:      -o-linear-gradient( #147587, #2ca5b9);
    background:         linear-gradient( #147587, #2ca5b9);
    border-color:#116a7b;
    }
    input + button{
    margin-left: 5px;
    }
    
    .bouton, .bouton:hover{line-height: 34px; color: #fff;}
    
    /* Petit Bouton*/
    .button, button.petit, .bouton.petit, .bouton.petit:hover{
    font-size: 12px; font-size: 1.2rem; /* =12px*/
    line-height: 12px; line-height: 1.2rem; /* =12px*/
    font-weight: bold;
	cursor:pointer;
    }
    
    .button, button.petit, .bouton.petit{
    height: 28px;
    padding: 0 8px;
    background: #eee; /*vieux navigateur*/
    background: -webkit-linear-gradient( #fff, #eee);
    background:    -moz-linear-gradient( #fff, #eee);
    background:     -ms-linear-gradient( #fff, #eee);
    background:      -o-linear-gradient( #fff, #eee);
    background:         linear-gradient( #fff, #eee);
    border-color:#ccc;
    color: #137385;
	cursor:pointer;
    }
    .button, button.petit:hover, .bouton.petit:hover{
    background: #fff; /*vieux navigateur*/
    background: -webkit-linear-gradient( #fff, #f5f5f5);
    background:    -moz-linear-gradient( #fff, #f5f5f5);
    background:     -ms-linear-gradient( #fff, #f5f5f5);
    background:      -o-linear-gradient( #fff, #f5f5f5);
    background:         linear-gradient( #fff, #f5f5f5);
    border-color:#ddd;
    color: #2ca5b9;
	cursor:pointer;
    }
    .button, button.petit:active, .bouton.petit:active{
    background: #eee; /*vieux navigateur*/
    background: -webkit-linear-gradient( #eee, #fff);
    background:    -moz-linear-gradient( #eee, #fff);
    background:     -ms-linear-gradient( #eee, #fff);
    background:      -o-linear-gradient( #eee, #fff);
    background:         linear-gradient( #eee, #fff);
    border-color:#ccc;
    color: #137385;
	cursor:pointer;
    }

    .button, .bouton.petit, .bouton.petit:hover{line-height: 28px;cursor:pointer;}
	select{
	width:99%;
	padding:8px;
	background: #fff url(../img/input_bg.png) repeat-x top; /*vieux navigateur*/
    background: -webkit-linear-gradient( #ccc, #fff 5px);
    background:    -moz-linear-gradient( #ccc, #fff 5px);
    background:     -ms-linear-gradient( #ccc, #fff 5px);
    background:      -o-linear-gradient( #ccc, #fff 5px);
    background:         linear-gradient( #ccc, #fff 5px);
    border-color:#666;
	}
	
    input, textarea{
    padding:8px;
	width:95%;
    background: #fff url(../img/input_bg.png) repeat-x top; /*vieux navigateur*/
    background: -webkit-linear-gradient( #ccc, #fff 5px);
    background:    -moz-linear-gradient( #ccc, #fff 5px);
    background:     -ms-linear-gradient( #ccc, #fff 5px);
    background:      -o-linear-gradient( #ccc, #fff 5px);
    background:         linear-gradient( #ccc, #fff 5px);
    border-color:#666;
    }
    
    input[type="search"]{
    -webkit-appearance: textfield;
    }
    
    /*style de l'attribut placeholder HTML5 */
    ::-webkit-input-placeholder{color:#999; font-style: italic;}
    input:-moz-placeholder{color:#999; font-style: italic;}

    .form{}
        .form h1{
        margin-left: 26%;
        padding-bottom: 12px;
        }
        
        .form p{
		
        margin: 0;
        }
        
        .form span{
        display: inline-block;
        width:100%;
        margin: 6px 0;
        vertical-align: top;
        position: relative;
        }
        
            .form label{
            text-align: right;
            width: 25%;
            margin-right: 1%;
            display: inline-block;
			font-family:abel;
            }
            
            .form input{
            width:68%;
            margin-bottom: 5px;
            }
            
            .form .btnCont{margin:6px 0 0 26%;}
    
    
        input.error{
        border-color:#d9531e;
        background-color: #feffaa;
        background: -webkit-linear-gradient( #d0d18b, #feffaa 5px);
        background:    -moz-linear-gradient( #d0d18b, #feffaa 5px);
        background:     -ms-linear-gradient( #d0d18b, #feffaa 5px);
        background:      -o-linear-gradient( #d0d18b, #feffaa 5px);
        background:         linear-gradient( #d0d18b, #feffaa 5px);
        }
        
		input[type="checkbox"] {
			display:none;
			font-family:abel;
		}
		input[type="checkbox"] + label span {
			display:inline-block;
			width:19px;
			height:19px;
			margin:-1px 4px 0 0;
			vertical-align:middle;
			background:url(../img/check_radio_sheet.png) left top no-repeat;
			cursor:pointer;
			font-family:abel;
		}
		input[type="checkbox"]:checked + label span {
			background:url(../img/check_radio_sheet.png) -19px top no-repeat;
			font-family:abel;
		}
		
		label.partiel{
		 margin-right:20px;
		 font-family: abel, sans-serif; 
		 font-size: 14px; 
		 font-size: 1.4rem; 
		 line-height: 14px; 
		 line-height: 1.4rem;
		 display:block;
		 width:40%;
		 min-width:150px; 
		 float:left;
		}
		label.select{
		margin-bottom:10px;
		 font-family: abel, sans-serif; 
		 font-size: 14px; 
		 font-size: 1.4rem; 
		 line-height: 14px; 
		 line-height: 1.4rem;
		 display:block;
		 width:100%;
		 min-width:150px; 
		 float:left;
		}
		
		label.plein{
		 font-family: abel, sans-serif; 
		 font-size: 14px; font-size: 1.4rem; 
		 line-height: 14px; line-height: 1.4rem;
		 display:block;
		 width:40%;
		 min-width:150px;
		 float:left;
		}
		
		
		
        .form label.error{
        margin: 0 0 0 26%;
        text-align: left;
        width: auto;
        display: block;
        font-size: 13px; font-size: 1.3rem; /* =13px*/
        color: #666;
        line-height: normal;
        }
        
        .mainError{
        display: none;
        margin: 10px 0;
        padding:8px 10px;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.13); 
        -moz-box-shadow:    0 0 5px rgba(0,0,0,.13);
        box-shadow:         0 0 5px rgba(0,0,0,.13);
        background: #fff;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
        border-radius:      3px;
        position: relative;
        }
        .mainError::after{
        content: '';
        display: block;
        background: url(../img/amp_d.gif) no-repeat;
        width: 16px; height: 8px;
        position: absolute;
        bottom:-8px;
        left:8px;
        }
		
    	/*CAPCHAT*/
		#capcha{float:none;padding-left:120px;}
		.capchatReload{height:70px;clear:both;margin:0;background:url(../img/refreshCap.gif) no-repeat left top;padding:10px 0 0 32px;border:none;}
		#capchatimg{width:100px;margin:0 10px 5px 0;clear:both;}
/*------------------------------------------------------------------------------------------------------------------------*/
/* HCARD microformats */
/*------------------------------------------------------------------------------------------------------------------------*/

	.type{display: none;}

/*------------------------------------------------------------------------------------------------------------------------*/
/* input type file */
/*------------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------------*/
/* TOP */
/*------------------------------------------------------------------------------------------------------------------------*/  

	#tuile_top{
	width:100%;
	position:absolute;
	z-index:99;
	top:0;
	}
	
		#tuile_top img{
		border: none;
		display: block;
		margin: 0 auto;
		max-width: 100%;
		}
			
	#hautmenu{
	width:100%;
	position:absolute;
	bottom:0;
	z-index:99;
	}
	
		#hautmenu img{
		border: none;
		display: block;
		margin: 0 auto;
		max-width: 100%;
		}
		

/*------------------------------------------------------------------------------------------------------------------------*/
/* SLIDE */
/*------------------------------------------------------------------------------------------------------------------------*/  


.cbp-fwslider {
    position: relative;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0px 0 0px;
	max-height:607px;
}
 
.cbp-fwslider ul {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    list-style-type: none;
}
 
.cbp-fwslider ul li {
    transform: translateZ(0);
    float: left;
    display: block;
    margin: 0;
    padding: 0;
}
 
 .cbp-fwslider ul li.rose {
background:url('../img/slide/couleurs/rose.jpg') repeat-x left;
}
 .cbp-fwslider ul li.bleu {
background:url('../img/slide/couleurs/bleu.jpg') repeat-x left;
}
 .cbp-fwslider ul li.jaune {
background:url('../img/slide/couleurs/jaune.jpg') repeat-x left;
}

 .cbp-fwslider ul li.orange {
background:url('../img/slide/couleurs/orange.jpg') repeat-x left;
}
 
.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div {
    display: block;
    text-align: center;
    outline: none;
}
 
.cbp-fwslider ul li > a img {
    border: none;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
 

.cbp-fwdots {
    position: absolute;
    bottom: 0;
	width:100%;
    white-space: nowrap;
    text-align: center;
	z-index:100;
	left:250px;
	
}
 
.cbp-fwdots span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #351409;
    margin: 4px;
    border-radius: 50%;
    cursor: pointer;
	
}
 
.cbp-fwdots span:hover {
    background: #f2ac1e;
}
 
.cbp-fwdots span.cbp-fwcurrent {
    background: #f2ac1e;
    box-shadow: 0 0 0 2px #f2ac1e;
    transition: box-shadow 0.2s ease-in-out;
}




/*------------------------------------------------------------------------------------------------------------------------*/
/* MAIN */
/*------------------------------------------------------------------------------------------------------------------------*/  
	#mainCont{		
	min-height: 100%;
	position: relative;
	
	-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
	}

	#head-main{position:relative;}

    #mainCont p{text-align:justify;text-justify:distribute;}


	div[role="main"]{
	max-width:1010px;
	position:relative;
	margin:0 auto;
	min-height:600px;
	padding: 0 20px 0 20px;
	}	

	
	/*--- Liens rapides -- */
    nav#liensRapides{
    overflow: hidden;
    padding: 0 5px 5px 5px;;
    margin: 0 -5px 0 -5px;
	width:100%;
	min-width:200px;
    }
    
        nav#liensRapides ul li{
        width:19%;
		min-width:180px;
        height:90px;
        margin:20px 0 0px 0;
        float: left;
		display:block;
        }
		
        nav#liensRapides ul li + li{margin-left: 1%;}
        
        nav#liensRapides ul li a{
        display: block;
        width: 100%; height: 100%; 
        position: relative;
        background-repeat: no-repeat;
        background-position: left top;
		
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
        }
           
		 nav#liensRapides ul li a.current{
				background-position: left bottom;
				}
		   
        a.lien_coeur{
        background-image: url(../img/coeur-lien.jpg);
        }
			 nav#liensRapides ul li a.lien_coeur h1{
			 color:#e41a19;
			 padding: 16px 0px 0px 80px;
			 width:auto;
			 }
			 
			 nav#liensRapides ul li a.lien_coeur h1:hover, nav#liensRapides ul li a.lien_coeur h1.current{
			 color:#fff;
			 }
           
		
		a.lien_creme{
        background-image: url(../img/creme-lien.jpg);

        }
			 nav#liensRapides ul li a.lien_creme h1{
			 color:#fc124e;
			 padding: 29px 0px 0px 47px;
			width:auto;
			 height:60px;
			 }
			 
			 nav#liensRapides ul li a.lien_creme h1:hover, nav#liensRapides ul li a.lien_creme h1.current{
			 color:#fff;
			 }
            
		
		a.lien_gelato{
        background-image: url(../img/gelato-lien.jpg);

        }
			 nav#liensRapides ul li a.lien_gelato h1{
			 color:#80ca22;
			 padding: 29px 0px 0px 85px;
			 width:auto;
			 height:60px;
			 }
			 
			 nav#liensRapides ul li a.lien_gelato h1:hover, nav#liensRapides ul li a.lien_gelato h1.current{
			 color:#fff;
			 }
            
		
		a.lien_dessert{
        background-image: url(../img/dessert-lien.jpg);

        }
             nav#liensRapides ul li a.lien_dessert h1{
			 color:#30c1fe;
			 padding: 16px 0px 0px 70px;
			width:auto;
			 }
			 
			 nav#liensRapides ul li a.lien_dessert h1:hover, nav#liensRapides ul li a.lien_dessert h1.current{
			 color:#fff;
			 }
			
		a.lien_breuvage{
        background-image: url(../img/breuvage-lien.jpg);

        }
            
             nav#liensRapides ul li a.lien_breuvage h1{
			 color:#fc9919;
			 padding: 29px 0px 0px 65px;
			 width:auto;
			 height:60px;
			 }
			 
			 nav#liensRapides ul li a.lien_breuvage h1:hover, nav#liensRapides ul li a.lien_breuvage h1.current{
			 color:#fff;
			 }
            
        
            nav#liensRapides ul li a h1{
            color: #333;
            font-size: 18px; font-size: 1.6rem; /* =18px*/
            line-height: 18px; line-height: 1.6rem; /* =18px*/
            font-family: lobster two , sans-serif;
            font-weight: 700;
            text-transform: none;
            padding: 8px 0px 8px 60px;
            margin: 0;
			font-style:italic;
            display: block;
			width:68%;
			height:72px;
			vertical-align:middle;
            }

             
                #liensRapides img, #liensRapides .over{
                position: absolute;
                bottom:0; right: 0;
                }
                
                #liensRapides .over{
                padding: 0;
                display: none;
                width: 70px; height: 68px;
                z-index: 2;
                background-size: contain;
                }
				
                #liensRapides a:hover .over{display: block;}
				
				
	
	
		 nav#petitMenu{
		 margin:20px 0 0 0;
		 padding:0;
		 }
            
            #petitMenu ul{
            text-align: left;
           
            }
                #petitMenu li, #petitMenu a{
                padding: 0;
                display: inline-block;
                }
				
                #petitMenu li{
                padding: 0 6px 0 0px;
                }
				
				#petitMenu li:after{
                content:'•';
				padding-left:7px;
				color:#f2ac1e;
                }
				
                #petitMenu li:first-child{
                border: 0;
                padding-left: 0;
                }
				 #petitMenu li:last-child{
                border: 0;
                padding-right: 0;
				content:0;
                }
				
				#petitMenu li:last-child:after{
				content:normal;
                }
                    #petitMenu a{
                    font-size: 11px; font-size: 1.1rem; /* =11px*/
                    line-height: 11px; line-height: 1.1rem; /* =11px*/
                    font-family: Abel, sans-serif;
                    text-transform: normal;
                    color: #351409;
                    text-decoration: none;
                    white-space: pre;
                    }
                    
                    #petitMenu a:hover, #petitMenu a.current{
                    color:#f2ac1e;
                    }
			
			/*--- col ACCUEIL --*/		
			#colGauche-acc{
			width:52%;
			min-width:250px;
			float:left;
			margin-right:5%;
			}
			
			#colDroite-acc{
			width:42%;
			float:left;
			min-width:250px;
		
			}
				#colDroite-acc p {
				min-width:250px;
				}
			
				#colDroite-acc #privilege img{
				width:100%;				
				min-width:250px;
				max-width:403px;
				}
				#colDroite-acc #privilege {
				margin-top:0;
				display:block;
				min-width:250px;
				max-width:403px;
				}
				
				
			/*--- COL AUTRE --*/	
				
			.colGauche{
			width:47%;
			min-width:250px;
			float:left;
			margin-right:5%;
			}
			
			.colDroite{
			width:47%;
			float:left;
			min-width:250px;
		
			}
				.colDroite p {
				min-width:250px;
				}
			
				.colDroite #privilege img{
				width:100%;				
				min-width:250px;
				max-width:403px;
				}
				.colDroite #privilege {
				margin-top:0;
				display:block;
				min-width:250px;
				max-width:403px;
				}
				
				
				
				
			.colGauche-in{
			width:60%;
			float:left;
			margin-right:4%;
			text-align:left;
			min-width:250px
			}
			.colGauche-in p{
			text-align:left;
			}
			
			.colDroite-in{
			width:35%;
			float:left;
			}
					.sundea{
					width:100%; 
					max-width:350px; 
					min-width:350px;
					margin-top:20px;
					}
					
					.sundea-mini{
					margin-top:0px; 
					width:100%; 
					min-width: 220px; 
					max-width:220px;
					float:left;
					margin-right:25px;
					}
			
			
			
			#coupcoeur{
			border-bottom:3px dotted #ff9600;
			border-top:3px dotted #ff9600;
			}
			
			
	aside#accAside{
	margin-top:50px;			
	}
			
			/**blocAside**/
			aside .blocAside{						
			float:left;
			width:31.33%;
			min-width:250px;			
			}			

			aside #cremerieR{
			margin:0 2.4% 0 1.5%;
			height:225px;
			}
			
					aside #cremerieR img{
					width:100%;
					
					max-width:299px;
					}
			
			aside #produitEmporter{					
			float:left;
			}
					
					aside #produitEmporter img{					
					width:100%;
					max-width:265px;
					
					}
				
					
			h5.lienh5{
			margin:0 0 20px 0;
			padding:0;
			text-align:right;
			font-size:1.2em;
			font-family:abel;
			}
			
				h5.lienh5 a{
				color:#351409;
				}
				
				h5.lienh5 a:hover{
				color:#d4190f;
				}
				
/* STYLE POUR LES PAGE DE PRODUITS */
				
.line-product{
margin:20px 0 0 0;
padding:0;
width:105%;
min-width:250px;
}
		.line-product li{
		background:none;
		list-style:none;
		display:block;
		float:left;
		margin-right:2%;
		margin-bottom:3%;
		width:100%;
		max-width:125px;
		}

		.line-product img{
		width:100%;	
		max-width:125px;
		min-width:125px;	
		}


.line-product-mini{
margin:20px 0 0 0;
padding:0;
width:105%;
min-width:250px;
}
		.line-product-mini li{
		background:none;
		list-style:none;
		display:block;
		float:left;
		margin-right:0%;
		margin-bottom:3%;
		width:100%;
		max-width:85px;
		}

		.line-product-mini img{
		width:100%;	
		max-width:85px;
		min-width:85px;	
		}

/* STYLE POUR LES PAGE DE crèmerie */
				
#calendrier{

}

#cremerieform{
display:none;
}

/*--------- Carte google map --------*/

.popin{
  background:#fff;
  padding:15px;
  margin:20px 0 35px 0;
  box-shadow: 0 0 20px #c4c4c4;
  border-radius:1px;
}

#map,
#panorama {
  height:300px;
  background:#6699cc;
}

/*-------------- Demande de renseignement ---------------*/
#demandes{
display:none;
}

#emplois{
display:none;
}

a.lien_fermer{
	background: #e0e0e0 url(../img/ico_fermer.png) center center no-repeat;
	display:block;
	position:relative;
	text-decoration:none;
	height:20px;
	margin-top:20px;
	width:100%;
	text-indent: -999999px;
	
	-webkit-border-radius:6px;
	-chrome-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	
}

a:hover.lien_fermer{
background: #279caf url(../img/ico_fermer-o.png) center center no-repeat;
}
			
/*------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*------------------------------------------------------------------------------------------------------------------------*/  


footer{
	margin-top:20px;
	background: url('../img/footer.jpg') repeat-x top left;
	height:291px;
}

#fCont{
max-width:1010px;
position:relative;
margin: 0 auto;
min-height:231px;
padding:60px 30px 0 30px;

}

footer #fCont #fGauche{
width:350px;
margin:0px 5% 0 0;
float:left;
background:url('../img/footer-sms.png')no-repeat top right;

}

		footer #fCont #fGauche img{
		float:left;
		margin-right:25px;
		margin-top:25px;
		}
		
		footer #fCont #fGauche p{
		font-family:Abel;
		color:#351409;
		font-size:1.5rem;
		margin-top:60px;
		}
		footer #fCont #fGauche p strong{
		font-weight:bold;
		}
		
footer #fCont #fDroite{
width:38%;
float:left;
margin: 0px 0 0 0;
min-width:10px;
max-width:100%;

}

		#fDroite nav#foot-menu {}
		
		#fDroite nav#foot-menu ul{
		margin-top:30px;
		padding:0;

		}
		
		#fDroite nav#foot-menu ul li{
		float:left;
		margin-right:5%;
		display:block;
		}
				#fDroite nav#foot-menu ul li:last-child{
				margin-right:0;
				}
		#fDroite nav#foot-menu ul li a{
		display:block;
		}
		
		
/* CARROUSELLE
------------------------------------------------------------------------ */

.jcarousel-skin-tango .jcarousel-container {
width:1010px;
padding-top:20px;
	max-height:225px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 1010px;
	min-width:20%;
		max-height:225px;

}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
	
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  900px;
	position:absolute;
	margin-left:-450px;
	left:50%;
	max-height:225px;
	display:block;
}


.jcarousel-skin-tango .jcarousel-item {
    width:100%;
	max-width: 157px;
}

.jcarousel-skin-tango img{
    width:115px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
/*margin:0 45px 0 50px;*/
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 125px;
    right: 10px;
    width: 20px;
    height: 31px;
    cursor: pointer;
    background: transparent url(../img/nav.png) no-repeat bottom left;
}

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

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background: transparent url(../img/nav-over.png) no-repeat bottom left;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background: transparent url(../img/nav-over.png) no-repeat bottom left;
}

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

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 125px;
    left: 10px;
    width: 21px;
    height: 31px;
    cursor: pointer;
    background: transparent url(../img/nav.png) no-repeat top left;
}


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

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background: transparent url(../img/nav-over.png) no-repeat top left;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
     background: transparent url(../img/nav-over.png) no-repeat top left;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    
}





/*------------------------------------------------------------------------------------------------------------------------*/
/* CLASS & AUTRES BIDULES */
/*------------------------------------------------------------------------------------------------------------------------*/  


h3.coeur{
color:#351409;
background: url('../img/ico-coeur-p.gif') no-repeat left 5px;
min-height:25px;
padding-left:35px;

}

h5.coeur{
color:#351409;
background: url('../img/ico-coeur-p.gif') no-repeat left 0px;
min-height:25px;
padding-left:35px;

}



/*overFade*/
.overFade{
position:relative;
display:block;
}
	
	.overFade img{
	display:block;
	padding:0;
	border:0;
	margin:0
	}
	
	.overFade img + img{
	display:none;
	position:absolute;
	top:0;
	left:0;
	padding:0;
	border:0;
	margin:0
	}
/*overFade FIN*/

.retour{
position: relative;
text-align:right;
margin:2px 0 2px 0;
top:-20px;

}

.clear{
clear:both;
}

.hrcoeur{clear:both;border-bottom:3px dotted #ff9600;border-top:0;border-left:0;border-right:0; margin:-30px 0 0 0 ; width:67%; float:right;}

hr{clear:both;border-bottom:3px dotted #ff9600;border-top:0;border-left:0;border-right:0; margin:0; width:100%}
.hr{clear:both;border-bottom:2px dotted #e9e9e9;border-top:0;border-left:0;border-right:0; margin:0; width:100%}
.first{margin-top: 0;}

.img_style{
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.13); 
-moz-box-shadow:    0 0 5px rgba(0,0,0,.13);
box-shadow:         0 0 5px rgba(0,0,0,.13);
border: 1px solid #ddd;
}

.cache{display: none;}


.hautp{
width:32px;
height:57px;
position:absolute;
top:-12px;
right:0;
}
	.hautp a{
	width:32px;
	height:57px;
	display:block;
	background:url(../img/hautp.png) no-repeat top left;
	}
	.hautp a:hover{
	background:url(../img/hautp-o.png) no-repeat top left;
	}

/*------------------------------------------------------------------------------------------------------------------------*/
/* ORAGE */
/*------------------------------------------------------------------------------------------------------------------------*/  

#signatureOrage{
position:absolute;
bottom:10px;
right:15px;

}

 #signatureCache{position:absolute; top:-99999px;}
 
#tuile_top-cell{
display:none;
}
/*------------------------------------------------------------------------------------------------------------------------*/
/* STRUCTURE ADAPTATIVE */
/*------------------------------------------------------------------------------------------------------------------------*/


/* TABLET LAYOUT 
------------------------------------------------------------------------ */

@media only screen and (min-width: 768px) and (max-width: 996px) {
    
#tuile_top-cell{
display:none;
}

h5, .h5{
font-size: 14px; font-size: 1.4rem; /* =16px*/
line-height: 14px; line-height: 1.4rem; /* =16px*/

}
div[role="main"]{
	padding: 0 30px 0 30px;
	}	

.cbp-fwdots {
	left:200px;	
}

.cbp-fwdots span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #351409;
    margin: 4px;
    border-radius: 50%;
    cursor: pointer;
	
}

/*--- Liens rapides -- */


		 nav#liensRapides ul li + li + li + li{margin-left: 0;}
		 nav#liensRapides ul li + li + li + li + li{margin-left: 1%;}
		
        nav#liensRapides ul li{
        width:32.5%;
		margin:20px 0 5px 0;
        }

            
        a.lien_coeur{
        background-image: url(../img/coeur-lien-g.jpg);
        }
			 nav#liensRapides ul li a.lien_coeur h1{
			 color:#e41a19;
			 padding: 30px 0px 0px 70px;	
			 height:60px;
			 }
	
		a.lien_creme{
        background-image: url(../img/creme-lien-g.jpg);
        }
			 nav#liensRapides ul li a.lien_creme h1{
			 color:#fc124e;
			 padding: 30px 0px 0px 75px;		 
			 height:60px;
			 }
	
		a.lien_gelato{
        background-image: url(../img/gelato-lien-g.jpg);

        }
			 nav#liensRapides ul li a.lien_gelato h1{
			 color:#80ca22;
			 padding: 30px 0px 0px 110px;			
			 height:60px;
			 }    
		
		a.lien_dessert{
        background-image: url(../img/dessert-lien-g.jpg);
        }
             nav#liensRapides ul li a.lien_dessert h1{
			 color:#30c1fe;
			 padding: 30px 0px 0px 70px;			
			  height:60px;
			 }

			
		a.lien_breuvage{
        background-image: url(../img/breuvage-lien-g.jpg);
        }
            
             nav#liensRapides ul li a.lien_breuvage h1{
			 color:#fc9919;
			 padding: 30px 0px 0px 85px;			 
			 height:60px;
			 }
		
		
		#colDroite-acc{
		background:url('../img/phrases-priv.jpg') no-repeat top left;
		
		}
		
		#colDroite-acc #privilege {
		margin-top:75px;
		}
			#colDroite-acc #privilege img {
			min-width:348px;
			max-width:348px;
			}
			#colDroite-acc #privilege  {
			min-width:348px;
			max-width:348px;
			}


/* STYLE POUR LES PAGE DE PRODUITS */
				
.colGauche-in{
			width:60%;
			float:left;
			margin-right:4%;
			text-align:left;
			min-width:250px
			}
			.colGauche-in p{
			text-align:left;
			}
			
			.colDroite-in{
			width:35%;
			float:left;
			}
					.sundea{
					width:100%; 
					max-width:310px; 
					min-width:310px;
					margin-top:20px;
					}
					
				

/*----------------------------blocAside---------------------------------------------*/

aside .blocAside{						
float:left;
width:31.33%;
min-width:200px;			
}	

	aside .blocAside p{						
	font-size:1.11rem;			
	}		

			aside #cremerieR{
			margin:0 2.4% 0 2%;
			height:225px;
			}
			
					aside #cremerieR img{
					width:100%;
					
					max-width:275px;
					}
			
			aside #produitEmporter{					
			float:left;
			
			}
					
					aside #produitEmporter img{					
					width:100%;
					max-width:250px;
					
					}
            
        /* CARROUSELLE
------------------------------------------------------------------------ */


.jcarousel-skin-tango .jcarousel-container {
width:735px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 735px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  625px;
	margin-left:-312px;
}

.jcarousel-skin-tango .jcarousel-item {
	max-width: 167px;
}



/*---------------------footer-------------------*/

		
		
} /* @media */


/* MOBILE LAYOUT (PORTRAIT/320PX) 
------------------------------------------------------------------------ */

@media only screen and (max-width: 767px) {
	#tuile_top{
display:none;
}
#tuile_top-cell{
display:block;
}
.cbp-fwslider {
display:none;
}
 
    
h5, .h5{
font-size: 14px; font-size: 1.4rem; /* =16px*/
line-height: 14px; line-height: 1.4rem; /* =16px*/

}

option{
		font-size:14px;
		height:35px;
		}
#hautmenu{
	width:100%;
	position:absolute;
	bottom:0;
	z-index:99;
	display:none;
	}

.cbp-fwdots {
	left:110px;	
	display:none;
}
.cbp-fwdots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #351409;
    margin: 2px;
    border-radius: 50%;
    cursor: pointer;
	
}


	div[role="main"]{
	padding: 0 30px 0 30px;
	}	

/*--- Liens rapides -- */


		 nav#liensRapides ul li{margin-left: 0;}

		
        nav#liensRapides ul li{
        width:100%;
		margin:20px 0 5px 0;
        }

            
        a.lien_coeur{
        background-image: url(../img/coeur-lien-g.jpg);
        }
			 nav#liensRapides ul li a.lien_coeur h1{
			 color:#e41a19;
			 padding: 30px 0px 0px 70px;	
			 height:60px;
			 }
	
		a.lien_creme{
        background-image: url(../img/creme-lien-g.jpg);
        }
			 nav#liensRapides ul li a.lien_creme h1{
			 color:#fc124e;
			 padding: 30px 0px 0px 75px;		 
			 height:60px;
			 }
	
		a.lien_gelato{
        background-image: url(../img/gelato-lien-g.jpg);

        }
			 nav#liensRapides ul li a.lien_gelato h1{
			 color:#80ca22;
			 padding: 30px 0px 0px 110px;			
			 height:60px;
			 }    
		
		a.lien_dessert{
        background-image: url(../img/dessert-lien-g.jpg);
        }
             nav#liensRapides ul li a.lien_dessert h1{
			 color:#30c1fe;
			 padding: 30px 0px 0px 70px;			
			  height:60px;
			 }

			
		a.lien_breuvage{
        background-image: url(../img/breuvage-lien-g.jpg);
        }
            
             nav#liensRapides ul li a.lien_breuvage h1{
			 color:#fc9919;
			 padding: 30px 0px 0px 85px;			 
			 height:60px;
			 }
			 
		#colGauche-acc{
			width:100%;
			min-width:250px;
			float:left;
			
			}
			
			#colDroite-acc{
			width:100%;
			float:left;
			min-width:250px;
			}
			 
		#colDroite-acc #privilege {
		margin-top:10px;
		}
			#colDroite-acc #privilege img {
			min-width:;
			max-width:;
			}
/* STYLE POUR LES PAGE DE PRODUITS */
.colGauche-in{
			width:100%;
			float:left;
			margin-right:4%;
			text-align:left;
			min-width:250px
			}
			.colGauche-in p{
			text-align:left;
			}
			ul.list{
			
			}
			.colDroite-in{
			width:35%;
			float:left;
			}
					.sundea{
					width:100%; 
					max-width:310px; 
					min-width:250px;
					margin-top:20px;
					}
					
				
					
	.line-product-mini{
margin:20px 0 0 0;
padding:0;
width:105%;
min-width:250px;
}
		.line-product-mini li{
		background:none;
		list-style:none;
		display:block;
		float:left;
		margin-right:0%;
		margin-bottom:3%;
		width:100%;
		max-width:100px;
		}

		.line-product-mini img{
		width:100%;	
		max-width:100px;
		min-width:100px;	
		}

		  
/*------Nous joindre --*/

.colGauche{
			width:100%;
			min-width:225px;
			float:none;
			margin-right:5%;
			}
			
			.colDroite{
			width:100%;
			float:none;
			min-width:225px;
			margin-top:35px;
			}		  
		  .colDroite p{
			
			min-width:225px;
			
			}	


/*----------------------------blocAside---------------------------------------------*/

aside .blocAside{						
float:left;
width:100%;
min-width:200px;			
}			

			aside #cremerieR{
			margin:20px 0 0 0;
			height:auto;
			}
			
					aside #cremerieR img{
					width:100%;
					max-width:299px;
					}
			
			aside #produitEmporter{					
			float:left;
			}
					
					aside #produitEmporter img{					
					width:100%;
					max-width:299px;
					
					}
            
			aside#accAside #textebloc{					
					margin-top:15px;
					
					}
			
        /* CARROUSELLE
------------------------------------------------------------------------ */
.jcarousel-skin-tango .jcarousel-container {
width:260px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 260px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  124px;
	margin-left:-62px;
	max-height:225px;

}

.jcarousel-skin-tango .jcarousel-item {
	max-width: 167px;
}


/*---------------------footer-------------------*/

footer{
	margin-top:20px;
	background: url('../img/footer.jpg') repeat-x top left;
	height:291px;
}

#fCont{
max-width:1010px;
position:relative;
margin: 0 auto;

min-height:231px;

padding:60px 30px 0 30px;

}

footer #fCont #fGauche{
width:250px;
margin:0px 5% 0 0;
float:none;
background:none;

}

		footer #fCont #fGauche img{
		float:left;
		margin-right:25px;
		margin-top:0px;
		max-height:125px;
		}
		
		footer #fCont #fGauche p{
		font-family:Abel;
		color:#351409;
		font-size:1.3rem;
		margin-top:0px;
		}
		footer #fCont #fGauche p strong{
		font-weight:bold;
		}
		
footer #fCont #fDroite{
width:100%;
float:none;
margin: 0px 0 0 0;
min-width:10px;
max-width:100%;
height:auto;

}

		#fDroite nav#foot-menu {}
		
		#fDroite nav#foot-menu ul{
		margin-top:30px;
		padding:0;

		}
		
		#fDroite nav#foot-menu ul li{
		float:left;
		margin-right:5%;
		display:block;
		}
				#fDroite nav#foot-menu ul li:last-child{
				margin-right:0;
				}
		#fDroite nav#foot-menu ul li a{
		display:block;
		}
		#fDroite nav#foot-menu ul li img{
		max-height:50px;
		
		}


} /* @media */






/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) 
------------------------------------------------------------------------ */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .cbp-fwslider {
display:block; 
}
#tuile_top{
display:block;
}
#tuile_top-cell{
display:none;
}

h5, .h5{
font-size: 14px; font-size: 1.4rem; /* =16px*/
line-height: 14px; line-height: 1.4rem; /* =16px*/

}

#hautmenu{
	width:100%;
	position:absolute;
	bottom:0;
	z-index:99;
	display: inline-block;
	}

.cbp-fwdots {
	left:165px;	
	display:none;
}
.cbp-fwdots span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #351409;
    margin: 4px;
    border-radius: 50%;
    cursor: pointer;
	
}

div[role="main"]{
	padding: 0 30px 0 30px;
	}	

/*--- Liens rapides -- */


		 nav#liensRapides ul li + li + li{margin-left: 0;}
		 nav#liensRapides ul li + li + li + li {margin-left: 1%;}
		 nav#liensRapides ul li + li + li + li + li{margin-left: 0%;}
		
        nav#liensRapides ul li{
        width:49%;
		margin:20px 0 5px 0;
		min-width:100px;
        }

            
        a.lien_coeur{
        background-image: url(../img/coeur-lien-g.jpg);
        }
			 nav#liensRapides ul li a.lien_coeur h1{
			 color:#e41a19;
			 padding: 30px 0px 0px 70px;	
			 height:60px;
			 }
	
		a.lien_creme{
        background-image: url(../img/creme-lien-g.jpg);
        }
			 nav#liensRapides ul li a.lien_creme h1{
			 color:#fc124e;
			 padding: 30px 0px 0px 75px;		 
			 height:60px;
			 }
	
		a.lien_gelato{
        background-image: url(../img/gelato-lien-g.jpg);

        }
			 nav#liensRapides ul li a.lien_gelato h1{
			 color:#80ca22;
			 padding: 30px 0px 0px 110px;			
			 height:60px;
			 }    
		
		a.lien_dessert{
        background-image: url(../img/dessert-lien-g.jpg);
        }
             nav#liensRapides ul li a.lien_dessert h1{
			 color:#30c1fe;
			 padding: 30px 0px 0px 70px;			
			  height:60px;
			 }

			
		a.lien_breuvage{
        background-image: url(../img/breuvage-lien-g.jpg);
        }
            
             nav#liensRapides ul li a.lien_breuvage h1{
			 color:#fc9919;
			 padding: 30px 0px 0px 85px;			 
			 height:60px;
			 }
			 
		#colGauche-acc{
			width:100%;
			min-width:250px;
			float:left;
			
			}
			
			#colDroite-acc{
			width:100%;
			float:left;
			min-width:250px;	
			background:url('../img/phrases-priv-big.jpg') no-repeat center right;
			}
			 
		#colDroite-acc #privilege {
		margin-top:10px;
		}
			#colDroite-acc #privilege img {
			min-width:;
			max-width:;
			}
          
		  
/* STYLE POUR LES PAGE DE PRODUITS */
				
/* STYLE POUR LES PAGE DE PRODUITS */
.colGauche-in{
			width:100%;
			float:left;
			margin-right:4%;
			text-align:left;
			min-width:250px
			}
			.colGauche-in p{
			text-align:left;
			}
			ul.list{
			width:100%;
			}
			.colDroite-in{
			width:35%;
			float:left;
			}
					.sundea{
					width:100%; 
					max-width:428px; 
					min-width:428px;
					margin-top:20px;
					
					}
					
				
.line-product-mini{
margin:20px 0 0 0;
padding:0;
width:105%;
min-width:250px;
}
		.line-product-mini li{
		background:none;
		list-style:none;
		display:block;
		float:left;
		margin-right:0%;
		margin-bottom:3%;
		width:100%;
		max-width:85px;
		}

		.line-product-mini img{
		width:100%;	
		max-width:85px;
		min-width:85px;	
		}
		  
		  
/*----------------------------blocAside---------------------------------------------*/

aside .blocAside{						
float:left;
width:100%;	
}			

			aside #cremerieR{
			margin:0 0 0 5%;
			height:auto;
			min-width:180px;
			width:47%;
			}
			
					aside #cremerieR img{
					width:100%;
				
					
					}
			
			aside #produitEmporter{					
			float:left;
			width:47%;
			min-width:180px;
			}
					
					aside #produitEmporter img{					
					width:100%;
					max-width:280px;
					
					}
					
					aside#accAside #textebloc{					
					margin-top:20px;
					
					}
            
        /* CARROUSELLE
------------------------------------------------------------------------ */


.jcarousel-skin-tango .jcarousel-container {
width:460px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 460px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  370px;
	margin-left:-185px;
}

.jcarousel-skin-tango .jcarousel-item {
	max-width: 125px;
}


/*---------------------footer-------------------*/

footer{
	margin-top:20px;
	background: url('../img/footer.jpg') repeat-x top left;
	height:291px;
}

#fCont{
max-width:1010px;
position:relative;
margin: 0 auto;
height:100%;
min-height:231px;
padding:60px 30px 0 30px;

}

footer #fCont #fGauche{
width:350px;
margin:0px 0 0 0;
float:none;
background:url('../img/footer-sms.png')no-repeat top right;
border:1px solid #fff;

}

		footer #fCont #fGauche img{
		float:left;
		margin-right:25px;
		margin-top:25px;
		max-height:183px;
		}
		
		footer #fCont #fGauche p{
		font-family:Abel;
		color:#351409;
		font-size:1.5rem;
		margin-top:60px;
		}
		footer #fCont #fGauche p strong{
		font-weight:bold;
		}
		
footer #fCont #fDroite{
width:100%;
float:none;
margin: 0px 0 0 0;
min-width:10px;
max-width:100%;

}

		#fDroite nav#foot-menu {}
		
		#fDroite nav#foot-menu ul{
		margin-top:30px;
		padding:0;

		}
		
		#fDroite nav#foot-menu ul li{
		float:left;
		margin-right:5%;
		display:block;
		}
				#fDroite nav#foot-menu ul li:last-child{
				margin-right:0;
				}
		#fDroite nav#foot-menu ul li a{
		display:block;
		}
		#fDroite nav#foot-menu ul li img{
		max-height:74px;
		}

/*------Nous joindre --*/

.colGauche{
			width:100%;
			min-width:100%;
			float:none;
			margin-right:5%;
			}
			
			.colDroite{
			width:100%;
			float:none;
			min-width:100%;
		
			}

select{
	width:97.5%;
	padding:8px;
	background: #fff url(../img/input_bg.png) repeat-x top; /*vieux navigateur*/
    background: -webkit-linear-gradient( #ccc, #fff 5px);
    background:    -moz-linear-gradient( #ccc, #fff 5px);
    background:     -ms-linear-gradient( #ccc, #fff 5px);
    background:      -o-linear-gradient( #ccc, #fff 5px);
    background:         linear-gradient( #ccc, #fff 5px);
    border-color:#666;
	}
option{
		font-size:22px;
		height:35px;
		}

} /* @media */



/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) 
------------------------------------------------------------------------ */

@media only screen and (max-width: 650px) {
#colDroite-acc{
	
			background:none;
			}



} /* @media */

    
/* RETINA OVERRIDES 
------------------------------------------------------------------------ */

@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
		
}