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

body {
	margin:0;
	height:100%;
	background-color:#000;
}
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:700px;
	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;
}



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


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

}
.innerBkgDiv {
	width:90%;
	max-width:1500px;
	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;
}
#headerDiv {
	height:12vh;
	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 -200px;
}
.headerBkg2 {
	background-image:url('../images/bkg_blue_green_abstract.jpg');
	background-size:auto;
	background-position:center -350px;
}
#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: 28px;
    min-height: 100%;
}
.divCentered {
	position:absolute;
	/*display:flex;*/
	/*align-items:center;*/
	transform: translate(-50%, -55%);
	left: 50%;
	top: 50%;
	/*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: 30px;
	font-weight: bold;
	color: darkblue;
} 
.contentTitle2 {
	font-size: 24px;
	font-weight: bold;
	color: darkblue;
} 
#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:#FAFAFA;
	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;
}
.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:50px;
	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:14px;
	font-weight:600;
	text-align:center;
	color:#666666;
	margin:10px auto;
}
.formField {
	line-height: 1.5em;
	padding: 6px 7px;
	border-radius: 4px;
	border: 2px solid #44a5cb;
	background-color: #FDFDFB;
	font-size: 15px;
	color: #444;
	width:95%;
	/*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: 20px 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;
}
.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 {
  list-style-type: none;
  font-size: 1em;
}
.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: 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: 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: 20px;
}
.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: 20px;
}
.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: 5px;
	min-height:100%;
}
.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;*/
}

}













@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: 5px;
	min-height:100%;
}
.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: 92%;
}
.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: 20px;
}
.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;*/
}
.navPageNb {
	display:inline-block;
	font-size: 1.2em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}

}











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


.innerBkgDiv {
    width: 94%;
}
.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: 5px;
	min-height:100%;
}
.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;*/
}


}









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


.innerBkgDiv {
    width: 95%;
}
.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: 20px;
}
.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;*/
}
.navPageNb {
	display:inline-block;
	font-size: 1em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px 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: 95%;
}
.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: 5px;
	min-height:100%;
}
.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;
}

}




@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: 96%;
}
.innerBkgDivT {
    height: 100px;
	min-height: auto;
	width: 95%;
}
#headerDivT {
    height: 100px;
}
.headerTitle {
    font-size: 18px;
    line-height: 18px;
	/*padding-top: 1px;*/
}
.contMiddle {
	padding: 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: 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;*/
}
.navPageNb {
	display:inline-block;
	font-size: 1em;
	width: auto;
	padding: 5px 10px;
	/*margin: 20px auto;*/
}


}