/*2 questions for Santo: is it bad to put a class on a link,
to define Italic and margin for example, also,
can I get rid od the font size, font style, line height and other tags
when I define a class such as quote since I'm using the same values
as in the p tag and It's just redoundant information.*/
body {
	padding:0px;
	margin:0px;
	border:0px;
	background-color:#ffffff;
/*	background-image: url(../images/all_pages/felix_portrait.jpg);
	background-repeat: no-repeat;
	background-position: 406px;
	background-attachment: scroll;
*/
}
hr {
    size: 1px;
    color: gray;
}
/*- - - - - - - Layout DIV properties commencent ici- - - - - - -*/
div.supercontainer {
	height:100%;
	width:100%;		
}
div.container {
	width:959px;
	margin-top:0px;
	/* padding:0px; This one is believed to be the padding annulator*/
	border:0px;
	/*background-image: url(../images/snow_bkgrnd.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll; not yet here either*/
	/*line-height:150%;*/
}
div.header {
	margin:0px;
	padding:0px;
	/* padding-bottom:10px; Yeah, this one worked out in Chrome! */
	border:0px;
	background-image: url(../images/header_w_breadcrumb_959x94_2012.gif);
	background-repeat: no-repeat;
	height: 112px;
	/* border-bottom: solid gray 1px;*/
	clear:left;
	/* clear sets the sides of an element where other floating elements are not allowed*/
	/* the possible values are left, right, both, none*/
}

div.header_fr {
	margin:0px;
	padding:0px;
	/* padding-bottom:10px; Yeah, this one worked out in Chrome! */
	border:0px;
	background-image: url(../images/header_w_breadcrumb_959x94_fr_2012.gif);
	background-repeat: no-repeat;
	height: 112px;
	/* border-bottom: solid gray 1px;*/
	clear:left;
	/* clear sets the sides of an element where other floating elements are not allowed*/
	/* the possible values are left, right, both, none*/
}


div.hea_a_tit {
	float:left;
	/*float sets where an image or a text will appear in another element*/
	/*float possible values are left, right, none*/
	width:131px;
	margin-top:0px;
	margin-left:0px;
	padding-left:8px;
	padding-top:1px;
/*	margin-top:0px;
	margin-left:0px;
	padding-top:0px;*/
}
div.hea_b_top {
	float:left;
	width:361px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	border:0px;
	padding-left:8px;
	padding-top:1px;
/*	margin-left:140px;
	margin-top:0px;
	padding-left:8px;
	padding-top:0px;*/
}
div.hea_c_rig {
	margin-left:515px;
/*	margin-left:532px;
	j'ai rajouté un pixel pou compenser pour le bord gris de 1 pixel que la colonne d'en dessous (third) a*/
	margin-top:0px;
	/*margin-left definit la dist. par rapport au bord gauche mais passe apres la width des deux float*/
	width:231px;
	padding-left:8px;
	padding-top:1px;
}
div.footer {
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	clear:left;
	margin:0px;
	border:0px;
	background-image: url(../images/footer_w_links_959x44.gif);
	background-repeat: no-repeat;
	height: 44px;
	/*clear sets the sides of an element where other floating elements are not allowed*/
	/*the possible values are left, right, both, none*/
}
div.footer_a_tit {
	float:left;
	/*float sets where an image or a text will appear in another element*/
	/*float possible values are left, right, none*/
	width:490px;
	margin-top:26px;
	margin-left:8px;
	padding-left:8px;
	padding-top:1px;
/*	margin-top:0px;
	margin-left:0px;
	padding-top:0px;*/
}
div.footer_b_top {
	float:left;
	width:269px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	border:0px;
	padding-left:8px;
	padding-top:1px;
/*	margin-left:140px;
	margin-top:0px;
	padding-left:8px;
	padding-top:0px;*/
}
div.footer_c_rig {
	margin-left:669px;
/*	margin-left:532px;
	j'ai rajouté un pixel pou compenser pour le bord gris de 1 pixel que la colonne d'en dessous (third) a*/
	margin-top:0px;
	/*margin-left definit la dist. par rapport au bord gauche mais passe apres la width des deux float*/
	/*width:290px;*/
	padding-left:8px;
	padding-top:1px;
}
div.left {
	float:left;
	/*float sets where an image or a text will appear in another element*/
	/*float possible values are left, right, none*/
	/*width:131px;*/
	width:131px;
	margin-top:0px;
	margin-left:0px;
	padding-left:7px;
	padding-top:1px;
}
div.content {
	margin:0px;
	/* float:left;*/
	/*width:361px;*/
	border:0px;
	padding:0px;
	/*border-left:1px dashed gray;*/
}

div#flash_content {
	padding-left:0px;
}

h1.hide_inline {
	display:none;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999999;
/*	line-height:0px; voici ce qui faisiat que Safari et Firefox déplaçaient h2 vers le haut et pas iExplorer*/
	margin:0px;
}
h2.gray {
	color:#cccccc;
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
/*	line-height:6px; */
	color:#ffffff;
	margin-top:5px;
    margin-bottom:0px;
}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
/*	line-height:6px; */
	color:#999999;
	margin-top:2px;
    margin-bottom:0px;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
    color:#333333;
}
/*p a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
    color:#333333;
}*/
p.menu_lan_en {
	position:relative;
	top:45px;
	color:#ffffff;
}
.flash_content {
	margin-left:7px;
}
.menuhnotlink {
	display:inline;
    color:#ffffff;
}
.menuvnotlink {
	margin-left:8px;
	color:#ffffff;
}
.menuvinactif {
	margin-left:8px;
	color:#ffffff;
}
.menuvetesici {
	margin-left:8px;
	color:#CC0000;
	font-style:italic;
}
.submvetesici {
	margin-left:16px;
	color:#CC0000;
	font-style:italic;
}
.menuvblock {
	display:block;
}
img.no_pad {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
p.credito_imagenes {
  font-size: 9px;
  margin-left: 0px;
  margin-top: 0px;
  /** line-height: 14px; **/
}
div.imagen_izquierda {
  /** Esto es para hacer visibles los bordes: border: 1px solid #cccccc; **/
  margin:0px;
  padding:0px;
  clear:left;
}

div.descripcion_izquierda {
  /** Esto es para hacer visibles los bordes: border: 1px solid #ff8400; **/
  /** Es necesario esto para el <p class="credito_imagenes">? si no lo es mejor, si lo es hacer una class solo para div.credito_imagen. height: 14px; **/
  padding: 0px;
  clear:left;
  margin-top: 0px;
  margin-bottom: 10px;
  /** margin-bottom: 20px; **/
}
/*se rappeller de l'acronyme LOVE/HATE (LV/HA, link visited hover active) lorsque qu'il est question de définir l'apparence des liens sous chacunde de ses états*/
a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
}
a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
}
/* a:hover est l'equivalent de onMouseOver*/
a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a2a4a3;
	text-decoration:none;
}
/*a:active est l'equivalent de onPress*/
a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a2a4a3;
	text-decoration:none;
}
.main_menu_hor {
	color:#cccccc;
	position: absolute;
	margin-top:0px;
	padding-top:0px;
	display:inline;
}
.main_menu_bot {
	position: absolute;
	top: 39px;
}
.quote {
	font-style:italic;
	color:#CCCCCC;
}
.highlight {
	color:#999999;
}
.liste {
	margin-left:8px;
	line-height:6px;
}
.liste2 {
	margin-left:8px;
	line-height:6px;
}
.liste3 {
	margin-left:12px;
	font-style:italic;
	color:#003366;
}
.liste5 {
	color:#cccccc;
    margin-top:16px;
    margin-bottom:0px;
}
/*- - - - - - - Headline and Font Tags se termine ici- - - - - - -*/
.cover {
	 position:absolute;
	 left:17px;
	 top:282px;
	 border:solid 1px;
	 z-index:0;
}

/*.imgmenu {
	position:absolute;
	left:126px;
}*/

.menu01 {
	 position:absolute;
	 left:224px;
	 top:-1px;
	 z-index:-1;
}
.menu02 {
	 position:absolute;
	 left:547px;
	 top:300px;
	 z-index:-1;
}
.menu03 {
	 position:absolute;
	 left:548px;
	 top:-1px;
	 z-index:-1;
	 border-left:dashed gray 1px;
}

#image01 {
	border-right: dashed gray 1px;
}

#image02 {
	/*margin-left:8px;*/
	border-left: dashed gray 1px;
	border-top: dashed gray 1px;
}
#image03 {
	margin-bottom:8px;
	/*margin-left:8px;
	border-right: dashed gray 1px;
	border-bottom: dashed gray 1px;*/
}
/*.covercaption {
	 position:absolute;
	 left:17px;
	 top:680px;
	 z-index: 0;
}*/

#bmyo01 {
	width:800px;
	height:620px;
	margin-top:0px;
	padding-left:10px;
	background-image: url(../images/design/dart441/project2/bmyo_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h2#bmyo {
	color:#FF0000;
}
#bmyo_menu {
	position:absolute;
	left:10px;
	bottom:10px;
	z-index: 0;
	margin:0px;
	line-height:0px;
}