html, body {
	background:url(imgs/bg.gif) repeat-x #d1d1d1 fixed;
	margin:0;
	font-family : georgia, "Times New Roman", Times, Roman, serif;
	color:#02587b;
}

a {
	color:#02587B;
}

a img {
	/*border:2px solid #02587B;*/
	border:0;
}

ul, h1 {
	margin:0; padding:0;
}

li {
	list-style:none;
}

p {
	margin:0;
}

h2 {
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
}

h3 {
	text-align:justify;
	margin:0;
}

form {
	margin-bottom:0;
}

fieldset {
	border:none;
	background:#c2e2e7;
	margin-top:10px;
	margin-bottom:10px;
	padding:15px;
}

input, textarea {
	color:#01425c;
	font-family:georgia,"Times New Roman",Times,Roman,serif;
}

#ad {
	position:relative;
	right:16px;
}

#index h2 {
	text-align:center;
}

#principal {
	background:url(imgs/bg-conteneur.png) repeat-y;
	width:798px;
	margin:0 auto;
	padding-left:6px;
}

#header {
	width:794px; height:202px;
	background:url(imgs/bg-header.png) no-repeat;
}

#header h1 {
	background:url(imgs/logo.png) no-repeat;
	float:right;
	margin:36px 35px;
}

#header h1 a {
	display:block;
	width:195px; height:63px;
}

#header #langues {
	position:absolute;
	margin:10px;
}

#header #langues li {
	display:inline;
}

#body {
	margin:30px 50px 0 50px ;
}

#index h3 {
	font-weight:normal;
}

#commencer, #terminer {
	width:232px; height:53px;
	display:block;
	background:url(imgs/btn_creer-mon-emoticone_en.png) no-repeat;
}

#commencer:hover, #terminer:hover {
	background:url(imgs/btn_creer-mon-emoticone_en.png) no-repeat 0 -53px;
}

#commencer {
	margin:50px auto 0 auto;
}

#terminer {
	margin:10px auto 10px auto;
}

#suivant, #envoyer {
	width:155px; height:36px;
	float:right;
	border:none;
	cursor:pointer;
}

#suivant {
	background:url(imgs/btn_etape-suivante_en.png) no-repeat;
}

#suivant:hover {
	background:url(imgs/btn_etape-suivante_en.png) no-repeat 0 -36px;
}

#envoyer {
	background:url(imgs/btn_envoyer_en.png) no-repeat;
}

#envoyer:hover {
	background:url(imgs/btn_envoyer_en.png) no-repeat 0 -36px;
}

.modifier {
	width:139px; height:33px;
	float:right;
	background:url(imgs/btn_modifier_en.png) no-repeat;
	display:block;
}

.modifier:hover {
	background:url(imgs/btn_modifier_en.png) no-repeat 0 -34px;
}

#animations {
	margin-top:30px;
	margin-bottom:10px;
}

#animations img {
	margin-top:25px;
	margin-right:12px;
}

#animations object {
	margin-top:9px;
}

#animations img, #animations object {
	float:right;
}

#animations li {
	list-style:none;
	padding-left:10px;
	padding-right:10px;
	height:69px;
	background:url(imgs/bg-choix-anim.png) no-repeat;
}

#animations li label, #animations li input {
	margin-top:25px;
	cursor:pointer;
}


#animations li:hover {
	background:url(imgs/bg-choix-anim.png) no-repeat 0 -69px;
}

#annuler {
	display:block;
	width:153px; height:36px;
	background:url(imgs/btn_annuler_en.png) no-repeat;
}

#annuler:hover {
	background:url(imgs/btn_annuler_en.png) no-repeat 0 -36px;
}

#zone_crop {
	margin:0 auto 0 55px;
	width:380px;
	padding-left:80px;
}

#conteneur_imgToCrop {
	float:left;
}

#conteneur_apercu {
	position:relative;
	left:10px;
}

#preview {
	border:2px solid #588d9f;
}

#apercu {
	float:right;
	background:url(imgs/apercu.png) no-repeat;
	width:80px; height:30px;
	padding-top:2px;
	text-align:right;
	position:relative;
	top:11px; right:50px;
	color:#588d9f;
}

#allopass {
	text-align:center;
}

#galerie #images {
	margin-top:20px;
}

#galerie #images img {
	display:block;
	float:left;
	background:#ffffff;
	margin-right:20px;
	margin-bottom:20px;
	border:2px solid #588D9F;
	padding:3px;
}

#liens_page {
	clear:both;
	text-align:center;
}
#liens_page .selected, #liens_page a:hover {
	color:#51ADB7;
	text-decoration:none;
}

#contact label {
	display:block;
	float:left;
	width:280px;
	text-align:right;
	margin-right:5px;
}

#contact input, #contact textarea {
	width:240px;
}

#contact #envoyer {
	float:left;
	margin-left:285px;
	margin-top:10px;
	width:153px;
}

#patientez {
	width:145px; height:38px;
	background:url(imgs/patientez_en.png) no-repeat;
}

#patientez img {
	position:relative;
	left:103px;
	top:9px;
}

#cgu h1 {
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-size:1.6em;
}

#cgu p {
	padding-bottom:15px;
}

#validation p {
	padding-bottom:10px;
}

#validation form {
	text-align:center;
}

#validation #envoyer {
	float:none;
	margin-top:20px;
}

#plan ul {
	margin-left:20px;
}

#plan li {
	padding-bottom:15px;
}

#plan li h3 {
	font-size:1.1em;
}

#plan li p a {
	text-decoration:none;
}

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

.ok {
	text-align:center;
	font-weight:bold;
	margin-top:20px;
}

#code_ok {
	background:#00e060;
	font-weight:bold;
	color:white;
	margin:10px 0 10px 0;
	padding:5px;
	text-align:center;
}

.erreur {
	background:#c26162;
	color:white;
	margin:10px 0 10px 0;
	padding:5px;
	text-align:center;
}

.erreur a {
	color:white;
}

#footer {
	width:806px; height:90px;
	margin:0 auto;
	background:url(imgs/footer.png) no-repeat;
	font-size:smaller;
	font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
}

#footer span {
	position:relative;
	top:60px;
	left:-15px;
	float:right;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	color:#707070;
}

#footer span, #footer a {
	color:#909090;
}

#footer iframe {
	position:relative;
	top:2px;
	right:25px;
}

#rocket83 {
	text-align:center;
	font-size:0.7em;
	font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	color:#000000;
	margin-top:10px;
}
#rocket83 a {
	color:#02587B;
	text-decoration:none;
}
#rocket83 a:hover {
	text-decoration:underline;
}


/************* MENU & SOUS-MENU *************/
#menu {
	padding-top:142px;
	padding-left:52px;
}

#menu li, #sous-menu li {
	float:left;
	list-style:none;
}

#menu li a, #sous-menu li a {
	display:block;
}

#menu li a {
	height:42px;
}

#menu #menu_creer {
	width:176px;
	background:url(imgs/menu/creer_en.png) no-repeat;
}

#menu #menu_creer:hover, #creation #menu_creer {
	background:url(imgs/menu/creer_en.png) no-repeat 0 -42px;
}

#menu #menu_galerie {
	width:89px;
	background:url(imgs/menu/galerie_en.png) no-repeat;
}

#menu #menu_galerie:hover, #galerie #menu_galerie {
	background:url(imgs/menu/galerie_en.png) no-repeat 0 -42px;
}

#menu #menu_contact {
	width:85px;
	background:url(imgs/menu/contact.png) no-repeat;
}

#menu #menu_contact:hover, #contact #menu_contact {
	background:url(imgs/menu/contact.png) no-repeat 0 -42px;
}

#sous-menu {
	float:right;
	margin-top:27px;
	margin-right:20px;
}

#sous-menu li a {
	height:29px;
}

#sous-menu #photo {
	width:56px;
	background:url(imgs/menu/photo.png) no-repeat;
}

#sous-menu #photo:hover, #sous-menu #photo.selected {
	background:url(imgs/menu/photo.png) no-repeat 0 -29px;
}

#sous-menu #animation {
	width:83px;
	background:url(imgs/menu/animation.png) no-repeat;
}

#sous-menu #animation:hover, #sous-menu #animation.selected {
	background:url(imgs/menu/animation.png) no-repeat 0 -29px;
}

#sous-menu #animation.disabled {
	background:url(imgs/menu/animation-0.png) no-repeat;
}

#sous-menu #email {
	width:51px;
	background:url(imgs/menu/email.png) no-repeat;
}

#sous-menu #email:hover, #sous-menu #email.selected {
	background:url(imgs/menu/email.png) no-repeat 0 -29px;
}

#sous-menu #email.disabled {
	background:url(imgs/menu/email-0.png) no-repeat;
}

#sous-menu #validation {
	width:75px;
	background:url(imgs/menu/validation.png) no-repeat;
}

#sous-menu #validation:hover, #sous-menu #validation.selected {
	background:url(imgs/menu/validation.png) no-repeat 0 -29px;
}

#sous-menu #validation.disabled {
	background:url(imgs/menu/validation-0.png) no-repeat;
}

/********************************************/