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

Site : MacLaine consultant

Author : MacLaine (AtChA)
Colors : 
	Menu :  
		Background : #FFF
	
	Font : #c8c8c8
		   #4c457c
		   #000
	
Font : Verdana, Geneva, sans-serif;
	   9px;

*/

*{ margin:0; padding:0;}

html { height:100%; }

body {
	background: #000;
	height:100%;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	font-size: 8px;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color:#898989;
	font-family: Verdana, Geneva, sans-serif;
	overflow:hidden;
}

h1 {
	text-indent: -9999px;
	background: url(../images/siteMaclaineunderconstruction.jpg) no-repeat;
	width:800px;
	height:400px;
}

div#splash {
	position: absolute;
	width: 800px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	height: 500px;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -200px;
	text-align: center; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}

div#splash p {
	font-size:11px;
	margin-top:10px;
}
div#splash p#spemail{
	margin-top:30px;
}

div#separation { width : 100%; height : 100%; postion : relative; }

div#container { margin : 0 auto; width : 900px; text-align : justify; }
div#container h2 { color:#FFF; font-size:22px; }

div#title { margin-bottom: 10px; font-size:9px; text-align:center; }
div#title h2 { color:#FFF; font-weight:normal; font-size:24px; }
div#title h3 { padding:0; margin:0; font-size:18px; font-weight:normal; }

div#field1 {
	margin-top: 20px;
	padding:5px;
	padding-top:20px;
	height:250px;
	border: 2px solid #898989;
}

div#field2 {
	margin-top: 20px;
	padding:5px;
	padding-top:20px;
	height:250px;
	border: 2px solid #898989;
}

div.legend_left { 
	position:absolute; 
	width: 180px;
	background-color:#000;
	text-align:center;
	font-size:10px;
	margin: -25px 115px; 
}

div#bottom_page {
	padding-bottom:50px;
}

.left { clear: both; float:left; width:425px; margin-bottom:10px; }
.right { float:right; width:425px; margin-bottom:10px; }

div#center { clear:both; margin-top:540px; margin-bottom:10px; text-align:center; }
div#center h3 { font-size:18px; }

div#legend { 
	width:180px;
	text-align:center;
	position:absolute; 
	background:#000; 
	margin:-30px 340px;
	font-size:12px;
	letter-spacing:5px;
}

div.small_left { float:left; width: 170px; text-align:left; }
div.small_right { float:right;  margin-right:40px; width: 170px; text-align:left; }
div.small_left1 { float:left; margin-left:40px; width: 170px; text-align:left; }
div.small_right1 { float:right; width: 170px; text-align:left; }
div.small_leftcenter { float:left; width: 170px; text-align:center; }
div.small_rightcenter { float:right; width: 170px; text-align:center; }

h4 { font-size:12px; }
h5 { font-size:12px; font-weight:normal; }

ul { list-style-position:inside;  }
ul li { color:#FFF; font-size:9px; }

.purp { color:#4c457c; }
.purp_large { color:#4c457c; font-size:10px; }
.purp_small { margin-bottom:5px; color:#4c457c; font-weight:lighter; font-size:12px; }

p { padding:0; margin:0; }
p.big { font-size:13px; }

.marge { margin-bottom:10px; }
.light {font-weight:lighter;}
.underline { text-decoration:underline; }

fieldset { border-color:#898989; clear:both; padding:20px; margin-top:760px; }

a { font-size:11px; color:#b5b5b5; }
a.yellow { color:#FF6; }