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



/* BODY */
body {
	margin:0 auto 0 auto;
	height:900px;
	text-align:center;
	background-image: url("../img/background.jpg") ;
	background-repeat: repeat-y top ; 
	font:Helvetica, Arial, sans-serif;
	abackground-color:#000;
	z-index:0;
}



/* BANDEAU */
#bandeau {
	margin:0 auto 0 auto;
	position:relative;
	width:960px;
	height:160px;
	z-index:0;
	abackground-color:#000;
	background-image: url("../img/bandeau.jpg") ;
	background-repeat: no-repeat ;
	amargin-left:4px;
}



/* MENU */
.menu {
	float:right;
	position:relative;
	width:360px;
	height:40px;
	margin-left:60px;
	margin-top:104px;
	z-index:0;
	abackground-color:#00CC99;
}



.item-menu {
	position:relative;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-align:right;
	color:#FFF;
}
	

/* DEFINITION DES LIENS */
	a:link { color:#FFF; text-decoration: none ;} /* lien non-visité */
	a:visited { color:#FFF; text-decoration: none ;} /* lien visité */
	a:hover { color:#FF9900;  text-decoration:none ;} /* lien survolé */
	a:active { color:#FF9900; text-decoration: none ;} /* lien activé */


/* IMAGES */
img {
	border: none;
	display:block;
	float:left;
	}



/* PARAGRAPHES */
h1 {
	margin:0 auto 0 auto;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-align:center;
	color:#666;
}
	
	
	
	
	


/* GABARIT*/
#gabarit {
	margin:0 auto 0 auto;
	position:relative;
	width:960px;
	height:900px;
	z-index:1;
	abackground-color:#F99;
}


/* VISUEL*/
#visuel {
	margin:0 auto 0 auto;
	position:relative;
	width:960px;
	height:526px;
	z-index:1;
	abackground-color:#F99;
	background-image: url("../img/ecran.jpg") ;
	margin-top:-16px;
}


/* DESCRIPTION*/
#description {
	margin:0 auto 0 auto;
	position:relative;
	width:960px;
	height:160px;
	z-index:1;
	opacity:0.5; 
	background-color:#000;
	margin-top:10px;
}


/* PROJETS*/
#projets {
	margin:0 auto 0 auto;
	position:relative;
	width:980px;
	height:160px;
	z-index:1;
	abackground-color:#FFF;
	margin-top:10px;
	margin-left:-5px;
}

.items {
	float:left;
	text-align:left;
}

.titre {
	float:left;
	text-align:left;
	margin-left:20px;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	color:#FFF;
	abackground-color:#CC0099;
}

.onglet {
	float:left;
	margin-top:-16px;
}

.descriptif {
	float:left;
	text-align:left;
	margin-left:20px;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#FFF;
	abackground-color:#CC0099;
}


.paragraphe {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	text-align:justify;
	margin-left:35px;
	margin-right:20px;
	margin-top:-30px;
	color:#000;
	background-color:#FFF;
}




	
	

.right {
	float:right;
}

.droite {
	float:right;
	border:solid 3px;
	border-color:#FFF;
}


.droite:hover {
	float:right;
	border:solid 3px;
	border-color:#F06;
}

.gauche {
	float:left;
	border:solid 3px;
	border-color:#FFF;
}


.gauche:hover {
	float:left;
	border:solid 3px;
	border-color:#F06;
}



.visite-bis {
	color:#F06;
	font-size:19px;
	}
	
	
.gris {
	color:#666;
	}		
		
		








/* PAGE CONTACT*/
#page-contact {
	margin:0 auto 0 auto;
	position:relative;
	width:428px;
	height:613px;
	z-index:1;
	background:url(../img/formulaire.jpg);
	abackground-color:#FFF;
	amargin-top:-15px;
}



/* CONTACT */

.adresse {
	padding-top:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#000;
}

.formulaire-contact {
	position:absolute;
	margin-top:20px;
	margin-left:50px;
	
}

.contact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:justify;
	line-height:30px;
	color:#000;
}


.nom {
	position:absolute;position:fixed;
	margin-top:16px;
	margin-left:-86px;
	abackground-color:#3C6;
}

.prenom {
	position:absolute;
	margin-top:26px;
	margin-left:-86px;
	abackground-color:#3C6;
}

.email {
	position:absolute;
	margin-top:36px;
	margin-left:-86px;
	abackground-color:#3C6;
}

.contenu-formulaire {
	position:absolute;
	margin-top:80px;
	margin-left:-164px;
	abackground-color:#3C6;
}

.envoyer {
	position:absolute;
	float:right;
	margin-top:266px;
	margin-left:360px;
	abackground-color:#6633CC;
}

.send {
	margin-top:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#000;
}




/* FOOTER */
#footer {
	margin:0 auto 0 auto;
	position:relative;
	width:336px;
	height:30px;
	abackground-color:#0F0;
}

.pied {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	color:#666666;
	margin-top:-30px;
	}