/* styles.css - Revision: 1.0 */

/* Copyright (c) 2009+. ISPL S.A. All rights reserved. */

body { font-family: Verdana; font-size: 16px; border: 0; padding-top: 0px; margin-top: 0px; background-color: #9E514A;}

#Page { 
			width: 768px;
			margin: 0 auto;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 8px;
			border: 0;
		  background-color: #FFFFFF;
      }


#Top  { 
        height: 91px;
			}		 
			
#TopMask 
      { 
        background-image:url(../img/topmaskwithGSPL-QEM.png);
        background-position: bottom center;
        background-repeat:no-repeat;
        height: 100%;
        text-align: right;
			}
			
#SubTop  { 

        height: 100px;
			}		 
			
#SubTopMask 
      { 

        background-image:url(../img/subtopmask.png);
        background-position: top center;
        height: 91px;
        text-align: right;
			}		
      
#hbgline {
      height: 4px;
      width: 100%;
      }      	
			
			
#TopTxt
      { 
        padding-top: 8px;
        margin-left: 60px;
        text-align: center;
        font-weight: bold;
        font-style: normal;
				color: #00000;
				font-size: 16px;
			}
			
#TopTxtSmall
      { 
        padding-top: 2px;
        margin-left: 0px;
        text-align: center;
        font-weight: normal;
        font-style: normal;
				color: #00000;
				font-size: 10px;
			}

#blackline {
        margin-top: 32px;
        margin-left: 152px;
        width: 610px;
        height: 7px;
        background-color: #000000; 
      }
      
.BigLetter {
      color: #9E514A;
      }      

 
#langlook 
      {
        font-size: 10px;
        color: #827F68;
        font-weight: bold;
        padding-right: 5px;
        padding-top: 5px;
			}
			
#langlook a:link, a:visited
      {
        text-decoration: none;
        color: #827F68;
			}	

#langlook a:hover
      {
        text-decoration: underline;
        color: #742416;
			}	

			
#Logo {
			  float: left;
				width: 150px;
				height: 100%;
				text-align: center;
				vertical-align: bottom;
      } 
#Logo a img {
      margin-top: 10px;
      } 
      
#GSPLLogo {
			  width:110px;
        float: right;
        margin-top: 6px;
        margin-right: 0px;
				height: 100%;
				text-align: center;
      } 
      
/*- Menu 8--------------------------- */


	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 

	
#menu8 {
	width: 150px;
	margin: 0px;
	border-style: solid;
	border-color: #656556;
	border-size: 1px;
	border-width: 1px;
	      font-size: 11px;
	      text-align: left;
        font-weight: bold;
        font-style: normal;
	}
	
#menu8 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu8 li a:link, #menu8 li a:visited {
	color: #656556;
	display: block;
	background:  url(../img/menu8.gif);
	padding: 8px 0 0 20px;
	}
	
#menu8 li a:hover {
	color: #474739;
	background:  url(../img/menu8.gif) 0 -32px;
	padding: 8px 0 0 20px;
	}      
/*- Menu 8  END--------------------------- */      

			
#flags 
      {
			  text-align: right;
			  padding-right: 10px;
			}

#flags img 
      {
			  border: 0px;
			}
			
#BackGroundColC1 
      { 
        width: 130px;
        height: 130px;
			}
#BackGroundColC2 
      { 
        width: 130px;
        height: 130px;
			}	

#BackGroundColC3 
      { 
        background-image:url(../img/DietiBoxContactButton.png);
        width: 130px;
        height: 130px;
			}			
	
#AdvTxt {
      padding: 10px;
      text-align: center;
      }	
			
#AdvTxt img, #pub img
      {
        margin-bottom: 6px;
      }	
					
#pub  {
        text-align: center;
      }

#pub img 
      {
        border: 0px;
			}

#pub a:link, #pub a:visited
      {
        padding: 0px;
      }
		 				
      
#Middle
      {
        padding-top: 8px;
			}
			
#ColA 
      { 
			  float: left;
				width: 162px;
			  margin-right:0px; 
			}
					 
#ColB 
      {  
        width:585px;
				margin:0 0px 0 0;
				float:left;
				position:relative;
			}

#ColC 
      {  
        width:130px;
				margin:0;
				float:left;
				position:relative;
			}

#ZoneA 
      { 
			  float: left;
				width: 32.5%;
			  margin-right:0px; 
			}
					 
#ZoneB 
      {  
        width: 32.5%;
				margin:0 4px 0 0;
				float:left;
				position:relative;
			}

#ZoneC 
      {  
        width: 32.5%;
				margin:0;
				float:left;
				position:relative;
			}

#BoitFond{
        background-color: #E4E5DF; 
			}

#BoitH 
      {
        height: 11px;
				background:url(../img/H.png) repeat-x top left;
			}

#BoitHG  {
				width: 100%;
        height: 11px;
				background:url(../img/HG.png) no-repeat top left; 
			}

#BoitHD  {
        width: 100%;
        height: 11px;
				background:url(../img/HD.png) no-repeat top right; 
			}

#BoitG
      {
				background:url(../img/G.png) repeat-y top left; 
			}

#BoitD
      {
				background:url(../img/D.png) repeat-y top right; 
      }

#BoitB 
      {
        height: 13px;
				background:url(../img/Bas.png) repeat-x top left;
			}

#BoitBG {
				width: 100%;
        height: 13px;
				background:url(../img/BG.png) no-repeat top left; 
			}

#BoitBD  {
        width: 100%;
        height: 13px;
				background:url(../img/BD.png) no-repeat top right; 
				}
				


#Bottom 
      { 
			  padding-top: 10px;
			  padding-bottom: 10px;
			  height: 40px; 
        color: #888888;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        width: 100%;
        clear: both;
			}

#Bottom a:link, #Bottom a:visited 
      { 
			  color: #888888;
			}
			
#Bottom a:hover 
      { 
			  background-color: #888888;
				color: #000000;
			}

#Box  {
        background-color: #F4B839; 
			}

#BoxAlert
      {
        background-color: #F4B839; 
			}


#GBox {
        background-color: #F3F3F0;
        border-style:solid;
        border-width:1px; 
        width: 100%;
        padding-top: 5px;
			  padding-left: 10px;
			  padding-right: 10px;
			  color: #000000;
        font-size: 14px;
				font-weight: normal;

			}
			
#GBox h3{

			  color: #000000;
        font-size: 12px;
				font-weight: normal;

			}


#BoxUp 
      {
        height: 12px;
				background:url(../img/U.png) repeat-x top left;
			}

#ULC  {
				width: 100%;
        height: 12px;
				background:url(../img/UL.png) no-repeat top left; 
			}

#URC  {
        width: 100%;
        height: 12px;
				background:url(../img/UR.png) no-repeat top right; 
			}

#BoxML
      {
				background:url(../img/L.png) repeat-y top left; 
			}

#BoxMR
      {
				background:url(../img/R.png) repeat-y top right; 
      }

#BoxContent, #MenuBoxContent
      {
			  padding-left: 14px;
			  padding-right: 14px;
			}
			
#ActuBoxContent 
      {
			  padding-top: 5px;
			  padding-left: 5px;
			  padding-right: 2px;
			  padding-bottom: 5px;
				color: #000000;
				background-color: #F3F3F0;
        border-style:solid;
        border-width:1px; 
        width: 143px;
      }
      
#ActuBoxContent h1
      {
        font-size: 14px;
				font-weight: bold;
        margin-top: 0px;
        margin-bottom: 4px;
        border-bottom: 1px solid #000000;
      }

#ActuBoxContent h2
      {
        font-size: 10px;
				font-weight: bold;
				margin-top: 5px;
        margin-bottom: 0px;
      }

.NewsDate
      {
				margin-left: 4px;
        font-weight: normal;
				font-style: italic;
      }


#ActuBoxContent h3
      {
        font-size: 10px;
				font-weight: normal;
        padding-left: 4px;
        margin-top: 4px;
        margin-bottom: 0px;
      }

#ActuBoxContent h3 p
      {
        margin-top: 0px;
        margin-bottom: 0px;
			}

#BoxContent 
      {
        font-size: 14px;
        color: #000000;
			}

#BoxContent h1
      {
			  background: url(../img/PitiISPLBullet.png) no-repeat;
			  background-position: left center;
        margin-top: 0px;
        margin-left: 24px;
			  padding-top: 10px;
			  padding-left: 10px;
				font-size: 22px;
				height: 34px;
			}

#BoxContent h2
      {
				padding-top: 0px;
				margin-top: 0px;
				padding-left: 8px;
			  padding-bottom: 2px;
				font-size: 16px;
			  border-bottom: 1px solid #742416;
			}

#BoxContent h3
      {
			  font-size: 12px;
			  font-weight: normal;
			  padding-bottom: 10px;
			  margin-left: 10px;
			  margin-right: 10px;
			}

#BoxContent h4
      {
			  font-size: 12px;
			  font-weight: normal;
			  padding-bottom: 10px;
			  margin-left: 10px;
			  margin-right: 10px;
			}

#ts
      {
			  font-size: 8px;
			  font-weight: normal;
			  font-variant: small-caps;
			  font-style: italic;
				color: #363B4E;
				padding-top: 1px;
				padding-left: 5px;
			}

#BoxContent h3 p
      {
			  margin-top: 8px;
				margin-bottom: 8px;
			}

#ContLeft 
      {
        width: 33%;
        float: left;
      }

#ContRight 
      {
        margin-left: 2%;
        width: 65%;
        float: left;
      }


#BoxContent a
      {
			  font-weight: bold;
			  padding-left: 2px;
			  padding-right: 2px;
			}

#BoxContent a:link, #BoxContent a:visited, #AdvTxt a.item:link, #AdvTxt a.item:visited 
      {
        text-decoration: none;
        color: #742416;
        background-color: #E1DDB0; 
      }
      
#AdvTxt a.item:link, #AdvTxt a.item:visited 
      {
        font-weight: bold;
      }      

#BoxContent a:hover
      {
        background-color: #742416;
        color: #E1DDB0; 
      }

#BoxContent a.noH:hover
      {
        color: #000000;
      }

#BoxContent a.more
      {
        padding: 1px;
        font-size: 10px;
				border: 1px #742416 solid;
				float: right;
				margin-right: 20px;
				padding-left: 3px;
				padding-right: 3px;
				font-weight: bold;
      }

#BoxContent a.more:link, #BoxContent a.more:visited
      {
				background-color: #DDDDDD;
        color: #742416;
      }

#BoxContent a.more:hover
      {
				color: #DDDDDD;
        background-color: #742416;
      }

#BoxContent a.item, #BoxContent a.itemNOH, #AdvTxt a.item 
      {
        font-weight: normal;
        font-size: 14px;
        clear: both;
        border: 0px;
      }
      
#BoxContent a.itemNOH:hover
      {
        color: #000000;
      }

#AdvTxt a.item:hover 
      {
        font-style: italic;
        text-decoration: underline;
      }

#anIP {
        text-align: center;
        font-style: italic;
        color: #B4B4B4;
        font-size: 12px;
        font-weight: normal; 
      }

#txt  {
				padding-bottom: 10px;
				padding-left: 10px;
			}

#txt a
      {
			  padding: 0px;
			}

#err  {
				font-weight: bold;
				color: #FF0000;
			}

#info  {
				font-weight: bold;
				color: #F4B839;
			}
						
			
#nav 
      {
        margin-top: 0px;
        margin-bottom: 10px;
				text-align: center;
      }

#nav a
      {
        padding: 1px;
        font-size: 10px;
				border: 1px #742416 solid;
				font-weight: bold;
				margin: 2px;
      }

#nav a:link, #nav a:visited
      {
        background-color: #DDDDDD;
        color: #742416;
      }

#nav a:hover
      {
        background-color: #742416;
        color: #DDDDDD;
      }

#nav a.cur:link, #nav a.cur:visited
      {
        background-color: #742416;
        color: #DDDDDD;
      }

#MenuBoxContent 
      {
        text-align: center;
        
      }

#MenuBoxContent h1
      {
			  margin-top: 0px;
			  margin-bottom: 0px;
			  padding-top: 10px;
			  padding-bottom: 0px;
			  font-size: 18px;
			}

#MenuBoxContent h2
      {
			  margin-top: 0px;
			  margin-bottom: 0px;
			  padding-top: 10px;
			  font-size: 14px;
			  text-align: left;
			  font-weight: normal;
			}

#MenuBoxContent a
      {
        display: block;
        width: 100%;
        padding-bottom: 2px;
				font-size: 14px;
				font-weight: bold;
			}

#MenuBoxContent a:link, #MenuBoxContent a:visited
      {
        text-decoration: none;
				color: #8B0F04;
      }

#MenuBoxContent a:hover
      {
        color: #BA9D7E;
      }

#MenuBoxContent a.F 
      {
			  border-top: 0px solid #363B4E;	
			  margin-top: 2px;
				padding-top: 1px;
			  text-align: left;
			  font-size: 12px;
			  padding-left: 6px;
			  width: 124px;
			}

#MenuBoxContent a.N 
      {
			  border-top: 0px solid #363B4E;	
			  padding-top: 1px;
			  text-align: left;
			  font-size: 12px;
			  padding-left: 6px;
			  width: 124px;
			}

#MenuBoxContent h2 a
      {
			  border-top: 0px solid #363B4E;
				padding-top: 1px;
			}

#MenuBoxContent ul
      {
			  margin-top: 0px;
			  margin-bottom: 0px;
			  list-style-type: none;
			  margin-left: 0;
        padding-left: 0;
			}	

#BoitHome
      {
			  padding-left: 10px;
			  padding-right: 10px;
			  color: #8B0F04;
			}
			
#BoitHome h1
      {
        font-size: 14px;
				font-weight: bold;
        margin-top: 0px;
        margin-bottom: 4px;
        border-bottom: 1px solid #8B0F04;
      }

#BoitHome h2
      {
        font-size: 10px;
				font-weight: bold;
				margin-top: 5px;
        margin-bottom: 0px;
      }

#BoitHome h3
      {
        font-size: 6px;
				font-weight: normal;
        margin-top: 2px;
        margin-bottom: 0px;
        margin-left: 2px;
        margin-right: 2px;
      }

#BoitHome h3 p
      {
        font-size: 10px;
				font-weight: normal;
			}


#BoxBt 
      {
        height: 12px;
				background:url(../img/B.png) repeat-x top left;
			}

#BLC  {
				width: 100%;
        height: 12px;
				background:url(../img/BL.png) no-repeat top left; 
			}

#BRC  {
        width: 100%;
        height: 12px;
				background:url(../img/BR.png) no-repeat top right; 
			}

#cls  {
        clear: both;
			}

.alignleft 
      {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
			}
			
.alignright 
      {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
			}

/* Forms */

fieldset { border:0px; width: 100%;}
fieldset label { display: block; width: 90px; float: left; margin: 3px 4px 6px 4px; 
                 text-align: right; color: #000000; font-weight: bold; }
.RadioTxt { color: #8B0F04; font-weight: bold; }
fieldset input, fieldset textarea, fieldset select { border: 1px solid #8B0F04; background-color: #EFEDDA; font-family: Verdana; margin-bottom: 8px; margin-left: 10px;}
textarea {font-family: Verdana; font-size: 12px;}
select { overflow: auto; }
fieldset input, fieldset textarea { padding-left: 4px; }
fieldset textarea {width: 300px}

#FormBtn, #FormBtn:hover { font-weight: bold;}
#FormBtn:hover {
  background-color: #8B0F04;
  color: #EFEDDA; 
}

#FormBtn:active, #FormBtn:focus {
  color: #8B0F04;
  background-color: #EFEDDA; 
}

@media print {
  #Page 
	    { 
			  width: 640px;
		  }
  #TopMask 
      { 
        background-image: none;
        height: 100%;
        text-align: center;
        font-weight: bold;
				font-size: 14px;
			}
  #Logo {
				width: 240px;
      } 
  #ColA, #flags  
	    { 
			  display: none; 
			}
  }