body,html {
	padding: 0px;
	margin:0px; 
	height: 100%;
	background-color: #6A3800;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;		
	color: #000000;
	}


/*############### les conteneurs de mise en  page ############################*/
#conteneurGeneral{
	position: relative;
	width: 1000px;
	/*min-height: 100%;*/
	margin: 0 auto;
	padding: 0px;
	background-color: #6A3800;
	background-image:url(images/fond.gif);
	background-repeat:repeat-y;	
}

#conteneur{
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0px;
}

#header
{
   width: 900px;
   height: 170px;
   margin: 0px;
}

#degradeGrisGraphisme
{
   width: 789px;
   height: 38px;
   background-image:url(images/graphisme/degrade_gris_graphisme.gif);
   background-repeat:no-repeat;
   padding:0px;
   padding-right:10px;
   text-align:right;
}

#degradeGrisWeb
{
   width: 789px;
   height: 38px;
   background-image:url(images/sites-internet/degrade_gris_web.gif);
   background-repeat:no-repeat;
   padding:0px;
   padding-right:10px;
   text-align:right;
}

#degradeGrisCreateur
{
   width: 789px;
   height: 38px;
   background-image:url(images/pole-createur/degrade_gris_createur.jpg);
   background-repeat:no-repeat;
   padding:0px;
   padding-right:10px;
   text-align:right;
}

#degradeGrisPackaging
{
   width: 789px;
   height: 38px;
   background-image:url(images/produit-packaging/degrade_gris_produit_packaging.gif);
   background-repeat:no-repeat;/
   padding:0px;
   padding-right:10px;
   text-align:right;
}

#degradeGrisCom
{
   width: 789px;
   height: 38px;
   background-image:url(images/communication-marketing/degrade_gris_com.gif);
   background-repeat:no-repeat;
   padding:0px;
   padding-right:10px;
   text-align:right;
}

#degradeGrisContact
{
   width: 789px;
   height: 38px;
   background-image:url(images/agence-communication/degrade_gris_contacter_creasens.gif);
   background-repeat:no-repeat;
   padding:0px;
   padding-right:10px;
   text-align:right;
}

#contenu
{
   	width: 799px;
	height:auto;
	margin-top:0px;
   	border-left:1px solid #CCD215;
   	border-right:1px solid #CCD215;
	background:#FFFFFF url(images/fond_contenu.gif) no-repeat bottom right;
	float : left;
}



#colonneGaucheGraphisme{

	width: 220px; /*250+10 de padding*/
	min-height:460px; /*avant c'etait min-height mais bug sur ie6*/
  	background-color:#ffffff;
	background-image:url(images/graphisme/fond_realisations_graphisme.gif);
	background-repeat:no-repeat;
	margin-left:0px;
	padding-left:10px;
	border-right:1px solid #CCD215;
   	float:left;
	margin-bottom:10px;
}

#colonneGaucheWeb{
	width: 220px; /*230-10 de padding - 1 de border right*/
	min-height:460px; /*avant c'etait min-height mais bug sur ie6*/
  	background-color:#ffffff;
	background-image:url(images/sites-internet/fond_realisations_web.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	padding-left:10px;
	border-right:1px solid #7D7C80;
   	float:left;
	margin-bottom:10px;
}


#colonneGaucheCreateur{
	width: 220px; /*230-10 de padding - 1 de border right*/
	min-height:460px; /*avant c'etait min-height mais bug sur ie6*/
  	background-color:#ffffff;
	background-image:url(images/pole-createur/fond_realisations_createur.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	padding-left:10px;
	border-right:1px solid #fedfa1;
   	float:left;
	margin-bottom:10px;
}

#colonneGauchePackaging{
	width: 220px; /*250+10 de padding*/
	min-height:460px; /*avant c'etait min-height mais bug sur ie6*/
  	background-color:#ffffff;
	background-image:url(images/produit-packaging/fond_realisations-produit-packaging.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	padding-left:10px;
	border-right:1px solid #CF6800;
   	float:left;
	margin-bottom:10px;
}

#colonneGaucheCom{
	width: 220px; /*250+10 de padding*/
	min-height:460px; /*avant c'etait min-height mais bug sur ie6*/
  	background-color:#ffffff;
	background-image:url(images/communication-marketing/fond_realisations_com.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	padding-left:10px;
	border-right:1px solid #00A5D6;
   	float:left;
	margin-bottom:10px;
}

#colonneGaucheContact{

	width: 220px; /*250+10 de padding*/
	height:660px; /*avant c'etait min-height mais bug sur ie6*/
  	background-color:#ffffff;
	background-image:url(images/agence-communication/fond_contacter-creasens.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	padding-left:10px;
	border-right:1px solid #CCD215;
   	float:left;
	text-align:right;
	margin-bottom:10px;
}

#colonneGaucheAgence{

	width: 220px; /*250+10 de padding*/
	height:460px; /*avant c'etait min-height mais bug sur ie6*/
  	background-color:#ffffff;
	background-image:url(images/agence-communication/fond_contacter-creasens.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	padding-left:10px;
	border-right:1px solid #CCD215;
   	float:left;
	text-align:right;
	margin-bottom:10px;
}

#colonneMilieu{
	width: 300px;
	background-color:#FFFFFF;
	/*background-image:url(images/colonne_milieu_fond.gif);*/
	background-repeat:repeat-y;
   	margin-left: 25px;
	margin-top:11px;
	margin-bottom:15px;
	/*padding-left:10px;
	padding-left:10px;*/
	float:left;
	
}
	
	#colonneMilieu_haut{
		width: 300px;
	}
	
	#colonneMilieu_contenu{
		width: 280px;
		margin:0px auto;
		background-color:#FFFFFF;
		text-align:justify;
	}
	
	#colonneMilieu_bas{
		width: 300px;
		height:54px;
		background-image:url(images/colonne_milieu_bas.gif);
	}

#colonneDroite{
	width: 530px;
	
   	margin-left: 250px;
	text-align:justify;
}


/*##################################COLONNES DE DROITE##############################################*/
/*---------Createur d'entreprise - Pole createur -------------*/
/*------- Formulaire ---------*/
#createurFormulaire {
width : 500px;
margin-top : 10px;
text-align : left;
}

#createurFormulaire input.check {
border : none;
}

#createurFormulaire ul#gauche{
float : left;
margin-right : 70px;
margin-top : -3px;
}


/*------ Fin formulaire ---------*/
#colonneDroite3Colonnes_web{
	width: 205px;
	background:#FFFFFF url(images/sites-internet/colonne_droite_web_fond.gif) repeat-y;
   	margin-right: 10px;
	margin-top: 11px;
	text-align:justify;
	float:right;
	color:#FFFFFF;
}

#colonneDroite3Colonnes_web a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:lighter;
}

#colonneDroite3Colonnes_web a:hover {
	text-decoration:underline;
}

#colonneDroite3Colonnes_web a:visited {
	color:#FFFFFF;
}

#colonneDroite3Colonnes_web a:active {
	color:#FFFFFF;
	text-decoration:none;
}

	#colonneDroite3Colonnes_haut_web{
		width: 205px;
	}
	
	#colonneDroite3Colonnes_contenu_web{
		width: 185px;
		margin:0px auto;
		background-color:#7D7C80;
		text-align:justify;
	}
	
	#colonneDroite3Colonnes_bas_web{
		width: 205px;
		height:20px;
		background-image:url(images/sites-internet/colonne_droite_web_bas.gif);
	}
/* fin pole createur*/
/*---------web-------------*/
#colonneDroite3Colonnes_web{
	width: 205px;
	background:#FFFFFF url(images/sites-internet/colonne_droite_web_fond.gif) repeat-y;
   	margin-right: 10px;
	margin-top: 11px;
	text-align:justify;
	float:right;
	color:#FFFFFF;
}

#colonneDroite3Colonnes_web a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:lighter;
}

#colonneDroite3Colonnes_web a:hover {
	text-decoration:underline;
}

#colonneDroite3Colonnes_web a:visited {
	color:#FFFFFF;
}

#colonneDroite3Colonnes_web a:active {
	color:#FFFFFF;
	text-decoration:none;
}

	#colonneDroite3Colonnes_haut_web{
		width: 205px;
	}
	
	#colonneDroite3Colonnes_contenu_web{
		width: 185px;
		margin:0px auto;
		background-color:#7D7C80;
		text-align:justify;
	}
	
	#colonneDroite3Colonnes_bas_web{
		width: 205px;
		height:20px;
		background-image:url(images/sites-internet/colonne_droite_web_bas.gif);
	}
	
/*---------graphisme-------------*/
#colonneDroite3Colonnes_graphisme{
	width: 205px;
	background:#FFFFFF url(images/graphisme/colonne_droite_graphisme_fond.gif) repeat-y;
   	margin-right: 10px;
	margin-top: 11px;
	text-align:justify;
	float:right;
	color:#6B3801;
}
 
#colonneDroite3Colonnes_graphisme a {
	color:#6B3801;
	text-decoration:none;
	font-weight:lighter;
}

#colonneDroite3Colonnes_graphisme a:hover {
	text-decoration:underline;
}

#colonneDroite3Colonnes_graphisme a:visited {
	color:#6B3801;
}

#colonneDroite3Colonnes_graphisme a:active {
	color:#6B3801;
	text-decoration:none;
}

	#colonneDroite3Colonnes_haut_graphisme{
		width: 205px;
	}
	
	#colonneDroite3Colonnes_contenu_graphisme{
		width: 185px;
		margin:0px auto;
		background-color:#CCD215;
		text-align:justify;
	}
	
	#colonneDroite3Colonnes_bas_graphisme{
		width: 205px;
		height:20px;
		background-image:url(images/graphisme/colonne_droite_graphisme_bas.gif);
	}
	
/*---------packaging-------------*/
#colonneDroite3Colonnes_packaging{
	width: 205px;
	background:#FFFFFF url(images/produit-packaging/colonne_droite_packaging_fond.gif) repeat-y;
   	margin-right: 10px;
	margin-top: 11px;
	text-align:justify;
	float:right;
	color:#FFFFFF;
}

#colonneDroite3Colonnes_packaging a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:lighter;
}

#colonneDroite3Colonnes_packaging a:hover {
text-decoration:underline;
}

#colonneDroite3Colonnes_packaging a:visited {
	color:#FFFFFF;
}

#colonneDroite3Colonnes_packaging a:active {
	color:#FFFFFF;
}

	#colonneDroite3Colonnes_haut_packaging{
		width: 205px;
	}
	
	#colonneDroite3Colonnes_contenu_packaging{
		width: 185px;
		margin:0px auto;
		background-color:#CF6800;
		text-align:justify;
	}
	
	#colonneDroite3Colonnes_bas_packaging{
		width: 205px;
		height:20px;
		background-image: url(images/produit-packaging/colonne_droite_packaging_bas.gif);
	}
	
/*---------com-------------*/
#colonneDroite3Colonnes_com{
	width: 205px;
	background:#FFFFFF url(images/communication-marketing/colonne_droite_com_fond.gif) repeat-y;
   	margin-right: 10px;
	margin-top: 11px;
	text-align:justify;
	float:right;
	color:#FFFFFF;
}

#colonneDroite3Colonnes_com a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:lighter;
}

#colonneDroite3Colonnes_com a:hover {
text-decoration:underline;
}

#colonneDroite3Colonnes_com a:visited {
	color:#FFFFFF;
}

#colonneDroite3Colonnes_com a:active {
	color:#FFFFFF;
	text-decoration:none;
}

	#colonneDroite3Colonnes_haut_com{
		width: 205px;
	}
	
	#colonneDroite3Colonnes_contenu_com{
		width: 185px;
		margin:0px auto;
		background-color:#00A5D6;
		text-align:justify;
	}
	
	#colonneDroite3Colonnes_bas_com{
		width: 205px;
		height:20px;
		background-image:url(images/communication-marketing/colonne_droite_com_bas.gif);
	}
/*---------------------*/
#bandeCouleur
{
   width: 85px;
   height: 15px;
   float:right;
   background-color:#FF0000;
   margin-top:20px;
}

#footer
{
   width: 801px;
   height: 24px;
   background-image:url(images/footer.gif);
   margin-top: 0px;
   text-align:center;
}

#menu_createur {
width : 98px;
height : 150px;
background : red;
float : left;
margin-top : 21px;
}

/*######################################################################*/
.tableauRealisation{
	text-align:left;
	border-collapse:collapse;
	width:190px;
	border:0px solid black;
	padding:0px;
	margin-left:12px;
}

.celluleRealisation{
	text-align:center;
	margin:0px;
	padding-bottom:0px;
	/*border:1px solid black;*/
}


/*######################################################################*/

a:link {
	font-weight:bold;
	color:#6A3800;
	text-decoration:none;
}

a:visited {
	font-weight:bold;
	color:#6A3800;
	text-decoration:none;
}

a:hover {
	font-weight:bold;
	color:#6A3800;
	text-decoration: underline;
}

a:active {
	font-weight:bold;
	color:#6A3800;
	text-decoration:none;
}

h1 {
	/*font-weight:bold;*/
	/*font-weight: bold;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#7D7C80;
	margin:0px;
}

#colonneGaucheWeb h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#7D7C80;
	margin:0px;
	float:right;
}

#colonneGaucheCreateur h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#7b4819;
	margin:0px;
	float:right;
}

#colonneGaucheGraphisme h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#CCD215;
	margin:0px;
	float:right;
}

#colonneGauchePackaging h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#CF6800;
	margin:0px;
	float:right;
}

#colonneGaucheCom h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#00A5D6;
	margin:0px;
	float:right;
}

#colonneGaucheContact h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#6A3800;
	margin:0px;
	float:right;
}

h2 {
	/*font-weight:bold;*/
	font-weight: lighter;
	font-size:16px;
	color:#6A3800;
	margin:0px;
}

h3{
	font-weight:bold;
	font-size:16px;
	color:#ffffff;
	margin:0px;
	padding-left:15px;
}


h4{
	font-weight:bold;
	font-size:14px;
	color:#6A3800;
	margin:0px;
}

hr
{
	clear:left;
	visibility:hidden;
	margin:0px;
}

.imageRealisation{
	display: block;
   	margin-left: auto;
   	margin-right: auto; 
}

.titreWeb {
	width:200px;
	height:15px;
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	background-color:#7D7C80;
	color:#ffffff;
	
}

.titreCreateur {
	width:200px;
	height:15px;
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	background-color:#fedfa1;
	color:#7b4819;
	
}

.titreGraphisme {
	width:200px;
	height:15px;
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	background-color:#CCD215;
	color:#ffffff;
	
}

.titrePackaging {
	width:200px;
	height:15px;
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	background-color:#CF6800;
	color:#ffffff;
	
}

.titreCom {
	width:200px;
	height:15px;
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	background-color:#00A5D6;
	color:#ffffff;
	
}

.boldMarron {
	font-weight: bold;
	color:#6A3800;
}
/*========================PAGINATION DES REALISATIONS========================================*/

/*----------web------------*/
#paginationWeb {		/*suppression de puce de ul et des marge et padding*/
	margin:0px;
	padding:0px;
	font-size: 12px;
	list-style-type: none;
	text-align:center;
}

#paginationWeb li{
	display: inline;
	text-align:center;
	margin-right:2px;
	
}

#paginationWeb li a {
	text-decoration: none;
	text-align: center ;
	padding-top:1px;
	padding-right:4px;
	padding-left:4px;
	padding-bottom:1px;
	background-color: #7D7C80;
	color:#FFFFFF;
	vertical-align:middle;

}

#paginationWeb li a:hover {
	background-color: #6B6A6D;
}

/*----------graphisme------------*/
#paginationGraphisme {		/*suppression de puce de ul et des marge et padding*/
	margin:0px;
	padding:0px;
	font-size: 12px;
	list-style-type: none;
	text-align:center;
}

#paginationGraphisme li{
	display: inline;
	text-align:center;
	margin-right:2px;
	
}

#paginationGraphisme li a {
	text-decoration: none;
	text-align: center ;
	padding-top:1px;
	padding-right:4px;
	padding-left:4px;
	padding-bottom:1px;
	background-color: #CCD215;
	color:#FFFFFF;

}

#paginationGraphisme a:hover {
	background-color: #CCD215;
}

/*----------Packaging------------*/
#paginationPackaging {		/*suppression de puce de ul et des marge et padding*/
	margin:0px;
	padding:0px;
	font-size: 12px;
	list-style-type: none;
	text-align:center;
}

#paginationPackaging li{
	display: inline;
	text-align:center;
	margin-right:2px;
	
}

#paginationPackaging li a {
	text-decoration: none;
	text-align: center ;
	padding-top:1px;
	padding-right:4px;
	padding-left:4px;
	padding-bottom:1px;
	background-color: #CF6800;
	color:#FFFFFF;

}

#paginationPackaging a:hover {
	background-color: #CF6800;
}

/*----------Com------------*/
#paginationCom {		/*suppression de puce de ul et des marge et padding*/
	margin:0px;
	padding:0px;
	font-size: 12px;
	list-style-type: none;
	text-align:center;
}

#paginationCom li{
	display: inline;
	text-align:center;
	margin-right:2px;
	
}

#paginationCom li a {
	text-decoration: none;
	text-align: center ;
	padding-top:1px;
	padding-right:4px;
	padding-left:4px;
	padding-bottom:1px;
	background-color: #00A5D6;
	color:#FFFFFF;

}

#paginationCom a:hover {
	background-color: #00A5D6;
}

/*========================ELEMENTS DE FORMULAIRE========================================*/
input {
border:1px solid #CCD215;
background-color:#F3F3F3;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#6A3800;
}

textarea {
border:1px solid #CCD215;
background-color:#F3F3F3;
font-size:10px;
color:#6A3800;
}
/*
select, option {
background-color:#F3F3F3;
color:#02439D;
}


*/
/*======================================================================================*/

.clearer {
clear : both;
}

.droite {
	float : right;
}

.gauche {
	float : left;
}


/******************** Nouveau formulaire *********************/
#formulaire_contact {
	width : 534px;
	height : 300px;
}


.form_gauche {
	width : 178px;
	float : left;
}

#form_mileu {
	width : 178px;
	float : left;
}


.form_droit {
	float : left;
	margin-left : 25px;
	width : 240px;
}


#plan_acces {
	
	text-align : center;
}


#contact input {
	margin-bottom : 4px;
}

*+html #contact input {
	margin-bottom : 4px;

}

*+html #contact textarea {
	margin-bottom : 4px;
	margin-left : -25px;
}


/* ****** ECOLO ****** */

#colonneGaucheEcolo{
	width: 220px; /*250+10 de padding*/
	min-height:460px; /*avant c'etait min-height mais bug sur ie6*/
  	background-color:#ffffff;
	background-image:url(images/communication-marketing/ecolo.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	padding-left:10px;
	border-right:1px solid #00A5D6;
   	float:left;
	margin-bottom:10px;
}


#degradeGrisEcolo
{
   width: 789px;
   height: 38px;
   background-image:url(images/communication-marketing/degrade_gris_ecolo.gif);
   background-repeat:no-repeat;
   padding:0px;
   padding-right:10px;
   text-align:right;
}

#colonneMilieu2 {
	text-align : justify;
	width : 250px;
	margin-left : 15px;
	float:left;
}

#sous_colonne {
	text-align : justify;
	width : 470px;
	margin-left : 250px;
}

#colonneDroite_eco{
	width: 200px;
	float:left;
	margin-left : 15px;
}

.prix_ecolo {
	color : #6A3800;
	margin-left : 15px;
	font-style:italic;
}

#lien_com {
	margin-top : 420px;
}

#lien_com a {	
	font-weight:normal;
}