/* Conteneur */
#conteneur {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	border:1px solid #E7EBED;
	background:url("../../images/interface/header.jpg") top left no-repeat;
}
#conteneur .inner {
	background:url("../../images/interface/vagues.gif") bottom left no-repeat;
}

/* header */
#header {
	height:200px;
}
#header h1 a {
	width:83px;
	height:73px;
	background:url("../../images/interface/logo.gif") top right no-repeat;
	display:block;
	margin-top:15px;
	margin-left:25px;
	position:absolute;
}

/* Contenu */
#contenu {
	overflow:hidden;
	padding-bottom:25px;
}

/* Menu */
#contenu #menu {
	float:left;
	display:inline;
	width:260px;
	margin-left:20px;
	padding-bottom:60px;
}
#contenu #menu h2 a {
	color:#EE7F00;
	font-weight:bold;
	text-decoration:none;
	padding-left:15px;
	font-size:11pt;
}
#contenu #menu h2 a:hover {
	color:#FF8600
}
#contenu #menu h2.whatIsIceMailing {
	background:url("../../images/interface/menuTitre1.gif") 0px 0px no-repeat;
	height:23px;	
	margin-bottom:20px;
}
#contenu #menu h2.principeDeFonctionnement {
	background:url("../../images/interface/menuTitre2.gif") 0px 0px no-repeat;
	height:22px;	
}
#contenu #menu h2.plusDInformations {
	background:url("../../images/interface/menuTitre3.gif") 0px 0px no-repeat;
	height:21px;	
}
#contenu #menu ul {
	margin-left:10px;
	margin-bottom:20px;
}
#contenu #menu ul li {
	margin-bottom:3px;
}
#contenu #menu ul li a {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	font-size:9pt;
}
#contenu #menu ul li a:hover {
	text-decoration:underline;
}
#contenu #menu #encartMenu {
	background:url("../../images/interface/fondEncartMenu.gif") bottom left no-repeat;
	padding-bottom:11px;
	min-height:150px;
}
#contenu #menu #encartMenu .innerEncart {
	background:url("../../images/interface/fondEncartMenuRepeat.gif") #F4E9D7;
	margin-left:2px;
	padding-left:5px;
	padding-top:10px;
	padding-right:10px;
	min-height:140px;
}
#contenu #menu #encartMenu h3 {
	font-weight:bold;
	color:#EE7F00;
	margin-bottom:10px;
}
#contenu #menu #encartMenu ul {
	margin-left:0px;
	margin-bottom:0px;
}
#contenu #menu #encartMenu ul li {
	padding-left:24px;	
	background:url("../../images/interface/puceFleche.png") top left no-repeat;
	margin-bottom:2px;
	min-height:22px;
	padding-bottom:2px;
}
#contenu #menu #encartMenu strong {
	font-weight:bold;
	color:#EE7F00;
	display:block;
	margin-top:1em;
}


/* Texte principal */
#contenu #textePrincipal {
	float:left;
	display:inline;
	width:370px;
	background:url("../../images/interface/fondTexte.png") bottom left no-repeat;
	padding-bottom:14px;
	margin-left:30px;
}
#contenu #textePrincipal .innerText {
	width:362px;
	background:url("../../images/interface/fondTexteRepeat.png");
	padding-top:10px;
	text-align:justify;
}
#contenu #textePrincipal h3 {
	margin-bottom:10px;
	margin-left:10px;
}
#contenu #textePrincipal strong.chapo {
	font-weight:bold;
	margin-bottom:1em;
	display:block;
	padding-right:10px;
	padding-left:10px;
}
#contenu #textePrincipal p {
	padding-right:10px;
	padding-left:10px;
	margin-bottom:1em;
}
#contenu #textePrincipal ul {
	margin-right:10px;
	margin-left:10px;	
}
#contenu #textePrincipal ul li {
	margin-bottom:1em;
	background:url("../../images/interface/puceTiret.gif") 0px 0.5em no-repeat;
	padding-left:10px;
	padding-bottom:2px;
}
#contenu #textePrincipal form ul {
	margin:0px;
}
#contenu #textePrincipal form ul li {
	margin-bottom:5px;
	background:none;
	padding:0px;
}
#contenu #textePrincipal .nextPrevious {
	overflow:hidden;
	height:1%;
	margin-top:10px;
	padding-right:10px;
}
#contenu #textePrincipal .nextPrevious .next {
	float:right;
	margin-top:10px;
	background:url("../../images/interface/lienEtapeSuivante.png") top left no-repeat;
	width:118px;
	height:20px;
}
#contenu #textePrincipal .nextPrevious .previous {
	float:left;
	display:inline;
	margin-left:10px;
	margin-top:10px;
	background:url("../../images/interface/lienEtapePrecedente.png") top left no-repeat;
	width:150px;
	height:20px;
}
#contenu #textePrincipal .boutonFormulaire, #contenu #textePrincipal .boutonFormulaireEnvoyer {
	display:block;
	min-height:21px;
	color:#FFFFFF;
	text-align:center;
	font-size:8pt;
	text-decoration:none;
	padding-top:5px;
	margin-right:auto;
	margin-left:auto;
	margin-top:1.5em;
}
#contenu #textePrincipal .boutonFormulaire {
	background:url("../../images/interface/boutonDemandeRenseignement.png") top left no-repeat;
	width:175px;
}

/* Captures écrans */
#contenu #screens {
	float:left;
	display:inline;
	margin-top:20px;
	width:280px;
	list-style-position:outside;
	min-height:420px;
}
#contenu #screens li {
	margin-bottom:10px;
	width:235px;
	margin-right:auto;
	margin-left:auto;
	color:#878889;
	text-align:center;
	font-size:8pt;
}
#contenu #screens li a {
	display:block;
	padding-bottom:8px;
	width:235px;
	background:url("../../images/interface/zoom.gif") bottom right no-repeat;
	text-decoration:none;
	color:#878889;
	font-size:8pt;
}
#contenu #screens img {
	border:1px solid #CECECE;
	margin-bottom:2px;
}
#contenu #screens form h3 {
	text-align:left;
	margin-bottom:0.5em;
	font-weight:bold;
}

/* Modèles */
#contenu #modeles {
	float:left;
	display:inline;
	margin-top:20px;
	width:280px;
}
#contenu #modeles h3 {
	background:url("../../images/interface/titreModeles.png") top left no-repeat;
	width:95px;
	height:25px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
}
#contenu #modeles ul {
	width:180px;
	margin-right:auto;
	margin-left:auto;
}
#contenu #modeles ul li {
	margin-bottom:10px;
}
#contenu #modeles ul li a {
	color:#000000;
	font-weight:bold;
	padding-left:45px;
	height:79px;
	display:block;
	padding-left:90px;
	margin-bottom:1em;
}
#contenu #modeles ul li a.berceauMagique {
	background:url("../../images/visuels/screenEtape1-01_small.jpg") top left no-repeat;
}
#contenu #modeles ul li a.soneval {
	background:url("../../images/visuels/screenEtape1-02_small.jpg") top left no-repeat;
}
#contenu #modeles ul li a.banquise {
	background:url("../../images/visuels/screenEtape1-03_small.jpg") top left no-repeat;
}
#contenu #modeles ul li a.investAsia {
	background:url("../../images/visuels/screenFondsEtape1-01_small.jpg") top left no-repeat;
}



/* pied de page */
#bottom {
	background:url("../../images/interface/pictos.gif") top left no-repeat;
	margin-left:15px;
	font-size:9pt;
}
#bottom ul {
	height:36px;
	margin-left:120px;
}
#bottom ul li {
	float:left;
	border-left:1px solid #EE7F00;
	color:#EE7F00;
	padding-right:5px;
	padding-left:5px;
	margin-top:20px;
	padding-bottom:2px;
}
#bottom ul li a {
	text-decoration:none;
}
#bottom ul li a:hover {
	text-decoration:underline;
}
#bottom ul li.first-child {
	border-left:none;
	text-transform:uppercase;
}
#bottom .copyright {
	color:#D3D3D3;
	font-size:9pt;
	padding-top:3px;
	padding-bottom:3px;
}





/* Qu'est-ce que Ice Mailing ? */
#contenu #textePrincipal #whatIsIceMailing h3 {
	background:url("../../images/interface/titreWhatIsIceMailing.png") top left no-repeat;
	width:252px;
	height:32px;
}
#contenu #textePrincipal #whatIsIceMailing .nextPrevious .next {
	background:url("../../images/interface/lienPrincipeDeFonctionnement.png") top left no-repeat;
	width:187px;
	height:20px;
}
#contenu #textePrincipal #whatIsIceMailing ul li {
	padding-left:25px;
}
#contenu #textePrincipal #whatIsIceMailing ul li.un {
	background:url("../../images/interface/puceUn.png") top left no-repeat;
}
#contenu #textePrincipal #whatIsIceMailing ul li.deux {
	background:url("../../images/interface/puceDeux.png") top left no-repeat;
}
#contenu #textePrincipal #whatIsIceMailing ul li.trois {
	background:url("../../images/interface/puceTrois.png") top left no-repeat;
}
/* Etape 1 : Conception graphique */
#contenu #textePrincipal #conceptionGraphique h3 {
	background:url("../../images/interface/titreConceptionGraphique.png") top left no-repeat;
	width:271px;
	height:30px;
}
/* Etape 2 : Interface d'administration */
#contenu #textePrincipal #interfaceDAdministration h3 {
	background:url("../../images/interface/titreInterfaceAdministration.png") top left no-repeat;
	width:334px;
	height:31px;
}
/* Etape 3 : Envois et statistiques */
#contenu #textePrincipal #envoisEtStatistiques h3 {
	background:url("../../images/interface/titreEnvoiStatistiques.png") top left no-repeat;
	width:254px;
	height:26px;
}
/* Demande de renseignements */
#contenu #textePrincipal #demandeDeRenseignements h3 {
	background:url("../../images/interface/titreDemandeDeRenseignement.png") top left no-repeat;
	width:273px;
	height:25px;
	margin-bottom:20px;
}
#contenu #textePrincipal #demandeDeRenseignements .champ_bouton {
	margin-top:20px;
}
#contenu #textePrincipal #demandeDeRenseignements .asterisque {
	display:block;
	padding-bottom:2px;
	margin-top:0.5em;
	font-size:8pt;
}