/* ###### ELEMENTS COMMUNS DE BASE ###### */

BODY {

	font-family: verdana, arial, helvetica, sans-serif, monospace;
	font-size: 14px;
	background-image: url("../img/bg.gif");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center;

}

H1 {

	border-color: #ffba00;
	border-style: dashed;
	border-width: 2px;

	font-size: 14px;

	text-align: center;

}

A {

	color: #002bb8;
	text-decoration: none;

}

A[name] {

	color: #000000;

}

A[hreflang] {

	background: url("../img/external.png") center right no-repeat;
	padding-right: 13px;

}

P {

	text-align: justify;

}

BLOCKQUOTE {

	border-left-color: #ffba00;
	border-left-style: solid;
	border-left-width: 1px;

	margin-left: 25px;
	padding-left: 25px;

}

TH {

	border-color: #ffba00;
	border-style: dashed;
	border-width: 2px;

}

UL {

	list-style-type: square;	
	list-style-position: inside;

	margin: 0px;
	padding-left: 15px;

	text-align: justify;

}

DIV.main {

	border-color: #000000;
	border-style: solid;
	border-width: 1px;

	padding: 10px;

	position: relative;
	left: 18%;
	top: -20px;
	width: 60%;

}


/* ###### ONGLETS DE SELECTION SUPERIEURS ###### */

TABLE.tabs {

	position: relative;
	top: -19px;

	z-index: 1;

}

TABLE.tabs A {

	color: #000000;

}

TD.seltab > DIV {

	border-color: #ffba00;
	border-style: solid;
	border-width: 1px;

	border-bottom-color: #ffffff;

	padding-left: 4px;
	padding-right: 4px;

}

TD.nseltab_left, TD.nseltab_right {

	vertical-align: bottom;

}

TD.nseltab_last > DIV {

	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;

	border-bottom-color: #000000;

	padding-left: 2px;
	padding-right: 2px;

	font-size: smaller;

}

TD.nseltab_left > DIV, TD.nseltab_right > DIV {

	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;

	border-bottom-color: #000000;

	padding-left: 2px;
	padding-right: 2px;

	font-size: smaller;

}

TD.nseltab_left > DIV {

	border-right-width: 0px;

}

TD.nseltab_right > DIV {

	border-left-width: 0px;

}


/* ###### ONGLETS DE SELECTION SUPERIEURS ###### */

DIV.lang {

	text-align: right;

	position: relative;
	left: 19%;
	width: 60%;

}

DIV.lang IMG {

	border: 0px;

	height: 15px;

	vertical-align: text-top;

}


/* ###### COURTE INTRODUCTION ###### */

.highlight {

	border-left-color: #ffba00;
	border-left-style: dashed;
	border-left-width: 2px;

	float: right;
	width: 180px;

	text-align: justify;

	margin-left: 20px;

	padding-left: 10px;

}

.summary {

}

.summary > P {

	padding-left: 10px;

	text-align: justify;

}

.spacer {
  clear: both;
}


/* ###### PRESENTATION DES NOUVELLES ###### */

H2 {

	background-image: url("../img/tkpn.png");
	background-position: center left;
	background-repeat: no-repeat;

	font-size: 14px;
	font-weight: normal;

	height: 32px;

	padding-left: 40px;

}

H2 SPAN {

	color: #ffba00;

	font-size: smaller;

}

DIV.newscontent {

	border-left-color: #ffba00;
	border-left-style: solid;
	border-left-width: 1px;

	margin-left: 16px;
	padding-left: 20px;
	padding-right: 40px;

}

A.news {

	background-image: url("../img/bullet.png");
	background-position: center left;
	background-repeat: no-repeat;

	margin-left: 12px;

	padding-left: 20px;

}


/* ###### FORMULAIRES PRESENTS ###### */

FORM {

  	background-image : url("../img/GITS206.png");
	background-position : right bottom;
	background-repeat : no-repeat;

	border : 1px solid #000000;

	padding : 16px;
	padding-top : 0px;

	text-align : left;	

	width: 52%;

}

INPUT[type="text"], TEXTAREA {

	margin-left : 2px;
	margin-top : 2px;
	margin-right : 2px;
	margin-bottom : 2px;

	border : solid 1px black;

	background-color : #ffffff;
	color : #000000;

}

INPUT[type="submit"] {

	margin-left : 2px;
	margin-top : 4px;
	margin-right : 2px;
	margin-bottom : 4px;

	border : solid 1px black;

	background-color : #ffba00;
	color : #ffffff;

}

/* ###### AFFICHAGE DES COMMENTAIRES ###### */

DIV.comment {


	border-left-color: #ffba00;
	border-left-style: solid;
	border-left-width: 1px;

	margin-top: 10px;
	margin-bottom: 15px;

	margin-left: 16px;
	padding-left: 20px;
	padding-right: 40px;


}

DIV.comment SPAN {

	color: #ffba00;

	font-size: smaller;

	position: relative;
	top: -5px;

}


/* ###### AFFICHAGE DES ETAPES DANS L'ALBUM ###### */

DIV.step_left {

	clear: both;

	text-align: left;

}

DIV.step_right {

	clear: both;

	text-align: right;

}

DIV.step_left > SPAN, DIV.step_right > SPAN {

	color: #ffba00;

	font-size: smaller;

	padding-left: 10px;
	padding-right: 10px;

	text-align: right;

}

DIV.step_left IMG, DIV.step_right IMG {

	padding: 10px;

	border-color: #000000;
	border-style: solid;
	border-width: 1px;

	background-color: #ffffff;

}

DIV.step_left IMG {

	float: left;

}

DIV.step_right IMG {

	float: right;

}

DIV.step_left > P, DIV.step_right > P {

	float: none;

	border-color: #ffba00;
	border-style: dashed;
	border-width: 2px;

	padding: 10px;

}

DIV.step_left > P {

	padding-left : 240px;

}

DIV.step_right > P {

	padding-right : 240px;

}



/* ###### FOIRE AUX QUESTIONS ###### */

H3 {

	background-image: url("../img/tkpn.png");
	background-position: center left;
	background-repeat: no-repeat;

	font-size: 14px;
	font-weight: normal;

	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 40px;

}

UL.faq {

	list-style-image: url("../img/bullet.png");

}

UL.faq A {

	color: #000000;

}


/* ###### LISTE DES SPECIFICATIONS ###### */

TR.notset {

	color: #cccccc;

}

TR.desc > TD {

	padding-left: 60px;

	font-size: smaller;
	font-style: italic;

}
/* ###### pop up ###### */
a.info {
position: relative;
text-decoration: none;
color: fuchsia;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 400;
}
a.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 2em;
background: yellow;
text-align: center;
color: blue;
padding: 1px;
}