/* TAGS GENERAUX */
*
{
	margin	: 0;
  	padding : 0;
}
html, body
{
	height	: 100%;
}
body
{
	font-family			: verdana;
	font-size			: 12px;
	color       		: #FFFFFF;
	background  		: url(../images/charte/bg-kdo-mailing.jpg) repeat;
	background-color  	: #272F3A;
  	text-align			: center;
}

a
{
	text-decoration	: none;
	color			: #FFD700;
}
a.blanc
{
	color	: #FFFFFF;
}
a.blanc_souligne
{
	color			: #FFFFFF;
	text-decoration	: underline;
}
a.bleu
{
	color	: #272F3A;
}
img
{
    border : 0
}
p
{
    text-align  : justify;
}

/* CONTENEUR PRINCIPAL */
#main
{
	position			: relative;
	background-color	: #272F3A;
	width				: 1024px;
	margin				: 0 auto;
	padding         	: 0;
  	text-align			: left;
}

/* HAUT DE PAGE */
#menu-top
{
	background  	: url(../images/charte/bg-menu.gif) repeat;
  	width			: 1024px;
  	height  		: 16px;
  	line-height 	: 16px;
  	text-align		: right;
  	clear			: both;
}
#menu-top ul
{
  	text-align		: right;
    list-style-type : none;
	margin		  	: 0px 0px 0px 640px;
	padding		  	: 0px 0px 0px 0px;
}
#menu-top li
{
	display : inline;
    float   : left;
    margin	: 0;
    padding	: 0 15px 0 0px;
}
#menu-top li a
{
	color			: #FFFFFF;
    font-size		: 10px;
    font-family		: verdana;
    /*text-decoration	: underline;*/
}
#header
{
	background  : url(../images/charte/bg-header.jpg) repeat;
  	width       : 1024px;
  	height      : 100px;
}
#logo
{
  	width       : 294px;
  	height      : 48px;
	margin	  	: 10px 0px 0px 20px;
}
#logo a
{
	color		: #FFFFFF;
    font-size	: 18px;
    font-family	: times new roman;
}
#espace_client
{
	background  : url(../images/charte/espace-client.jpg) no-repeat;
  	position	: absolute;
  	top			: 20px;
  	left		: 764px;
  	width       : 260px;
  	height      : 95px;
	margin	  	: 0 0 0 0;
	padding	  	: 20px 0 0 70px;
    font-size	: 10px;
    font-family	: verdana;
}
#espace_client input
{
  	width	: 94px;
  	height  : 14px;
}
#menu-haut
{
	background  : url(../images/charte/bg-menu.gif) repeat;
  	width		: 1024px;
  	height  	: 23px;
  	line-height : 23px;
  	clear		: both;
}
#menu-haut ul
{
    list-style-type : none;
	margin		  	: 0px 0px 0px 5px;
	padding		  	: 0px 0px 0px 0px;
}
#menu-haut li
{
	display 			: inline;
    float   			: left;
    margin				: 0;
    padding				: 0 15px 0 10px;
	background  		: url(../images/charte/sep-menu.jpg) no-repeat;
	background-position : right;
}
#menu-haut li a
{
	color			: #FFFFFF;
    font-size		: 12px;
    font-family		: verdana;
    font-weight		: bold;
}
#menu-haut li a:hover
{
	color	: #FC0;
}
/* CONTENT */
#content
{
	/* border-left			: 1px #FB7200 solid; */
	/* background-color	: #FFFFFF; */
  	width   	: 100%;
  	height		: 500px;
  	overflow	: auto;
	padding		: 0px 0px 0px 0px;
	margin		: 0px 0px 0px 0px;
}
#content h1,h2
{
	font-family	: times new roman;
}
#content h1
{
	color		: #ADFF2F;
	font-size	: 24px;
	padding		: 20px 10px 10px 25px;
}
#content h2
{
	color		: #FFD700;
	font-size	: 20px;
	padding		: 20px 10px 2px 25px;
}
#content p
{
	padding	: 5px 25px 5px 25px;
}
#content ul
{
	padding		: 0px 40px 0px 60px;
}
#chemin_fer
{
	padding		: 0px 0px 0px 0px;
	margin		: 2px 0px 0px 5px;
	/*background  		: url(../images/charte/yellowled.png) no-repeat;
	background-position : left;*/
}
#chemin_fer a
{
	font-size	: 11px;
	color		: #CCCCCC;
}
.fonctionnalite
{
	width	: 800px;
	height	: 140px;
	margin	: 0 0 40px 0;
}
.fonctionnalite .fonction_img
{
	float	: right;
	padding	: 20px 0 0 0;
}
/* BAS DE PAGE */
#footer
{
	position	: relative;
	clear       : both;
	background  : url(../images/charte/bg-copy.jpg) repeat;
  	width       : 1024px;
  	height      : 75px;
	margin		: 5px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}
#foot_link
{
	position	: relative;
	float		: left;
	text-align	: left;
  	width       : 600px;
    font-size	: 11px;
    font-family	: verdana;
}
#foot_link ul
{
    list-style-type : none;
	margin		  	: 5px 0px 0px 5px;
	padding		  	: 0px 0px 0px 0px;
}
#foot_link li
{
	display 		: inline;
    float   		: left;
    margin			: 0;
    padding			: 0 5px 0 5px;
	border-right	: 1px dashed #4B5561;
}
#foot_link li a
{
	color		: #FFFFFF;
    font-size	: 11px;
    font-family	: verdana;
}
#foot_link li a:hover
{
	color	: #FFFFFF;
}
.vcard
{
	color	: #FFFFFF;
    padding	: 20px 5px 0 10px;
}
.org
{
	font-weight	: bold;
}
#foot_logo
{
	position	: relative;
	float		: right;
	text-align	: right;
	width		: 315px;
	color		: #FFFFFF;
    font-size	: 12px;
    font-family	: verdana;
    font-weight	: bold;
	padding		: 8px 5px 0px 0px;
}

/* ACCUEIL */
#encadre_home
{
	background  : url(../images/charte/encadre-solution-emailing.gif) no-repeat;
  	width       : 1024px;
  	height      : 226px;
}
#encadre_home #intro
{
  	width	: 510px;
	padding	: 5px 0 10px 5px;
}

#trio_poles
{
	width	: 950px;
	margin	: 0 auto;
}
div.home_emailing
{
	background  : url(../images/charte/cadre-rubriques.jpg) no-repeat;
    float		: left;
  	width       : 275px;
  	height      : 133px;
    padding		: 0;
	margin		: 30px 0 0 30px;
}
div.home_emailing h3
{
	background  		: url(../images/charte/gestion-campagnes-emailing.jpg) no-repeat;
	background-position : bottom left;
    padding				: 5px 0 0 25px;
	margin				: 5px 0 0 5px;
	color				: #FFFFFF;
	font-weight			: bold;
	font-size			: 18px;
	font-family			: times new roman;
}
div.home_emailing p
{
	font-size	: 11px;
	margin		: 8px 0 0 -10px;
	padding		: 0;
}
div.home_emailing ul
{
	list-style-image	: url(../images/charte/coche.gif);
	list-style-type 	: none;
	margin				: 10px 0 0 -20px;
}
div.home_emailing ul li
{
	margin		: 0 0 0 -10px;
	padding		: 0 0 2px 0;
	font-size	: 11px;
	font-family	: verdana;
}
/******************************************************************************************************/
#etapes-emailing
{
  	width	: 875px;
	margin	: 0 0px 0 50px;
}
/* REFERENCES INTERNET */
.reference
{
	background  : url(../images/charte/fond-temoignage.jpg) no-repeat;
  	width       : 980px;
  	height		: 120px;
	margin		: 0px 0px 0px 20px;
}
.ref_chapeau
{
  	width       	: 750px;
	margin-right	: 180px;
	color			: #272F3A;
}
.ref_img
{
	float	: right;
  	width   : 180px;
	margin	: 5px 15px 0px 5px;
}

.accroche
{
	font-weight	: bold;
	color		: #FF4500;
}
#popup_adresse
{
	background  : url(../images/charte/coordonnees.jpg) no-repeat;
  	width       : 286px;
  	height      : 133px;
	margin		: 20px 0px 10px 10px;
	padding		: 5px 10px 10px 20px;
	float		: right;
}

#not-found
{
	background  : url(../images/charte/404-not-found.jpg) no-repeat;
  	width       : 400px;
  	height      : 302px;
	margin		: 80px 0px 0px 300px;
}