body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #000000;
	background-image:url(/images/SEO_Background.jpg);
	background-attachment:fixed;
	margin-left: auto;
	margin-right: auto;
}

table#general {
	width:100%;
	text-align:center;
}
.menu {
 	position:relative;
	width:685px;
	left:260px;
	text-align:center;
}
table#formnews {
	margin-left:250px;
	font-size: 12px;
}
img { /* ce sélecteur élimine la bordure bleue par défaut affichée dans certains navigateurs autour d'une image lorsque celle-ci est entourée d'un lien. */
	border: none;
}

a { /* couleur du lien */
	color: #FFF;
	text-decoration: none;
}

a:hover { /* couleur du lien quand la souris le survol */
	color: #FC0;
}

div#corps {
	position: relative;
	top: 10px;
	margin:auto;
	width: 1150px;
}

div#header {
	width:1150px;
	height:270px;
	/*background-color:#FFFFFF;*/
	background-image:url(/images/SEO_Header_ict.png);

}
	div#logo a{
		display:block;
		position: absolute;
		top: 0px;
		left: 75px;
		width:231px;
		height:270px;
		background-image:url(/images/logo.png);
		float:left;
	}
	div#ampoule a{
		position:absolute;
		display:block;
		width:337px;
		height:273px;
		left:261px;
		background-image:url(/images/ampoule_off.png);
		top:-20px;
	}
	#ampoule a:hover {
		display:block;
		width:337px;
		height:273px;
		background-image:url(/images/ampoule_on3.png);
	}
	
div#menu {
	width:1150px;
	height:25px;
	background-image:url(/images/SEO_Menu_Background.png);
	font-size: 12px;
	font-weight: bold;
}

div#principale {
	width:1150px;
}

div#footer {
	float:left;
	margin-top:20px;
	width:1150px;
	/*background-image:url(/images/SEO_Footer.png);*/
	font-weight: bold;
}

/***********************************************************
 * mise en page de la patie principale                     *
 ***********************************************************/
h2 {
	font-size: 15px;
}
#blanc {
	width:190px;
	height:20px;
	float:right;
}
/* Page d'accueil */
#prologue {
	width:700px;
	float:left;
	padding-top:10px;
}
.prologue {
	margin-left:260px;
	margin-top:-25px;
	font-size: 12px;
	text-align:justify;
}
.prologue_lien {
	text-align:right;
}
#onglet {
	margin-top:25px;
	background-image:url(/images/SEO_Onglet_souligne.png);
	background-repeat:no-repeat;
	width:700px;
	height:25px;
	float:left;
}
#lien_onglet {
	position:absolute;
	left:50px;
	font-size: 14px;
	font-weight: bold;
}
#col_gauche {
	width:220px;
	float:left;
	margin-top:20px;
}
#col_droite {
	margin-top:20px;
	width:195px;
	float:right;
}
	#col_droite_commentaire {
		width:190px;
		height:180px;
		float:right;
		background-image:url(/images/SEO_Newsletter.png);
		background-repeat:no-repeat;
	}
	#col_droite_newsletter {
		width:190px;
		height:180px;
		margin-top:25px;
		float:right;
		background-image:url(/images/SEO_Newsletter.png);
		background-repeat:no-repeat;
	}
	#text_col_droite {
		position:relative;
		width:170px;
		margin:auto;
	}
	#col_droite_other {
		width:190px;
		height:90px;
		float:right;
		margin-top:25px;
		background-image:url(/images/SEO_CCCL.png);
		background-repeat:no-repeat;
	}
	.col_droite {
		text-align:right;
		font-size: 12px;
	}
	.titre_col_droite {
		margin-top:15px;
		font-size: 18px;
		font-weight: bold;
	}
/* Autres pages */
#bouttons {
	margin-top:10px;
	background-image:url(/images/SEO_Bouton.png);
	background-repeat:no-repeat;
	width:210px;
	height:35px;
}
#lien_bouttons {
	position:absolute;
	margin-top:8px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	width:210px;
	height:35px;
}
#description {
	margin-left:20px;
	width:700px;
	padding-top:25px;
	float:left;
}
.gras {
	font-weight: bold;
}
.titre {
	font-size: 24px;
	font-weight: bold;
}
.erreur {
	background-color:#FFCC00;
}
.titre2 {
	font-weight: bold;
}
.vp {
	margin-left:50px;
}
/***********************************************************
 * mise en page de la page slash                           *
 ***********************************************************/
 
div#splash {
	position:relative;
	background-image: url(/images/SEO_Splash.png);
	background-repeat: no-repeat;
	margin:auto;
	width:1150px;
	height:750px;
	color:#FFF;
}

div#langues {
	position:absolute;
	left:700px;
	top:300px;
}
div#surflangues {
	position: absolute;
	top: 5px;
	left: 960px;
	height: 28px; 
	width: 140px;
}

#flagFR a{
	display:block;
	width:28px;
	height:28px;
	background-image:url(/images/FlagFR.png);
	float:left;
	margin-left:-3px;
}

#flagFR a:hover {
	display:block;
	width:28px;
	height:28px;
	background-image:url(/images/FlagFR_Hover.png);
}

#flagEN a{
	display:block;
	width:28px;
	height:28px;
	background-image:url(/images/FlagEN.png);
	float:left;
	margin-left:-3px;
}

#flagEN a:hover {
	display:block;
	width:28px;
	height:28px;
	background-image:url(/images/FlagEN_Hover.png);
}