/* STYLES GLOBAUX
----------------------------------------------- */
.hide { display: none;  }
.clear { clear: both; }
hr { clear: both; background:none; height:1px; border:0px solid; bo margin:0; padding:0; content:''; line-height:1px;}
.ml20 {margin-left:20px!important;}
.mr20 {margin-right:20px!important;}
.fleft {float:left;}
.up {text-transform:uppercase;}
/* STRUCTURE
----------------------------------------------- */
.bgwrap {width:100%; background: repeat-x top left}
div.wrapped {position: relative; width:940px; margin: 0 auto}

/*-----------------------------------------*/
/*------------- RESPONSIVE DESIGN ---------*/
@media only screen and (max-width: 639px) {
	div.wrapped {width:310px}
}
@media only screen and (min-width: 640px) and (max-width: 759px) {
	div.wrapped {width:620px}
}
/*tablette*/
@media only screen and (min-width: 760px) and (max-width: 979px) {
	div.wrapped {width:740px}
}
/* SITE */
@media only screen and (min-width: 980px) {
	
}

/****** STYLE COFCOOKIE ******/
#cofcookie{background-color: #1a7f96;font-size: 12px;text-align: center;padding: 2px 0;width: 100%;z-index: 999;opacity: 0.9;display:none;position:fixed;bottom:0;}
#cofcookie p{margin:0;text-align:center;color:#fff;}
#cofcookie a{color: #fff;cursor:pointer;}
#cofcookie strong{font-weight:bold;}

a#closeCofCookie{margin:0 10px;padding: 3px 9px 6px 3px;display:inline-block;-webkit-border-radius: 3px; border-radius: 3px;background-color: #ffffff;width: 10px;height: 7px;color: #000;font-weight: bold;text-decoration: none;}