/*---------------------------- STYLES COACHING -------------------------------*/



/*---------------------------- 31.03.2020 :  declare colors  -------------------------------*/

:root {
                --mainColor01: rgb(195,91,69); /* brun ciel couchant */

                --mobileMenuBGColor01: rgb(195,91,69); /* brun ciel couchant */
                --mobileMenuColor01: rgb(255,241,234); /* saumon pâle */

                --bgColor01: rgb(255,241,234); /* saumon pâle */
                --borderColor01: rgb(237,180,184); /* saumon moins pâle */

                --bgColor02: rgb(249,244,239); /*--   beige très clair-- */
}

/*--------------------- BODY -----------------------------------*/



.fullPage		{	position : absolute;
					left : 0px;
					top : 0px;
					margin : 0px;
					height : auto;
					font-family: verdana, Arial, Helvetica, sans-serif;
				}

.fullPinkPage	{	position : absolute;
					left : 0px;
					top : 0px;
					margin : 0px;
					
					z-index : 0;
					height : auto;
					background-color :  rgb(255,233,236);
					font-family: verdana, Arial, Helvetica, sans-serif;
				}

.pinkBodyTable	{	padding-top : 153px;
				}

.pinkBodyTableContent	 {	width : 800px;
							text-align : center;
						}

.pinkBody	{	background-color :  rgb(194,207,213);
				z-index : 0;
			}

/*-- titre B@H -- vert, bold --*/
.BAHTitle1	  { font-weight: bold ; font-size: 20px ; color: rgb(123,206,0);    
			  }

.alignLeft    { text-align	: left; }
.alignRight   { text-align	: right; }

.commonLogoBox		  { padding-top         : 5px;
						padding-left        : 20px;
					  }


/*-- oceanPano --*/
.bodyHeaderPicBox	 {	z-index : 0;
						position : absolute;
						left : 0px;
						top : 0px;
						margin : 0px;
			 }

.absCommonLogoBox	{	position : absolute;
						left : 60px;
						top : 5px;
						margin : 0px;
						z-index : 0;
					}

.absCommonLangBox	{	position : absolute;
						left : 850px;
						top : 0px;
						margin : 0px;
						z-index : 0;
					}

.absCommonTitleBox	{	position : absolute;
						left : 250px;
						top : 85px;
						margin : 0px;
						width : 700px;
						z-index : 0;
						font-family: verdana, Arial, Helvetica, sans-serif;
						font-weight: bold ; font-size: 24px ; color: white;
					}


.bodyTable	 {	z-index : 1;
				position : absolute;
				left : 0px;
				top : 0px;
			 }

.bodyTableContent	 {	width : 800px;
						text-align : center;
					 }


/*----------------  HOME : moved to specific file -------------------------*/

.homeSelectionBox		{ 
				position : absolute;
				padding-bottom: 15px;
				left : 100px;
				top : 200px;
				margin: 0px;
				right: 100px;
				height: 290px;
				text-align	: left;
				padding             : 20px;
				background : rgb(255,255,255);
				border-style        : solid;
				border-color        : rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width        : 1px;
				/*------------
				border-bottom-width        : 2px;
				border-left-width        : 2px;
				-----------------------*/
				}


/*---------------------------  header, menu & title ------------------------------*/

.pageFullBody		{
				/*---  z-index : 0; ---*/
				z-index : 0;
				height : auto;
				width : auto;
				margin : 0px;
				background-color :  rgb(242,242,242);
				}

.pageFullBodyWhite		{
				/*---  z-index : 0; ---*/
				z-index : 0;
				height : auto;
				width : auto;
				margin : 0px;
				background-color :  rgb(255,255,255);
				}


.pageHeaderBox		{
				z-index : 1;
				position : fixed;
				left : 0px;
				top : 0px;
				margin: 0px;
				height : 200px;
				width : 100%;
				background-color :  rgb(242,242,242);
				}

.pageStatementBG	{
				position : fixed;
				left : 0px;
				top : 0px;
				margin: 0px;
				/*--  height: 90px; -- */
				width: 100%;
				background: rgb(255,252,242);
				}

.pageStatementBG_heightSmall	{
				height: 6%;
				}

.pageStatementBG_heightMedium	{
				height: 7%;
				}

.pageStatementBG_heightLarge	{
				height: 9%;
				}

.pageStatementBG_heightFAQ	{
				height: 9%;
				}

.pageStatementBox		{
				position : fixed;
				right : 0px;
				top : 0px;
				margin: 0px;
				padding-top: 15px;
				padding-right: 15px;
				text-align:right;
				font: normal 16px   Macondo, Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : normal;
				color: rgb(194,25,108);
				}

.pageStatementAuthor		{
				font: normal 15px    Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
                }

.pageTitleBox			{
				position : fixed;
				left : 0px;
				margin: 0px;
				width: 100%;
				text-align:center;
				padding: 20px;
				}

.pageTitleBox_topSmall {
				top : 10%;
                }
.pageTitleBox_topMedium {
				top :12%;
                }
.pageTitleBox_topLarge {
				top : 15%;
                }


/*------------------------------------------------------------------------------------------------------------------------  MENU : Responsive as from 17.12.2018 --------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------------  Source : W3C Resp Navbar Dropdown ---------------*/

/*  PHL : replace "topnav" by     "ddMenuBar"  to avoid conflicts -- */


#newHomeMenuBox		{
				position : fixed;
				left : 0px;
				width: 100%;
				text-align:center;
				/*--background: rgb(117,117,117); -- */
				}

#newMenuBox		{
				position : fixed;
				left : 0px;
				width: 100%;
				text-align:center;
				background: rgb(178,46,107); /*--  fuschia un peu plus clair --  */
				}

/* Add a black background color to the top navigation */
.ddMenuBar {
                list-style-type: none;
				margin: 0;
                padding: 0;
                overflow: hidden;
				/*---- background: rgb(117,117,117);   ---- */
}

/* Style the links inside the navigation bar */

.ddMenuBar a {
                display : inline-block;
 				/*--  padding-top:5px;  padding-bottom:5px; -- */
               
                padding: 12px;
                padding-top:5px;  padding-bottom:5px;
				text-align:center;
				font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-size: 16px ; font-weight: normal; text-decoration: none;
                color: rgb(255,206,238); /*--   rose pale -- */
}

#newMenuBox   .ddMenuBar   a {
                color: white;
}



/* Add an active class to highlight the current page */
.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the ddMenuBar on small screens */
.ddMenuBar     .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */

/*---------------------
.dropdown {
  float: left;
  overflow: hidden;
}
-----------------------*/
.dropdown   {
                display : inline-block;
				font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-size: 14px ; font-weight: normal; text-decoration: none;
}


/* Style the dropdown button to fit inside the ddMenuBar */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
        color: rgb(255,206,238); /*--   rose pale -- */
        padding: 12px;
        padding-top:5px;  padding-bottom:5px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

#newMenuBox   .dropdown .dropbtn {
  color: white;
}


/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color:    rgb(180,180,180);    /*---#f9f9f9 ---*/
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
    color: black;
  padding-left: 16px;
  padding-right: 12px;
  text-decoration: none;
  display: block;
  text-align: left;
    border-bottom-style        : solid;
    border-bottom-color        : rgb(242,242,242);
    border-bottom-width        : 1px;

}

/* Add a dark background on ddMenuBar links and the dropdown button on hover */
.ddMenuBar a:hover, .dropdown:hover .dropbtn {
                color: rgb(194,25,108);
				background: rgb(242,242,242);
}

#newMenuBox  .ddMenuBar a:hover,  #newMenuBox  .dropdown:hover     .dropbtn {
                color: rgb(194,25,108);
				background: rgb(242,242,242);
}



/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

#newMenuBox  .dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}



/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

/*------------------------------------------------------------------------------------------------------------  Adjust  W3C Resp. Menu for mobiles --------------------------------*/

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the ddMenuBar (.icon) */
@media screen and (max-width: 600px)
{

  .ddMenuBar a:not(:first-child), .dropdown .dropbtn {
            display: none;
            }
  .ddMenuBar a {
            width: 100%;
            text-align: left;
            }

  .ddMenuBar    .icon {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
  }

}


/* The "responsive" class is added to the ddMenuBar with JavaScript when the user clicks on the icon.
This class makes the ddMenuBar look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {


#newHomeMenuBox		{
				background: rgb(178,46,107); /*--  fuschia un peu plus clair --  */
				}

  .ddMenuBar.responsive {
            position: relative;
            }

  .ddMenuBar.responsive    .icon {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
  }


  .ddMenuBar.responsive    a {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-top:5px;  padding-bottom:5px;
    border-bottom-style        : solid;
    border-bottom-color        : rgb(255,255,255);
    border-bottom-width        : 1px;
  }
  
  /*-----------  version initiale  --------
  .ddMenuBar.responsive .dropdown {
                float: none;
                }
  .ddMenuBar.responsive .dropdown-content  {
                position: relative;
                }
  .ddMenuBar.responsive .dropdown .dropbtn {
                display: block;
                width: 100%;
                text-align: left;
                }
-----------------------------*/

  .ddMenuBar.responsive .dropdown {
                float: none;
                text-align: left;
                width: 100%;
                }
  .ddMenuBar.responsive   .dropdown-content  {
                position: relative;
                display: block;
                width: 100%;
                box-shadow: none;
                }
/*--   hide deskTopMenu dropDown BTN  --*/
  .ddMenuBar.responsive .dropdown .dropbtn {
                display: none;
                }

  .ddMenuBar.responsive   .dropdown-content    a  {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-top:5px;  padding-bottom:5px;
/*------
        background: rgb(117,117,117);
        color        : rgb(255,255,255);
--- */

    color: rgb(255,206,238); /*--   rose pale -- */
    background: rgb(178,46,107); /*--  fuschia un peu plus clair --  */

    border-bottom-style        : solid;
    border-bottom-color        : rgb(255,255,255);
    border-bottom-width        : 1px;
                }



.ddMenuBar.responsive   a:hover,  .ddMenuBar.responsive  .dropdown:hover     .dropbtn {
                color: rgb(194,25,108);
				background: rgb(242,242,242);
}

#newMenuBox  .ddMenuBar.responsive  .dropdown a:hover,    .ddMenuBar.responsive  .dropdown a:hover   {
                color: rgb(194,25,108);
				background: rgb(242,242,242);
}





}





/*------------------------------------------------------------------------------------------------------------------------  MENU : Responsive as from 19.07.2016 --------------------------------*/


.newMenuContainer		{
                display : inline-block;
				margin : auto;
				}

.newMenuBox_topNoStatement {
				top : 0;
                }
.newMenuBox_topSmall {
				top : 7%;
                }
.newMenuBox_topMedium {
				top : 9%;
                }
.newMenuBox_topLarge {
				top : 11%;
                }

.newMenuBox_topShop {
				/*---    top : 13%  --- */;
				top : 120px;
                }

.newMenuBox_topFAQ {
				top : 9%;
                }

ul.topnav {
                list-style-type: none;
				margin: 0;
                padding: 0;
                overflow: hidden;
				background: rgb(117,117,117);
}

ul.topnav li {
                float: left;
                }



/*-------------

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

ul.topnav li a:hover {background-color: #555;}

--------------------*/


ul.topnav li a {
				/*--  float : left; -- */
                display : inline-block;
 				/*--  padding-top:5px;  padding-bottom:5px; -- */
               
				padding:10px;
				padding-top:5px;  padding-bottom:5px;
				text-align:center;
				font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-size: 14px ; font-weight: normal; text-decoration: none;
                color: rgb(255,255,255);
				}
ul.topnav li a:hover	{
                color: rgb(194,25,108);
				background: rgb(242,242,242);
				}
ul.topnav li a:active 	{
                color: rgb(194,25,108);
				background: rgb(242,242,242);
				}

ul.topnav li.icon {display: none;}



/*--------------------------------------------------------------------- adjust for mobiles  : menu ( menu position : see header)  --------------------------------*/

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

.newMenuContainer		{
                width: 95%;
                margin : auto;
				}

.newMenuBox_topShop {
				top : 24%;
                }

  /*---   ul.topnav li a icon {font-size: 125%;}  --- */

    ul.topnav li a  {
                        font-size: 125%;
                        }

    ul.topnav li:not(:first-child) {display: none;}
    ul.topnav li.icon {
                            float: right;
                            display: inline-block;
                            font-size: 150%;
                            padding:5px;
                            padding-right : 10px;
                            }
}
/*--------------------------------------------------------------------- adjust for mobiles  : drop down menu   --------------------------------*/

@media screen and (max-width:680px)
{
  ul.topnav.responsive {
                    position: relative;
                    }

  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  ul.topnav.responsive li {
    float: none;
    display: inline;
  }

  ul.topnav.responsive li a {
                display: block;
                text-align: left;
                border-bottom: 1px solid rgb(255,255,255);
                }
}

/*------------------------------------------------------------------------------------------  end menu  --------------------------------*/



/*----------------------------------------------------------------------------------------------------------------  RETURN BTN BOX ( common to list and details) --------------- */

.pageReturnBox	{
                width: 98%;
                margin-left: 1%;
                }

.pageReturnBoxLeft	{
                display: inline-block;
                vertical-align: top;
                margin-top: -1px;
                }
.pageReturnBoxRight		{
                display: inline-block;
                vertical-align: top;
                width: 90%;
                margin-left: 2%;
                }


.pageReturnText	{
                            font-family: verdana; font-size: 13px ; color: rgb(194,25,108); text-decoration: none;
                            font-weight: normal ; font-style: italic ;
                            margin-bottom: 4px;
                            cursor: pointer;
                            }

.pageReturnImg	{
                            cursor: pointer;
                            }

/*------------------------------------------------------------------------------------------- RETURN BTN BOX : adjust for mobiles  --------------------------------*/


@media only screen and (max-width: 500px)
{
.pageReturnBoxLeft	{
                width: 10%;
                }
.pageReturnBoxRight		{
                width: 86%;
                margin-left: 2%;
                }

}









/*------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.pageContentBox		{
				position : absolute;
				left : 8%;
				top : 210px;
				margin: 0px;
				/*---padding-left: 100px; --*/
				width: 85%;
				text-align	: justify;
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				font-style : none;
				font-weight: normal;
				}

.pageContentHeader	{
				padding-top: 15px;
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : italic;
				font-weight: bold;
				}


/*-----------------  page commune : gris + fuschia -----------------------------*/


/*--- fuschia ---*/
.commonPageColor		{
				color: rgb(194,25,108);
				}

.commonPageStatementColor		{
						color: rgb(194,25,108);
						}

.pageTitleBox_topSmall {
				top : 11%;
                }
.pageTitleBox_topMedium {
				top :14%;
                }
.pageTitleBox_topLarge {
				top : 18%;
                }


.commonPageTitle		{
				font: normal 33px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				color: rgb(194,25,108);
				display: block;
				}


.commonPageContentPitchBox  { 
				margin-left : 3%;
				margin-right : 3%;
				text-align	: left;
				padding             : 20px;
				border-style        : solid;
				border-color        : rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width        : 1px;
				background-color: white;
				border-radius:10px;
				}

.commonPageContentPitchBoxCenter  { 
				margin-left : 3%;
				margin-right : 3%;
				text-align	: center;
				padding             : 20px;
				border-style        : solid;
				border-color        : rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width        : 1px;
				background-color: white;
				border-radius:10px;
				}

.commonPageContentPitchBoxMargins  {
				margin-left : 15%;
				margin-right : 15%;
                }
.commonPageContentPitchHeader	{
				text-align: center;
				padding-top     : 10px;
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				font-weight: bold;
				color: rgb(194,25,108);
				}
.commonPageContentPitchHeader01	{
				text-align: center;
				padding-top     : 10px;
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				font-weight: bold;
				color: rgb(80,80,80);
				}

.commonPageContentPitchHeaderLeft	{
				text-align: left;
				padding-top     : 10px;
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				font-weight: bold;
				color: rgb(194,25,108);
				}

.commonPageContentHeader	{
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				font-weight: bold;
				color: rgb(194,25,108);
				}

.commonPageContentHeader01	{
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				font-weight: bold;
				color: rgb(80,80,80);
				}

.commonPageContentHeader02	{
				font: normal 18px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				font-weight: bold;
				color: rgb(194,25,108);
				}

.commonPageContentHeader03	{
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				font-weight: normal;
				color: rgb(194,25,108);
				}



.commonPageContentLink        { font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; font-size: 14px ; font-weight: normal; color: rgb(80,80,80); text-decoration: none; }
.commonPageContentLink:hover  { font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; font-size: 14px ; font-weight: normal; color: rgb(194,25,108); text-decoration: none; cursor: pointer;}
.commonPageContentLink:active { font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; font-size: 14px ; font-weight: normal; color: rgb(194,25,108); text-decoration: none; }


/*----------------------------------------------------------------------------------- adjust for mobiles : HEADER  -- */


/*--------------------------------------------------------------------- adjust for mobiles  : header  --------------------------------*/


@media only screen and (max-width: 500px)
{
/*------------  statement position  ----------*/
.pageStatementBox		{
				padding-top: 5px;
				}
}

/*-----------------------------------------------------------------------------------  0 < height < 480  -- */

@media only screen and (max-width: 500px) and  (max-height: 480px)
{
/*------------  statement position  ----------*/

.pageStatementBG_heightSmall	{
				height: 11%;
				}

.pageStatementBG_heightMedium	{
				height: 15%;
				}

.pageStatementBG_heightLarge	{
				height: 17%;
				}

.pageStatementBG_heightFAQ	{
				height: 0;
				}

/*------------  menu position  ----------*/

.newMenuBox_topSmall {
				top : 12%;
                }
.newMenuBox_topMedium {
				top : 14%;
                }
.newMenuBox_topLarge {
				top : 18%;
                }

.newMenuBox_topFAQ {
				top : 0;
                }

/*------------  title position  ----------*/

.pageTitleBox_topSmall {
				top : 23%;
                }
.pageTitleBox_topMedium {
				top : 28%;
                }
.pageTitleBox_topLarge {
				top : 34%;
                }

/*------------------------------------*/

.pageHeaderBox		{
				height: 46%;
				}
.pageContentBox		{
				top : 46%;
				left : 5%;
				width : 90%;
                }

}


/*----------------------------------------------------------------------------------- 481 < height < 570  -- */

@media only screen and (max-width: 500px) and (min-height: 481px) and (max-height: 570px)
{
/*------------  statement position  ----------*/

.pageStatementBG_heightSmall	{
				height: 9%;
				}

.pageStatementBG_heightMedium	{
				height: 13%;
				}

.pageStatementBG_heightLarge	{
				height: 16%;
				}

.pageStatementBG_heightFAQ	{
				height: 0;
				}

/*------------  menu position  ----------*/

.newMenuBox_topSmall {
				top : 12%;
                }
.newMenuBox_topMedium {
				top : 16%;
                }
.newMenuBox_topLarge {
				top : 19%;
                }

.newMenuBox_topFAQ {
				top : 0;
                }

/*------------  title position  ----------*/

.pageTitleBox_topSmall {
				top : 19%;
                }
.pageTitleBox_topMedium {
				top : 22%;
                }
.pageTitleBox_topLarge {
				top : 28%;
                }

/*------------------------------------*/

.pageHeaderBox		{
				height: 35%;
				}
.pageContentBox		{
				top : 38%;
				left : 5%;
				width : 90%;
                }

}

/*----------------------------------------------------------------------------------- 571 < height < 670  -- */

/*-- Il semble que le simulateur faisant passer les tests de Google réponde à ces dimensions -- */


@media only screen and (max-width: 500px)  and (min-height: 571px) and (max-height: 670px)
{
/*------------  statement position  ----------*/

.pageStatementBG_heightSmall	{
				height: 8%;
				}

.pageStatementBG_heightMedium	{
				height: 11%;
				}

.pageStatementBG_heightLarge	{
				height: 13%;
				}
.pageStatementBG_heightFAQ	{
				height: 0;
				}


/*------------  menu position  ----------*/

.newMenuBox_topSmall {
				top : 11%;
                }
.newMenuBox_topMedium {
				top : 13%;
                }
.newMenuBox_topLarge {
				top : 17%;
                }

.newMenuBox_topFAQ {
				top : 0;
                }

/*------------  title position  ----------*/

.pageTitleBox_topSmall {
				top : 18%;
                }
.pageTitleBox_topMedium {
				top :22%;
                }
.pageTitleBox_topLarge {
				top : 25%;
                }

/*------------------------------------*/

.pageHeaderBox		{
				height: 33%;
				}
.pageContentBox		{
				top : 33%;
				left : 5%;
				width : 90%;
                }

}

/*----------------------------------------------------------------------------------- 671 < height < 740  -- */

@media only screen and (max-width: 500px)  and (min-height: 671px) and (max-height: 740px)
{
/*------------  statement position  ----------*/

.pageStatementBG_heightSmall	{
				height: 6%;
				}

.pageStatementBG_heightMedium	{
				height: 8%;
				}

.pageStatementBG_heightLarge	{
				height: 10%;
				}

.pageStatementBG_heightFAQ	{
				height: 0;
				}

/*------------  menu position  ----------*/

.newMenuBox_topSmall {
				top : 8%;
                }
.newMenuBox_topMedium {
				top : 10%;
                }
.newMenuBox_topLarge {
				top : 14%;
                }

.newMenuBox_topFAQ {
				top : 0;
                }

/*------------  title position  ----------*/

.pageTitleBox_topSmall {
				top : 15%;
                }
.pageTitleBox_topMedium {
				top : 18%;
                }
.pageTitleBox_topLarge {
				top : 20%;
                }
/*------------------------------------*/

.pageHeaderBox		{
				height: 28%;
				}

.pageContentBox		{
				top : 28%;
				left : 4%;
				width : 91%;
                }

}

/*----------------------------------------------------------------------------------- 740 < height  -- */

@media only screen and (max-width: 500px)  and (min-height: 741px)
{
/*------------  statement position  ----------*/

.pageStatementBG_heightSmall	{
				height: 6%;
				}

.pageStatementBG_heightMedium	{
				height: 8%;
				}

.pageStatementBG_heightLarge	{
				height: 10%;
				}

.pageStatementBG_heightFAQ	{
				height: 0;
				}

/*------------  menu position  ----------*/

.newMenuBox_topSmall {
				top : 8%;
                }
.newMenuBox_topMedium {
				top : 10%;
                }
.newMenuBox_topLarge {
				top : 14%;
                }

.newMenuBox_topFAQ {
				top : 0;
                }

/*------------  title position  ----------*/

.pageTitleBox_topSmall {
				top : 15%;
                }
.pageTitleBox_topMedium {
				top :18%;
                }
.pageTitleBox_topLarge {
				top : 21%;
                }

/*------------------------------------*/

.pageHeaderBox		{
				height: 27%;
				}

.pageContentBox		{
				top : 27%;
				left : 4%;
				width : 91%;
                }

}


/*----------------------------------------------------------------------------------- adjust for mobiles :  COMMON CONTENT PAGE  -- */

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

.commonMenuItemBox		{
				padding-top:2px;  padding-bottom:2px;
				font-size : 13px;
                }
.commonPageContentPitchBox   {
				margin-left : 3%;
				margin-right : 3%;
                }
.commonPageContentPitchBoxCenter      {
				margin-left : 3%;
				margin-right : 3%;
                }
.commonPageTitle   {
				font-size : 24px;
                }
}



/*-----------------  page : lifeCoach -----------------------------*/


/*-- NO z-index because of links !  -- */

.lifeCoachPageContentBox		{
				position : absolute;
				left : 8%;
				top : 24%;
				margin: 0px;
				/*---padding-left: 100px; --*/
				width: 85%;
				text-align:left;
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				font-style : none;
				font-weight: normal;
				}

.lifeCoachContentBox02	{
				text-align:left;
				}
.lifeCoachContentBox02Image		{
				margin-left: 10px;
				float : right;
				left : 0px
				top : 0px;
				box-shadow: 8px 8px 5px #888888;
				}

.lifeCoachImageTitle	{
				position : fixed;
				left : 110px;
				top : 13%;
				margin: 0px;
				}




/*----------------------------------------------------------------------------------- adjust for mobiles -- */
@media only screen and (max-width: 500px)
{
.lifeCoachPageContentBox		{
				top : 32%;
				width: 90%;
				}

.lifeCoachImageTitle	{
				display : none;
				}
.lifeCoachContentBox02Image	{
				display : none;
				}
}




/*-----------------  page01 : le coaching -----------------------------*/

.page01ImageTitle		{
				position : fixed;
				left : 118px;
				top : 13%;
				margin: 0px;
				}

.page01ImageTitle02		{
				position : fixed;
				left : 0px;
				top : 0px;
				margin: 0px;
				}

.page01ImageTitle03	{
				position : fixed;
				left : 85px;
				top : 13%;
				margin: 0px;
				}
.page01ImageTitleBox	{
				padding-left : 15%;
				font: normal 33px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				color: rgb(194,25,108);
				display: block;
				}

.page01InnerContentBox  { 
				text-align	: left;
				}


.page01Image01		{ 
				float : right;
				padding-left: 20px;
				right : 0px;
				top : 0px;
				margin: 0px;
				opacity:0.6;
				filter:alpha(opacity=60); /* For IE8 and earlier */
				}
.page01Image02		{ 
                max-width: 100%;
                height: auto;
				float : right;
				margin-left: 30px;
				margin-bottom: 30px;
				right : 0px;
				top : 0px;
				box-shadow: 8px 8px 5px #888888;
				}

/*----------------------------------------------------------------------------------- adjust for mobiles -- */
@media only screen and (max-width: 500px)
{
.page01ImageTitle03		{ 
                display: none;
				}
.page01Image02		{
                max-width: 45%;
				margin-left: 5px;
				margin-bottom: 5px;
                }
}


/*-----------------  page02 : les sessions -----------------------------*/



.page02MainImageTop	{
				position : fixed;
				right : 0px;
				top : 90px;
				margin: 0px;
				opacity:0.35;
				filter:alpha(opacity=35); /* For IE8 and earlier */
				}

.page02MainImageBottom	{
				z-index : -1;
				position : fixed;
				right : 0px;
				top : 190px;
				margin: 0px;
				opacity:0.35;
				filter:alpha(opacity=35); /* For IE8 and earlier */
				}



.page02ContentPitchBox  { 
				text-align		: left;
				margin-left		: 20%;
				margin-right		: 20%;
				padding		: 20px;
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				background-color	: white;
				border-radius:10px;
				}

.page02SmarteLeft
                {
                width : 30%;
                }

.page02SmarteRight
                {
                width : 70%;
                }

.page02Header		{
				position : relative;
				left: -15px;
				padding-bottom : 5px;
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(194,25,108);
				font-style : none;
				font-weight: normal;
				}

.page02Text01		{
				font: normal 16px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				/*-- color: rgb(76,  57,  69);  --  trop noir ! --*/
				color: rgb(64,64,64);
				font-style : none;
				font-weight: normal;
				}

.page02Text01:first-letter		{
				font: normal 20px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(194,25,108);
				font-style : none;
				font-weight: bold;
				}


.page02Text02		{
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				font-style : italic;
				font-weight: normal;
				}
.page02Text03		{
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(80,80,80);
				font-style : none;
				font-weight: normal;
				}

.page02PhoneBox		{ 
				margin-left		: 15%;
				margin-right		: 15%;
				text-align	: left;
				padding             : 20px;
				background : rgb(170,170,170);
				border-style        : solid;
				border-color        : rgb(255,255,255);
				/*---- border-bottom-color : #182052; ---*/
				border-width        : 1px;
				border-radius:10px;
				color : white;
				}

/*----------------------------------------------------------------------------------- adjust page02  for mobiles -- */

@media only screen and (max-width: 500px)
{
.page02MainImageTop		{ 
                display: none;
				}
.page02MainImageBottom	{
                display: none;
				}
.page02ContentPitchBox
                {
				margin-left : 0.5%;
				margin-right : 0.5%;
                }
.page02SmarteLeft
                {
                width : 45%;
                }

.page02SmarteRight
                {
                width : 55%;
                padding-top : 12px;
                padding-bottom : 12px;
                }

.page02Header		{
				left: 0px;
				}
.page02Text01
                {
				font-size : 14px;
                }
.page02Text02
                {
				font-size : 12px;
                }
.page02PhoneBox
                {
				margin-left : 1%;
				margin-right : 1%;
                }
}




/*-----------------  page03 : la charte (postures)-----------------  rgb(50,50,50)------------*/

.page03ContentBox		{
				z-index : -1;
				position : absolute;
				left : 55px;
				top : 60px;
				margin: 0px;
				padding-left: 20px;
				width: 85%;
				text-align:left;
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(30,30,30);
				font-style : none;
				font-weight: normal;
				}

.page03ContentHeader01	{
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				font-weight: bold;
				color: rgb(30,30,30);
				}
.page03MainImage	{
				position : fixed;
				left : 90px;
				top : 24%;
				margin: 0px;
				opacity:0.60;
				filter:alpha(opacity=60); /* For IE8 and earlier */
				}

/*----------------------------------------------------------------------------------- adjust page03  for mobiles -- */

@media only screen and (max-width: 500px)
{
.page03MainImage		{
                display: none;
				}

.page03ContentBox		{
				position : static;
				margin: 0px;
				padding: 0px;
				margin-top: 10px;
				margin-left: 4%;
				width: 95%;
				}

}

/*-----------------  page04 : qui suis-je -----------------------------*/

.page04Image01		{
				float: left;
				margin-right: 30px;
				margin-bottom: 15px;
				box-shadow: 8px 8px 5px #888888;
				}
				
.page04ContentBox		{
                text-align: justify;
				}
.page04ContentHeader02	{
				font: normal 18px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				font-weight: bold;
				color: rgb(194,25,108);
				}

.page04PitchBox		{
				text-align: center; 
				}



.page04ForeignLinksBox  {
                width: 80%;
                margin: auto;
                vertical-align: top;
				text-align		: justify;
				padding : 4%;
				padding-top		: 20px;
				padding-bottom		: 20px;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				border-radius:10px;
				background-color	: white;
				}


.page04RowBoxForeignLink   {
                display: block;
                padding-top: 10px;
                padding-bottom: 10px;
                font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
                font-size: 18px ;
                font-weight: bold;
				color: rgb(194,25,108);
                text-decoration: none;
                }
.page04RowBoxForeignLink:hover  {
                color: rgb(0,128,0);    /*-- vert home title -- */  cursor: pointer;
                }
.page04RowBoxForeignLink:active {
                color: rgb(194,25,108);
                }

.page04RowBoxContentBoxText		{
                font-size: 13px;
				font-style: italic;
				}





/*----------------------------------------------------------------------------------- adjust page04 for mobiles -- */

@media only screen and (max-width: 500px)
{
.page04Image01		{
 				position : static;
                float : none;
                max-width: 100%;
				margin: 0px;
				}

.page04ContentBox		{
				position : static;
				margin: 0px;
				padding: 0px;
				margin-top: 20px;
				margin-left: 4%;
				width: 95%;
				}

.page04ContentHeader02	{
				font-size:  17px;
				}




}

/*-----------------  page05 : les tarifs 

				position : absolute;
				left : 10%;
				top : 25%;
				margin: 0px;


-----------------------------*/

.page05ContentBox		{
				z-index : 0;
				position : absolute;
				top : 25%;
				left : 10%;
				width: 80%;
                text-align: left;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				font-style : none;
				font-weight: normal;
				}

.page05ContentRowBox01  {
                margin-top: 10px;
                width : 98%;
				}

.page05ContentRowBox02  {
                margin-top: 25px;
                width : 98%;
				}

.page05ContentPitchBox01  {
                display: inline-block;
                vertical-align: top;
                width : 46%;
				text-align		: left;
				padding-top		: 20px;
				padding-bottom		: 20px;
				padding-left		: 2%;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				border-radius:10px;
				background-color	: white;
				}

.page05ContentPitchBox02 { 
                display: inline-block;
                vertical-align: top;
                margin-left: 2%;
                width : 46%;
				text-align		: left;
				padding-top		: 20px;
				padding-bottom		: 20px;
				padding-left		: 2%;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				border-radius:10px;
				background-color	: white;
				}

.page05ContentPitchBox03  {
                display: inline-block;
                vertical-align: top;
                margin-left : 12%;
                width : 75%;
				text-align		: left;
				padding-top		: 20px;
				padding-bottom		: 20px;
				padding-left		: 2%;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				border-radius:10px;
				background-color	: rgb(255,252,242);
				}

.page05ContentPitchBox04 {
                display: inline-block;
                vertical-align: top;
                margin-left: 1%;
				}

.page05ContentPitchBox05 {
                display: inline-block;
                vertical-align: top;
                margin-left: 1%;
                width: 94%;
				padding-top		: 20px;
				padding-bottom		: 20px;
				padding-left		: 2%;
				padding-right		: 2%;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				border-radius:10px;
				background-color	: white;
				}

.page05ContentPitchHeader	{
				text-align		: center;
				padding-bottom		: 8px;
				font: normal 16px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				font-weight: bold;
				color: rgb(194,25,108);
				}
/*----------------------------------------------------------------------------------- adjust page05  for mobiles -- */

@media only screen and (max-width: 500px) and  (max-height: 480px)
{
.page05ContentBox
                {
				position : absolute;
                left : 3%;
                right : 3%;
				top : 55%;
                }
}

@media only screen and (max-width: 500px)
{
.page05ContentBox
                {
				position : absolute;
                left : 0;
                right : 0;
				top : 43.99%;
				width: 94%;
                }

.page05ContentRowBox01  {
                margin-top: -30px;
                width : 100%;
                }

.page05ContentRowBox02  {
                margin-top: 20px;
                width : 100%;
				}

.page05ContentPitchBox01  {
 				display: block;
                width : 100%;
                margin-left: 2%;
                }
.page05ContentPitchBox02  {
  				display: block;
                width : 100%;
                margin-top: 20px;
                }
.page05ContentPitchBox03  {
 				display: block;
                width : 100%;
                margin-left: 2%;
                margin-top: 20px;
               }
.page05ContentPitchBox04  {
 				display: block;
                margin-left: 2%;
                width : 100%;
                }
.page05ContentPitchBox05  {
 				display: block;
                margin-left: 2%;
                width : 98%;
                }
}



/*-----------------  page06 : témoignages -----------------------------*/

.page06ContentBox		{
				z-index : -1;
				position : absolute;
				width: 100%;
				left : 0px;
				top : 210px;
				margin: 0px;
				text-align:left;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				font-style : none;
				font-weight: normal;
				}

.testimonialsNameHeaderBox	{

                margin-top : 4%;
				width: 100%;
				padding-top : 15px;
				padding-bottom : 15px;

				/*-----------------254,247,237---------------------*/
				background: rgb(255,252,242);
				
				border-style        : solid;
				border-color        : rgb(225,225,225);
				border-left-width        : 0px;
				border-top-width        : 1px;
				border-bottom-width        : 1px;
				border-right-width        : 0px;
				-----------------------*/
				}

.testimonialsNameBox	{
				padding-left: 80px;
				}

.testimonialsName		{
				text-align: left;
				font-family:  Tahoma, Arial, Helvetica, sans-serif; font-size: 14px ; color: rgb(194,25,108); text-decoration: none;
				font-weight: normal ; font-style: normal ;
				}
.testimonialsDate		{
				text-align: left;
				font-family:  Tahoma, Arial, Helvetica, sans-serif; font-size: 12px ; color: rgb(194,25,108); text-decoration: none;
				font-weight: normal ; font-style: normal ;
				}

.testimonialsContentBox		
				{
				padding-top: 3%;
				padding-left: 135px;
				width: 85%;
				}


.testimonialsText		{ 
				text-align: left;
				font-family:  Tahoma, Arial, Helvetica, sans-serif; font-size: 14px ; color: rgb(117,117,117); text-decoration: none;
				font-weight: normal ; font-style: normal ;
				}
.testimonialsTextStrong01	{ 
				color: rgb(194,25,108);
				font-weight: bold ; 
				}
.testimonialsTextStrong02	{ 
				color: rgb(80,80,80);
				font-weight: bold ; 
				}

/*----------------------------------------------------------------------------------- adjust testimonials  for mobiles -- */

@media only screen and (max-width: 500px)
{
.testimonialsNameHeaderBox	{
                margin-top : 12%;
                }
.testimonialsNameBox	{
				padding-left: 15%;
				}
.testimonialsContentBox
				{
				margin-left: 6%;
				margin-right: 6%;
				padding-left: 0px;
				}
}



/*-----------------  page07 : contact -----------------------------*/


.page07ContentBox		{
				width: 92%;
                }


.contactHeaderBox	{
				position : static;
                width : 100%;
                margin-top: 6%;
                text-align: center;
				}
.contactTableHeader	{
				font: normal 28px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(194,25,108);
				}
.contactTableSubHeader	{
                margin-top: 10px;
				font: normal 20px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				color: rgb(117,117,117);
				}

.contactTableSubHeaderStrong	{
				font-weight: bold;
				color: rgb(70,70,70);
				}

.contactTableLabel		{
				font: normal 13px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : italic;
				color: rgb(117,117,117);
				}

.contactImage		{
                display : inline-block;
                margin-top :  6%;
                margin-left :  7%;
                margin-right :  40px;
				box-shadow: 8px 8px 5px #888888;
				}

.contactBox	{
                display : inline-block;
                margin-top :  15px;
                width : 35%;
 				}

.contactEmail   {
                font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
                font-size: 18px ;
                font-weight: normal;
                color: rgb(194,25,108);
                text-decoration: none;
                }
.contactEmail:hover  {
                color: rgb(76,57,69); text-decoration: none; cursor: pointer;
                }
.contactEmail:active {
                color: rgb(194,25,108); text-decoration: none;
                }

.contactPhone		{
				font-size: 18px;
				color: rgb(194,25,108);
				}

.contactTableText		{
				font: normal 17px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				}

.contactTableText2		{
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				}

.contactTableTextStrong	{
				font-weight: bold;
				color: rgb(194,25,108);
				}


.contactSessionsBox	{
				position : static;
                width : 60%;
                margin-top :  60px;
                margin-left :  25%;
                text-align: left;
				}

/*----------------------------------------------------------------------------------- adjust   CONTACT  for mobiles -- */

@media only screen and (max-width: 500px)
{
.contactImage		{
                display : none;
				}
.contactBox	{
                margin-top :  30px;
 				}


.contactSessionsBox	{
				position : static;
                width : 100%;
                margin-top :  20px;
                margin-left :  3%;
                text-align: left;
				}

.contactTableText		{
				font-size:  15px;
				}

}


/*-------------------------------------------------------------------  page : partenaires -----------------------------*/

/*-- NO z-index because of links !  -- */

.partnersContentBox		{
				position : absolute;
				left : 8%;
				top : 210px;
				margin: 0px;
				/*---padding-left: 100px; --*/
				width: 85%;
				text-align:left;
				font: normal 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				font-style : none;
				font-weight: normal;
				}


.partnerBox01		{
				padding-top : 0px;
				margin-left : 0;
				}
.partnerBox02		{
				padding-top : 30px;
				margin-left : 10%;
				}
.partnerBox03		{
				padding-top : 30px;
				margin-left : 20%;
				}
.partnerBox04		{
				padding-top : 30px;
				margin-left : 30%;
				}
.partnerBox05		{
				padding-top : 30px;
				margin-left : 40%;
				}

.partnerBox101	{
				padding-top : 20px;
				margin-left : 0;
				}

/*----------------------------------------------------------------------------------- adjust   CONTACT  for mobiles -- */

@media only screen and (max-width: 500px)
{
.partnerBox01		{
				margin-left : 2%;
                text-align: center;
				}
.partnerBox02		{
				margin-left : 2%;
                text-align: center;
				}
.partnerBox03		{
				margin-left : 2%;
                text-align: center;
				}
.partnerBox04		{
				margin-left : 2%;
                text-align: center;
				}
.partnerBox05		{
				margin-left : 2%;
                text-align: center;
				}

.partnerBox101		{
				margin-left : 2%;
				}
}



/*------------------------------------------------------------------------------------------------------------  page08   : WORKSHOPS -----------------------------*/

.page08TitleBox_top {
				margin-top: 130px;
                }

.page08Title		{
				font: normal 33px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				color: rgb(194,25,108);
				display: block;
				}

.page08ContentBox		{
				z-index : -1;
				margin-top: 230px;
				width: 100%;
				text-align:left;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				font-style : none;
				font-weight: normal;
				}

.page08ContentPitchBox01  {
                width : 60%;
                margin: auto;
                margin-top: 20px;
/*-----------------  height			: 85px; -----------------------------*/
				text-align		: left;
				padding		: 20px;
				font: normal 18px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				border-radius:10px;
				background-color	: white;
				}

.page08ContentPitchBox02 {
                width : 75%;
                margin: auto;
                margin-top: 20px;
				text-align		: left;
				padding		: 20px;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				}

.page08ContentRowBox03 {
                width : 90%;
                margin: auto;
                margin-top: 20px;
                }

.page08ContentPitchBox031 {
                display: inline-block;
                vertical-align: top;
                width : 53%;
                }

.page08ContentPitchBox031Venue {
                margin-top: 10px;
                margin-bottom: 10px;
				text-align		: center;
                }


.page08ContentPitchBox032 {
                display: inline-block;
                width : 43%;
                margin-left: 2%;
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				border-radius:10px;
				background-color	: rgb(255,252,242);
				}

.page08ContentPitchBox032Header{
                width : 100%;
                padding-top: 9px;
                padding-bottom: 7px;
                text-align: center;
                color: rgb(255,255,255);
				background-color	: rgb(170,170,170);
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;

}
.page08ContentPitchBox032Content {
                width : 100%;
				text-align		: left;
				padding		: 2%;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				}



.page08ContentPitchBox04 {
                width : 80%;
                margin: auto;
                margin-top: 40px;
				}

.page08ContentPitchBox04Title {
                margin-bottom: 10px;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				}

.page08ContentPitchBox04WSTitle  {
                margin-bottom: 3px;
				font: normal 20px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(194,25,108);
				}

.page08ContentPitchBox04WSTitle02  {
                margin-bottom: 3px;
				font: normal 20px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(0,128,0); /*  vert foncé  */
				}


.page08ContentPitchBox05 {
                width : 100%;
                margin-top: 20px;
                margin-bottom: 20px;
				}

.page08ContentPitchBox05ItemBox {
                display: inline-block;
                vertical-align: top;
                width : 32%;
                margin-left: 1%;
                margin-top: 10px;
                text-align: center;
				}

/*----------------------------------------------------------------------------------- workshop components  -- */

.workshopRegistrationLinkBox {
                width : 97%;
                margin-top: 15px;
                text-align: center;
				}

.workshopRegistrationLink   {
                font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
                font-size: 24px ;
                font-weight: bold;
				color: rgb(0,128,0);    /*-- vert home title -- */
                text-decoration: none;
                }
.workshopRegistrationLink:hover  {
                color: rgb(194,25,108);  cursor: pointer;
                }
.workshopRegistrationLink:active {
                color: rgb(0,128,0);
                }

.workshopRegistrationIcon {
                vertical-align : middle;
                margin-left: 2%;
                max-width: 50px;
                }

.workshopSummaryBox  {
                width : 100%;
				text-align		: left;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				border-radius:10px;
				background-color	: white;
				}

.workshopSummaryBoxHeader{
                width : 100%;
                padding-top: 9px;
                padding-bottom: 7px;
                text-align: center;
                color: rgb(255,255,255);
				background-color	: rgb(170,170,170);
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;

}
.workshopSummaryDetailsLinkBox {
                width : 97%;
                margin-right: 1%;
                text-align: right;
				}

.workshopSummaryDetailsLink   {
                font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
                font-size: 13px ;
                font-weight: normal;
                color: rgb(194,25,108);
                text-decoration: none;
                }
.workshopSummaryDetailsLink:hover  {
                color: rgb(76,57,69); text-decoration: none; cursor: pointer;
                }
.workshopSummaryDetailsLink:active {
                color: rgb(194,25,108); text-decoration: none;
                }

.workshopSummaryBoxPlanning {
                width : 100%;
                padding-top: 5px;
                padding-bottom: 5px;
				font: normal 13px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				}

.workshopSummaryBoxPlanningSessionHeader {
                width : 97%;
                margin-left: 2%;
                margin-top: 10px;
                margin-bottom: 4px;
                font-weight: bold;
				}

.workshopSummaryBoxPlanningRow01 {
                width : 100%;
				}
.workshopSummaryBoxPlanningRow01Date {
                display: inline-block;
                width : 56%;
                margin-left: 2%;
                text-align: left;
				}
.workshopSummaryBoxPlanningRow01Hours {
                display: inline-block;
                margin-left: 1%;
                width : 40%;
                text-align: right;
				}


.workshopDetailsItemsBox {
                display: block;
                width : 70%;
                margin: auto;
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				border-radius:10px;
				background-color	: rgb(255,252,242);
				}

.workshopDetailsItemsBoxContent {
                width : 97%;
				text-align		: left;
				padding-top		: 10px;
				padding-bottom		: 10px;
				padding-left		: 3%;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				}


/*--------------------------------------------------------------------------------------------------------------- adjust page08    for mobiles -- */

@media only screen and (max-width: 500px)
{
.page08ContentBox
                {
                width: 100%;
                margin-top: 65%;
                }
}
@media only screen and (max-width: 500px) and  (max-height: 480px)
{
.page08ContentBox
                {
                width: 100%;
                margin-top: 60%;
                }
}

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

.page08TitleBox_top {
                margin : auto;
				margin-top : 100px;
                width : 95%;
                }

.page08Title		{
                padding-bottom : 5%;
                font-size: 26px;
				}

.page08ContentPitchBox01  {
                margin : auto;
                margin-top : 0px;
                width : 92%;
                padding: 2%;
                font-size: 14px;
                }

.page08ContentPitchBox02  {
                margin : auto;
                margin-top : 5%;
                width : 92%;
                padding: 2%;

                }
.page08ContentPitchBox03  {
                margin : auto;
                margin-top : 5%;
                width : 95%;
                height	: auto;
                }

.page08ContentPitchBox031 {
                display: block;
                vertical-align: top;
                margin : auto;
                margin-top : 5%;
                width : 95%;
                height	: auto;
                }

.page08ContentPitchBox032 {
                display: block;
                margin : auto;
                margin-top : 5%;
                width : 98%;
                height	: auto;
				}

.page08ContentPitchBox04  {
                display: block;
                margin : auto;
                margin-top : 10%;
                width : 95%;
                height	: auto;
                }

.page08ContentPitchBox04WSTitle  {
				font-size:  17px;
				}

.page08ContentPitchBox04WSTitle02  {
				font-size:  17px;
				}




.page08ContentPitchBox05  {
                display: block;
                margin : auto;
                margin-top : 10%;
                margin-bottom : 10%;
                width : 95%;
                height	: auto;
                }

.page08ContentPitchBox05ItemBox {
                display: block;
                margin : auto;
                margin-top : 5%;
                width : 95%;
				}

}

/*------------------------------------------------------------------------------------------------------------  page09   : SINGLE  WORKSHOP  DETAILS & REGISTRATION -----------------------------*/

.page09TitleBox_top {
				top : 12%;
                }

.page09Title		{
				font: normal 33px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				font-style : none;
				color: rgb(194,25,108);
				display: block;
				}

.page09ContentBox		{
				z-index : -1;
				margin-top: 230px;
				width: 100%;
				text-align:left;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				font-style : none;
				font-weight: normal;
				}

.workshopRegistrationBox {
                display: block;
                width : 70%;
                margin: auto;
				border-style		: solid;
				border-color		: rgb(194,25,108);
				/*---- border-bottom-color : #182052; ---*/
				border-width		: 1px;
				border-radius:10px;
				background-color	: rgb(255,252,242);
				}

.workshopRegistrationBoxContent {
                width : 97%;
				text-align		: left;
				padding-top		: 10px;
				padding-bottom		: 10px;
				padding-left		: 3%;
				font: normal 14px  Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
				color: rgb(117,117,117);
				}

.workshopRegistrationFormLink        {
                font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; font-size: 14px ; font-weight: normal;
                color: rgb(194,25,108);
                text-decoration: none;
                }
.workshopRegistrationFormLink:hover  {
                color: rgb(0,128,0);    /*-- vert home title -- */;
                cursor: pointer;
                }
.workshopRegistrationFormLink:active {
                color: rgb(194,25,108);
                }




/*----------------------------------------------------------------------------------- adjust page09    for mobiles -- */

@media only screen and (max-width: 500px)
{
.page09ContentBox
                {
                width: 100%;
                margin-top: 67%;
                }
}
@media only screen and (max-width: 500px) and  (max-height: 480px)
{
.page09ContentBox
                {
                width: 100%;
                margin-top: 60%;
                }
}

@media only screen and (max-width: 500px)
{
.page09Title		{
                padding-bottom : 5%;
                font-size: 26px;
				}
.page09TitleBox_top {
                margin : auto;
				margin-top : 10%;
                width : 95%;
                }


.workshopDetailsItemsBox {
                display: block;
                width : 96%;
                margin: auto;
				}

.workshopRegistrationBox {
                display: block;
                width : 96%;
                margin: auto;
                margin-bottom: 10%;
				}


}




/*------- popups : FAQ et Help ---------*/

/*-- beige clair Fanny ----- rgb(240, 225, 205); --*/
/*-- gris-beige  Fanny ----- rgb(177, 164, 148); --*/

/*-- beige clair 2 (logo) Fanny ----- rgb(243, 231, 213); --*/


/*----- with header as Absolute ---*/

.popupHeaderAbsLogoBox		{ position:absolute;  left: 0px; top: 0px;
					   background: rgb(240,240,240);
					}

.popupHeaderAbsInnerTitleBox	{ position:absolute;  left: 0px; top: 0px;
					   height : 100px;
					   width : 600px;
					   background: rgb(240,240,240);
					}

.popupHeaderAbsTypeTitleBox	{ position:absolute;  left: 0px; top: 78px;
					   height : 24px;
					   width : 520px;
					   background:  rgb(117,117,117);
					   text-align: right;
					   padding-top: 5px;
					}

.popupHeaderAbsTypeTitle		{ font-family: verdana; font-size: 18px ; color: white; text-decoration: none;
					   font-weight: normal ; font-style: normal ;
					   padding-right: 15px;
					}

.popupAbsBodyBox			{ position:absolute;  left: 0px; top: 110px;
					}

/*----- with header as Table ---*/

.popupHeader			{ background: rgb(240,240,240); padding-left: 20px;}

/*-- vert  clair ----- rgb(155,184,80);   voir helpOrder in Home--*/
.popupTitleBox			{ background: rgb(117,117,117);
					   padding-bottom: 5px; padding-top: 5px; padding-right: 20px;}
.popupTitle				{ font-family: verdana; font-size: 18px ; color: white; text-decoration: none;
					   font-weight: normal ; font-style: normal ;
					}

/*----  popup FAQ Search Form ---- */

.popupFAQSearchFormBox		{ background: rgb(230,230,230);
					   text-align:right;
					   padding: 10px;
					}

.popupFAQSearchKeyWordsHeaderLabel		{ 						
							font-family: Arial, Helvetica; 
							font-size: 12px ; 
							color: rgb(117,117,117); 
							font-weight: normal ; 
							font-style: normal;
							}

.highlightKW				{ background: rgb(255,255,128);
					}



.popupBodyBox   { background: rgb(248,248,248);}

.popupNavBox    { padding-top: 15px; padding-bottom: 30px; }

.popupCloseLink { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(117,117,117); text-decoration: none}
.popupCloseLink:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(255, 145, 0); text-decoration: none}
.popupCloseLink:active  { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(117,117,117); text-decoration: none}

.popupBackLink { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(117,117,117); text-decoration: none}
.popupBackLink:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(255, 145, 0); text-decoration: none}
.popupBackLink:active  { font-family: Arial, Helvetica, sans-serif; font-size: 11px ; font-weight: normal ; color: rgb(117,117,117); text-decoration: none}



/*----  popup questions Tables ---- */

.popupQTHeaderBox		{	padding-top: 8px; padding-bottom: 10px; 
						font-family: Arial, Helvetica; font-size: 20px ; color: rgb(194,25,108); text-decoration: none;
						font-weight: normal ; font-style: normal ;
					}
.popupFAQPitchBox			{ 						
						width : 90%;
						text-align: left;
						border:1px solid rgb(117,117,117);
						background-color: white;
						padding : 10px;
						padding-left : 25px;
						padding-right : 20px;
						font-family: Arial, Helvetica; 
						font-size: 12px ; 
						color: rgb(117,117,117); 
						font-weight: normal ; 
						font-style: normal;
					}

.popupFAQPitchLink { font-family: Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: normal ; color: rgb(117,117,117); text-decoration: underline}
.popupFAQPitchLink:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: normal ; color: rgb(255, 145, 0); text-decoration: underline}
.popupFAQPitchLink:active  { font-family: Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: normal ; color: rgb(117,117,117); text-decoration: underline}


.popupQTRowBox			{ padding-top: 8px; padding-left: 20px; }

.text_faqLink { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(194,25,108); text-decoration: none}
.text_faqLink:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(76,57,69); text-decoration: none}
.text_faqLink:active  { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(194,25,108); text-decoration: none}

.text_popUpLink { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(177, 164, 148); text-decoration: none}
.text_popUpLink:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(160, 24, 87); text-decoration: none}
.text_popUpLink:active  { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(177, 164, 148); text-decoration: none}

/*----  popup answers ---- */

.popupQuestionHeader	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px ; color: rgb(194,25,108); text-decoration: none;
						  font-weight: normal ; font-style: normal ;}
.popupAnswerHeader		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px ; color: rgb(194,25,108); text-decoration: none;
						  font-weight: bold ; font-style: normal ;}
.popupAnswerTitle		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px ; color: rgb(194,25,108); text-decoration: none;
						  font-weight: normal ; font-style: normal ;}
.popupAnswer			{ padding-left: 35px;
						  font-family: Arial, Helvetica, sans-serif; font-size: 14px ; color: rgb(127,116,104); text-decoration: none;
						  font-weight: normal ; font-style: normal ;}

.faqFlowerDetailsLink { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(117,117,117); text-decoration: underline}
.faqFlowerDetailsLink:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(255, 145, 0); text-decoration: underline}
.faqFlowerDetailsLink:active  { font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ; color: rgb(117,117,117); text-decoration: underline}


/*-----------  FAQ  List  (for common search)---------------*/

.searchFAQResultsBox			{ 
						text-align: left;
						border-style        : solid;
						border-color        : rgb(194,25,108);
						/*---- border-bottom-color : #182052; ---*/
						border-width        : 1px;
						background-color:	rgb(240,240,240);
						}
.searchFAQResultsBoxHeader		{ 
						height: 30px;
						text-align: left;
						padding-left	      : 20px;
						background-color:	rgb(194,25,108);
						font-family: verdana, Arial, Helvetica, sans-serif; font-size: 16px ; font-weight: normal ; 
						color: white;
						}
.searchFAQResultsBoxContent		{ 
						text-align: left;
						padding	      : 20px;
						padding-left	      : 25px;
						}

.searchFAQResultsHeader	{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: normal ; color: rgb(194,25,108); font-style:italic}
.searchFAQResultsText	{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px ; font-weight: bold ; color: rgb(194,25,108);}

.searchFAQLinkBullet		{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 15px ; font-weight: bold ; color: rgb(194,25,108); text-decoration: none}

.searchFAQLink		{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px ; font-weight: normal ; color: rgb(194,25,108); text-decoration: none}
.searchFAQLink:hover	{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px ; font-weight: normal ; color: rgb(76,57,69); text-decoration: none}
.searchFAQLink:active	{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px ; font-weight: normal ; color: rgb(194,25,108); text-decoration: none}


/*---------------------------  Xiti ------------------------------*/


.pageXitiBox			{
				position: fixed;
				left: 5px;
				bottom: 5px;
				}



/*---------------------------  choix des couvertures------------------------------*/


#selectedCoverBox		{
				position: fixed;
				left: 10px;
				top: 10px;
				width : 560px;
				}

.selectedCoverTitle		{ 
				margin-bottom: 10px;
				text-align: center;
				font-family: verdana, Arial, Helvetica, sans-serif; font-size: 20px ; font-weight: normal ; 
				color: rgb(76,74,86);
				}


.thumbnailsContentBox	{
				position : absolute;
				left : 600px;
				top : 10px;
				margin: 0px;
				}

.thumbnailBox		{
				margin: 10px;
				width : 100px;
				}


/*-----------------------------------------------------------------------------------  Responsive FAQ : no new window (mobiles) ------------------------------------- */

.bodyFullFAQPage	{
			position : absolute;
			left : 0px;
			top : 11%;
			margin : 0px;
			width: 100%;
			overflow : auto;
			background-color :  rgb(248,248,248);
			font-family: verdana, Arial, Helvetica, sans-serif;
			}


.faqPageHeaderBox		{
				z-index : 1;
				position : fixed;
				left : 0px;
				top : 0px;
				margin: 0px;
				width : 100%;
				background-color :  rgb(230,230,230);
				}

.faqPageContentBox  {
                        width: 80%;
                        margin: auto;
                        }

.faqBlockContainer  {
                        width: 100%;
                        }

.faqBlockHeaderBox		{
                        padding-top: 8px; padding-bottom: 10px;
						font-family: Arial, Helvetica; font-size: 24px ; color: rgb(194,25,108); text-decoration: none;
						font-weight: normal ; font-style: normal ;
					}
.faqBlockPitchBox			{
                        margin : auto;
						width : 90%;
						text-align: left;
						border:1px solid rgb(117,117,117);
						background-color: white;
						padding : 10px;
						padding-left : 25px;
						padding-right : 20px;
						font-family: Arial, Helvetica; 
						font-size: 12px ; 
						color: rgb(117,117,117);
						font-weight: normal ; 
						font-style: normal;
					}

.faqBlockInnerBlocksContainer  {
                        width: 100%;
                        }
.faqBlockRowBox  {
                        width: 100%;
                        margin-top: 25px;
                        display: inline-block;
                        vertical-align: top;
                        }
.faqBlockRowBoxIcon  {
                        width: 3%;
                        display: inline-block;
                        vertical-align: top;
                        }
.faqBlockRowBoxText  {
                        width: 95%;
                        margin-left: 2%;
                        display: inline-block;
                        text-align: left;
                        vertical-align: top;
                        }

.faqItemTitleBox		{
                        padding-bottom: 6px;
						font-size: 15px ;
						font-weight: bold ; 
					}


.text_faqLink      {
                        font-family: Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: normal ;
                        text-decoration: none;
                        color: rgb(194,25,108);
                        }
.text_faqLink:hover  { color: rgb(76,57,69);
                        }
.text_faqLink:active  { color: rgb(194,25,108);
                        }


.faqBlockItemsContainer  {
                        width: 100%;
                        }


/*----  popup FAQ Search Form ---- */

.faqPageContentHeaderBox  {
                        width: 100%;
                        display: inline-block;
                        padding-top: 20px;
                        padding-bottom: 20px;
                        background-color :  rgb(230,230,230);
                        }
.faqPageContentHeaderBoxLeft  {
                        width: 43%;
                        margin-left: 2%;
                        text-align: left;
                        display: inline-block;
                        vertical-align: middle;
                        }
.faqPageContentHeaderBoxRight  {
                        width: 53%;
                        text-align: right;
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: 2%;
                      }

.faqSearchFormBox		{
                        background: rgb(230,230,230);
                        text-align:right;
                        padding: 10px;
					}

.faqSearchParamsLabel		{
							font-family: Arial, Helvetica; 
							font-size: 12px ; 
							color: rgb(117,117,117);
							font-weight: normal ; 
							font-style: normal;
							}

#faqSearchKeyWords		{
					}

.faqPageContentCommonTitleBox  {
                        width: 100%;
                        margin-bottom: 30px;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        background-color :  rgb(194,25,108);
                        text-align: right;
                       }

.faqPageContentCommonTitle {
                        margin-right: 20px;
                        text-align: right;
                        font-family: Verdana, Arial, Helvetica, sans-serif;
                        font-size: 18px ;
                        color: rgb(255,255,255);
                        text-decoration: none;
                        font-style: normal ;
                        font-weight: normal ;
                        }


.faqPageContentQuestionHeaderBox	{
                        width: 100%;
                        text-align: left;
                        font-family: arial, verdana; font-size: 15px ; color: rgb(194,25,108); text-decoration: none;
                        font-weight: normal ; font-style: normal ;
                        }
.faqAnswerHeader		{ font-family: arial, verdana; font-size: 15px ; color: rgb(194,25,108); text-decoration: none;
						  font-weight: bold ; font-style: normal ;}
.faqAnswerTitle		{ font-family: arial, verdana; font-size: 15px ; color: rgb(194,25,108); text-decoration: none;
						  font-weight: normal ; font-style: normal ;}
.faqPageContentAnswerBox			{
                        width: 100%;
                        text-align: left;
                        font-family: arial, verdana; font-size: 15px ; color: rgb(127,116,113); text-decoration: none;
                        font-weight: normal ; font-style: normal ;
                        }

/*----------------------------------------------------------------------------------- adjust   FAQ  for mobiles -- */

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

.bodyFullFAQPage	{
			top : 8%;
			}

.faqPageContentBox  {
                        width: 100%;
                        }

.faqPageContentHeaderBox  {
                        padding-top: 8px;
                        padding-bottom: 8px;
                        }
.faqPageContentHeaderBoxLeft  {
                        width: 13%;
                        }
.faqPageContentHeaderBoxRight  {
                        width: 83%;
                      }

.faqPageContentCommonTitleBox {
                        text-align: center;
                        }


.faqBlockHeaderBox		{
                        padding-left: 3%;
					}
.faqBlockPitchBox			{
                        margin : auto;
						width : 85%;
						padding : 10px;
						padding-left : 4%;
						padding-right : 4%;
					}

.faqBlockRowBoxText  {
                        width: 90%;
                        margin-left: 7%;
                        }

.faqPageContentQuestionHeaderBox	{
                        width: 92%;
                        margin: auto;
                        }
.faqPageContentAnswerBox			{
                        width: 92%;
                        margin: auto;
                        }

}

@media only screen and (max-width: 500px) and (min-height: 571px) and (max-height: 670px)
{
.bodyFullFAQPage	{
			top : 7%;
			}
}

@media only screen and (max-width: 500px) and (min-height: 671px) and (max-height: 740px)
{
.bodyFullFAQPage	{
			top : 6%;
			}
}

@media only screen and (max-width: 500px) and (min-height: 741px)
{
.bodyFullFAQPage	{
			top : 5.8%;
			}
}