/*
A propos de ce fichier :
 > nom : style.css
 > Description : Feuille de style design
 > Date de création : 21 juin 2006
 > Date de modification : 18 juillet 2006
 > Par : Martius
*/

/* Elements courants */
body
	{
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		background-color: #EDF5FD;
		font-family: Arial, sans-serif;
		overflow: auto;
	}
img
	{
		border: 0;
	}
a { color: #336699; } a:hover { color: #003366; }
/*div, p, form { border: 1px red solid; }*/
/* En tête */
#top
	{
		width: 100%;
		background-image: url('../images/headbg.png');
		background-repeat: repeat-x;
	}
h1 { display: none; }
#head
	{
		width: 800px;
		height: 100px;
		margin: 0 auto;
		background-image: url('../images/logo.png');
		text-align: right;
		font-size: 0.8em;
	}

/* Corps de page */
#page
	{
		width: 800px;
		height: 500px;
		margin: 0 auto;
		background-image: url('../images/elipse_contenu.gif');
		background-repeat: no-repeat;
	}
#elispe
	{
		background-image: url('../images/elipse_contenu1.gif');
		background-repeat: no-repeat;
		border: 0;
		width: 366px;
		height: 122px;
		margin: 0;
		display: block;
		position: absolute;
		z-index: 2; 
	}
#cmenu
	{
		width: 155px;
		height: 300px;
		background-image: url('../images/frigo.png');
		background-repeat: no-repeat;
		padding-top: 160px;
		position: absolute;
		top: 105px;
		z-index: 3;
	}
#menu
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-family: "Trebuchet MS", sans-serif;
		font-weight: bold;
	}
#menu li
	{
		width: 80%;
		margin: 0 auto;
	}
#menu a
	{
		display: block;
		width: 100%;
		padding: 9px 5px;
		text-align: center;
		border-bottom: 1px #CCC solid;
		text-decoration: none;
		color: #336699;
	}
#menu a:hover
	{
		background-color: #F9F9F9;
		color: #003366;
	}
#m_accueil { border-top: 1px #CCC solid; }
#m_links {border-bottom: 0; }
#contenu
	{
		width: 500px;
		height: 455px;
		padding: 5px;
		float: right;
		background-image: url('../images/contenu_bg2.png');
		background-repeat: no-repeat;
	}
.content
	{
		width: 100%;
		height: 362px !important;
		height: 357px;
		overflow: auto;
		font-size: 0.8em;
		padding-top: 10px !important;
		padding-top: 15px;
	}
.content p { text-align: center; }
#pub
	{
		padding: 5px 0;
		width: 120px;
		height: 450px;
		float: right;
	}
#title
	{
		width: 480px;
		height: 73px;
		margin: 0;
		padding-right: 20px;
		padding-top: 10px;
		background-image: url('../images/titre_bulles.png');
		background-repeat: no-repeat;
	}
h2, h3
	{
		margin: 0;
		padding: 0;
		float: right;
		text-align: right;
		font-weight: normal;
		font-family: "Trebuchet MS", sans-serif;
		color: #336699;	
	}
h2  { width: 310px; } 
h3 { width: 340px; font-size: 0.8em; }

/* Pied de page */
#foot
	{
		clear: both;
		position: relative;
		bottom: 25px;
		z-index: 4;
		width: 800px;
		margin: 0 auto;
		font-size: 0.75em;
	}
#foot p
	{
		margin: 0;
		padding: 0;
	}
#fa { float: left; }
#fb { float: right; border-right: 125px #EDF5FD solid; }
#foot a { text-decoration: none; color: #369; }
#foot a:hover { color: #000; }

/* Page d'accueil */
.postit
	{
		margin: 0;
		float: left;
		width: 226px;
		height: 350px;
		padding: 0 12px;
		text-align: center;
		font-size: 0.77em;
		background-repeat: no-repeat;
		color: #336699;
	}
.homelink
	{
		position: relative;
		z-index: 150;
		display: block;
		height: 125px;
		width: 80%;
		margin: 0 auto;
	}
.postit a
	{
		text-decoration: none;
		color: #336699;
	}
#postit_photomag
	{
		background-image: url('../images/postit-photomag.gif');
	}
#postit_francemag
	{
		background-image: url('../images/postit-francemag.jpg');
	}
#postit_photomag p, #postit_francemag p
	{
		margin: 8px 0;
	}
h4
	{
		font-size: 0.78em;
		margin: 0;
	}
/* Page PhotoMagnet */
#pm_start { margin-top: 80px; }
.pm_desc
	{
		float: right;
		width: 281px;
		height: 282px;
		margin-top: 30px;
		margin-right: 20px;
		background-image: url('../images/pmdesc_bg.gif');
		background-position: 15px 0 0 0;
		background-repeat: no-repeat;
		font-family: "Trebuchet MS", Arial, sans-serif;
		color: #336699;
		font-size: 0.92em;
		text-align: center;
	}
.pm_desc span
	{
		display: block;
		margin: 0;
	}
.pm_format, .pm_format p { margin: 0; }
#pm_rectangle
	{
		padding-top: 15px;
	}
#pm_petal img, #pm_petal p
	{
		position: relative;
		top: -25px;
	}
#create
	{
		clear: both;
		width: 495px;
		text-align: right;
		position: relative;
		bottom: 4px !important;
		bottom: 18px;
		font-size: 0.9em;
	}
#create p {position: static; }
.pos1 img, .pos2 img, .pos3 img, .pos4 img, .pos5 img, .pos6 img
{ display: none; }
.pos1 a, .pos2 a, .pos3 a, .pos4 a, .pos5 a, .pos6 a
	{
		display: block;
		width: 45px;
		height: 45px;
		background-repeat: no-repeat;
	}
.pos1 a:hover, .pos2 a:hover:hover, .pos3 a:hover, .pos4 a:hover, .pos5 a:hover, .pos6 a:hover
{ background-position: -45px 0px; }
.pos1 a { background-image: url('../images/ico_heart.gif'); }
.pos2 a { background-image: url('../images/ico_cercle.gif'); }
.pos3 a { background-image: url('../images/ico_ovale.gif'); }
.pos4 a { background-image: url('../images/ico_cloud.gif'); }
.pos5 a { background-image: url('../images/ico_rectangle.gif'); }
.pos6 a { background-image: url('../images/ico_petale.gif'); }
#pmdeco1, #pmdeco2, #pmdeco3 { position : relative; }
#pmdeco1 { bottom: 365px !important; left: 325px; bottom: 380px; }
#pmdeco2 { bottom: 173px; left: 48px; }
#pmdeco3 { bottom: 120px !important; left: 147px; bottom: 145px; }

/* Page France Magnet */
.fmtico
	{
		display: block;
		float: left;
		margin: 8px 0 !important;
		margin: 0;
	}
#clicktodel
	{
		float: right;
		padding-top: 2px;
	}
#slide
	{
		margin: 0;
		width: 257px;
		height: 72px;
		overflow: auto;
		white-space: nowrap;
	}
#slide img
	{
		border: 1px #CCCCCC solid;
		padding: 1px;
		margin: 0 1px;
	}
.fm_aere
	{
		position: relative;
		top: -4px;
	}
.fmt
	{
		clear: left;
		margin: 0 !important;
		margin: 18px 0;
	}
.fmt a
	{
		text-decoration: none;
		font-size: 0.80em;
	}
.fmtitle1, .fmtitle2
	{
		display: block;
		float: left;
		position: relative;
		left: 5px;
	}
.fmtitle1 { top: 20px !important; top: 16px; }
.fmtitle2 { top: 12px !important; top: 8px; }
.fmt img, #tn img { vertical-align: middle; }
.fm_desc, .fm_start
	{
		float: right;
		width: 270px;
		height: 282px;
		margin-top: 0px;
		margin-right: 10px !important;
		margin-right: 0px;
		font-family: "Trebuchet MS", Arial, sans-serif;
		color: #336699;
		font-size: 0.92em;
		text-align: center;
	}
.fm_start
	{
		margin-top: 20px;
		background-image: url('../images/pmdesc_bg.gif');
		background-repeat: no-repeat;
		padding-top: 35px;
		padding-left: 7px;
		width: 272px;
	}
.fm_start span { display: block; }
.prev, .next { margin-top: 22px; }
.next { float: right; }
.prev, #tn { float: left; }
#fmpreview 
	{
		width: 220px;
		height: 220px;
		margin: 0 auto;
		text-align: center;
		vertical-align: middle;
	}
#fmpreview img { vertical-align: middle; }
h6
	{
		margin: 0;
		font-size: 0.85em;
	}
#fm_selected
	{
		clear: both;
		position: absolute;
		top: 495px;
		width: 500px;
		font-size: 0.8em;
	}
#selected
	{
		height: 45px;
		padding-left: 3px;
		border: 1px #CCCCCC solid;
	}
.fmsep
	{
		margin: 0;
		padding: 0;
		visibility: hidden;
		width: 0px;
		height: 0px;
	}
/* Page création */
#marginfo
	{
		width: 270px;
		padding: 2px;
		font-size: 0.75em;
		position: relative;
		bottom: 315px;
		z-index: 99;
	}
h4
	{
		margin: 0;
		color: #336699;
		font-size: 0.9em;
	}
#creation_upload input, .valid
	{
		border: 1px #EDF5FD solid;
		background-color: #FFFFFF;
		color: #369;
	}
#creation_upload input:hover, .valid:hover
	{
		background-color: #EDF5FD;
	}
.creaico
	{
		position: relative;
		z-index: 10;
		cursor: help;
	}
.mask, #mdesc, #mdesc:hover
	{
		background-color: transparent;
		border: 0;
	}
#mdesc { color: black; width: 70px; }
#creation_upload
	{
		margin: 5px;
		margin-left: 105px;
	}
#creation_mask
	{
		width: 98px;
		height: 265px;
		padding: 3px;
		margin: 5px;
		margin-right: 2px;
		float: left;
		text-align: center;
		border: 3px #FFFFFF dashed;
	}
html>body #creation_mask input
	{
		background-color: transparent;
		border: 3px transparent solid;
	}
#creation_travail
	{
		width: 280px;
		height: 280px;
		background-image: url('../images/bgcreation.gif');
		background-repeat: no-repeat;
		/*background-color: #FFFFFF;
		border: 1px #003366 solid;*/
		margin: 0 auto;
		float: left;
		font-size: 0.9em;
		color: #336699;
		overflow: hidden;
	}
#creation_travail p
	{
		margin: 5px 0;
		padding-left: 4px;
	}
#creation_position
	{
		text-align: center;
		width: 95px;
		height: 265px;
		float: left;
		margin: 5px 2px;
		margin-left: 5px;
		font-size: 0.82em;
		overflow: hidden;
	}
#manette
	{
		width: 67px;
		height: 67px;
		margin: 5px auto;
	}
#manette input
	{
		background: #FFFFFF;
		border: 0;
	}
#totop, #tobottom, #toleft, #toright
	{
		display: block;
		margin: 0; padding: 0;
	}
#toleft	{ float: left; }
#toright { float: right; }
#tobottom { clear: both; }
#creation_valid 
	{
		margin: 10px 0;
		padding-left: 5px;
		text-align: left;
	}
#creation_voffer { text-align: center; }
#creation_valid a
	{
		text-decoration: none;
		color: #336699;
	}
#creation_valid a:hover { color: #003366; }
#creation_saved
	{
		margin-top: 0px;
		text-align: center;
		clear: both;
		font-size: 0.75em;
	}
#saved
	{
		height: 49px;
		text-align: center;
		border: 1px #CCCCCC solid;
		margin-top: 2px;
		padding: 0;
		padding-left: 4px;
	}
#saved img
	{
		border: 1px #CCC solid;
		display: block;
		float: left;
		margin: 1px;
	}
#travail { margin: 2px 0 0 2px; }
#workspace
	{
		/*background-color: #EDF5FD;*/
		background-color: #6699CC;
		margin: 0;
		padding: 0;
		width: 275px;
		height: 275px;
		overflow: hidden;
		position: relative;
		z-index: 9;
	}
#picture
	{
		position: relative;
		display: block;
		z-index: 0;
	}
#explain p
	{
		padding: 3px;
		margin: 8px 3px;
	}
/*#picture, #creation_picture { z-index: 1; }*/
#wmask
	{
		cursor: move;
		position: relative;
		bottom: 275px;
		z-index: 10;
	}

/*  position sur l'élipse  */
.pos1, .pos2, .pos3, .pos4, .pos5, .pos6
	{
		position: relative;
		z-index: 15;
		margin-top: 5px;
	}
.pos1 { margin-bottom: 0; padding-left: 128px; }
.pos2 { margin-top: 0; padding-left: 66px; }
.pos3 { padding-left: 22px; }
.pos4 { padding-left: 3px; }
.pos5 { padding-left: 6px; }
.pos6 { padding-left: 18px; }

.opos
	{
		position: relative;
		z-index: 15;
		margin-top: 5px;
		clear: both;
		height: 45px !important;
		height: 40px;
		font-size: 0.9em;
		vertical-align: middle;
		padding-top: 7px;
	}

.opos1 { padding-left: 150px; }
.opos2 { padding-left: 65px; }
.opos3 { margin-top: 5px; padding-left: 20px; }
.opos4 { margin-top: 10px; padding-top: 12px; }
.opos5 { margin-top: 5px; height: 50px; }
.opos6 { text-align: center; height: 20px; padding: 0; margin: 0; position: relative; top: 10px !important; top: -10px; }
.opos4 img { top: -12px; }

.fpos
	{
		position: relative;
		z-index: 15;
		margin-top: 5px;
		clear: both;
		height: 50px;
		font-size: 0.9em;
		
	}
html>body .fpos { height: 55px; }

.fpos1 { padding-left: 120px !important;  padding-left: 100px; }
.fpos2 { padding-left: 60px !important; padding-left: 40px; }
.fpos3 { margin-top: 5px; padding-left: 20px !important; padding-left: 5px; }
.fpos4 { margin-top: 10px; }
.fpos5 { margin-top: 5px; padding-left: 10px !important; padding-left: 5px; height: 50px; }

/* Panier */
#t_cart
	{
		width: 90%;
		margin: 15px auto;
		border-collapse: collapse;
		text-align: center;
	}
th
	{
		border-bottom: 1px #336699 solid;
		font-weight: normal;
		font-style: italic;
	}
.t_foot td
	{
		border-top: 1px #336699 solid;
		font-weight: bold;	
	}
#port { text-align: center; }
/* Divers */
.error
	{
		width: 100%;
		text-align: center;
	}

/* Compte client */
.mini_details
	{
		font-size: 0.75em;
	}
#auth_account_form fieldset
	{
		width: 350px;
		margin: 7px auto;
	}
#auth_account_form legend, #signin_form legend
	{
		padding: 0 10px;
		color: #336699;
	}
.text
	{
		border: 1px #999999 solid;
		background-color: #FFFFFF;
	}
.text { width: 283px !important; width: 275px; }
#auth_account_form p, #signin_form p  { text-align: right; }
p#auth_account_p_valid, p#signin_p_valid, p#forg_p_valid { text-align: center; }
p#auth_account_p_remember, p#auth_forgot_password, p#signin_p_options { text-align: left; }
label { float: left; }
.simplelabel { float: none; }
#signin_form { width: 480px; margin: 7px 0; }
textarea
	{
		font-family: Arial, sans-serif;
		font-size: 0.9em;
		color: #336699;
	}
fieldset { -moz-border-radius: 3px; }
/* AJAX ! */
#ajax_popup_state
	{
		width: 350px;
		border: 1px #CCCCCC solid;
		background-color: #FFFFFF;
		position: absolute;
		z-index: 1000;
		top: 50%;
		left: 50%;
		margin-top: -15px;
		margin-left: -175px;	
		padding: 5px;
	}
#ajax_popup_state p { margin: 0; }
#ajax_indicator { vertical-align: middle; }

/* Offres */
.offerpict
	{
		display: block;
		float: left;
		vertical-align: middle;
		position: relative;
		top: -7px;
	}
.opos { color: #336699; }

/* Liens */
h4
	{
		font-size: 1.1em;
		text-align: center;
		border-bottom: 1px #CCCCCC solid;
		margin-top: 10px;
	}
.link { list-style-type: none; }
.link li
	{
		border-left: 3px #6699CC solid;
		padding-left: 3px;
	}
.link p
	{
		text-align: left;
		font-size: 0.9em;
		margin: 5px 0;
	}
h5
	{
		font-size: 1.1em;
		margin: 0;
	}

/* Contact */
#form_contact { margin-top: 15px; }
p#contact_p_firstname, p#contact_p_lastname, p#contact_p_email, p#contact_p_subject { text-align: right; }
p#contact_p_message, p#contact_p_valid { text-align: center; }
#form_contact textarea
	{
		clear: both;
		width: 90%;
		padding: 3px;
		font-family: "Trebuchet MS", Arial, sans-serif;
	}

/* Divers */
.cgv, .cgv p, .cgv h4, .faq, .faq p, .faq h4 { text-align: justify; padding: 3px; }
.ports
	{
		width: 75%;
		margin: 5px auto;
		border-bottom: 1px #EFEFEF solid;
	}
.ports caption
	{
		margin: 0 auto;
		border-top: 1px #EFEFEF solid;
		font-weight: bold;
	}
.ports td
	{
		padding: 3px;
		text-align: center;
	}
.ports caption, .ports th { text-align: center; }
#labelbank, #idtronic { text-align: justify; }
#labelbank img { float: left; margin: 0 5px; margin-top: -4px; }
#sppluslink { clear: both; }

#marginerror, #override
	{
		width: 490px;
		margin: 0 auto;
		padding: 5px;
		position: relative;
		left: 25px !important;
		left: 20px;
		bottom: 300px;
		z-index: 100;
		background: #FFFFFF;
		border: 1px #CCCCCC solid;
		text-align: center;
		background-color: #EFEFEF;
	}

/*#head { background-image: url('../images/noel2008.png'); }

.solde { color: #CCCCCC; text-decoration: line-through; }
.promo { color: #FF9900; }*/