.container {
	min-width :240px; 
	max-width :768px;
}
.container800 {
	min-width :320px; 
	max-width :760px;
}
.container960 {
	min-width :360px; 
	max-width :960px;
}
.container1280 {
	min-width :640px; 
	max-width :1280px;
}
a.roll { 
opacity: 0.5; filter:alpha(opacity=50);
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition:all 1s; 
}
a.roll:hover {
opacity: 1.0; filter:alpha(opacity=100); 
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition:all 1s; 
}
a.roll:onclick {
opacity: 0.0;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition:all 1s; 
}
a.roll2 { 
opacity: 0.3; filter:alpha(opacity=30);
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition:all 1s; 
}
a.roll2:hover {
opacity: 1.0; filter:alpha(opacity=100); 
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition:all 1s; 
}
a.roll2:onclick {
opacity: 0.0;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition:all 1s; 
}
a.roll3 {
opacity: 1.0; filter:alpha(opacity=100); 
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition:all 1s; 
}
a.roll3:hover { 
opacity: 0.5; filter:alpha(opacity=50);
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition:all 1s; 
}
a.roll3:onclick {
opacity: 0.0;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition:all 1s; 
}
.alinea { 
text-indent:4em; 
}
.boite1 {
border: thin solid #cccccc;
}
.alinea { 
text-indent: 2em;
}
.conf1 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 0.9em;
font-weight:lighter;
line-height: 130%;
text-decoration: none; 
}
.conf2 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 0.9em;
font-weight:;
line-height: 130%;
text-decoration: none; 
}
.conf3 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 1.1em;
font-weight:light;
line-height: 130%;
text-decoration: none; 
}
.courant1 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 1.1em;
font-weight:;
line-height: 130%;
text-decoration: none; 
}
.intro1 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 1.2em;
font-weight:bold;
line-height: 130%;
text-decoration: none;
}
.intro2 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 1.2em;
font-weight:;
line-height: 130%;
text-decoration: none; 
}
.legendes1 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 0.8em;
font-weight:lighter;
line-height: 130%;
text-decoration: none; 
}
.mentions1 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 0.8em;
font-weight:;
line-height: 130%;
text-decoration: none; 
}
.mentions2 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 0.8em;
font-weight:;
line-height: 130%;
text-decoration: none; 
font-style: italic;
}
.st01 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 1.4em;
font-weight:;
line-height: 130%;
text-decoration: none; 
}
.titre1 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 1.6em;
font-weight:lighter;
line-height: 110%;
text-decoration: none; 
}
.titre2 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 1.6em;
font-weight:;
line-height: 110%;
text-decoration: none; 
}
.titre3 {
font-family: 'Roboto Slab', sans-serif ;
font-size: 1.8em;
font-weight:lighter;
line-height: 110%;
text-decoration: none; 
}
.vcentre {
	margin: 0;
	position: absolute;
	top: 40%;
	-ms-transform: translateY(-40%);
	transform: translateY(-40%);
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*/////////////// HRVBOX ///////////////*/
.hvrbox,
.hvrbox * {
	box-sizing:border-box;
}
.hvrbox {
	position: relative;
	display: block;
	overflow: hidden;
}
.hvrbox img {
	width: cover;
	height:cover;
	object-fit:;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top:0;
	left: 17%;
	right: 0;
	bottom: 0;
	width: 66%;
	height: 94.5%;
	background: rgba(102, 0, 0, 0.6);
	color: #fff;
	padding: 0px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	display: inline-block;
	position: absolute;
	width:80%;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size:;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 0px;
	padding-top: 0px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}