/*************************************   CLASSE HTML  */


body {
	margin:0;
	height:100%;
	background-color:#000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
a, a:focus, a:active {
	text-decoration: none;
	color: #046caa;
}
form {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size:24px;
}









/**************************************    GENERAL CLASSES  ****************/

.hidden {
	display:none !important;
}
.ErrorDiv {
	margin:10px auto;
	width:96%;
	max-width:500px;
	padding:2px 20px;
	text-align:center;
	font-size: 14px;
	border: 2px solid #ad0909;
	border-radius: 6px;
	background-color: #f8f6f0;
}
.floatLeft {
	float: left !important;
}
.floatRight {
	float: right !important;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.sousligne {
	text-decoration-line: underline;
}



/**************************************    MAIN CLASSES     ****************/


#mainDiv {
	margin 0 auto;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	min-height: 100vh;
	background-image: url('../images/watercolor_light_mirror.jpg');
	background-color:#FFF;
	background-attachment:fixed;
	background-size: 100% auto;
}
#overlayDiv {

}
.innerBkgDiv {
	/*width:90%;*/
	max-width:1250px;
	margin: 0 auto;
}
.innerBkgDivT {
    width: 90%;
    position: relative;
    background-image: url("/images/entete_long.jpg");
    background-size: auto 100%;
    min-height: 220px;
    max-width: 1500px;
    border-right: 4px solid #194697;
    border-left: 4px solid #194697;
    margin: 0 auto;
    box-shadow: 0px 0px 12px 0px #fff;
}
.divContentProduct {
	padding: 0px 0px 40px;
}
.divContentNotice {
	padding: 40px 0px 12px;
}
.divContentInside {
	padding: 10px 25px;
	margin: 30px auto 0px;
	max-width: 1000px;
	width: 85%;
}
.divContentImage {
	padding: 10px 25px;
	margin: 5px auto 10px;
	max-width: 600px;
	width: 85%;
	text-align: center;
}
.contentInsideRow {
	margin: 5px auto;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}
.contentInsideBloc {
	max-width: 45%;
	display: inline-block;
	margin: 8px auto;
	height: 100%;
}
.contentInsideBloc img {
	width: auto;
	max-width: 90%;
}
.prodRow, .prodShortDesc, .prodTitleRow, .linkRemonter, .noticeProduit, .noticeTitle {
	margin: 30px auto 0px;
	max-width: 1000px;
	width: 85%;
	overflow: hidden;
	background-color: #f2f2f2;
}
.prodImage, .prodDetails {
	float:left;
	
}
.divContentLinks {
	text-align: center;
	width: 90%;
	min-width: 160px;
	margin: 0px auto;
}
.topProdLink {
	display: inline-block;
	text-align: center;
	padding: 2px 12px;
	/*background-color: #f4edd8;*/
	margin: 2px;
	font-size: 12px;
	color: #026b84;
	width:160px;
	font-weight: bold;
}
.imgSection {
	max-width:100%;
	margin:20px auto;
}





 /* QUICKMENU CLASSES  ************************************************************************/

.quickMenuBtn {
	background-color: #ffedb6;
	color: #7b9d02;
	padding: 8px 30px;
	font-size: 14px;
	font-weight: 600;
	border: none;
	cursor: pointer;
	border-radius: 8px;
	float: right;
	right: 10px;
	font-family: tahoma, sans-serif;
	margin-left: 10px;
}
.topProdLink {
	display: inline-block;
	text-align: center;
	padding: 2px 1px;
	/*background-color: #f4edd8;*/
	margin: 2px;
	font-size: 12px;
	color: #026b84;
	width:190px;
	font-weight: bold;
    font-family: tahoma, sans-serif;
}
.topQuickLinks {
	text-align: right;
	position: relative;
	margin-top: 4px;
}

/* Dropdown button on hover & focus */
.quickMenuBtn:hover, .quickMenuBtn:focus {
  background-color: #dfcf9e;
	color: #2a700d;
}

/* The container <div> - needed to position the dropdown content */
.quickMenu {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.quickMenu-content {
  display: none;
  position: absolute;
  background-color: #f4edd8;
  min-width: 180px;
  box-shadow: -4px 6px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 0%;
	top: 100%;	
}

/* Links inside the dropdown */
.quickMenu-content a {
  color: #6F9701;
  padding: 4px 16px;
  text-decoration: none;
  display: block;
  border-bottom: 2px solid white;
}

/* Change color of dropdown links on hover */
.quickMenu-content a:hover {background-color: #ddd;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 

 /* END QUICKMENU CLASSES  ************************************************************************/


/*  NAVIGATION ARROWS *****************************************************************************/

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}


/*  NAVIGATION ARROWS *****************************************************************************/







.noticeProduit {
	background-color: unset;
	font-size: 12px;
	margin: 15px auto;
	padding-left: 20px;
}
.noticeTitle {
	background-color: unset;
	font-size: 15px;
	text-decoration: underline;
	margin: 15px auto;
}
.prodImage {
	background-color: white;
	border: 4px solid orange;
	border-radius: 5px;
	padding: 7px;
	margin-right: 20px;
	max-width: 44%;
	overflow: hidden;
}
.prodImg {
	width:100%;
}
.prodTitle {
	font-size:41px;
	color: #91c600;
	padding: 6px 15px 3px 0px;
	background-image: linear-gradient(to right, white, #f2f2f2);
	min-height: 48px;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.2em;
}
.prodTitle2 {
	font-size:38px;
	color: #91c600;
	padding: 6px 15px 3px 0px;
	background-image: linear-gradient(to right, white, #f2f2f2);
	min-height: 48px;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.2em;
}
.prodNumber {
	float: right;
	font-size: 30px;
	background-color: #FFF;
	border-radius: 35px;
	padding: 2px 14px 4px 12px;
	border: 1px solid orange;
	color: orange;
	line-height: normal;
	margin-top: -1px;
}
.prodSubTitle {
	font-size: 25px;
	padding: 2px 15px 6px 3px;
	color: black;
	/*background-color: white;*/
}
.prodSubDivTitle {
	font-size: 20px;
	padding: 5px 15px 6px 10px;
	color: #91c600;
	background-color: white;
	margin: 15px auto;
	font-weight: bold;
}
.prodSubDiv {
	display: none;
	min-height: 100px;
	background-color: #f6f6f6;
	padding: 10px 20px;
	width: 80%;
	max-width: 960px;
	margin: 15px auto 35px;
}
.prodSubDetails {
	text-align: center;
}
.prodQty {
	font-size: 14px;
	margin: 9px 9px;
}
.prodPrix {
	font-size: 17px;
	font-weight: bold;
	color: #e19200;
}
.prodPrixTitle {
	font-size: 12px;
}
.prodPrixDiv {
	width: 30%;
	margin: 4px auto;
	display: inline-block;
	padding: 4px 2px;
	background-color: #f8f8f8;
	border-radius: 8px;
	text-align: center;
}
.usdPrix {
	font-weight: normal;
	color: black;
	font-size: 12px;
}
.asterisk1 {
	color: black;
	font-size: 19px;
	font-weight: normal;
}
.prodSideTitle {
	font-size: 23px;
	padding: 5px 15px;
	background-color: white;
	color: orange;
	font-weight: bold;
}
.prodItemList {
	font-size: 19px;
	line-height: 1.8em;
	margin-left: 10px;
}
.prodDetails {
	max-width: 44%;
	padding: 20px 15px 15px 10px;
	width: 44%;
}
.linkRemonter {
	font-size: 11px;
	background-color: unset;
	margin: 0px auto;
	position: relative;
	overflow: visible;
	text-align: right;
	background-color: #d5e17d;
	top: 0px;
	min-height: 24px;
}
.btnRemonter {
	position: absolute;
	bottom: 1px;
	margin: 3px 7px;
	padding: 3px 7px;
	right: 1px;
	cursor: pointer;
}
.prodShortDesc, .prodTitleRow {
	clear: both;
	background-color: unset;
}
.prodLinkRow {
	margin: 15px auto;
	overflow: hidden;
	width: auto;
	max-width: 430px;
}
.prodBtn {
	 float: left;
 	 padding: 7px 12px;
 	 background-color: beige;
 	 border: 3px solid orange;
 	 border-radius: 6px;
 	 font-size: 14px;
 	 font-weight: bold;
 	 margin: 15px 4px;
 	 text-align: center;
}

hr.style2b {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    margin: 25px auto 5px;
}
.mainContentTitle {
	font-size: 21px;
	text-align: center;
	margin: 40px auto;
	font-weight: bold;
}
#headerDiv {
	height:6vh;
	max-height:70px;
	min-height:35px;
	padding:10px 20px;
	background-color:#336699;
	position:relative;
}
#headerDivT {
    height: 220px;
    background-color: #336699;
    position: relative;
    border-bottom: 3px solid #E9B54F;
}
.headerTitle {
	font-size:24px;
	color:#FFFFFF;
	text-align:center;
	line-height:35px;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	min-width: 85%;
}
.headerTitle span.highlight {
	font-size:0.98em;
	font-weight:600;
	color:#FFCC00;
}
.headerBkg1 {
	background-image:url('../images/bkg_blue_green_abstract.jpg');
	background-size:auto;
	background-position:center -1200px;
}
.headerBkg2 {
	background-image:url('../images/bkg_blue_green_abstract.jpg');
	background-size:auto;
	background-position:center -1250px;
}
#contentDiv {
	position:relative;
	/*overflow:hidden;*/
	/*min-height:130vh;*/
}
#contactInfo {
	border: 1px solid #999;
	overflow: hidden;
	border-radius: 8px;
	background-color: #fcfcf8;
	margin: 20px auto;
	width: 90%;
	max-width: 550px;
}
#coordMember {
	margin: 15px 5px;
	color: #707070;
}
.coordIcon {
	width: 25px;
	display: inline-block;
	margin: 3px 15px 0 0;
	vertical-align: middle;
}
.mediaIcon {
	background-color: white;
	padding: 3px 8px;
	border: 1px solid #aecbe4;
	margin: 5px 0 0 0;
}
.mediaText {
	display: inline-block;
}
.contMiddle {
    /*position: relative;*/
    padding: 0px 28px;
    min-height: 100%;
}
.divContent {
	margin:30px auto 10px;
}
.divCentered {
	position:absolute;
	/*display:flex;*/
	/*align-items:center;*/
	transform: translate(-50%, -55%);
	left: 50%;
	top: 45%;
	/*width:60%;*/
	margin:30px auto;
}
.divCentered2 {
	/*position:absolute;*/
	/*display:flex;*/
	/*align-items:center;*/
	/*transform: translate(-50%, 0%);
	left: 50%;*/
	/*top: 50%;*/
	margin:30px auto;
	width:65%;
	max-width: 800px;
}
.contentTitle {
	font-size: 28px;
	font-weight: normal;
	color: #7bb301;
	font-family: Tahoma, Arial, sans-serif;
	background-color: #f7f7f7;
	padding: 6px 14px;
} 
.contentTitle2 {
	font-size: 24px;
	font-weight: bold;
	color: #7bb301;
}
.contentText {
	font-size: 16px;
}
.contentListTitle {
	font-size: 21px;
	font-weight: bold;
	color: orange;
	margin-top: 25px;
	font-family: Tahoma, Arial, sans-serif;
}
.contentListText {
	font-size: 16px;
	font-weight: normal;
	color: black;
	margin-top: 15px;
	padding-left: 25px;
}
.quoteDiv {
	padding: 15px;
	background-color: #f7f6f5;
 	margin: 38px auto;
	width: 80%;
	border-radius: 10px;
	border: 2px solid orange;
}
.quoteText {
	text-align: left;
	max-width: 90%;
	margin: 18px auto 24px;
	font-size: 16px ;
	color:grey;
	font-style: italic;
}
.quoteName {
	color:black;
	font-style: normal;
	font-size: 14px ;
	line-height: 1.5em;
}
.textHL{
	font-weight: bold;
	color:#5b9900;
}
.specialText {
	font-style: italic;
	font-weight: bold;
	color: orange;
	max-width: 90%;
	margin: 28px auto 18px;
}
.mainHeadImg {

}
.mainHeadImg img {
	width:100%;
} 
#introSection {
	margin-top: 60px;
}
#textIntro {
	margin-top: 35px;
}
.mainTxt {
	font-size: 16px;
}
.textHighlight {
	color: #c40202;
	max-width: 500px;
	margin: 10px auto;
	width: 80%;
}
.txtCenter {
	text-align: center;
	margin: 10px auto;
}
.introList {
	margin: 10px 20px 35px;
	font-style: italic;
}
.flipImgHoriz {
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.flipImgVertic {
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.bkgImg {
    position: relative;
	display: inline-block;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin: 0px auto calc(1vh + 5px);
	/*width: 80vw;*/
	height: 75vw;
	max-height: 90vh;
	left: 50%;
	transform: translateX(-50%);
}
.bkgImg img {
    max-width: 100%;
    max-height: 100%;
}
.mainContBkg {
	background-color:#FFF;
	min-height: calc(100vh - 12vh - 50px);
	position:relative;
}
.mainContBkg2 {
	background: url("http://argent-bonheur.com/images/bkg_final.jpg");
	background-size:cover;
	min-height: 120vh !important;
}
.mainContBkg3 {
	background: url("http://argent-bonheur.com/images/bkg_final2.jpg");
	background-size:cover;
	min-height: 120vh !important;
}
.mainContBkg4 {
	opacity: 100%;
	/*background-color: white;
	background: url("http://mon-hbn.com/images/backgrounds_accueil_hbn_prod.jpg") repeat white;*/
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-size: 100%;
	min-height: 80vh !important;
	background-position:0 -260px;
	max-width:1200px;
}
.visualDiv {
    width: 45%;
    display: inline-block;
    margin: 0px 10px;
}
.videoFrame {
	text-align: center;
	clear: both;
}
.youtubeDiv {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
    border: 2px solid #999;
}

.bottomNavDiv {
	height:80px;
}
.bottomNavBtnDiv {
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	bottom: auto;
	text-align: center;
	margin: 0 auto;
	padding: 2px;
	left: 50%;
	transform: translate(-50%,0%);
	
}
.navBtn {
	display:inline-block;
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9ac63+0,ef8132+50,d86c00+51,f4943f+100 */
	background: #f9ac63; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9ac63 0%, #ef8132 50%, #d86c00 51%, #f4943f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9ac63 0%,#ef8132 50%,#d86c00 51%,#f4943f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9ac63 0%,#ef8132 50%,#d86c00 51%,#f4943f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ac63', endColorstr='#f4943f',GradientType=0 ); /* IE6-9 */
	width:auto;
	min-width:60px;
	height:auto;
	padding:7px 10px;
	border:2px solid #919191;
	border-radius:6px;
	margin:20px auto;
	text-align:center;
	cursor:pointer;
}
.navPageNb {
	display:inline-block;
	font-size:1.2em;
	font-weight:700;
	color:#555;
	background: #b4e391; /* Old browsers */
	background: -webkit-linear-gradient(#b4e391 0%, #61c419 50%, #b4e391 100%);
	background: -o-linear-gradient(#b4e391 0%, #61c419 50%, #b4e391 100%);
	background: linear-gradient(#b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
	background: rgba(230,235,216,0.85);
	width:60px;
	height:auto;
	padding:7px 10px;
	border:2px solid #333333;
	border-radius:6px;
	margin:20px auto;
	text-align:center;
	cursor:pointer;
}

.navBtnLeft {
	display:inline-block;
	/*margin:0 auto 15px;*/
	float:right;
}
.navBtnRight {
	display:inline-block;
	/*margin:0 15px 0;*/
	margin-left:5px;
	float:right;
}
.navBtnCenter {
	display:inline-block;
	/*margin:0 auto;*/
	margin-left:5px;
	padding:7px 0px;
	float:right;
	border: 2px solid #919191;
}
.activePageNb, .navPageNb:hover {
	background: rgba(168, 158, 148, 0.85);
	color:#FFF;
	border: 2px solid #CEB28D;
}
#footerDiv {
	height:8vh;
	max-height:80px;
	padding:10px 20px;
	background-color:#336699;
}
.navMainBtn {
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9ac63+0,ef8132+50,d86c00+51,f4943f+100 */
	background: #f9ac63; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9ac63 0%, #ef8132 50%, #d86c00 51%, #f4943f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9ac63 0%,#ef8132 50%,#d86c00 51%,#f4943f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9ac63 0%,#ef8132 50%,#d86c00 51%,#f4943f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ac63', endColorstr='#f4943f',GradientType=0 ); /* IE6-9 */
	width:150px;
	height:auto;
	padding:10px 30px;
	border:2px solid #006699;
	border-radius:6px;
	margin:20px auto;
	text-align:center;
}
i.arrowWhite {
	border-color: rgba(255,255,255,.7);
	border-style: solid;
    border-width: 0 10px 10px 0;
    display: inline-block;
    padding: 10px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.arrowBtn  {
    border-radius: 50%;
    width: 50px;
    height: 50px; 
	padding:10px;
	background-color:#222;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
	filter: alpha(opacity=30);  /* IE 5-7 */
	-moz-opacity: 0.3;          /* Netscape */
	-khtml-opacity: 0.3;        /* Safari 1.x */
	opacity: 0.3;   
}
.carteImg {
	width:96%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	/*padding-right:10px;*/
	max-width:640px;
	max-height:440px;
	display:block;  
}
.introImg {
	width:90%;
	height:auto;
	max-height:calc(100% - 12vh - 50px);
	margin-left:auto;
	margin-right:auto;
	position: relative;
	/*padding-right:10px;*/
	/*max-width:640px;
	max-height:440px;*/
	display:block; 
	border: 4px solid #888; 
}
img.carteImg {
	box-shadow: 3px 3px 5px #ccc;
		-moz-box-shadow: 3px 3px 5px #ccc;
		-webkit-box-shadow: 3px 3px 5px #ccc;
		-khtml-box-shadow: 3px 3px 5px #ccc;
}
.navMainBtn:hover, .navBtn:hover {
	color:#333;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6f0a3+0,d2e638+50,c3d825+51,dbf043+100;Green+Gloss+%232 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */


}

.confirmEmail {
	margin: 10px auto;
	border: 1px solid #000;
	background-color: #f6f6f2;
	max-width: 600px;
	width: 90%;
}

.confirmEmailTxt {
	padding: 15px 15px 6px 15px;
	text-align: center;
	font-size: 16px;
	color:darkblue;
	font-weight: bold;
}

.confirmEmailTest {
	border: 1px solid red;
	padding: 10px;
	text-align: center;
	width: 80%;
	margin: 10px auto 15px;
	max-width: 500px;
	font-weight: 600;
	background-color:#FFF;
	font-size: 17px;
	color: brown;
}

.confirmDivBtn {
	clear: both;
	overflow: hidden;
	margin: 5px auto;
	text-align: center;
}



.cardSubText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	margin:10px auto;
}
.memberPhoto {
	float:left;
	border:2px solid #666;
	border-radius:9px;
	padding:10px;
	margin:20px;
	background-color: #fff;
	/*width:20%;
	max-width:200px;*/
	width:18vw  ;
	height:18vw;
	max-width:160px;
	max-height:160px;
	min-width:100px;
	min-height:100px;
	position: relative;
}

.memberPhotoCrop {
	/*height:100%;
	overflow:hidden;
	position: relative;
	background-position:center;*/
	object-fit: none; /* Do not scale the image */
  	object-position: center; /* Center the image within the element */
  	height: 100%;
  	width: 100%;
	overflow:hidden;
}
.memberPhoto img {
	max-width:100%;
	width:100%;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
}
.memberPhotoHorz img {
	max-width:none !important;
	background-size: cover;
	height: 100%;
	background-position:center;
	left: 50%;
	top: 50%;
	height: 100%;
    width: auto;
	-webkit-transform: translate(-5%, -0%);
    -ms-transform: translate(-5%, -0%);
    transform: translate(-5%, -0%);
}
.memberPhotoHorz2 img {
	max-width:none !important;
	background-size: cover;
	height: 100%;
	background-position:center;
	left: 50%;
	top: 50%;
	height: 100%;
    width: auto;
	-webkit-transform: translate(-10%, -0%);
    -ms-transform: translate(-10%, -0%);
    transform: translate(-10%, -0%);
}
.memberPhotoHorz3 img {
	max-width:none !important;
	background-size: cover;
	height: 100%;
	background-position:center;
	left: 50%;
	top: 50%;
	height: 100%;
    width: auto;
	-webkit-transform: translate(-20%, -0%);
    -ms-transform: translate(-20%, -0%);
    transform: translate(-20%, -0%);
}
.memberInfo {
	display:inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	float: left;
	width: auto;
	min-width: 200px;
	margin-top: 20px;
	min-width: 240px;
}
.leftPhotoText {
	margin-top: 110px;
	color: #8c8c8c;
}
.subTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#CC6600;
	margin:30px 0px;
	text-align:center;
}
.textInvite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	margin:5px auto;
	text-align:center;
	max-width:500px;
}








/**************************************   CLASSES STRUCTURELLES  ET DESIGN */


.divLayerBkg {
	background-color: #F9F9E6;
	padding: 7px;
	width: 98%;
	border: 1px solid #CCCCCC;
}
.main_div {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	background-color:#FFFFF6;
	background: url('../images/bckground1.jpg') ;
	height:100%;
	width:100%;
	max-width:800px;
	max-height:90%;
	text-align:center;
}
.FrameTable {
	/*border: 1px solid #003366;*/
	width:770px;
	max-width:770px;
	margin-left:auto;
	margin-right:auto;
	min-width:400px;
	min-height:300px;
	text-align:center;
	display:table;
	background-image: url("/images/bckground2.jpg");
	
	
}
.FrameCarte {
	/*border: 1px solid #003366;*/
	width:770px;
	max-width:770px;
	margin-left:auto;
	margin-right:auto;
	min-width:400px;
	min-height:300px;
	text-align:center;
	display:table;	
	
}
.FrameTableSpec {
	/*border: 1px solid #003366;*/
	width:770px;
	max-width:770px;
	margin-left:auto;
	margin-right:auto;
	min-width:400px;
	min-height:300px;
	text-align:center;
	display:table;
	background-image: url("/images/bckground1.jpg");
}

.FrameTablePop {
	/*border: 1px solid #003366;*/
	width:490px;
	max-width:490px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:table;
	background-image: url("/images/bckground2.jpg");
	
	
}
.lightRule{
	color:#CCCCCC;
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
.gradientRule{
	border: 0px none;
	height: 1px;
	background-image: -moz-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.75), transparent);
	width:60%;
	margin:25px;
	margin-left:auto;
	margin-right:auto;
}
.formTable {
	width: 96%;
	max-width: 640px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	display: block;
	text-align: center;
	margin: 25px auto;

}
.formSubTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:600;
	text-align:center;
	color:#000000;
	margin:10px auto 30px;
	text-shadow: 0px 3px 4px white;
	max-width:400px;
}
.formField {
	line-height: 1.5em;
	padding: 6px 7px;
	border-radius: 6px;
	border: 2px solid #0776a2;
	background-color: #FFF;
	font-size: 15px;
	color: #444;
	width:95%;
	/*box-shadow: 4px 4px 8px;*/
	/*max-width:200px;*/
}
.formFieldDiv {
  margin: 5px auto;
  padding: 7px 8px;
  /*background-color: #FFF; */
}
.formBtn {
	disply:block;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background: #f9ac63;
	background: -moz-linear-gradient(top, #f9ac63 0%, #ef8132 50%, #d86c00 51%, #f4943f 100%);
	background: -webkit-linear-gradient(top, #f9ac63 0%,#ef8132 50%,#d86c00 51%,#f4943f 100%);
	background: linear-gradient(to bottom, #f9ac63 0%,#ef8132 50%,#d86c00 51%,#f4943f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ac63', endColorstr='#f4943f',GradientType=0 );
	width: 150px;
	height: auto;
	padding: 7px 30px;
	border: 2px solid #006699;
	border-radius: 6px;
	margin: 30px auto;
	text-align: center;
	clear:both;
}
.carte_virtuelle {
	width:auto;
	height:400px;
	max-height:400px;;
	max-width:650px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	display:block;
	/*min-height:290px;*/
	min-width:400px;
	/*border:solid #999999 1px;*/
	overflow:hidden;
}
#slider1 {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	padding:5px;
	max-width:650px;
	max-height:445px;
	/*max-height:500px;*/
	display:block;
}

.imgDiv{
	display:block;
	width:auto;
	margin:15px auto;
	/*margin-left:auto;
	margin-right:auto;*/
}
.imgDivRight{
	display:inline-block;
	width:auto;
	float:right;
	margin:5px 0px 0px 8px;
}
.imgDivLeft{
	display:inline-block;
	width:auto;
	float:left;
	margin:5px 8px 2px 0px;
}

.imgDiv img, .imgDivRight img, .imgDivLeft img{
	border:#666 2px solid;
}
.clearBoth {
	clear:both;	
}
.formDiv {
	width:90%;
	max-width:550px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #999;
	padding:8px 14px;
	border-radius: 8px;
	background-color: #fcfcf8;
}
.formTitleDiv {
	text-align: center;
	background-color:#F2F0F0;
	padding: 6px 10px;
	font-weight: bold;
	font-size: 15px;
	color:#979797;
}
#slider1 {
	margin-bottom:8px;
}
.CouponColor1 {
	background-color: #F9F6d8;
}
.tutorielBgColor1 {
	background-color: #F9F9F3;
}

.FormTableColor2 {
	background-color: #EEC688;
}
.FormTableColor1 {
	background-color: #AABBEE;
}
.pageTitleDiv{
	display:block;
	width:95%;
	margin:5px 0px;
	padding:6px 15px;
	text-align:center;
	/*background: -webkit-linear-gradient(bottom, #FF9900, #993300);
	background: -o-linear-gradient(top, #FF9900, #993300);
	background: -moz-linear-gradient(top, #FF9900, #993300);
	background: linear-gradient(top, #FF9900, #993300); */
	background-color:rgba(134,165,28,0.8);
	border:#CCCCCC 1px solid;
	border-radius:6px;
}
.FormTableColor3 {
	background-color: #F3CC77;
}
.grosTitreBkg{
	display:block;
	width:95%;
	margin:0px 0px 24px 0px;
	padding:10px 15px;
	text-align:center;
	/*background: -webkit-linear-gradient(bottom, #FF9900, #993300);
	background: -o-linear-gradient(top, #FF9900, #993300);
	background: -moz-linear-gradient(top, #FF9900, #993300);
	background: linear-gradient(top, #FF9900, #993300); */
	background-color:rgba(180,180,180,0.2);
	border:#CCCCCC 1px solid;
	border-radius:6px;
}
.FormTableColor4 {
	background-color: #FFDDAA;
}
.FormTableColor5 {
	background-color: #CCDFE6;
}
.FormTableColorRed {
	background-color: #FF3300;
}
.CouponColor2 {
	background-color: #FBF9E6;
}
.PopTable {
	display:table;
	padding:2px;
	border-collapse:separate;
	border-spacing:3px;
	margin:2px;
	/*background-color: #FBF9E6;*/
	width:100%;
	
}
.FormButtonColor {
	background-color: #990000;
}
.FormTableCoupHeadCol1 {
	background-color: #DDD3CC;
}
.FormTableColorRed2 {
	background-color: #FF6666;
}
.FormTableColorTerra {
	background-color: #CC6600;
}
.FormColorCompare1 {
	background-color: #EEEEEE;
}
.FormColorCompare2 {
	background-color: #DDEEFE;
}
.FormColorCompare3 {
	background-color: #FFAA88;
}
.TableBorderGrey2 {
	border: 2px solid #CCCCCC;
}
.TableBorderBlanc2 {
	border: 2px solid #FFFFFF;
}
.TableBorderBlue {
	border: 1px solid #6688AA;
}
.TableBorders {
	border: 1px solid #999999;
}
.BkgLightGrey {
	background-color: #E6EEFF;
}
.BkgBeige {
	background-color: #F3F3DD;
}
.BtnMenuProfil3 {
	background-color: #336699;
	color: #FFFFFF;
}
.BtnMenuProfil4 {
	background-color: #0066CC;
	color: #FFFFFF;
}
.FrameTable2 {
	background-color: #FEFEFA;
	border: 1px solid #999999;
}
.TableStatColor1 {
	background-color: #F6EEDD;
}
.TableStatColor2 {
	background-color: #E9E9E9;
}
.BtnMenuProfil {
	text-decoration: none;
	background-color: #224477;
	text-align: center;
	color: #FFFFFF;

}
.BtnMenuProfilRed {
	text-decoration: none;
	background-color: #993333;
	text-align: center;
	color: #FFFFFF;
}
.BtnMenuProfil2 {
	background-color: #AAB6B6;
	text-align: center;
	color: #FFFFFF;
}
.ChampError {
	background-color: #FFFFCC;
	border: 1px solid #CC0000;
	margin: 4px;
	padding: 4px;

}
.BulletRouge {
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url(../images/bullet_red.gif);
}
.TextLink {
	color: #003399;
}
.TextHighlight {
	background-color: #CCCCCC;
}
.FormTableColorOrange {
	background-color: #FF9933;
}
.FormTablweColorLightBlue {
	background-color: #AADDFF;
}
.FormTableColorGrey {
	background-color: #DDD9D9;
}
.FormTableColorGreen {
	background-color: #AACC88;
}

.bulletList {
	margin: 10px 10px 35px;
font-style:normal ;
}

.bulletList li:before {
  content: '\2713';
display: inline-block;
color: #06bb06;
font-weight: bold;
padding: 0 4px 0px 0;
line-height: 2;
margin-right: 5px;
font-size: 34px;
}

.bulletList li, .textItemList li {
  list-style-type: none;
  font-size: 1em;
}

.textItemList li, .textItemList2 li {
  list-style-type: none;
  font-size: 15px;
  font-weight: bold;
}

.textItemList li:before, .textItemList2 li:before {
	content: '\25AA';
	display: inline-block;
	color: #e38001;
	font-weight: bold;
	font-size: 29px;
	padding: 0px 11px 0px 0px;
	line-height: .9em;
	margin-top: -4px;
	vertical-align: top;
}

.textItemList2 li {
	margin-bottom: 9px;
}

.textOrderedList {
	list-style: none; 
	counter-reset: li;
	display: inline-block;
	/*color: #e38001;*/
	font-weight: normal;
	font-size: 20px;
	padding: 0px 11px 0px 0px;
	line-height: .9em;
	margin-top: 9px;
	vertical-align: top;
}
.textOrderedList > ol {
	list-style: none; 
	counter-reset: li;
}
.textOrderedList li {
	counter-increment: li;
}

.textOrderedList li::before {
	content: counter(li); 
	color: #e38001;
	display: inline-block;
	font-weight: bold; 
	width: 1em; 
	margin-left: -1.5em;
	margin-right: 0.9em; 
	text-align: right; 
	direction: rtl;
}
.textOrderedList  li {
	margin-bottom:15px;
	margin-top: 9px;
}
.specialDiv {
	max-width: 80%;
	margin: 20px auto;
}
.frameBhgBeige {
	padding: 20px 30px;
	background-color: #f9f9f4;
	border: solid 3px #f4c1a2;
}





/**************************************   CLASSES TEXTE  */





.centeredBold{
	font-size: 17px;
font-weight: bold;
}
.PetiteNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFCC;
}
.TextMedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;

}

.TextBoldTerra {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #993300;
}

.pageTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:700;
	color:#fff;
}

.listSansCheck {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:15px;
	color:#660000;
	margin:25px auto;
}
.listSansCheck li{
	list-style-image:url(../images/check_petit.gif);
	list-style-position:outside;
	padding-left:2px;
	margin:00px 12px 8px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:15px;
	color:#660000;
}
.listSansCheck2 {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:15px;
	color:#336600;
	margin:22px 10px 22px 0px;
}
.listSansCheck2 > li{
	background:url(../images/bullet_green.gif) no-repeat 0px 0px; 
	/*list-style-image:url(../images/bullet_green.gif);*/
	/*list-style-position:outside;
	vertical-align:middle;*/
	padding-left:35px;
	margin:0px 10px 12px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:15px;
	color:#000;
}
.listSansCheck2 > ul > li{
	list-style-type:square;
	list-style-position:outside;
	padding-left:2px;
	margin:0px 12px 8px 45px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-style:italic;
	font-size:15px;
	color:#444;
}
.orderedListGrey {
	list-style:decimal;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:15px;
	color:#660000;
	margin:25px auto;
}
.orderedListGrey li{
	list-style-type: decimal;
	display:list-item;
	padding-left:2px;
	margin:0px 12px 8px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:22px;
	color:#AAA;
}
.orderedListGrey li span {
    font-size: 0.7em;
	display:table-cell;
	color:#660000;
}
.orderedListGrey li span.listItemCol2 {
	color:#000;
}
.orderedListReg {
	list-style:decimal;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:15px;
	color:#660000;
	margin:25px auto;
}
.orderedListReg li{
	list-style-type: decimal;
	display:list-item;
	padding-left:2px;
	margin:0px 12px 8px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:15px;
	color:#003399;
}
.citationDiv{
	display:block;
	width:90%;
	margin:10px auto;
	background-color:#F0F0E8;
	padding:10px;
	text-align:left;
	border-radius:8px;
}
.citation {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#003399;
	text-align:center;
}
.pageNav{
	display:table;
	margin:0px auto;
	width:auto;
}
.pageNav a{
	display:table-cell;
}
a > .lienPageDiv, a:active > .lienPageDiv, a:focus > .lienPageDiv, a:visited > .lienPageDiv{
	display:table;
	position:relative;
	background-color:#006633;
	background: -webkit-linear-gradient(bottom, #FF9900, #993300); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #FF9900, #993300); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #FF9900, #993300); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #FF9900, #993300); /* Standard syntax */
	margin:10px 2px;
	/*width:auto;*/
	height:auto;
	padding:8px 15px;
	border:#999999 0px solid;
	border-radius:10px;
	box-shadow: 4px 4px 5px #888888;
}
a:hover > .lienPageDiv{
	background: -webkit-linear-gradient(bottom, #CC5500, #550000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #CC5500, #550000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #CC5500, #550000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #CC5500, #550000); /* Standard syntax */
	color:#FFFF33;
}

.lienPageSuivante {
	display:table-cell;
	position:relative;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
.textHighBoxDiv {
	background-color:#F6F3E6;
	display:block;
	width:82%;
	margin:15px auto;
	padding:8px 20px;
	border:#AAA 1px solid;
	border-radius:6px;
}
.textHighBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#003399;
	font-weight: normal;
}
.TitreReg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}
.TextReg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.textBold {
	font-weight:bold;
}
.TextPale {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}

.TitreCoupon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}
.TextCoupon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;

}
.RabaisCoupon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #993300;
}
.TextPetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;

}
.TextValide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;


}
.NomCie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003366;
}
.TagNouveaute {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
}
.BtnNextPrevious {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}
.RabasiCoupons2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #993300;
}
.RabaisCouponsPetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #993300;
}
.TextAdresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-decoration: none;

}
.TitreIndexBeige {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFCC;
}

.BarMenuMain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: none;
}
.TitreMain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}
.ErrorMsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:80%;

}

.TextRegBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.RabaisCents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #993300;
}
.TitreBleuMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003399;
}
.FormTitleColor {
	background-color: #CC6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFCC;
}

.ChampTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.lienSansLigne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	text-decoration: underline;
}
.TxtRegBoldSouligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}

.TextRegBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.VilleEntete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003399;
}
.LiensProfil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	text-decoration: none;
}

.TextInfoBulles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
}
.TitreInfoBulles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #003366;
}
.TxtDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.TitreInfopub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003399;

}
.TitreInfopub2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003399;

}

.MenuRollPetit {
	height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003366;

}
.TextDevise {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.LayerCenter {
	position: absolute;
	left: auto;
	top: auto;
}
.NomCieWebLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.TextMoyen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;

}
.TextLanding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;

}
.TitreRougeLanding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #990000;
}
.TextMoyenRouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #990000;
}
.TextMoyenRougeLigne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #990000;
}
.TextMoyenBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.BoutonRouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #FF6600;
}
.TextTemoignagesItal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #000000;
}
.TextPetitBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.TextRegItal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
}
.TextXgo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #993300;
}

.TextXgo2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000099;
}
.TextMedBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #003399;
}
.TextMedMauve {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333366;
}
.TextMedVert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #336600;
}

.TextDate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.BtnNoLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #FFFFFF;
}

.BtnSubMenuPres1 {
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	list-style-position: inside;
	list-style-type: circle;
	list-style-image: none;
	text-indent: 10px;
	color: #660000;
	background-color: #88CCDD;
}
.BtnSubMenuPres2 {
	text-decoration: none;
	text-align: center;
	border: 1px solid #0066CC;
	text-indent: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #660000;
	background-color: #99DDFF;
}
.BtnNoLink5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #660000;
}
.BtnNoLink2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #333333;

}
.BtnNoLink3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #660000;

}
.BoutonVert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #669900;
}
.BoutonBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.ChampTxtPetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 20px;
	width: 17px;

}
.BoutonBleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
	height: 35px;

}
.BoutonOrange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC6600;
	height: 35px;
}
.TextPetitBoldRouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}
.TextTitreProfil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #88AABB;
	font-variant: normal;

}
.MenuBasPage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
}
.BoutonAcheter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #993300;
	height: 30px;
}
.ListeSpec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 25px;
	list-style-type: square;
}

.TextLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.TextIndice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	vertical-align: superexposant;
}
.TextRegRouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
}

.TextTresPetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.RegSymb {
	font-size: 10px;
	vertical-align: top;
}
.BarreHoriz {
	border: 1px solid #990000;
	background-color: #990000;
	color: #990000;
}
.ErrorMsg2 {
	background-color: #FFFFCC;
	padding: 10px;
	border: 1px solid #990000;
}

.TextRegBoldVert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #006600;
}
.TextRegBoldBrun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #553300;
	padding-right: 5px;

}
.TitreXgoBleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003399;
}
.TitreLanding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #003399;
	margin:15px auto 35px;
}



















/**************************     HR STYLES   ******************************/


hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  margin:80px auto;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
  clear:both;
  overflow:hidden;
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}



/*********************************************************************************/





































/***********************************     RESPONSIVE DESIGN CLASSES    ************************/


.hideMobile {
	display:none;
}
.showMobile {
	display:block;
}




@media only screen and (min-width: 1200px) and (max-width: 1599px) {


.mainContBkg {
	min-height: calc(100vh - 15vh - 40px);
}
.innerBkgDivT {
    
}

}



@media only screen and (min-width: 980px) and (max-width: 1199px)  {


.mainContBkg {
	min-height: calc(100vh - 15vh - 40px);
}
.innerBkgDivT {
    height: 200px;
	min-height: auto;
}
#headerDivT {
    height: 200px;
}
.headerTitle {
    font-size: 26px;
    line-height: 26px;
	/*padding-top: 8px;*/
}
.contMiddle {
	padding: 0px 20px;
}
.divCentered, .formTable, .ErrorDiv {
	/*transform: translate(-50%, -40%);*/
	width:72%;
}
.divCentered2 {
    min-width: 72%;
}
.divCenterTop {
	top: 5vh;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	margin: 15px auto;
	padding: 15px 20px;
	border: 3px solid #336699;
	min-width: 80%;
	max-width: 90%;
	border-radius: 8px;
}
.calcFont35 {
	font-size: calc(3vw) !important;
}
.calcImg25 {
	max-width:calc(10vw + 150px ) !important;
}
.bottomNavBtnDiv {
	min-width: 310px;
}
.navMainBtn {
	font-size:16px;
	width:140px;
	height:auto;
	padding:10px 25px;
	border:2px solid #006699;
	border-radius:6px;
	margin:20px auto;
	text-align:center;
}
.navBtn {
	display:inline-block;
	font-size: 1.2em;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.navPageNb {
	display:inline-block;
	font-size: 1.2em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}

}


@media only screen and (min-width: 980px) and (max-width: 1199px)  and (orientation : landscape) {


.mainContBkg {
	min-height: calc(100vh - 15vh - 40px);
}
.innerBkgDivT {
    height: 200px;
	min-height: auto;
}
#headerDivT {
    height: 200px;
}
.headerTitle {
    font-size: 26px;
    line-height: 26px;
	/*padding-top: 8px;*/
}
.contMiddle {
	padding: 0px 20px;
}
.divCentered, .formTable, .ErrorDiv {
	/*transform: translate(-50%, -40%);*/
	width:72%;
}
.divCentered2 {
    min-width: 72%;
}
.divCenterTop {
	top: 5vh;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 15px auto;
	padding: 15px 20px;
	border: 3px solid #336699;
	min-width: 80%;
	max-width: 90%;
	border-radius: 8px;
}
.carteImg {
	width: 60%;
	height:auto;
	/*max-height:40vh;*/
}
.bottomNavBtnDiv {
	min-width: 310px;
}
.navMainBtn {
	font-size:16px;
	width:140px;
	height:auto;
	padding:10px 25px;
	border:2px solid #006699;
	border-radius:6px;
	margin:20px auto;
	text-align:center;
}
.navBtn {
	display:inline-block;
	font-size: 1.2em;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.navPageNb {
	display:inline-block;
	font-size: 1.2em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
}




@media only screen and (min-width: 768px) and (max-width: 979px)  and (orientation: portrait)  {


.mainContBkg {
	min-height: calc(100vh - 15vh - 40px);
}
.innerBkgDivT {
    height: 180px;
	min-height: auto;
}
#headerDivT {
    height: 180px;
}
.headerTitle {
    font-size: 26px;
    line-height: 26px;
	/*padding-top: 8px;*/
}
.contMiddle {
	padding: 0px 20px;
}
.prodImage, .prodDetails {
  max-width: unset;
  margin: 0px auto;
  float: unset;
  width: unset;
}
.memberInfo {
	text-align: center;
	display: block;
	overflow: hidden;
	max-width: unset;
	min-width: 200px;
	width: auto;
	clear: both;
	float: unset;
}
.memberPhoto {
	float:unset;
	margin: 15px auto -10px;
}
.leftPhotoText {
	margin-top: 20px;
}
.divContentTxtLeft {
	font-size:17px;
}
.divContentTxtRight {
	font-size:17px;
}
.divCentered, .formTable, .ErrorDiv {
	/*transform: translate(-50%, -40%);*/
	width:72%;
}
.divCentered2 {
    min-width: 72%;
}
.divCenterTop {
	font-size: 1.4em;
	padding: 15px 20px;
}
.calcFont35 {
	font-size: calc(3vw) !important;
}
.calcImg25 {
	max-width:calc(10vw + 150px ) !important;
}
.bottomNavBtnDiv {
	min-width: 310px;
}
.navMainBtn {
	font-size:16px;
	width:140px;
	height:auto;
	padding:10px 25px;
	border:2px solid #006699;
	border-radius:6px;
	margin:20px auto;
	text-align:center;
}
.navBtn {
	display:inline-block;
	font-size: 1.2em;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.navPageNb {
	display:inline-block;
	font-size: 1.2em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}

}



@media only screen and (min-width: 768px) and (max-width: 979px)  and (orientation : landscape){


.mainContBkg {
	min-height: calc(100vh - 15vh - 40px);
}
.innerBkgDivT {
    height: 180px;
	min-height: auto;
}
#headerDivT {
    height: 180px;
}
.headerTitle {
    font-size: 26px;
    line-height: 26px;
	/*padding-top: 8px;*/
}
.contMiddle {
	padding: 0px 20px;
}
.prodImage, .prodDetails {
  max-width: unset;
  margin: 0px auto;
  float: unset;
  width: unset;
}
.memberInfo {
	text-align: center;
	display: block;
	overflow: hidden;
	max-width: unset;
	min-width: 200px;
	width: auto;
	clear: both;
	float: unset;
}
.memberPhoto {
	float:unset;
	margin: 15px auto -10px;
}
.leftPhotoText {
	margin-top: 20px;
}
.divContentTxtLeft {
	font-size:17px;
}
.divContentTxtRight {
	font-size:17px;
}
.divCentered, .formTable, .ErrorDiv {
	/*transform: translate(-50%, -40%);*/
	width:72%;
}

.divCenterTop {
	font-size: 1.1em;
	padding: 15px 20px;
	margin-top: 0px;
}
.alineaTxt {
    margin-left: 20px;
}
.carteImg {
	width: 75%;
	height:auto;
	/*max-height:40vh;*/
}
.bottomNavBtnDiv {
	min-width: 310px;
}
.navMainBtn {
	font-size:16px;
	width:140px;
	height:auto;
	padding:10px 25px;
	border:2px solid #006699;
	border-radius:6px;
	margin:20px auto;
	text-align:center;
}
.navBtn {
	display:inline-block;
	font-size: 1.1em;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.navPageNb {
	display:inline-block;
	font-size: 1.1em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}

}




@media only screen and (min-width: 640px) and (max-width: 767px)  and (orientation : portrait) {



.mainContBkg {
	min-height: calc(100vh - 12vh - 35px);
}
.innerBkgDivT {
    height: 160px;
	min-height: auto;
}
#headerDivT {
    height: 160px;
}
.headerTitle {
    font-size: 17px;
	line-height: 20px;
	/*padding-top: 4px;*/
}
.contMiddle {
	padding: 0px 5px;
	min-height:100%;
}
.prodImage, .prodDetails {
	max-width: unset;
	margin: 0px auto;
	float: unset;
	width: unset;
}
.memberInfo {
	text-align: center;
	display: block;
	overflow: hidden;
	max-width: unset;
	min-width: 200px;
	width: auto;
	clear: both;
	float: unset;
}
.memberPhoto {
	float:unset;
	margin: 15px auto -10px;
}
.leftPhotoText {
	margin-top: 20px;
}
.divContentTxtLeft {
	font-size:14px;
}
.divContentTxtRight {
	font-size:14px;
}
.divCenterTop {
	font-size: 1em;
	padding: 10px 15px;
	margin-top: 0px;
}
.alineaTxt {
    margin-left: 15px;
}
.divCentered, .formTable, .ErrorDiv {
	width:72%;
	margin:5px auto;
}
.divCentered2 {
    min-width: 80%;
}
.carteImg {
	width: 75%;
	height:auto;
	/*max-height:40vh;*/
}
.navMainBtn {
	font-size:15px;
	width:130px;
	height:auto;
	padding:7px 20px;
	border-radius:6px;
	margin:9px auto;
}
.bottomNavBtnDiv {
	min-width: 310px;
}

.navBtn {
	display:inline-block;
	font-size: 1.1em;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.navPageNb {
	display:inline-block;
	font-size: 1.1em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.contentInsideRow {
	display: block;	
}
.contentInsideBloc {
	max-width: 90%;
	display: inline-block;
	height: auto;
}

}













@media only screen and (min-width: 640px) and (max-width: 767px)  and (orientation : landscape) {



.mainContBkg {
	min-height: calc(100vh - 12vh - 35px);
}
.innerBkgDivT {
    height: 150px;
	min-height: auto;
}
#headerDivT {
    height: 150px;
}
.headerTitle {
    font-size: 17px;
	line-height: 20px;
	/*padding-top: 4px;*/
}
.contMiddle {
	/*display:inline-flex;*/
	/*position:relative;*/
	padding: 0px 5px;
	min-height:100%;
}
.prodImage, .prodDetails {
	max-width: unset;
	margin: 0px auto;
	float: unset;
	width: unset;
}
.memberInfo {
	text-align: center;
	display: block;
	overflow: hidden;
	max-width: unset;
	min-width: 200px;
	width: auto;
	clear: both;
	float: unset;
}
.memberPhoto {
	float:unset;
	margin: 15px auto -10px;
}
.leftPhotoText {
	margin-top: 20px;
}
.divContentTxtLeft {
	font-size:14px;
}
.divContentTxtRight {
	font-size:14px;
}
.divCenterTop {
	font-size: 1em;
	padding: 10px 15px;
	margin-top: 0px;
}
.alineaTxt {
    margin-left: 15px;
}
.divCentered, .formTable, .ErrorDiv {
	width: 75%;
	margin:5px auto;
}

.carteImg {
	width: 75%;
	height:auto;
	/*max-height:40vh;*/
}
.navMainBtn {
	font-size:15px;
	width:130px;
	height:auto;
	padding:7px 20px;
	border-radius:6px;
	margin:9px auto;
}
.bottomNavBtnDiv {
	min-width: 310px;
}
.navBtn {
	display:inline-block;
	font-size: 1.1em;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.navPageNb {
	display:inline-block;
	font-size: 1.1em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}

}











@media only screen and (min-width: 460px) and (max-width: 639px) and (orientation: portrait) {

.innerBkgDiv {
    width: auto;
}
.innerBkgDivT {
    height: 150px;
	min-height: auto;
	width: 92%;
}
#headerDivT {
    height: 150px;
}
.mainContBkg {
	min-height: calc(100vh - 15vh - 40px);
}
.headerTitle {
    font-size: 23px;
	line-height: 22px;
	/*padding-top: 6px;*/

}
.contMiddle {
	padding: 0px 20px;
}
.prodImage, .prodDetails {
	max-width: unset;
	margin: 0px auto;
	float: unset;
	width: unset;
}
.prodPrix {
	font-size: 15px;
}
.memberInfo {
	text-align: center;
	display: block;
	overflow: hidden;
	max-width: unset;
	min-width: 200px;
	width: auto;
	clear: both;
	float: unset;
}
.memberPhoto {
	float:unset;
	margin: 15px auto -10px;
}
.leftPhotoText {
	margin-top: 20px;
}
.confirmEmail {
	max-width: 600px;
	width: 97%;
}
.confirmEmailTest {
    width: 87%;
    font-size: 15px;
}
.divCentered, .formTable, .ErrorDiv {
	width:77%;
}
.divCentered2 {
    min-width: 80%;
}
.divCenterTop {
	font-size: 1.1em;
	padding: 10px 15px;
	margin-top: 0px;
}
.calcFont35 {
	font-size: calc(3vw) !important;
}
.calcImg25 {
	max-width:calc(10vw + 150px ) !important;
}
.alineaTxt {
    margin-left: 20px;
}
.navMainBtn {
	font-size:16px;
	width:140px;
	height:auto;
	padding:10px 25px;
	border:2px solid #006699;
	border-radius:6px;
	margin:20px auto;
	text-align:center;
}
.navBtn {
	display:inline-block;
	font-size: 11px;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.bottomNavBtnDiv {
	min-width: 310px;
}
.navPageNb {
	display:inline-block;
	font-size: 11px;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.navBtn {
	display:inline-block;
	font-size: 1.2em;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.prodTitle, .prodTitle2 {
	font-size: 35px;
}
.prodSubTitle {
	font-size: 22px;
}
.prodLinkRow {
	max-width:380px;
}
.prodBtn {
	 padding: 7px 6px;
 	 font-size: 13px;
 	 margin: 15px 4px 4px;
}
.navPageNb {
	display:inline-block;
	font-size: 1.2em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.contentInsideRow {
	display: block;	
}
.contentInsideBloc {
	max-width: 90%;
	display: inline-block;
	height: auto;
}

}











@media only screen and (min-width: 460px) and (max-width: 639px)  and (orientation : landscape) {


.innerBkgDiv {
    width: auto;
}
.innerBkgDivT {
    height: 120px;
	min-height: auto;
	width: 94%;
}
#headerDivT {
    height: 120px;
}
.mainContBkg {
	min-height: calc(100vh - 12vh - 35px);
}
.headerTitle {
    font-size: 17px;
	line-height: 20px;
	/*padding-top: 4px;*/
}
.contMiddle {
	/*display:inline-flex;*/
	/*position:relative;*/
	padding: 0px 5px;
	min-height:100%;
}
.prodImage, .prodDetails {
	max-width: unset;
	margin: 0px auto;
	float: unset;
	width: unset;
}
.prodPrix {
	font-size: 14px;
}
.memberInfo {
	text-align: center;
	display: block;
	overflow: hidden;
	max-width: unset;
	min-width: 200px;
	width: auto;
	clear: both;
	float: unset;
}
.memberPhoto {
	float:unset;
	margin: 15px auto -10px;
}
.leftPhotoText {
	margin-top: 20px;
}
.confirmEmail {
	max-width: 600px;
	width: 97%;
}
.confirmEmailTest {
    width: 87%;
    font-size: 15px;
}
.divContentTxtLeft {
	font-size:12px;
}
.divContentTxtRight {
	font-size:12px;
}
.divCenterTop {
	font-size: 0.9em;
	padding: 10px 15px;
	margin-top: 0px;
}
.alineaTxt {
    margin-left: 15px;
}
.divCentered, .formTable, .ErrorDiv {
	width: 75%;
	margin:5px auto;
}

.carteImg {
	width: 75%;
	height:auto;
	/*max-height:40vh;*/
}
.navMainBtn {
	font-size:15px;
	width:130px;
	height:auto;
	padding:7px 20px;
	border-radius:6px;
	margin:9px auto;
}
.bottomNavBtnDiv {
	min-width: 310px;
}

.navBtn {
	display:inline-block;
	font-size: 1.1em;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.navPageNb {
	display:inline-block;
	font-size: 1.1em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.contentInsideRow {
	display: block;	
}
.contentInsideBloc {
	max-width: 90%;
	display: inline-block;
	height: auto;
}


}









@media only screen and (min-width: 321px) and (max-width: 459px) AND (orientation: portrait) {


.innerBkgDiv {
    width: auto;
}
.innerBkgDivT {
    height: 120px;
	min-height: auto;
	width: 95%;
}
#headerDivT {
    height: 120px;
}
.mainContBkg {
	min-height: calc(100vh - 15vh - 40px);
}
.headerTitle {
    font-size: 17px;
	line-height: 20px;
	/*padding-top: 4px;*/
}
.hideCell {
	display:none;
}
.contMiddle {
	padding: 0px 20px;
}
.prodImage, .prodDetails {
	max-width: unset;
	margin: 0px auto;
	float: unset;
	width: unset;
}
.prodPrix {
	font-size: 14px;
}
.memberInfo {
	text-align: center;
	display: block;
	overflow: hidden;
	max-width: unset;
	min-width: 200px;
	width: auto;
	clear: both;
	float: unset;
}
.memberPhoto {
	float:unset;
	margin: 15px auto -10px;
}
.leftPhotoText {
	margin-top: 20px;
}
.confirmEmail {
	max-width: 600px;
	width: 97%;
}
.confirmEmailTest {
    width: 87%;
    font-size: 14px;
}
.divCentered, .formTable, .ErrorDiv {
	width:85%;
}
.divCentered2 {
    min-width: 85%;
}
.divCenterTop {
	font-size: 0.8em;
	padding: 10px 15px;
	margin-top: 0px;
}
.calcFont35 {
	font-size: calc(3vw) !important;
}
.calcImg25 {
	max-width:calc(10vw + 150px ) !important;
}
.alineaTxt {
    margin-left: 15px;
}
.navMainBtn {
	font-size:15px;
	width:130px;
	height:auto;
	padding:10px 25px;
	border:2px solid #006699;
	border-radius:6px;
	margin:20px auto;
	text-align:center;
}
.bottomNavBtnDiv {
	min-width: 150px;
}
.navBtn {
	display:inline-block;
	font-size: 1em;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.prodTitle, .prodTitle2 {
	font-size: 34px;
}
.prodSubTitle {
	font-size: 22px;
}
.prodLinkRow {
	max-width:340px;
}
.prodItemList {
  font-size: 18px;
  line-height: 1.5em;
  font-family: tahoma,sans-serif;
}
.prodBtn {
	 padding: 7px 4px;
 	 font-size: 13px;
 	 margin: 15px 2px 4px;
}
.navPageNb {
	display:inline-block;
	font-size: 1em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.contentInsideRow {
	display: block;	
}
.contentInsideBloc {
	max-width: 90%;
	display: inline-block;
	height: auto;
}


}







/*@media only screen and (max-width: 320px) and (orientation : landscape)  {*/
@media only screen and (max-width: 459px) and (orientation : landscape)  {

#footerDiv {
    height: 8vh;
	max-height:50px;
    padding: 8px 20px;
}
.mainContBkg {
	min-height: calc(100vh - 12vh - 40px);
}
.hideCell {
	display:none;
}
.innerBkgDiv {
    width: auto;
}
.innerBkgDivT {
    height: 100px;
	min-height: auto;
	width: 95%;
}
#headerDivT {
    height: 100px;
}
.headerTitle {
    font-size: 18px;
    line-height: 18px;
	/*padding-top: 1px;*/
}
.contMiddle {
	display:block;
	/*position:relative;*/
	padding: 0px 5px;
	min-height:100%;
}
.prodImage, .prodDetails {
	max-width: unset;
	margin: 0px auto;
	float: unset;
	width: unset;
}
.prodPrix {
	font-size: 14px;
}
.memberInfo {
	text-align: center;
	display: block;
	overflow: hidden;
	max-width: unset;
	min-width: 200px;
	width: auto;
	clear: both;
	float: unset;
}
.memberPhoto {
	float:unset;
	margin: 15px auto -10px;
}
.leftPhotoText {
	margin-top: 20px;
}
.confirmEmail {
	max-width: 600px;
	width: 97%;
}
.confirmEmailTest {
    width: 87%;
    font-size: 14px;
}
.divCentered, .formTable, .ErrorDiv {
	width: 90%;
	margin:5px auto;
}

.calcFont35 {
	font-size: calc(3vw) !important;
}
.calcImg25 {
	max-width:calc(10vw + 150px ) !important;
}
.carteImg {
	width: 65%;
	height:auto;
	/*max-height:40vh;*/
}
.navMainBtn {
	font-size:15px;
	width:130px;
	height:auto;
	padding:7px 20px;
	border-radius:6px;
	margin:7px auto;
}
.bottomNavBtnDiv {
	min-width: 150px;
}
.navBtn {
	display:inline-block;
	font-size: 1em;
	width: auto;
	min-width:40px;
	padding: 5px 10px;
	margin: 20px auto;
}

.navPageNb {
	display:inline-block;
	font-size:1em;
	width:auto;
	height:auto;
	padding:7px;
	margin:20px auto;
}
.contentInsideRow {
	display: block;	
}
.contentInsideBloc {
	max-width: 90%;
	display: inline-block;
	height: auto;
}

}




@media only screen and (max-width: 320px) {

#footerDiv {
    height: 8vh;
	max-height:50px;
    padding: 8px 20px;
}
.mainContBkg {
	min-height: calc(100vh - 12vh - 40px);
}
.hideCell {
	display:none;
}
.innerBkgDiv {
    width: auto;
}
.innerBkgDivT {
    height: 100px;
	min-height: auto;
	width: 95%;
}
#headerDivT {
    height: 100px;
}
.headerTitle {
    font-size: 18px;
    line-height: 18px;
	/*padding-top: 1px;*/
}
.contMiddle {
	padding: 0px 15px;
}
.prodImage, .prodDetails {
	max-width: unset;
	margin: 0px auto;
	float: unset;
	width: unset;
}
.prodPrix {
	font-size: 14px;
}
.memberInfo {
	text-align: center;
	display: block;
	overflow: hidden;
	max-width: unset;
	min-width: 200px;
	width: auto;
	clear: both;
	float: unset;
}
.memberPhoto {
	float:unset;
	margin: 15px auto -10px;
}
.leftPhotoText {
	margin-top: 20px;
}
.confirmEmail {
	max-width: 600px;
	width: 97%;
}
.confirmEmailTest {
    width: 87%;
    font-size: 14px;
}
.divCentered, .formTable, .ErrorDiv {
	width:90%;
}
.divCentered2 {
    min-width: 90%;
}
.divCenterTop {
	font-size: 0.8em;
	padding: 10px 15px;
	margin-top: 0px;
}
.alineaTxt {
    margin-left: 15px;
}
.navMainBtn {
	font-size:15px;
	width:120px;
	height:auto;
	padding:10px 20px;
	border:2px solid #006699;
	border-radius:6px;
	margin:10px auto;
	text-align:center;
}
.bottomNavBtnDiv {
	min-width: 150px;
}
.navBtn {
	display:inline-block;
	font-size: 1em;
	width: auto;
	min-width:30px;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.prodTitle, .prodTitle2 {
	font-size: 32px;
}
.prodSubTitle {
	font-size: 20px;
}
.prodItemList {
  font-size: 17px;
  line-height: 1.5em;
  font-family: tahoma,sans-serif;
}
.prodLinkRow {
	max-width:330px;
}
.prodBtn {
	 padding: 7px 3px;
 	 font-size: 12px;
 	 margin: 15px 2px 4px;
}
.navPageNb {
	display:inline-block;
	font-size: 1em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}
.contentInsideRow {
	display: block;	
}
.contentInsideBloc {
	max-width: 90%;
	display: inline-block;
	height: auto;
}


}