@charset "UTF-8";
/* CSS Document */

/* Modele

.nomdelaclass{
position:absolute;
left:250px;
top:310px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:23px;
text-align:left;
text-decoration:none;
vertical-align:top;
color:#000000;
}


menu
*/

.header{
	position:absolute;
	left:25px;
	top:30px;
	height:20px;
	font-family:Geneva, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	font-style:normal;
	font-weight:normal;
	color:#000;
	border-bottom: 1px solid #bedfed; border-color:#F00;
}

.text{
	font-family:Geneva, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
	color:#000;
}
.sub-info{
	position:absolute;
	left:25px;
	top:20px;
	width:180px;
	height:255px;
	font-family:Geneva, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
	z-index:100;
}

.travaux{
	position:absolute;
	left:230px;
	top:30px;
	height:20px;
	font-family:Geneva, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:17px;
	font-style:normal;
	font-weight:normal;
	color:#000;	
}



/* content home */

.content{
	left:25px;
	top:60px;
	position:absolute;
}

.vignette span
{
display: block;
}

.vignette:hover span
{
display: none;
}


#bloc-horizontal{
	width:360px;
	height:255px;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:25px;
	margin-right:25px;
	float:left;
	position:relative;
}

#bloc-vertical{
	width:242px;
	height:255px;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:25px;
	margin-right:25px;
	float:left;
	position:relative;
}

#bloc-gauche{
	left:0px;
	top:0px;
	height:255px;
	width:180px;
	float:left;
	position:absolute;	
}
#bloc-droite{
	top:0px;
	left:180px;
	height:255px;
	width:180px;
	position:absolute;	
}

#bloc-moyen-droite{
	top:0px;
	left:292px;
	height:255px;
	width:180px;
	position:absolute;	
}

#bloc-moyen-horizontal{
	width:584px;
	height:428px;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:25px;
	margin-right:25px;
	float:left;
	position:relative;
}

#bloc-gros-vertical{
	width:926px;
	height:906px;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:25px;
	margin-right:25px;
	float:left;
	position:relative;
}

#bloc-gros-horizontal{
	width:1218px;
	height:428px;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:25px;
	margin-right:25px;
	float:left;
	position:relative;
}

#bloc-hgh-horizontal{
	width:927px;
	height:428px;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:25px;
	margin-right:25px;
	float:left;
	position:relative;
}


#bloc-project{
	left:25px;
	top:60px;
	position:absolute;
	width:1640px;
	height:1920px;
}


/* liens home */

a.links{
	color:#000;
	text-decoration:none;
}

a.links:hover{
	color:#000;
	text-decoration:none;
	background-color:#FFFF99;
}

/* liens couleur */

a.links-bleu-nuit{
	color:#000085;
	text-decoration:none;
}
a.links-bleu-nuit:hover{
	color:#000085;
	background-color:#FF8061;
	text-decoration:none;
}
	
a.links-bleu-doux{
	color:#B7D3FF;
	text-decoration:none;
}
a.links-bleu-doux:hover{
	color:#B7D3FF;
	background-color:#009128;
	text-decoration:none;
}
a.links-roux{
	color:#D14B00;
	text-decoration:none;
}
a.links-roux:hover{
	color:#D14B00;
	background-color:#B7D3FF;
	text-decoration:none;
}

a.links-vert{
	color:#009128;
	text-decoration:none;
}
a.links-vert:hover{
	color:#009128;
	text-decoration:none;
	background-color:#7E7FFF;
}

a.links-saumon{
	color:#FF8061;
	text-decoration:none;
}

a.links-saumon:hover{
	color:#FF8061;
	text-decoration:none;
	background-color:#B7D3FF;
}

a.links-jaune-doux{
	color:#FFFF99;
	text-decoration:none;
}
a.links-jaune-doux:hover{
	color:#FFFF99;
	text-decoration:none;
	background-color:#000085;

}
a.links-jaune{
	color:#FFD100;
	text-decoration:none;
}
a.links-jaune:hover{
	color:#FFD100;
	text-decoration:none;
	background-color:#FFFF99;

}

a.links-rouge{
	color:#CF1D1A;
	text-decoration:none;
}

a.links-rouge:hover{
	color:#CF1D1A;
	text-decoration:none;
	background-color:#B7D3FF;

}

a.links-noir{
	color:#000;
	text-decoration:none;
}

a.links-noir:hover{
	color:#000;
	text-decoration:none;
	background-color:#FF8061;
}


a.links-violet{
	color:#7E7FFF;
	text-decoration:none;
}

a.links-violet:hover{
	color:#7E7FFF;
	text-decoration:none;
	background-color:#FFFF99;
}


/* couleurs cadres */
		
.bleu-nuit{
	background-color:#000085;
	}
.bleu-doux{
	background-color:#B7D3FF;
	}
.roux{
	background-color:#D14B00;
	}
.vert{
	background-color:#009128;
	}
.saumon{
	background-color:#FF8061;
	}
.jaune-doux{
	background-color:#FFFF99;
	}
.jaune{
	background-color:#FFD100;
	}
.rouge{
	background-color:#CF1D1A;
	}
.violet{
	background-color:#7E7FFF;
	}
.blanc{
	background-color:#FFF;
	}

/* couleurs typo */

.font-bleu-nuit{
	color:#000085;
	}
.font-bleu-doux{
	color:#B7D3FF;
	}
.font-roux{
	color:#D14B00;
	}
.font-vert{
	color:#009128;
	}
.font-saumon{
	color:#FF8061;
	}
.font-jaune-doux{
	color:#FFFF99;
	}
.font-jaune{
	color:#FFD100;
	}
.font-rouge{
	color:#CF1D1A;
	}
.font-violet{
	color:#7E7FFF;
	}
.font-noir{
	color:#000;
}
	

/* pages liens */

.links-content{
	height:565px;
	width:351px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#FFF;
	border: 6px solid #bedfed; border-color:#F00;

}

.links-text{
	position:fixed;
	top:20px;
	left:20px;
	font-family:Geneva, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
	color:#CF1D1A;
}

a.links-links{
	color:#CF1D1A;
	text-decoration:none;
}

a.links-links:hover{
	color:#CF1D1A;
	background-color:#FFFF99;
	text-decoration:none;
}