/* CLF 2.0 TEMPLATE VERSION 1.03 | VERSION 1.03 DU GABARIT NSI 2.0 */

/* LEFT SIDE MENU CSS BEGINS| DEBUT DU CSS DU MENU LATERAL GAUCHE */
div.left .menucontent {
	border-bottom: 1px solid #999;
}

div.left div.lineUnder {
	BORDER-bottom: 8px solid #578;
	PADDING-bottom: 2px;
}
div.left div.lineAbove {
	BORDER-TOP: 8px solid #578;
	PADDING-TOP: 0px;
	MARGIN-TOP: 0px;
}
div.left div.lineAbovePro {
	BORDER-TOP: 8px solid #578;
	PADDING-TOP: 0px;
	MARGIN-TOP: 1px;
}
div.prodis {
	background-color: #578;
}
/* LEFT SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL GAUCHE */


/* RIGHT SIDE MENU CSS BEGINS| DEBUT DU CSS DU MENU LATERAL DROIT */
div.right {
	BACKGROUND-COLOR: #fff;
	DISPLAY: block;
	border-bottom: 1px solid #999
}
div.right A:link {
	COLOR: #039; TEXT-DECORATION: underline; 
}
div.right A:visited {
	COLOR: #333; TEXT-DECORATION: underline; 
}
div.right A:hover {
	TEXT-DECORATION: underline;
	background-color: transparent;
	color: #d02;
}
div.right H2 {
	COLOR: #000;
	background-color: #eee;
	padding-left: 8px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 0px;
}
div.right H2 A:link {
	PADDING: 0px; MARGIN: 0px; COLOR: #039; background-color: transparent;
}
div.right H2 A:visited {
	PADDING: 0px; MARGIN: 0px; COLOR: #000; background-color: transparent;
}
div.right H2 A:hover {
	PADDING: 0px; MARGIN: 0px; COLOR: #c03; background-color: transparent;
	}
p.links {
	font-size: 100%; PADDING-LEFT: 7PX; MARGIN: 0PX; background-color: #eee; padding-top: 12px;
	}
div.right ul.nav LI.menucontent {
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 7px;
	MARGIN-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 6px;
	list-style-type: none;
	color: #000;
	vertical-align: baseline;
	}
div.right ul.nav {
	padding: 0;
	background-color: #eee;
	margin: 0;
}
div.right ul.nav2 LI.menucontent {
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 25px;
	MARGIN-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 3px;
	list-style-type: square;
	color: #039;
	vertical-align: baseline;
	
	}
	
	div.right ul.nav2 LI.menucontent2 {
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 25px;
	MARGIN-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 3px;
	list-style-type: square;
	color: #039;
	vertical-align: baseline;
	background-color:#ffc;
	
	}
div.right ul.nav2 {
	padding-top: 7px;
	background-color: #eee;
	margin: 0px;
}
.h2Bg {
	background-image: url(/images/mp-pp/h2CntrBg.jpg);
	background-repeat: repeat;
	font-size: 100%;
	background-color: #eee;
}

.h2Bg2 {
	background-image: url(/images/mp-pp/h2RghtBg.jpg);
	background-repeat: repeat;
	font-size: 100%;
	background-color: #eee;
}
.gcinit div {
	  margin-bottom: 2px;
}
div.gcinit div {
	border: 0px solid #000;
}
.gcinit span {
      color: transparent;
}
.gcinit a, .gcinit a:visited, div.right .gcinit a, div.right .gcinit a:visited {
      color:#fff;
	  text-decoration: none;
      font-family: Verdana, Arial, Helvetica, Sans-serif;
      font-style: normal;
      font-variant: normal;
      font-weight: bold;
      line-height: normal;
      letter-spacing: normal;
      word-spacing: normal;
      background-color: transparent;
	  font-size: 90%;
}
.gcinit a:hover, div.right .gcinit a:hover, div.right .gcinit a:hover {
      text-decoration:  none;
      color: #fff;
}
.vw {
      text-align: left;
      background: url(/images/mp-pp/vw.jpg) no-repeat;
	  padding-left: 5px;
	 padding-top: 7px;

}
.vw span {
      position: relative;
      font-family: inherit;
      font-style: normal;
      font-variant: normal;
      font-weight: bold;
      line-height: normal;
      letter-spacing: normal;
      word-spacing: normal;
      background-color: transparent;
}

.mgo {
    text-align: left;
    background: url(/gncy/mnstr/images/jpb.jpg) #578 no-repeat; 
	padding-right: 2%;
	padding-bottom: 24%;
}

* html  div.mgo {padding-bottom:2%;}

.mgo  span {
	padding-top: 3%;
	padding-left: 2%;
	display: block;
    color: #fff;
    font-weight: bold;
    background-color: transparent;
}

.mgov2 {
      text-align: left;
      background: url(/gncy/mnstr/images/jpb.jpg) #578 no-repeat; 
	background-repeat: no-repeat;
		padding-right: 1%;
}
.mgov2 span {
	padding-top: 3%;
	padding-left: 2%;
	display: block;
      color: #fff;
      font-weight: bold;
      background-color: transparent;
	height: 70px;
}

#mediacontainer p {
	margin-top: 0.25em;
	text-align: center;
	cursor: pointer;
}
#mediacontainer div {
	margin-top: 0.25em;
	text-align: center;
	cursor: pointer;
}
* html #mediacontainer p {
	margin-top: 0.5em;
	margin-bottom: 0.75em;
	text-align: center;
}

* html #mediacontainer div {
	margin-top: 0.5em;
	margin-bottom: 0.75em;
	text-align: center;
}

/* RIGHT SIDE MENU CSS ENDS| FIN DU CSS DU MENU LATERAL DROIT */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */
div.center .search {
	color: #fff;
	BACKGROUND-COLOR: #d02;
	TEXT-ALIGN: center;
	MARGIN: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 5px;
} 

div.center .h2Center {
	BACKGROUND-COLOR: #fff;
	PADDING-BOTTOM: 3px;
	PADDING-top: 10px;
	margin-top: 10px;
	text-align: center;
	background-image:url(/images/mp-pp/h2CntrBg.jpg);
	background-repeat: no-repeat;
	FONT-SIZE: 100%;
	}

	* html div.center .min-photo {
	background-color: #fff;
	border: 1px solid #578;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	width: 390px;
	}

	html div.center .min-photo {
	MARGIN: 0px;
	BACKGROUND-COLOR: #fff;
	border: 1px solid #578;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 3px;
	margin-left: 5px;
	}

	html div.center .min-photo span.photoCaption {
	font-size: 0.85em;
	}
	* html div.center .min-photo span.photoCaption {
	font-size: 0.85em;
	width: auto;
	padding-right: 0px;
	margin-right: 0px;
	}
	html div.center .min-photo div.min-link {
	text-align: center;
	margin-top: 3px;
	}
	
	html div.center .min-photo div.min-link a {
	text-decoration: none;
	}
	
	* html div.center .min-photo div.min-link {
	text-align: center;
	margin-top: 3px;
	text-decoration: none;
	}
	
	html div.center .min-photo div.min-link a:hover{
	text-align: center;
	margin-top: 3px;
	color: #c03;
	}
	
	* html div.center .min-photo div.min-link a:hover{
	text-align: center;
	margin-top: 3px;
	color: #c03;
	}
	
	div.center div.h2Bg {
	margin-top: 1%;
	margin-bottom: 0.5%;
	}
	
	* html div.center div.h2Bg {
	margin-top: 1%;
	margin-bottom: 0.5%;
	}
* html div.center .highlights {
	margin-bottom: 0px;
	background-color: #fff;
	border: 1px solid #578;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

html div.center .highlights {
	margin-bottom: 0px;
	background-color: #fff;
	border: 1px solid #578;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-left: 5px;
	}

div.center UL.navHighlights {
	MARGIN-LEFT: 0px; MARGIN-TOP: 0px; padding-left: 0px; PADDING-right:0px; LIST-STYLE-TYPE: none; color: #000; DISPLAY: block; 
	}

	
	ul.navHighlights li {
	height: 85px;
	border-bottom: 1px solid #578;
	margin-top: 0;
	padding-top: 1%;
	padding-bottom: 1%;
	display: block;
	}
	
	ul.navHighlights li.last {
	border-bottom: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	

	
	ul.navHighlights li span {
	margin-top: 2%;
	padding-top: 2%;
	float: left;
	cursor: pointer;
	text-decoration: underline;
	width: 40%;
	}
	
	ul.navHighlights li span.long {
	margin-top: 0.5%;
	padding-top: 0.5%;
	float: left;
	cursor: pointer;
	text-decoration: underline;
	width: 40%;
	}
	
	ul.navHighlights li img {
	margin-top: 1%;
	padding-top: 1%;
	padding-left: 1%;
	float: left;
	border: 0;
	}
.featureLineUnder {
	border-bottom: 1px solid #578;
	padding-bottom: 2px;
	padding-top: 5px;
	}
.featureNoLineUnder {
	padding-bottom: 2px;
	padding-top: 5px;
	}
div.center .imgPad {
	padding-bottom: 16px;
	float: left;
	}
div.center .imgPad2 {
	padding-bottom: 46px;
	float: left;
	}
div.center .imgPadTop {
	padding-top: 5px;
	}
	

.width50 {
	vertical-align: top
}
div.row {margin: 0; padding: 0; width: 99%; overflow: hidden;}
div.cols2 {float: left; width: 49.5%; margin: 0; padding: 0;}
div.cols22 {float: right; width: 49.5%; margin: 0; padding: 0;}
div.center h2 {
        PADDING-BOTTOM: 0px;
        MARGIN-BOTTOM: 3px;
        text-align: left;
        FONT-SIZE: 100%;
		margin-left: 5px;
		margin-top: 3px;
        }
div.center .back, div.center .back2 {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 0px;
		margin-left: 5px;
        background-image:url(/images/mp-pp/h2CntrBg.jpg);
        background-repeat: no-repeat;
        background-position:inherit;
        line-height: 250%;
        background-color: #eee;
}
div.center .back {
        z-index: 1;
        position: relative;
}
div.center .back2 {
        margin-left: -7px;
        padding-left: 7px;
        z-index: 0;
        position: relative;
}
* html div.center .back, * html div.center .back2 {
        position: static;
}
div.center UL.nav {
        PADDING: 0px; MARGIN-LEFT: 24px; MARGIN-TOP: 0px; BORDER: 0px; LIST-STYLE-TYPE: square; color: #d02; 
TEXT-DECORATION: none;  
        }
div.center UL.nav LI {
        color: #d02; PADDING: 0px; MARGIN: 0px; PADDING-top: 2px; background-color: #fff;
        }
div.center UL.nav LI.menulink {
        MARGIN: 0px; PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: square; color: 
#d02; DISPLAY: block; 
        }
div.center UL.nav LI.menulink:hover {
        MARGIN: 0px; PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: square; color: 
#c03; DISPLAY: block; 
        }
div.center UL.nav LI.menulink:visited {
                 MARGIN: 0px; PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: square; 
color: #000; DISPLAY: block; 
        }
/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* CSS FOR TABBED MENUS BEGINS | DEBUT DU CSS POUR MENUS TABULÉS */

.tabberlive .tabbertabhide {
 display:none;
}

.tabber {

}
.tabberlive {
	margin-top: 0.5em;
	margin-left: 3px;
}

ul.tabbernav
{
	margin: 0 0 0 2px;
	padding: 3px 0;
	border-bottom: 1px solid #578;
	font: bold 0.9em Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #578;
	border-bottom: none;
	background: #eee;
	text-decoration: none;
	color: #578;
}

ul.tabbernav li a:link { color: #578; }
ul.tabbernav li a:visited { color: #578; }

ul.tabbernav li a:hover
{
	color: #fff;
	background: #578;
	border-color: #ccc;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
 color: #039;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #039;
 background: #fff;
 border-top: 1px solid #578;
 border-left: 1px solid #578;
 border-right: 1px solid #578;
 border-bottom: 1px solid #fff;
}

.tabberlive .tabbertab {
 padding:2px;
 margin-left: 2px;
 border:1px solid #578;
 border-top:0;

/*height:auto;*/

 /* If you set a fix height above, set overflow to auto and you will get a scrollbar when necessary */

 /*overflow:auto;*/
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

 .imgPad {
	padding-right: 7px; vertical-align: middle;
	}
/*
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}*/

/* END OF CSS FOR TAB MENUS | FIN DU CSS POUR MENUS TABULÉS */