/************************************/
/*  REGLAGES GENERAUX  */
/************************************/

body{
	background-image:url(images/fond_web.jpg);
	color: #445016;
	font: 12px Arial,Verdana,Lucida,Geneva,Helvetica,sans-serif;
	line-height: 1.2em;
	text-align: justify;
}

img{
	border:none;
	background:none;
}

a{
	text-decoration:none;
	color:#445016;
	border:0;
	border-bottom:2px dotted #89a02c;
}
a img{
	border-bottom:none;
}

span.gras{
	font-weight:bold;
}

a.info{
	position:relative;
}
a.info span{
	display:none;
}
a.info:hover{
	background:none; /* contournement d'un bug IE*/
	z-index:500;
}
a.info:hover span{
	display:inline;
	position:absolute;
	z-index:500;
	top:2em;
	left:1em;
	background:#dde9af;
	text-align:center;
	color:#445016;
	padding:0.2em;
}

#page{
	background-color:#ffffff;
	width:900px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
}

span.alerte{
	font-weight:bold;
	color:#ff7f2a;
}

.separation {
	width:1px;
	clear:both;
	margin:0;
}
.separation { width:1px; height:1px; }

h2 { background:transparent url(images/fleche.gif) no-repeat; padding-left:20px; font-size:14px; line-height:30px; margin-left:20px; }
h3 { color:#fff; font-size:14px; line-height:30px; margin-left:20px; }
h4 { font-size:14px; margin:10px 0; }

/************************************************************************/
/*  PARTIES RECURRENTES SUR TOUTES LES PAGES  */
/************************************************************************/

/* ENTETE */
#entete{
	margin:0;
	width:100%;
	height:100px;
}
		#logo { float:left; width:650px; }
				#logo img { margin:5px 0 0 5px; }
		#arguments { float:right; width:235px; }
				#arguments table { margin:0; margin-top:15px; }
				#arguments table td { margin:0; padding:3px; padding-right:0; }
				#arguments a { border:0; }

/* MENU HAUT */
#menu_haut{
	width: 100%; 
	height:29px;
	background:#677821;
	border-top:3px solid #445016;
	border-bottom:3px solid #445016;
	text-align: center; 
	margin:0; 
}
		#menu_haut a{ border:0; }
		#menu_haut img{ height:29px; margin-left:13px; }

/* CORPS PAGE */
#corps_page{

	background-color: #ffffff;
	margin:10px;
}

.titre { width:100%; text-align:center; margin:10px 0 20px 0; }
.soustitre { margin-top:15px; }

/* MENTION BAS SITE */
#bas_site{
	width:100%;
	height:90px;
	background:#ffffff url(images/bas_page/coin_bas_droite.jpg) no-repeat right bottom;
	margin-top:20px;
}
#mentions_legales { 
		width:600px; 
		height:30px;
		padding-top:50px;
		background:transparent url(images/bas_page/degrade.jpg) repeat-y; 
		font-size:9px;
		font-weight:bold;
		line-height:30px;
}
		
/* LIENS REFERENCES BAS DE PAGE */
#liens_references {
  width:900px;
  margin:5px auto;
  text-align:center;
}
#liens_references a, #liens_references a img { border-bottom:none; }

/************************************************************************/
/* FORMATS PARTICULIERS A CHAQUE PAGE  */
/************************************************************************/

/* PAGE ACCUEIL */
#vu-lu-mem {
	float:left;
	width:235px;
	margin:20px 10px 10px 0;
}
		#vu-lu-mem tr { vertical-align:top; text-align:left; }
		.vu_titre { margin-bottom:5px; }

#exemples_creations {
	float:left;
	width:360px;
	height:250px;
	margin:10px 10px 10px 0;
	text-align:center;
}
		#exemples_creations a{ border:0; }
		#titre_anim { margin-top:5px; margin-bottom:10px; }

#vente_en_ligne {
	float:left;
	width:230px;
	height:265px;
	background:transparent url(images/vente-en-ligne/fond.jpg) no-repeat;
	margin:10px 0 10px 15px;
	text-align:center;
}
		#vente_en_ligne table { width:210px; margin-left:5px; margin-top:12px; text-align:left; }
		#vente_en_ligne td { padding:5px; }

#ligne2 { clear:both; }

#bulle_expli {
	float:left;
	width:360px;
	margin-top:20px;
}

#ikicrea_vs_apporte {
	float:left;
	width:510px;
	font-size:14px;
}
		#ikicrea_vs_apporte td { padding:5px; }


/* PAGE TRAVAILLONS ENSEMBLE */
#vous{
	width:400px;
	height:300px;
	float:left;
	margin:10px;
	margin-left:20px;
	background:url(images/cadre_texte_travaillons.gif);
}
		#vous img{
	width:121px;
	height:32px;
	margin:7px 0 0 130px;
}
		#vous p{
	margin:5px;
	padding:0;
}

#moi{
	width:400px;
	height:300px;
	float:right;
	margin:10px;
	margin-left:0;
	background:url(images/cadre_texte_travaillons.gif);
}
#moi img{
	width:121px;
	height:32px;
	margin:7px 0 0 130px;
}
#moi p{
	margin:5px;
	padding:0;
}

#nous{
	width:750px;
	height:140px;
	float:left;
	margin:10px 10px 0 55px;
}
#nous img{
	width:121px;
	height:32px;
	margin:0px;
	margin-left:330px;
}
#nous p{
	margin:5px;
	padding:0;
}

/* PAGE ME CONTACTER */
#formulaire{
	width:600px;
	margin:10px auto 0 auto;
	border-left:2px solid #445016;
	padding:7px;
}
		#formulaire table { width:100%; margin:0 auto; }
		.bouton_form {
			margin:10px;
			padding:0;
			border:0;
}

/* PAGES CRÉAS WEB */
#texte_presentation_creaweb { width:100%; }
		#image_presentation_boutiques { float:right; margin:5px; }

#table_creations { width:97%; }
#table_creations td { text-align:left; vertical-align:top; }
#table_creations h4 { margin-top:0; padding-top:0; margin-bottom:10px; font-size:12px; }
.galerie a, #jquery-lightbox a { border-bottom:none; }
.galerie td a img { margin-top:20px; }
.legendes td { background-color:#dde9af; }

/* PAGE E-COMMERCE */
#ecommerce_ikicreaetraynette { width:100%; text-align:center; margin-top:20px;; }

#ecommerce_phrase { margin:20px 0 20px 20px; }

#ecommerce_49euros { width:445px; margin:0; margin-left:20px; float:left; }
		#ecommerce_49euros li { list-style-image:url(images/fleche.gif); font-size:14px; }

#anim-ecommerce { float:left; width:334px; height:300px; margin-left:40px; padding-left:30px; padding-top:40px; background:transparent url(images/vente-en-ligne/anim_e-commerce/fond_anim.gif) no-repeat; }

#ecommerce_savoirplus { clear:left; width:333px; height:41px; margin:20px auto; }
#exemples_boutiques { width:654px; height:401px; margin:20px auto; background:transparent url(images/vente-en-ligne/ecommerce_fond.gif) no-repeat; }

/* PAGE STUDIO GRAPHIQUE */
#tableau_studio { border-collapse:collapse; }

#tableau_studio td img { margin:5px 0; }

.studio1, .studio2, .studio3, .studio4, .studio5 { width:160px; text-align:center; }
.studio1 { background-color:#F4F8E6; }
.studio2 { background-color:#E2ECB9; }
.studio3 { background-color:#D2E193; }
.studio4 { background-color:#C0D668; }
.studio5 { background-color:#ACC93A; }

.tableau_separation { background-color:#fff; width:4px; }

#studio_textes td { text-align:justify; padding:4px; }