html, body {
	margin:0;
	background:url(../img/bg.png) repeat-x #627F8C;
	color:#ffffff;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	overflow:auto;/*IE*/
	cursor:default;/*IE*/
}

a:active, a:focus {
	outline:none;
}

p {
	width:400px;
	margin:0 auto 16px auto;
}

h2 {
	color:#8D978F;
	font-weight:normal;
	margin-top:0;
	margin-bottom:30px;
}

fieldset {
	border:none;
	padding:0;
	margin:0;
}

textarea {
	overflow:auto;
}


/*''''' HAUTEUR RUBRIQUES '''''*/
#rocket83 {height:490px;}
#references {height:430px;}
#client {height:580px;}
#contact {min-height:781px;}
/*'''''''''''''''''''''''''''''*/


/*'''''''''' ESPACES ''''''''''*/
#espace-sous-rocket83 {height:1500px;}
#espace-sous-references {height:1200px;padding-top:500px;}
#espace-sous-client {height:2000px;}
/*'''''''''''''''''''''''''''''*/


#index {
	position:relative; /*Pour footer*/
}

#rocket83 {
	background:url(../img/etoiles.png) repeat-x;
}

#client .contenu {
	top:-100px;
	width:430px;
}

#client form {
	background: url(../img/fusee-clients.png) no-repeat;
	width:290px;
	height:190px;
	padding-top:50px;
	padding-left:140px;
}

#client input {
	display:block;
	margin-bottom:3px;
}

#client input.text {
	color:silver;
	font-style: italic;
	color:#a0a0a0;
	letter-spacing:1px;
	width:163px;
}

#client form #submit {
	background-color:none;
	background:url(../img/connexion.png) no-repeat;
	border:none;
	margin-top:20px;
	width:107px;
	height:12px;
	cursor:pointer;
}

#client form #submit:hover {
	background-position:0 -12px;
}

#contact {
	background:url(../img/bg-contact.png) bottom repeat-x;
	position:absolute;
	bottom:0;
	width:100%;
}
#contact form {
	margin-top:20px;
}
#contact p {
	margin-bottom:5px;
}
#contact label {
	background:url(../img/label.png) no-repeat center right;
	color:#C2E1EF;
	float:left;
	padding-right:18px;
	text-align:right;
	width:8em;
	
}
#contact .contenu {
	top:30px;
}
#contact input:focus, #contact textarea:focus {
	background:#EFEFEF;
}
#contact .textfield {
	background:#fff;
	border:1px solid #aaa;
	padding:3px;
}
#contact .textfield, #contact textarea {
	width:55%;
	color:#627F8C;
}

#contact-submit {
	margin-left:205px;
	cursor:pointer;
}

#fusee-menu {
	width:123px;
	height:66px;
	background:url(../img/fusee-menu.png) no-repeat;
	position:absolute;
	margin-top:50px;
	z-index:1;
}

#lune {
	margin-top:-230px;
	width:233px;
	height:156px;
	background:url(../img/lune.png) no-repeat;
	float:right;
	position:relative;
}

#references {
	background:url(../img/fusee-fumee.png) no-repeat right 50px;
}

#references .contenu {
	top:90px;
}

#pelouse {
	height:20px;
	background:url(../img/herbe.png) repeat-x;
	position:relative;
	bottom:19px;
}

#fusee {
	width:194px;
	height:481px;
	background:url(../img/fusee-gros.png) no-repeat 0 70px;
	float:right;
	position:relative;
	top:11px;
	z-index:1;
}

#collines {
	position:absolute;
	bottom:25px;
	width:100%;
}

#colline-gauche {
	width:410px;
	height:60px;
	background:url(../img/colline-gauche.png) no-repeat;
	position:relative;
	bottom:45px;
}

#montagne-droite {
	width:307px;
	height:53px;
	background:url(../img/montagne-droite.png) no-repeat;
	float:right;
	margin-right:2%;
	position:relative;
	top:39px;
}

#montagne-gauche {
	width:479px;
	height:77px;
	background:url(../img/montagne-gauche.png) no-repeat;
	position:relative;
	margin-left:30%;
	top:15px;
}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:70px;
	background:url(../img/herbe.gif) repeat-x #4B4B4D;
}

.boo {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.contenu {
	position:relative;
	top:165px;
	z-index:2;
	width:400px;
	margin:0 auto;
}

.on {
	cursor:default;
}

.contenu p strong, .contenu p a {
	color:#FFCC00;
	font-weight:normal;
}


/*'''''''''''' MENU '''''''''''*/
#menu {
	margin:0;
	padding: 149px 0 0 0;
	position:absolute;/*IE7*/
	top:50px;
	width:210px;
	float:left;
	z-index:1;
}

#menu li {
	list-style-type:none;
	margin-bottom:10px;
}

#menu a {
	display:block;
}

#menu_rocket83 {
	width:209px;
	height:28px;
	background:url(../img/menu/rocket83.png) no-repeat;
}
#menu_rocket83:hover, #menu_rocket83.on {
	background-position:0 -28px;
}

#menu_references {
	width:209px;
	height:28px;
	background:url(../img/menu/references.png) no-repeat;
}
#menu_references:hover, #menu_references.on {
	background-position:0 -28px;
}

#menu_client {
	width:209px;
	height:28px;
	background:url(../img/menu/client.png) no-repeat;
}
#menu_client:hover, #menu_client.on {
	background-position:0 -28px;
}

#menu_contact {
	width:209px;
	height:28px;
	background:url(../img/menu/contact.png) no-repeat;
}
#menu_contact:hover, #menu_contact.on {
	background-position:0 -28px;
}
/*'''''''''''''''''''''''''''''*/


/*''''''''' REFERENCES ''''''''*/
#liste-references {
	margin:0;
	padding:0;
	text-align:center;
	height:100px;
	width:430px;
}

#liste-references li {
	list-style-type:none;
	margin-right:10px;
	float:left;
}

#liste-references a {
	display:block;
	width:75px;
	height:75px;
}

#liste-references #tictacmail {
	background:url(../img/references/mini/tictacmail.png) no-repeat;
}
#liste-references #tictacmail:hover {
	background-position:0 -75px;
}

#liste-references #emotiyou {
	background:url(../img/references/mini/emotiyou.png) no-repeat;
}
#liste-references #emotiyou:hover {
	background-position:0 -75px;
}

#liste-references #jeunestalents {
	background:url(../img/references/mini/jeunestalents.png) no-repeat;
}
#liste-references #jeunestalents:hover {
	background-position:0 -75px;
}

#liste-references #email-ar {
	background:url(../img/references/mini/email-ar.png) no-repeat;
}
#liste-references #email-ar:hover {
	background-position:0 -75px;
}

#liste-references #shm {
	background:url(../img/references/mini/shm.png) no-repeat;
}
#liste-references #shm:hover {
	background-position:0 -75px;
}

.details-reference {
	height:150px;
	width:390px;
	margin-top:40px;
	margin-bottom:40px;
}

.details-reference .apercu {
	float:left;
}

.details-reference .apercu img {
	position:absolute;
}

.details-reference .details {
	margin-left:170px;
	width:260px;
}

.details-reference h3 {
	font-size: 1.5em;
	color:#FFD100;
	margin:0;
}

.details-reference p {
	width:280px;
	letter-spacing:0;
	margin-top:10px;
}

.details-reference cite {
	font-size:0.9em;
	color:#8EBCCF;
	letter-spacing:0;
}

.details-reference a {
	display:block;
	background:url(../img/etoile.png) no-repeat;
	color:#effaff;
	letter-spacing:0;
	text-decoration:none;
	padding-left:25px;
	font-size: 1em;
	font-weight:bold;
}
.details-reference a:hover {
	color:#ffe020;
	text-decoration:underline;
}
/*'''''''''''''''''''''''''''''*/


/*''''''''''' NUAGES ''''''''''*/
#nuage {
	width:227px;
	height:200px;
	float:right;
	background:url(../img/nuage.png) no-repeat;
	margin-top:-200px;
	position:relative;
	top:270px;
}

#nuage01 {
	background:url(../img/nuage01.png) no-repeat;
	width:16%;
	height:68px;
	float:left;
}

#nuage02 {
	background:url(../img/nuage02.png) no-repeat bottom left;
	width:60%;
	height:145px;
	float:left;
}

#nuage03 {
	background:url(../img/nuage03.png) no-repeat bottom;
	width:174px;
	height:90px;
}

#nuage04 {
	background:url(../img/nuage04.png) no-repeat;
	width:222px;
	height:81px;
	float:right;
	margin-right:100px;
}

#nuage05 {
	background:url(../img/nuage05.png) no-repeat;
	width:20%;
	height:114px;
	float:right;
}

#nuage03-04 {
	width:50%;
	height:90px;
	margin:0 auto;
	position:relative;
	top:70px;
}

#nuage-gros {
	background:url(../img/nuage-gros.png) no-repeat right;
	width:730px;
	height:350px;
	margin:0 auto;
	clear:both;
}

#mini-nuages {
	position:relative;
	bottom:100px;
}

#mini-nuage01 {
	background:url(../img/nuage-mini01.png) no-repeat;
	width:105px;
	height:71px;
	position:relative;
	/*bottom:50px;*/
	top:220px;
	right:15px;
	clear:both;
}

#mini-nuage02-03-04 {
	width:50%;
	margin-left:10%;
}

#mini-nuage02 {
	background:url(../img/nuage-mini02.png) no-repeat bottom;
	width:104px;
	height:73px;
	float:left;
}

#mini-nuage03 {
	background:url(../img/nuage-mini03.png) no-repeat bottom;
	margin-left:10%;
	width:61px;
	height:100px;
	float:left;
}

#mini-nuage04 {
	background:url(../img/nuage-mini04.png) no-repeat;
	width:61px;
	height:61px;
	float:right;
}

#mini-nuage06-08 {
	width:10%;
	float:right;
	position:relative;
	right:150px;
}

#mini-nuage06 {
	background:url(../img/nuage-mini06.png) no-repeat bottom;
	width:59px;
	height:80px;
}

#mini-nuage08 {
	background:url(../img/nuage-mini08.png) no-repeat;
	width:60px;
	height:34px;
	float:right;
}

#mini-nuage09 {
	background:url(../img/nuage-mini09.png) no-repeat;
	width:73px;
	height:39px;
	float:right;
	margin-right:20px;
	clear:both;
}

#mini-nuage05-07 {
	width:30%;
	margin:0 auto;
	position:relative;
	/*top:-70px;*/
	top:200px;
	left:100px;
}

#mini-nuage05 {
	background:url(../img/nuage-mini05.png) no-repeat;
	width:160px;
	height:46px;
}

#mini-nuage07 {
	background:url(../img/nuage-mini07.png) no-repeat;
	width:102px;
	height:63px;
	float:right;
}

#mini-nuage02-03-04, #mini-nuage06-08 {
	position:relative;
	top:80px;
}
/*'''''''''''''''''''''''''''''*/