/* General top & bottom */

body {
	margin: 1px;
	padding:0px;
	color: #000000;
	background-color: #ffffff;
	}

/* Les titres */

h1.titre {
	/* titre de page format 100% */
	color: #085aaf;
	font-size: 20px; /*text-transform: uppercase;*/
	font-weight: bold;
	border-bottom: 2px solid #085aaf;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 7px;
	margin-bottom: 3px;
}

h5.titre {
	/* titre de page format 50%*/
	color: #085aaf;
	font-size: 14px; /*text-transform: uppercase;*/
	font-weight: bold;
	border-bottom: 2px solid #085aaf;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 7px;
	margin-bottom: 3px;
}

h2.titre {
	/* titre de cadre 1 */
	margin: 1px 0px 5px 0px;
	font-size: 1em;
	text-transform: uppercase;
	color: #FFFFFF;
	border-bottom: 1px solid #CCCCFF;
	BACKGROUND-IMAGE: url(images/dgris.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}

h3.titre { /* sous titre de page */
	margin: 1px 0px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial,helvetica,sans-serif;
	font-size: 1.2em;
	color: #4d6db3;
	border-bottom: 1px #90afdd solid;
	text-align: left;
}

h4.titre  { /* titre de cadre 2 */
	margin: 1px 0px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial,helvetica,sans-serif;
	font-size: 1.2em;
	color: #4d6db3;
	border-bottom: 1px #90afdd solid;
	text-align: left;
}

h1.editorial {
	color: #3f526f;
	font-size: 1.6em;
	font-weight : bold;
	margin :2px 0px 1em 0px;	
}
		
h2.editorial	{
	font-size:1.3em;
	color:#666666;
	margin : 2px 2px 2px 0px;
	}

h4.editorial {
	font-size:1.2em;
	color:#FF0000;
	margin : 1px 1px 1px 0px;
}

.griser {color: #7f7f7f;}
.mini {font-size:0.9em;}

h4.droite  {
	font-weight : lighter;
	margin: 1px 0px 5px 0px;
	text-transform: uppercase;
	font-family: arial,helvetica,sans-serif;
	font-size: 0.9em;
}


.v08 {font-family: 'trebuchet ms', arial, sans-serif;  font-size: 8px; }
.v08b {font-family: 'trebuchet ms', arial, sans-serif;  font-size: 8px; font-weight: bold; }
.v08rg {font-family: 'trebuchet ms', arial, sans-serif;  font-size: 8px;  font-weight: lighter;  color: #CC0000; }
.v08bl {font-family: 'trebuchet ms', arial, sans-serif;  font-size: 8px;  font-weight: lighter;  color: #0033FF; }

.v09 { font-family: 'trebuchet ms', arial, sans-serif;  font-size: 9px; }
.v09b { font-family: 'trebuchet ms', arial, sans-serif;  font-size: 9px; font-weight: bold; }
.v09rg { font-family: 'trebuchet ms', arial, sans-serif;  font-size: 9px;  font-weight: lighter;  color: #CC0000; }
.v09bl { font-family: 'trebuchet ms', arial, sans-serif;  font-size: 9px;  font-weight: lighter;  color: #0033FF; }
.v09ro { font-family: 'trebuchet ms', arial, sans-serif;  font-size: 9px;  font-weight: lighter;  color: #FF6699; }


.v10 {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 10px; }
.v10b { font-family: 'trebuchet ms', arial, sans-serif;  font-size: 10px; font-weight: bold;  }
.v10sc { font-family: 'trebuchet ms', arial, sans-serif;   font-size: 10px; text-decoration: underline; cursor:pointer; color: #ff6699; }
.v10sc1 { font-family: 'trebuchet ms', arial, sans-serif;  font-size: 10px; text-decoration: underline; cursor:pointer; color: #0066cc; }
.v10i {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 10px; font-style: italic;  }
.v10bl {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 10px;  font-weight: lighter;  color: #0033FF; }
.v10bbl {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 10px;  font-weight: bold;  color: #0033FF; }
.v10rg {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 10px;  font-weight: lighter;  color: #CC0000; }
.v10ro {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 10px;  font-weight: bold;  color: #FF6699; }
.v10bcb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 10px;  font-weight: bold;  color: #3399FF; }


.v11 {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 11px; }
.v11b {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 11px; font-weight: bold;  }
.v11br {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 11px; font-weight: bold;  color: #CC0000;   }
.v11bl {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 11px;  font-weight: bold;  color: #0033FF; }
.v11sc { font-family: 'trebuchet ms', arial, sans-serif;  font-size: 11px; text-decoration: underline; cursor:pointer; color: #ff6699;}
.v11sc1 {  font-family: 'trebuchet ms', arial, sans-serif;   font-size: 11px; text-decoration: underline; cursor:pointer; color: #0066cc;}
.v11bcb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 11px;  color: #3399FF; font-weight: bold;  }
.v11wh {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 11px;  font-weight: bold;  color: #ffffff; }

.v12 {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 12px; }
.v12b {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 12px; font-weight: bold;  }
.v12i {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 12px;  font-style: italic;  }
.v12bl {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 12px;  font-weight: bold;  color: #0033FF; }
.v12rg {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 12px;  font-weight: bold;  color: #CC0000; }
.v12ro { font-family: 'trebuchet ms', arial, sans-serif;   font-size: 12px; font-weight: bold; color: #FF6699;}
.v12gr {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 12px;  font-weight: bold;  color: #CCFF66; }
.v12ye {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 12px;  font-weight: bold;  color: #FFFF00; }
.v12wh {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 12px;  font-weight: bold;  color: #FFFFFF;  }
.v12bcb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 12px;  color: #3399FF; font-weight: bold;  }

.v13 {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 13px; }
.v13b {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 13px; font-weight: bold;  }
.v13i {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 13px;  font-style: italic;  }

.v14 {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 14px; }
.v14b {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 14px; font-weight: bold;  }
.v14i {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 14px;  font-style: italic;  }
.v14blb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 14px;  font-weight: bold;  color: #0033FF; }
.v14ro {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 14px;  font-weight: bold;  color: #FF6699; }
.v14bcb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 14px;  color: #3399FF; font-weight: bold;  }
.v14wh {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 14px;  font-weight: bold;  color: #FFFFFF; }

.v16 {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 16px; }
.v16b {   font-family: 'trebuchet ms', arial, sans-serif;  font-size: 16px;  font-weight: bold; }
.v16i {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 16px;  font-style: italic;  }
.v16bl {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 16px;  color: #0033FF; }
.v16blb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 16px;  color: #0033FF; font-weight: bold;}
.v16ro {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 16px;  font-weight: bold;  color: #FF6699; }

.v18b {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 18px;  font-weight: bold;  }
.v18blb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 18px;  color: #0033FF; font-weight: bold;}
.v18ro {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 18px;  font-weight: bold;  color: #FF6699; }
.v18bcb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 18px;  color: #3399FF; font-weight: bold;  }

.v20blb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 20px;  color: #0033FF; font-weight: bold;  }
.v20bcb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 20px;  color: #3399FF; font-weight: bold;  }

.v24b {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 24px;  font-weight: bold;  }
.v24blb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 24px;  color: #0033FF; font-weight: bold;  }
.v24ro {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 24px;  font-weight: bold;  color: #FF6699; }
.v24wh {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 24px;  font-weight: bold;  color: #ffffff; }
.v24bcb {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 24px;  color: #3399FF; font-weight: bold;  }

.v30b {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 30px;  font-weight: bold; }

.v44b {  font-family: 'trebuchet ms', arial, sans-serif;  font-size: 44px;  font-weight: bold;  color: #FF9900;  }

.GiantStepsFieldCaptionTD{ border-bottom: 1px solid #E6E6E6; background-color: #F7F7F7; color: #000000; font-size: 13px; font-weight: bold; }
.GiantStepsAltDataTD{ border-bottom: 1px solid #E6E6E6; background-color: #F7F7F7; color: #000000; font-size: 13px; }
.GiantStepsColumnTD{ border-top: 2px solid #000000; border-bottom: 1px solid #000000; background-color: #F3F3F3; color: #000000; font-size: 13px; font-weight: bold; }
.GiantStepsDataTD{ border-bottom: 1px solid #E6E6E6; background-color: #FFFFFF; color: #000000; font-size: 13px; }

.lienbis A:link {text-decoration: none;color:#aaa;font-size: 12px;  font-weight: normal; }
.lienbis A:visited {text-decoration: none;color:#aaa;font-size: 12px;font-weight: normal;}
.lienbis A:active {text-decoration: none;color:#aaa;font-size: 12px;font-weight: normal;}
.lienbis A:hover {text-decoration: none;color: #FF9933;font-size: 12px;}

form.bourse {
   margin: 0px;
	font-weight: bold;
	color: #085aaf;
	font-family: arial,helvetica,sans-serif;
	font-size: 13px;
	text-align: left;
}

form.bourse .select1 {
	color: #085aaf;
	font-size: 10px;
	background: #FFFFFF;
	margin-top:3px;
	width: 230px;
}
form.bourse .select2 {
	color: #085aaf;
	font-size: 10px;
	background: #FFFFFF;
	margin-top:3px;
	width: 140px;
}

boxlastnews {
	background: #FFFFee;
	margin-top: 3px;
	width: 140px;
	border: 1px solid Black;
}

.Footer { 
	font-size: 13px;
	padding: 4px;
	
	background-color: #ffffff; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Footer a:link {
	FONT: Verdana, Lucida, Arial, sans-serif; COLOR: #085aaf
}
.Footer a:visited {
	FONT: Verdana, Lucida, Arial, sans-serif; COLOR: #085aaf
}
.Footer a:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #085aaf; TEXT-DECORATION: underline;
}

.Footer img {
	margin: 2px; 
	vertical-align: middle;
	}

.Footer input {
	vertical-align: middle;
	}
	
#glossaire a:link {
	FONT: Verdana, Lucida, Arial, sans-serif;
	COLOR: #CC0066;
	TEXT-DECORATION: none;
	border-bottom: 1px dashed Black;
}
#glossaire a:visited {
	FONT: Verdana, Lucida, Arial, sans-serif; 
	COLOR: #CC0066; 
	TEXT-DECORATION: none;
	border-bottom: 1px dashed Black;
}
#glossaire a:hover {
	COLOR: #CC0066;
	TEXT-DECORATION: none;
	border-bottom: 1px dashed Black;
}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background: #000;border:2px double #fff;text-align:left;padding:5px;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,serif; }
body div#toolTip p em { display:block;margin-top:3px;color: #FF9933;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

div.thumb { 
border-left-color: white; margin-bottom: 0.5em; border-bottom-color: white; overflow: hidden; width: auto; border-top-style: solid; border-top-color: white; border-right-style: solid; border-left-style: solid; border-right-color: white; border-bottom-style: solid 
} 
div.thumb div { 
border-right: #cccccc 1px solid; padding-right: 3px! important; border-top: #cccccc 1px solid; padding-left: 3px! important; font-size: 94%; padding-bottom: 3px! important; border-left: #cccccc 1px solid; padding-top: 3px! important; border-bottom: #cccccc 1px solid; background-color: #f9f9f9; text-align: center 
} 
div.thumb div a img { 
border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid 
} 
div.thumb div div.thumbcaption { 
padding-right: 0px; padding-left: 0px; padding-bottom: 0.1em; border-top-style: none; padding-top: 0.3em; border-right-style: none; border-left-style: none; border-bottom-style: none 
}
div.magnify { 
display: none;
} 

#cadre {
	width: 910px;
	float: left;
	margin: 0px;
	padding-left: 2px;
	padding-right: 2px;
	border-right: 0px solid #333333;
}

#cadre_100 {
	width: 720px;
	float: left;
	margin: 0px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-left: 2px;
	padding-right: 2px;
	border-right: 0px solid #333333;
}

#cadre_L50 {
	width:430px;	
	float:left;
	border:0px;
	margin:0px;
	padding-left: 0px;
	padding-right: 0px;
	background-position: right center;
	background-repeat: no-repeat;
}

#cadre_R50 {
	width:430px;	
	float:right;
	border-right: 0px solid #333333;
	margin:0px;
	padding-left: 0px;
	padding-right: 0px;
	background-position: right center;
	background-repeat: no-repeat;
}

#cadre_L60 {
	width:516px;	
	float: left;
	border:0px;
	margin:0px;
	padding-left: 0px;
	padding-right: 0px;
}

#cadre_R40 {
	width: 344px;
	float: right;
	border-right: 0px solid #333333;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-position: right center;
	background-repeat: no-repeat;
}

#cadre_L75 {
	width:645px;	
	float: left;
	border:0px;
	margin:0px;
	padding-left: 0px;
	padding-right: 0px;
}

#cadre_R25 {
	width: 215px;
	float: right;
	border-right: 0px solid #333333;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-position: right center;
	background-repeat: no-repeat;

}

#cadre_L80 {
	width:688px;	
	float: left;
	border:0px;
	margin:0px;
	padding-left: 0px;
	padding-right: 0px;
}

#cadre_R20 {
	width: 172px;
	float: right;
	border-right: 0px solid #333333;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-position: right center;
	background-repeat: no-repeat;

}

		#info
		{
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			text-align: center;
			padding: 10px;
			font-family: Trebuchet MS, Verdana, sans-serif;
			background-color: #eee;
			border-bottom: solid 1px #ccc;
		}

		#binding
		{
			position: absolute;
			top: 0%;
			left: 0%;
			padding: 0;
			margin-left: -0px;
			margin-top: -0px;
		}

		#message
		{
			font-family: Trebuchet MS, Verdana, sans-serif;
		}
		
		.magnifier
		{
			position: absolute;
			border: solid 1px #000;
			cursor: move;
			background-repeat: no-repeat;
			background-color: #fff;
			
		}
		
		.magnifierShadow
		{
			position: absolute;
			background: transparent;
			padding: 0;
			margin: 0;
		}
		
		.magnifierController
		{
			position: absolute;
			top: 1;
			left: 1;
			padding: 0;
			margin-left: 860px;
			margin-top: 10px;
			color: #999;
			font-family: Trebuchet MS, Verdana, sans-serif;
			font-size: 10pt;
		}
		
		.magnifierControllerContainer
		{
			padding: 10px;
		}

		.magnifierControllerPrefix
		{
			color: #111;
	
		}
		
		.magnifierControllerButton
		{
			color: #666;
			cursor: pointer; cursor: hand;
			background-color: #eee;
			border: solid 1px #ddd;
			padding: 0px 4px 0px 4px;
			/*text-shadow: dimgray 0px 0px 3px;*/
		}
		
		.magnifierControllerButtonSelected
		{
			background-color: #ccc;
			border: solid 1px #aaa;
			color: #333;
			font-weight: bold;
			cursor: pointer; cursor: hand;
			padding: 0px 4px 0px 4px;
			/*text-shadow: dimgray 0px 0px 3px;*/
		}
		
		
#marqueecontainer{
	position: relative;
	width: 224px; /*marquee width */
	height: 60px; /*marquee height */
	color: White;
	background-color: #000000;
	overflow: hidden;
	border: 1px solid #0033FF;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 1px;
}

#logo {    /* bloc image en arrière-plan */
width : 180px;
height: 74px;
background: url(images/logo.gif) no-repeat top left;
}

#zone {    /* zone cliquable */
float: left;
width : 180px;
height: 74px;
margin-left: 1px;
margin-top: 1px;
}

#zone:hover {
width : 180px;
height: 74px;
left: 1px;
top: 1px;
background: url(images/logo.gif) no-repeat top left;
z-index: 100;
}

#lele {    /* bloc image en arrière-plan */
width : 75px;
height: 75px;
background: url(images/ele.gif) no-repeat top left;
}

#zele {    /* zone cliquable */
float: left;
width : 75px;
height: 75px;
margin-left: 1px;
margin-top: 1px;
}

#zele:hover {
width : 75px;
height: 75px;
left: 1px;
top: 1px;
background: url(images/ele.gif) no-repeat top left;
z-index: 100;
}

#lgaz {    /* bloc image en arrière-plan */
width : 75px;
height: 75px;
background: url(images/gaz.gif) no-repeat top left;
}

#zgaz {    /* zone cliquable */
float: left;
width : 75px;
height: 75px;
margin-left: 1px;
margin-top: 1px;
}

#zgaz:hover {
width : 75px;
height: 75px;
left: 1px;
top: 1px;
background: url(images/gaz.gif) no-repeat top left;
z-index: 100;
}

#lelegaz {    /* bloc image en arrière-plan */
width : 75px;
height: 75px;
background: url(images/elegaz.gif) no-repeat top left;
}

#zelegaz {    /* zone cliquable */
float: left;
width : 75px;
height: 75px;
margin-left: 1px;
margin-top: 1px;
}

#zelegaz:hover {
width : 75px;
height: 75px;
left: 1px;
top: 1px;
background: url(images/elegaz.gif) no-repeat top left;
z-index: 100;
}

#lelevert {    /* bloc image en arrière-plan */
width : 75px;
height: 75px;
background: url(images/elevert.gif) no-repeat top left;
}

#zelevert {    /* zone cliquable */
float: left;
width : 75px;
height: 75px;
margin-left: 1px;
margin-top: 1px;
}

#zelevert:hover {
width : 75px;
height: 75px;
left: 1px;
top: 1px;
background: url(images/elevert.gif) no-repeat top left;
z-index: 100;
}

.formButton	{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #92A1AF; }


#navig LI{    PADDING-RIGHT: 5px;PADDING-LEFT: 20px;BACKGROUND: url(images/naviglnk.gif) no-repeat;FLOAT: left;PADDING-BOTTOM: 0px;MARGIN: 2px 5px 2px 0px;PADDING-TOP: 3px;LIST-STYLE-TYPE: none;HEIGHT: 27px}

#navig UL{    PADDING-RIGHT: 0px;PADDING-LEFT: 0px;FONT-SIZE: 13px;PADDING-BOTTOM: 0px;MARGIN: 2px 0px 0px;PADDING-TOP: 0px;FONT-FAMILY: verdana,arial,helvetica,sans-serif}

#navig li#gr{ 
padding-right: 5px; padding-left: 0px; padding-bottom: 0px; margin: 2px 5px 2px 2px; padding-top: 0px; list-style-type: none 
}

#navig2 li#c2{
	margin: 2px 5px 2px 2px;
	padding: 0px 5px 0px 2px;
	list-style: none;
	background: no-repeat;
	}

#navig2 li{    PADDING-RIGHT: 5px;PADDING-LEFT: 20px;BACKGROUND: url(images/naviglnk.gif) no-repeat;FLOAT: left;PADDING-BOTTOM: 0px;MARGIN: 2px 5px 2px 0px;PADDING-TOP: 3px;LIST-STYLE-TYPE: none;HEIGHT: 27px}

#navig2 ul{    PADDING-RIGHT: 0px;PADDING-LEFT: 0px;FONT-SIZE: 10px;PADDING-BOTTOM: 0px;MARGIN: 2px 0px 0px;PADDING-TOP: 0px;FONT-FAMILY: verdana,arial,helvetica,sans-serif; }

#navig2 li#gr{ 
padding-right: 5px; padding-left: 0px; padding-bottom: 0px; margin: 2px 5px 2px 2px; padding-top: 0px; list-style-type: none 
}