@font-face {font-family: 'rob';src: url('rob.eot');src:url('rob.woff') format('woff'), url('rob.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: "icons";src: url("icons.eot"); src: url("icons.eot?#iefix") format("embedded-opentype"), url("icons.woff") format("woff"), url("icons.ttf") format("truetype"), url("icons.svg#Flaticon") format("svg"); font-weight: normal;  font-style: normal;}
html{height:100%;min-width:100%;width:100%; background-color:white; font-size:0;overflow-x:hidden;}
body {margin:0;  min-width: 900px; width:100%; height:100%;}
#global_container{position:relative;height:100%;}
b, strong{font-weight:bold;font-family: "rob";}
img { max-width: 100%; max-height: 100%;}
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide{display:none;}


a:visited{color:inherit;}
a:hover{color:black;}

a.mbut:visited{color:black;}
a.mbut:hover{color:#e60005;}
a.linkClickedCurrentPage:link{color:white;}
a.linkClickedCurrentPage:visited{color:black;}
a.linkClickedCurrentPage.mbut>div, a.linkClickedCurrentPage.mbutac {color: #e60005}
a.linkClickedCurrentPage.mbutac:before{color: #e60005}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert h2:before{content: inherit}

.text_generic, .t_g, h1, h2, h3, .mbut{text-align:left;font-family:"rob",Times,serif;	color:black;font-size:17px;font-weight:normal;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:"rob",Times,serif;font-size:25px;margin:0;font-weight:bold;color:black;margin:15px 0;}
h1:before,h2:before,h3:before{ width: 22px;height:22px;display: inline-block;text-align: center; vertical-align: middle; content:""; background-image: url("../view/global/background/h1.png"); background-position: center center; background-repeat: no-repeat;background-size:20px}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{	text-align:center;	margin:auto;}
.fullWidth{width:100%;}
.wysiwyg{background-color:#b3b3b3;}

.carousel {margin:0}
.carousel-caption{font-family:"rob",Times,serif;margin-top:5px;text-align:center;display:block;position:absolute;top:5vw;right:10vw;left:initial;width:30vw;color:black;background:none;}
.carousel-caption h4, .carousel-caption p { text-align: center;color:black;}
.title_gen_carrousel{font-size:2vw;margin:10px; background:rgba(255,255,255,0.8);padding:20px;width:initial;}
.description_gen_carrousel {font-size:1.5vw;margin:10px 0 0 150px; background:rgba(255,255,255,0.8);padding:20px;width:initial;}
.carousel-indicators {display:none;}
.carousel-indicators li {	border-radius:0px;height: 13px;width: 13px;background-color: white	;}
.carousel-indicators .active { background-color: #e60005;}
.carousel-control {  background-color:none;background:none;	border: none; color:white; top: 40%; opacity: 1; font-size: 110px;cursor:pointer}
.carousel-control.right,  .carousel-control.left{width:38px; height:100px; z-index:310; border-radius:0px; font-size: 100px;afont-family:"rob";color:#e60005;line-height: 80px;}
.carousel-control.left{ left: 0;border-radius:0 5px 5px 0}
.carousel-control.right{ right: 0;border-radius:5px 0 0 5px}
.thumb-carousel-control{display:none;}
.description_gen_carrousel{}
.title_gen_carrousel{}
.div_thumbnailsCarousel, .thumbnailsCarousel {height: 100%;}

#div_container_1_h, #div_container_9_fo, #container_submenu, .gpheader{display: block;margin:auto;width: 1100px;}
.gpheader{margin:20px auto;padding-bottom:5px;}
#div_container_1_h, #div_container_9_fo{width: 100%;}
#div_container_5_fr{min-height:400px;display:block;}
.button_valid{width:170px!important;text-align:center;font-size:22px;color:white;background-color: black;padding:5px 5px;transition: all 0.5s ease 0s;border:none;}
.button_valid:hover{background: black;color: #e60005;box-shadow:none;cursor:pointer;}
.text_in_button{line-height:30px;color:white;font-family:"rob",Times,serif;}
#temp{display:none}
.input_submit {font-size: 20px; height: 45px; padding: 5px; width:150px; vertical-align: bottom; background-color: #e60005;display:inline-block;}
.arrowAriane{color:#e60005}

/******Pagination *****/
.container_pager{margin-top: 20px;width: 100%;text-align: center;-moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; user-select: none;}
.pager_group, .pager_leftArrow, .pager_rightArrow{width:25px;height:25px;line-height:25px; padding: 6px;margin:0px 10px;background-color: black;color:white !important;cursor:pointer; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; user-select: none; text-align:center;}
.pager_leftArrow, .pager_rightArrow{margin:0px 40px;font-weight:bold;font-size:15px;}
a.pagerCurrentPage, .pager_group:hover,  .pager_leftArrow:hover, .pager_rightArrow:hover{	background-color:#e60005;	text-align:center;}


/**** HEADER / MENU ***/
.gphead{width:100%;display:block;margin:auto;text-align:left;}
.gplogo{width:315px;vertical-align:middle;text-align:right}
.gpmenumo{display:none;}
.gpmenu{width:785px;text-align:right;vertical-align:middle;}
.mbut, .mbutac{text-align:left;font-size:15px;vertical-align:middle;;transition: all 0.5s ease 0s;border:none;height:25px; margin-left:10px;padding-left:10px;}
.mbutac{font-size:0;margin:0;border:none;padding:3px;height:27px;text-align:center;width:21px;border-radius:5px;}
.mbut:hover a, .mbutac:hover:before {color:#e60005!important}


#div_container_2_lm{width:280px;margin-right:20px;vertical-align:top;margin-top:150px;display:inline-block;}

/***** CUSTOM ****/

.bcont, .bcontxt{width:1100px;display:block;margin:auto}
.gpph{display:none;}
.logo{width:315px;height:75px;vertical-align:middle;}
.iflogo{width:315px;height:75px;vertical-align:middle;}



.mbutac>div, .tfootel>div, .tfootadd>div, .tfootmail>div, .tfaceb>div, .tconttel>div,.tcontmob>div, .tcontadd>div, .tcontmail>div{display:inline-block;width:initial!important;vertical-align:middle;margin-left:5px;color:white;}
.mbutac:before, .tfootel:before, .tfootadd:before,.tfootmail:before,.tconttel:before,.tcontmob:before, .tcontadd:before,.tcontmail:before,  .tfaceb:before{ color:black; display: inline-block;text-align: center; vertical-align: middle; content:"\f106"; font-family: icons;font-size: 20px;}
.tfootel:before{content:"\e901";font-size:25px;color:white;}
.tfootadd:before{content:"\e900";font-size:25px;color:white;}
.tfootmail:before{content:"\e903";font-size:25px;color:white;}
.tfootel,.tfootadd,.tfootmail{margin:10px 0}
.imsacc{width:100%;height:590px}




.iline{width:500px;height:65px;display:block;margin:15px auto;}
.block-category-carousel{width: 70%;height: 100%;display:inline-block;vertical-align:middle;margin:0 0 0 0;}
.container_block-category-carousel .container{height: 100%;position:relative;}
.block-category-carousel .carousel-title .carousel-title-click p.title_gen_carrousel{font-weight:bold;margin:0px;font-size:15px;text-align:center;color:white;	}
.block-category-carousel .carousel-title .carousel-title-click p.description_gen_carrousel{display:none;}
.carousel-title{width: 30%;display: inline-block;text-align:left;}
.carousel-title-click{width:85%;padding:10px 5%;background-color:#e60005;transition: all 0.5s ease 0s;margin:10px 0;color:white;text-align:center;height:40px;}
.carousel-title-click:hover{color:#544437;background-color:#5f534d;}
.btacc{background-color:#90887e;padding:10px;width:1000px;margin:auto;}


#div_container_9_fo{background-color:#e1eae9;padding:10px 0;margin-top:40px;}
.bfoot{display:block;width:1100px;margin:auto;text-align:left;}
.tfolog{font-size:35px}
.bfoinfo,.bfoinfo2,.bfoinfo3{width:340px;margin:0 10px;vertical-align:middle;}
.bfoinfo2, .bfoinfo3{text-align:center;}
.bfoinfo{text-align:left;}
.tfoot, .tfootel, .tfootadd, .tfooti, .tfootcon{}
.tfoot{margin:10px 0}
.tfootcon{font-size:13px;text-align:right;margin-top:20px;}
.tkeys{font-size:13px;}
.tfooti{font-size:25px;}
.tfootel{margin-top:20px;}
.tfoomap{width:50%;vertical-align:top;margin:15px 0;}

.isoc{width:60px;height:60px;}


.forappel{text-align:right;margin-bottom:15px;}
.forappel td,.forappel tr{display:block;color:white;}
.forappel table, .forappel tbody {width:340px;display:inline-block;border-spacing: 0;vertical-align: bottom;}
.forappel .cell_1_form{display:none;}
.forappel input[type="text"],.forappel input[type="password"],.forappel input[type="date"],.forappel  textarea { font-size: 15px; line-height:20px; width: 98%; padding:0; background-color:white; color:black;border-radius:2px;border:1px solid #cccccc;font-family:"rob",Times,serif;	padding:1%	}
.forappel table tr:nth-child(1), .forappel table tr:nth-child(2){	width:162px;display:inline-block;margin-bottom:5px;}
.forappel table tr:nth-child(2){margin-left:11px;}
.forappel .input_submit {font-size: 18px; height: 29px; padding: 5px; width:94px !important; vertical-align: bottom; background-color: black;display:inline-block;}


/**** ACCUEIL ****/
.iacc{width:1100px;height:360px;}
.vidpres{width:400px;height:200px;vertical-align:middle;margin:10px 0;}
.bvid1,.bvid2{width:680px;vertical-align:middle;}
.bvid2{margin-left:20px;width:400px;}

.bbio1{width:600px; margin: 20px auto 0 auto;}
.bbio{width:600px; margin: 0 auto 20px  auto;border-left: 2px solid;	border-right: 2px solid;  border-image: linear-gradient(red, white) 10;  padding:0 20px;}
.ibio{width:200px;height:250px;vertical-align:middle;}
.tbio{width:380px;margin-right:20px;vertical-align:middle;}

.bblocs{margin:50px 0;text-align:center;}
.blcona1, .blcona2, .blcona3{width:300px;vertical-align:top;position:relative;transition: all 0.5s ease 0s;}
.blcona2, .blcona3{margin-left:100px;}
.blcona1:hover .tbloacc, .blcona2:hover .tbloacc, .blcona3:hover .tbloacc{background:rgba(255,255,255,0.7);color:black;}
.blcona1:hover .tbloacc,.blcona2:hover .tbloacc,.blcona3:hover .tbloacc{display:inline-block}
.imgbloacc{width:300px;height:300px;position:relative;transition: all 0.5s ease 0s;margin-bottom:15px;}
.tbloacc{background:rgba(69,94,94,0.7);color:white;text-align:center;position:absolute;width:290px;padding:5px;top:135px;left:5px;font-size:22px;transition: all 0.5s ease 0s;font-weight:bold;}
.imgbloacc img{border-radius:300px;border:5px solid #455e5e;transition: all 0.5s ease 0s;}
.blcona1:hover .imgbloacc img,.blcona2:hover .imgbloacc img,.blcona3:hover .imgbloacc img{border:5px solid white}



.bpiceng{text-align:center;}
.teng{margin:10px 50px;text-align: center;padding:3px;cursor:pointer; border-radius:5px;width:180px;vertical-align:top;background-color:white;color:#455e5e;vertical-align:top;}
.teng>div{margin-top:10px;font-weight:bold;transition: all 0.5s ease 0s;}
.teng::before{display:block;	margin:0 auto 15px auto; padding:10px; border-radius:15px; text-align: center;  width: 50px; border:1px solid #455e5e; vertical-align: middle;  transition: all 0.5s ease 0s;  font-size: 50px;	font-style: normal;	font-family: icons;	font-weight:normal;	height:50px;}
.eng1::before{content: "\f101";}
.teng:hover::before{border:1px solid #e60005;}
.teng:hover{color:#e60005;}
.eng2::before{content: "\f100";}
.eng3::before{content: "\f102";}
.eng4::before{content: "\f103";}
.eng5::before{content: "\f104";}
.eng6::before{content: "\f105";}

.eng7::before{content: "\f107";}
.eng8::before{content: "\f108";}
.eng9::before{content: "\f109";}
.eng10::before{content: "\f10a";}
.eng11::before{content: "\f10b";}
.eng12::before{content: "\f10c";}
.eng13::before{content: "\f10d";}
.eng14::before{content: "\f10e";}
.eng15::before{content: "\f10f";}
.carprods{width:1100px;height:60px;margin:20px 0}
.carprods .carousel-caption{display:none;}
.carprods .next.left, .carprods .prev.right,.carprods .carousel-indicators,.carprods .carousel-control {display:none;}
.carprods .item img { max-width: 90%;}

.ifinan{width:400px;height:500px;vertical-align:middle;margin:10px 0;}
.bgal{text-align:center;}
/*.biref, .iref{min-width:100px;height:100px;margin:10px}*/
.biref, .iref{width:100px;height:initial;margin:10px}


/*** CONTACT ***/
.bcontimg, .bconttxt{width:50%;vertical-align:top;display:block;margin:auto}
.bconttxt{width:48%;padding:0 1%}
.bconttxt .t_g{text-align:center;}
.bconttxt h1{text-align:left}
.imcontact{width:100%;height:50vw;}
.bforcont{border-top:1px solid #cccccc;margin-top:20px!important;padding-top:20px;}
.fcontact{width:100%;display:inline-block;vertical-align:middle;text-align:right}
.fcontact table , .fcontact tbody{width:100%;font-size:0;}

.fcontact table tr:nth-child(1), .fcontact table tr:nth-child(2), .fcontact table tr:nth-child(3), .fcontact table tr:nth-child(4), .fcontact table tr:nth-child(6), .fcontact table tr:nth-child(7){	width:49%;display:inline-block;}
.fcontact table tr:nth-child(2),.fcontact table tr:nth-child(4), .fcontact table tr:nth-child(7){margin-left:2%;}
 .fcontact table tr:nth-child(5), .fcontact table tr:nth-child(8){	width:100%;display:inline-block;}
td { display: block;}

.cell_1_form{	width:100%;	padding:0;font-size:15px}
.cell_2_form { padding-left:0;}
 input[type="text"], input[type="password"],  textarea { font-size: 20px; line-height:20px; width: 100%; padding:0; background-color:#d9dadc; border:1px solid #d9dadc;	}
textarea {background-color:#f6f6f6;border:1px solid #f6f6f6;height:200px;	}
.fcontact{color: white;}
.tconttel>div, .tcontmob>div, .tcontadd>div, .tcontmail>div, .tconttel:before, .tcontmob:before, .tcontadd:before, .tcontmail:before{color:black;}
.tconttel:before{content:"\f111";font-size:25px}
.tcontmob:before{content:"\f110";font-size:25px}
.tcontadd:before{content:"\f113";font-size:25px}
.tcontmail:before{content:"\f112";font-size:25px}
.bcontact .t_g{text-align:center;}



/*telephone*/		
@media 	only screen and (max-device-width : 1100px) {
	@viewport	{width: 100vw;zoom: auto;}
	img{width:100%;}
	.t_c, .text_generic, .t_g, label, h1, h2, h3, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees{font-size:2vw;line-height:initial;}
	html { background-repeat: repeat;}
	body{	width: 100vw;	min-width: 100vw; overflow-x:hidden;	}
	.gpheader, #div_container_1_h, #div_container_9_fo, #div_1_h, 	#div_container_5_fr, .global_group_auto_gen_5_fr, .global_group_auto_gen_1_h, #container_submenu{	width:100%;	min-width:initial;max-width:initial;}
	#div_container_5_fr{min-height:20vw;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g {  font-size: 2.5vw;    margin: 2vw 0 2vw 0; line-height:initial;}
	
	
	.gpheader { margin: 2vw auto; padding-bottom: 1vw;}
	.gplogo { width: 30vw;}
	.logo { width: 30vw;  height: initial;}
	.gpmenu { width: 68vw;padding-right:2vw}
	.mbut, .mbutac { height: initial;  margin-left: 1vw;  padding-left: 1vw;}
	.mbutac {  padding: 0.5vw;  height: 3vw;  width: 3vw;  border-radius: 1vw;}
	.mbutac:before, .tfootel:before, .tfootadd:before, .tfootmail:before, .tconttel:before, .tcontmob:before, .tcontadd:before, .tcontmail:before, .tfaceb:before { font-size: 3vw;}
	
	.imsacc{width:100%;height:initial}
	.carousel-caption {  width: 40vw;}
	.description_gen_carrousel { margin: 1vw 0 0 5vw;  padding: 1vw;}
	.bcont, .bcontxt { width: 98vw;padding:1vw}
	.bvid1, .bvid2 {  width: 58vw;}
	.bvid2 { margin-left: 1vw; width: 39vw;}
	.vidpres {width: 39vw;  height: 35vw;  margin: 1vw 0;}
	.bbio1 { width: 70vw;  margin: 2vw auto 0 auto;}
	.bbio { width: 70vw; margin: 0 auto 2vw auto; border-left: 0.2vw solid;  border-right: 0.2vw solid;    padding: 0 2vw;}
	.tbio { width: 50vw;  margin-right: 1vw;}
	.ibio { width: 19vw;  height: initial;}
	.bblocs { margin: 3vw 0;}
	.blcona1, .blcona2, .blcona3 { width: 25vw;}
	.imgbloacc { width: 25vw;  height: 25vw;  margin-bottom: 2vw;}
	.imgbloacc img { border-radius: 25vw;  border: 1vw solid #455e5e;}
	.tbloacc { width: 23vw;  padding: 1vw;  top: 11vw;  left: 1vw;}
	
	.ifinan { width: 39vw;  height: initial;}
	.teng { margin: 1vw 2vw;  padding: 1vw;  border-radius: 1vw;   width: 25vw;}
	.teng::before { padding: 1vw;  border-radius: 2vw;  width: 5vw;  border: 0.1vw solid #455e5e; margin:0 auto 0.5vw auto; font-size: 5vw;   height: 5vw;}
	.carprods { width: 20vw;  height: 20vw;  display: block;   margin: auto;}
	
	.biref, .iref { min-width: 20vw; height: initial;  margin: 1vw;}
	
	
	#div_container_9_fo { padding: 1vw 0; margin-top: 3vw;}
	.bfoinfo, .bfoinfo2, .bfoinfo3 { width: 31.3vw; margin: 0 1vw;}
	.bfoot { width: 100vw;}
	.iflogo { width: 31vw; height: initial;}
	.isoc { width: 5vw;  height: initial;}
	
}

/*telephone*/		
@media 	only screen and (max-device-width : 468px) {
	@viewport	{width: 100vw;zoom: auto;}
	img{width:100%;}
	.t_c, .text_generic, .t_g, label, h1, h2, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees{margin-top:0;	font-size:5vw;}
	html { background-repeat: repeat;}
	body{	width: 100vw;	min-width: 100vw;	}
	.gpheader, #div_container_1_h, #div_container_9_fo, #div_1_h, 	#div_container_5_fr, .global_group_auto_gen_5_fr, .global_group_auto_gen_1_h, #container_submenu{	width:100%;	min-width:initial;max-width:initial;display:block;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size: 7vw;}
	.text_in_button {line-height: 10vw; font-size:6vw;}
	.button_valid { font-size:8vw;height: 10vw; line-height: 7vw !important; padding: 1vw 2vw; width: 63vw !important; margin-bottom:2vw; margin-right:2vw;}
	
	/**** HEADER / MENU ****/
	#global_container{width:100%;padding:0px;}
	.gphead{text-align:left;}
	.gpph {height: 3vw;}
	.gpheader { margin: 2vw auto;  padding-bottom: 2vw;  }
	
	
	.gplogo {padding: 0;margin:0;width:70vw}
	.logo {width: 70vw; height: initial!important;margin:0; }
	.logo > a{width:100%;}
	
	.gpmenu{width:100vw;margin:auto;display:none;   text-align:center ;margin-top:5vw;}
	.mbut, .mbutac {margin:4vw 5vw;width:initial;margin:auto; display:block;text-align:center;font-size:8vw;padding:2vw ;border:none;height:initial;}
	.mbutac {width:10vw;height:10vw;}
	.mbutac:before, .tfootel:before, .tfootadd:before, .tfootmail:before, .tfaceb:before { font-size: 10vw;}
	
	.gpmenumo{display:block;position:absolute;cursor:pointer;right:4vw;margin-top: 0;top: 3vw; z-index: 320; width:12vw;height:12vw;}
	.carousel-caption{display:none;}
	
	.carousel .item > img {width:100%;max-width:100%;}
	.carousel-indicators, .carousel-control{}	
	.carousel-control.right, .carousel-control.left { display:none;}
	.bvid1, .bvid2 { width: 98vw;margin:1vw 0}
	.vidpres { width: 98vw;  height: 65vw;  margin: 1vw 0;}
	.bbio1 {width: 92vw; margin: 2vw auto 0 auto;}
	.bbio { width: 90vw;  margin: 0 auto 2vw auto; border-left: 0.5vw solid;  border-right: 0.5vw solid;    padding: 0 2vw;}
	.ibio{display:none;}
	.tbio { width: 90vw;  margin-right: 0;}
	.blcona1, .blcona2, .blcona3 { width: 80vw;margin:2vw 0}
	.imgbloacc { width: 80vw; height: 80vw;	 margin-bottom: 2vw;}
	.imgbloacc img { border-radius: 80vw;  border: 2vw solid #455e5e;}
	.tbloacc {width: 80vw; padding: 1vw;  top: 38vw;  left: 1vw;}
	
	.ifinan { width: 98vw;}
	.teng { margin: 1vw 2vw;  padding: 1vw;  border-radius: 1vw;  width: 40vw;}
	.teng::before { width: 12vw;  border: 0.5vw solid #455e5e; padding:5vw; font-size: 12vw;  height: 12vw;}
	
	.mbutac:before, .tfootel:before, .tfootadd:before, .tfootmail:before, .tconttel:before, .tcontmob:before, .tcontadd:before, .tcontmail:before, .tfaceb:before { font-size: 5vw;}
	.mbutac:before{font-size: 8vw;}
	#div__global__1_h__groups__global_groups {height: auto;}
	.carprods { width: 50vw;  height: 50vw;  display: block;  margin: auto;}
	
	/*****CONTENT ****/
	
	#div_container_5_fr {min-height: initial!important;padding-top:3vw;padding-bottom: 3vw;overflow:hidden;width:100vw;0}
	#div_5_fr{ width: 100vw;}
	.bcont, .bcontxt { width: 98vw;padding:1vw}

	.bfoot .t_g{text-align:center}
	.bfoinfo, .bfoinfo2, .bfoinfo3 { width: 98vw;  margin: 1vw; text-align:center;}
	.iflogo { width: 70vw;}
	.isoc {	 width: 15vw;}
	
}