/* CSS Document */
/* redéfinition des balises*/

p { font-family: Verdana, Arial, Helvetica, "sans-serif";}

body {padding: 0; background: #1E1E1E; }

h1 {
padding-top: 75px;
left: 60px;
height: 40px;
width: 255px;
font-family: Verdana, Arial, Helvetica, "sans-serif";
font-size: 19px;
color: #ffffff;
text-align: center;
margin-left: 10px;
}

h2 {
position: absolute;
left: 66px; 
font-family: Verdana, Arial, Helvetica, "sans-serif";
color: #FFB504;
}

h4 {
left: 10px;

font-family: Verdana, Arial, Helvetica, "sans-serif";
color: #FFB504;
width: 530px;
z-index: 3;
}

h6
{
position: absolute;
left: 10px;
top: 35px;
font-family: Verdana, Arial, Helvetica, "sans-serif";
font-size: 16px;
color: #FFB504;
width: 530px;
z-index: 3;
height: 71px;
}
#formulaire{
position : relative;
left: 10px;
width: 530px;
height: 280px;
}
/* fin redéfinition des balises*/
/* construction de la page*/
/* c'est notre conteneur général, c'est 1 id, notre flux est genenral*/

#general4{
position : relative;
top : 5px;
left : 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
width: 759px;
height: 530px;
background-color: #444F55;
background-image: url(images/courbe.gif);
background-repeat: no-repeat;
background-position: top right;
z-index:1;
}

/*menu*/
#accueil{
	position: absolute;
	right: 0px; 
	top: 8px;
	width: 148px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	font-size: 10px;
	text-align: justify;
	height: 20px;
}

#historique{
	position: absolute;
	right: 30px; 
	top: 22px;
	width: 148px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	font-size: 10px;
	text-align: justify;
	height: 20px;
}

#repar{
	position: absolute;
	right: 6px; 
	top: 36px;
	width: 191px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	font-size: 10px;
	text-align: justify;
	height: 20px;
}

#pourquoi{
	position: absolute;
	right: 0px; 
	top: 53px;
	width: 245px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	font-size: 10px;
	text-align: justify;
	height: 20px;
}

#origine{
	position: absolute;
	right: 25px; 
	top: 69px;
	width: 245px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	font-size: 10px;
	text-align: justify;
	height: 20px;
}

#modalite{
	position: absolute;
	right: 31px; 
	top: 86px;
	width: 245px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	font-size: 10px;
	text-align: justify;
	height: 20px;
}

#contact{
	position: absolute;
	right: 77px; 
	top: 102px;
	width: 206px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	font-size: 10px;
	text-align: justify;
	height: 20px;
}
/* fin menu*/
#logo
{
top: 0px;
left: 0px;
background-image: url(images/logo.gif);
background-repeat: no-repeat;
background-position: right;
height: 80px;
width: 255px;
}
#centre{
padding-left: 10px;
width: 759px;
height: 330px;
}
#photos{
top : 131px;
left: 11px;
width: 530px;
height: 146px;
}
#photos2{
margin-top : 20px;
width: 530px;
left: 10px;
height: 146px;
}
#droit { /*Boîte flottante assemblage.jpg*/
float: left;
margin-left: 280px;
margin-top: 0px;
background-color: #12FC00;
}
#gauche { /*Boîte flottante gauche*/
width: 250px;
margin: 0px;
padding-top: 20px;
}

#explicatif1{
	left: 10px; 
	top: 281px;
	width: 540px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	color: #ffffff;
	font-size: 13px;
	text-align: left;
}

#explicatif2{

	left: 10px; 
	top: 392px;
	width: 540px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	color: #FFB504;
	font-size: 13px;
	text-align: left;
}

#explicatif3{
	left: 10px; 
	width: 530px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	color: #ffffff;
	font-size: 13px;
text-align: justify;
}

#explicatifpourquoi{

	left: 10px; 
	top: 88px;
	width: 540px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	color: #ffffff;
	font-size: 13px;
	text-align: left;
}

#explicatiforigine{

	left: 10px; 
	top: 100px;
	width: 500px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	color: #ffffff;
	font-size: 13px;
	text-align: left;
}

#explicatihistorique{
	left: 10px; 
	width: 500px;
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	color: #ffffff;
	font-size: 13px;
	text-align: left;
}

a{text-decoration:none}

.roll{
font-family:Verdana, Arial, Helvetica, "sans-serif";
color:#FFFFF;
}

a.roll:link {
font-family:Verdana, Arial, Helvetica, "sans-serif";
color:#FEC003;
}

a.roll:hover{
font-family:Verdana, Arial, Helvetica, "sans-serif";
color:#FFFFFF;
}

a.roll:visited{
font-family:Verdana, Arial, Helvetica, "sans-serif";
color:#FDD65D;
}

.rouge{
color:#FD0505;
font-size:14px;
text-align:center;}

.blanc12{
font-family:Verdana, Arial, Helvetica, "sans-serif";
color:#ffffff;
font-size:14px;
text-align:justify;}


.blanc14{
font-family:Verdana, Arial, Helvetica, "sans-serif";
color:#ffffff;
font-size:16px;
text-align:justify;}
.blanc10 {
font-family:Verdana, Arial, Helvetica, "sans-serif";
font-size: 10px;
color: #FFFFFF;}