/* CSS Document */

body {
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
background-color:#FFA;
}

#global{
	background-color:#FFF;
	height:100%;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:0;
}

h1{
font-family: Comic Sans MS, Verdana, Geneva, Helvetica, sans-serif;
font-size:1.5em;
margin-left:20px;
}

h2{
color:#ce0000;
text-align:center;
}

#textedevenir{
	position: relative;
	width:850px;
	font-size: 1.05em;
	margin-left:40px;
	margin-right:auto;
}

#texte{
	position: relative;
	width:900px;
	font-size: 1.05em;
	margin-left:auto;
	margin-right:auto;
}

#texte p{
	text-align:center;

}

#texte span {
	width:900px;
	margin-left: 30px;
}

#menu {
	margin : auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	padding : 0;
	font-weight : bold;
	font-size : 0.9em;	
} 

#part {
	width:850px;
	margin-left: 40px;
	text-align: center;	
}

#pres{
	width:850px;
	text-align:center;
}

#pres p{
	text-align:justify;
	margin-left:40px;
	text-indent: 20px;	
}

.c1, .c2, .c3{
	margin-top: 4px;
	padding: 5px;
	width:280px;
	text-align: justify;
}

.c1{
	float: left;
	margin-left: 0;
	background: url(img/fond-jaune.jpg);
}

.c2{
	position: absolute;
	left: 305px;
	background: url(img/fond-gris.jpg);	
}

.c3{
	position: absolute;
	left: 610px;
	background: url(img/fond-rose.jpg);	
}

.footer{
	position: absolute;
	top:450px;	
}

a.list:link  {color:#7e7b4c;text-decoration:none;}
a.list:active {color:#7e7b4c;text-decoration:none;}
a.list:visited {color:#7e7b4c;text-decoration:none;}
a.list:hover {color:#000;text-decoration:none;font-weight:bold;}

a.list2:link  {color:#b36500;text-decoration:none;}
a.list2:active {color:#b36500;text-decoration:none;}
a.list2:visited {color:#b36500;text-decoration:none;}
a.list2:hover {color:#ce0000;text-decoration:none;font-weight:bold;}

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(lightbox/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XXX/overlay.png", sizingMethod="scale");
}