﻿ 

	.wrapperMain {position:relative;}

/*
	menu haut
*/
	.MenuHaut {width:820px; height:27px; float:left; background:#fff}
	.MenuHaut li {float:left; width:174px; height:27px; margin-right:10px;}
	.MenuHaut a {width:174px; height:21px; float:left; padding-top:6px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; background-position:0 0; background-repeat:no-repeat}
	/*.MenuHaut a img {position:relative; left:5px; top:3px}*/
	
	.MenuHaut a img {vertical-align:middle;}
	.MenuHaut a span {height:21px;}
	.MenuHaut a:hover, .MenuHaut a.IsActive,  .MenuHaut a.on {text-decoration:none; background-position:0 bottom;}
    
/*
	POPUP MSG
*/
/*	.overlayMsg {display:none; position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75; background-color:#fff;}
	.popMsg {
		display:none;
		width: 470px;
		position: absolute;
		z-index:101;
		top:150px; left:50%;
		margin-left:-235px;
	}
	.popMsg .content, .popMsg2 .content  {
		width: 470px;
		position: relative;
		padding: 0 0 5px 20px;
		color: #fff;
		clear: both;
		float: left;
		background: url(/Images/popup/fond.png) repeat-y;
	}
	.popMsg .content p.LigneSendToFriend, .popMsg2 .content p.LigneSendToFriend {padding-bottom:10px;}
	.popMsg .content, .popMsg2 .content .contenu {width: 430px;padding-right: 5px;}
	
	.popMsg.popFriends .content label,
	.popMsg2 .content .contenu label {
		width:90px;padding-right:5px;
		float:left;display:inline;position:relative;
		text-align:right;
	}
	.popMsg.popFriends .content input.chpTexte,
	.popMsg2 .content .contenu input.chpTexte {float:left;display:inline;position:relative;width:280px;color:#93117e;}
	
	.popMsg.popFriends .content .chpComm,
	.popMsg2 .content .contenu .chpComm {float:left;display:inline;position:relative;width:280px;color:#93117e;}
	
	.popMsg.popFriends .content .ValiderSendToFriend,
	.popMsg2 .content .contenu .ValiderSendToFriend {float:right;display:inline;position:relative;}
	
	//.popMsg .content .alertValidation {clear:both; width:350px; margin:0px auto 8px auto; padding:5px; color:#FFC249; border:3px solid #FFC249; }
	
	.popMsg .content .alertValidation
	{
	    border-color:#FFC249 -moz-use-text-color;
        border-style:solid none;
        border-width:2px medium;
        font-size:12px;
        margin:10px 0;
        padding:10px;
        width:375px;
    }
.   .popMsg .content .alertValidation li {padding : 0 10px; margin : 2px 0;}
	
	.popMsg .content li
	{
		margin-bottom: 5px;
	}
	.popMsg .content .moment li
	{
		float: left;
		width: 150px;
	}
	.popMsg .content .heure
	{
		clear: both;
		float: left;
	}
	.popMsg .content .bt-merappeler
	{
		float: right;
		margin: 20px 30px 20px 0;
	}
	.popMsg .content .momen
	{
		margin-bottom: 20px;
		float: left;
	}
	.popMsg p#mentions-experts
	{
		position: absolute;
		left: 0;
		bottom: 0; 
		margin-bottom: -5px;
		margin-left: 15px;
		font-size: 10px;
	}

	.popMsg h2, .popMsg2 h2 {
		width: 395px;
		border-bottom: 1px solid #fff;
		font-size: 15px;
		padding-bottom: 3px;
		margin-bottom: 16px;
		position: relative;
	}
	.popMsg p, .popMsg2 p {
		width: 380px;
		font-size: 13px;
		clear: both;
		float: left;
	}
	.popMsg .taille, .popMsg2 .taille {
		overflow-y: auto;
		overflow-x: hidden;
		width: 405px;
		clear: both;
		max-height: 400px;
		min-height: 200px;
		float: left;
	}
	.popMsg .haut, .popMsg2 .haut {
		width: 470px;
		height: 50px;
		position: absolute;
		top: -25px;
		left: 0;
		background: url(/Images/popup/haut.png) no-repeat;
	}
	.popMsg .haut .croix, .popMsg2 .haut .croix {
		float: right;
		display: inline;
		margin-right: 20px;
		padding-top: 15px;
		width: 18px;
		height: 18px;
	}
	.popMsg .imprimer, .popMsg2 .imprimer
	{
		clear: both;
		display: none;
		margin-right: 50px;
		float: right;
		padding-top: 50px;
	}
	.popMsg .bas , .popMsg2 .bas{
		display: block;
		clear: both;
		float: left;
	}
	.parag01 {padding-bottom:12px;}
	.parag02 {padding-top:12px;}*/
	
	
/*
	HOME
*/
	#ContentHome {
		clear:both;
		width:820px;
		font-size:1.1em;
	}
	.Pastille {position:absolute; z-index:10; top:10px; right:10px; width:159px; height:135px;}

	.leadStory {width:357px; height:500px; float:left; margin:14px 0 0 13px; padding:0 12px 0 4px; display:inline;}
	.leadStory h2 {width:357px; height:40px;}
    .leadStory .Encart {width:357px; margin-top:10px; float:left; clear:both; display:inline;}
	.leadStory .Encart h3 {padding:0 0 2px 10px; font-size:1.2em; font-weight:bold;}
	.leadStory .Encart img {float:left; width:115px; height:115px; margin:14px 0 0 10px;}
	.leadStory .Encart div {width:200px; float:left; padding-top:14px; margin-left:10px;}
	.leadStory .Encart div p strong {display:block; font-size:1.0em;}
	.leadStory .Encart div .lien,
	.initiative .lien {margin-top:8px; padding-left:9px; display:block; font-weight:bold;}
	
	.innovation {float:right; width:313px; height:116px; margin:216px 97px 0 0; display:inline;}
	.innovation .visuel {float:left; margin:1px 4px 0 5px; height: 90px; margin-top: 10px;}
	.innovation .titre {margin:6px 0 0 0;}
	.innovation h2 {margin-top:5px; font-size:1.2em; float:left; width:208px;}
	.innovation .texte {margin-top:3px; padding-right:3px; width:208px; float:left;}
	.innovation .lien {margin-top:3px; padding-left:9px; font-weight:bold; float:left; font-size:0.9em;}

	#BlocAVotreService { bottom:5px; left:22px; width:364px; position:absolute; z-index:1;}
	#BlocAVotreService .bulle {float:left;}
	#BlocAVotreService p {float:left; width:228px; padding:8px 0 4px 9px;}
	#BlocAVotreService p strong {display:block; color:#93117e;}
	#BlocAVotreService .lien {float:left; width:213px; padding-left:9px; margin-top: 2px; font-weight:bold; color:#93117e; background:url(/Images/intern-commun/arrow-aVotreService.gif) 0 5px no-repeat;}

	#EcafeHome {position:absolute; z-index:2; right:5px; bottom:0; width:451px; height:168px;}
	#fond-EcafeHome {position:absolute; z-index:1; right:5px; bottom:0; width:451px; height:168px; background:url(/Images/intern-commun/internHome-bgEcafe.png) top no-repeat;}
	
	#EcafeHome .TitreEcafe {margin:45px 0 0 71px; display:block;}
	
	#EcafeHome .TxtGauche {float:left; width:220px; margin:9px 0 0 27px; display:inline;}
	#EcafeHome .TxtDroite {float:left; width:192px; margin:9px 0 0 10px; display:inline;}
	
	#EcafeHome h3 {font-size:1em; font-weight:bold; color:#d72a3b}
	#EcafeHome .TxtGauche p, #EcafeHome .TxtDroite p {height: 32px; overflow:hidden;}
	#EcafeHome .lien  {display:block; padding-left:9px; font-weight:bold; color:#d72a3b; background:url(/Images/intern-commun/arrow-eCafe.gif) 0 5px no-repeat;}
		



/*
	INTERN
*/

	.bg-container {margin-top:13px;}
	.bandeauHaut {margin-bottom:9px}
	/* liste initiative + dossiers */
	#Bloc {width:803px; position:relative; margin:15px 0 0 11px;}
	#Bloc .fond-haut {position:absolute; top:0; left:0; display: block; width:803px; height:9px;}
	#Ombredroite {width:803px; margin-top:28px; float:left; background:url(/Images/intern-commun/ombre-droite.png) right top repeat-y;}
	
	#ContenuBloc {margin-top:-19px;width:795px; min-height:400px; float:left; background-color:#fff; position:relative; padding-bottom:25px;}
	#ContenuBloc .ImgDroite {float:right; margin-top:-9px;}
	
	#ContenuBloc .ColGaucheListeDossiers {width:582px; float:left; padding: 0 0 10px 18px;}
	#ContenuBloc .ColGaucheListeDossiers .Encart {width:582px; clear:both; float:left; margin-bottom:10px;}
	#ContenuBloc .ColGaucheListeDossiers h2 {width:582px; font-size:1.4em; font-weight:bold; padding:0 0 2px 0;}

	#ContenuBloc .ColGaucheListeDossiers .ImageGauche {float:left; padding-top:6px; width:115px; height:115px;}
	#ContenuBloc .ColGaucheListeDossiers h3 {font-weight:bold; font-size:1.2em}
	#ContenuBloc .ColGaucheListeDossiers .TexteDroite {float:left; width:400px; padding:15px 0 0 21px;}
	#ContenuBloc .ColGaucheListeDossiers .TexteDroite p {font-size:1.1em; color:#737373;}
	#ContenuBloc .ColGaucheListeDossiers .lien {display:block; padding-left:9px; margin-top:8px; font-size:1.1em; font-weight:bold;}
	
	.LienRetour {position:absolute; bottom:0px; left:10px; padding-left:9px;  display:block; font-weight:bold;}
	.LienRetour.LienSendFriend {position:absolute; bottom:18px; left:10px; padding-left:9px;  display:block; font-weight:bold;}
	
	/*#Bloc .pagerRepeater {position:absolute; bottom:15px; right:220px; padding-top:12px; float:right; font-weight:bold;}*/
	#Bloc .pagerRepeater {bottom:15px; right:220px; padding-top:12px; float:right; font-weight:bold;}
	#Bloc .pagerRepeater a {font-weight:bold; text-decoration:none;}
	#Bloc .pagerRepeater a:hover {text-decoration:underline;}
	#Bloc .pagerRepeater strong {color:#737373;}



	/* fiche initiative + dossiers */
	#ContenuBloc .ImgDroite-fiche {float:right; margin-top:35px; width:247px; height:319px;}
	#ContenuBloc .ColGaucheFicheDossier {width:520px; margin-left:15px; min-height:460px; margin-bottom:15px;position:relative;padding-top:25px;}
	
	#ContenuBloc .ColGaucheFicheDossier .BtnSendFriend 
	{
	    display:block;width:147px;height:23px;
	    padding:9px 0 0 58px;
	    background:url(/Images/intern-commun/btn-envoyer-ami.gif) no-repeat;
	    position:absolute;right:15px;top:-9px;
	    color:#a53388;
	    font:normal bold 12px/1em Arial;
	}
	#ContenuBloc .ColGaucheFicheDossier ol {margin-left: 20px;}
	#ContenuBloc .ColGaucheFicheDossier ol li {font-size: 1.1em;padding-bottom: 2px;}
	
	#ContenuBloc .ColGaucheFicheDossier h1 {font-size:1.8em; margin-bottom:10px}
	#ContenuBloc .ColGaucheFicheDossier .contenuTexte div {font-size:1.1em; margin-bottom:19px;}
	#ContenuBloc .ColGaucheFicheDossier .contenuTexte h1 {font-size:1.1em; color:#646666;}
	#ContenuBloc .ColGaucheFicheDossier .contenuTexte p {padding-bottom:5px; font-size:1.1em;}
	#ContenuBloc .ColGaucheFicheDossier .contenuTexte a {color:#737373; font-weight:bold;}
	/*#ContenuBloc .ColGaucheFicheDossier .contenuTexte p strong {display:block}*/

	#ContenuBloc #EcafeBas {position:absolute; top:369px; right:6px; width:250px; height:120px; background:url(/Images/intern-commun/internListes-bgEcafe.jpg) no-repeat;}
	#ContenuBloc #EcafeBas .texte {width:155px; height:40px; overflow:hidden; margin:55px 0 0 90px; font-size:.9em; color:#737373;}
	#ContenuBloc #EcafeBas .lien {margin-left:90px; font-weight:bold; color:#d72a3b;}
	#ContenuBloc #EcafeBas .lien a {color:#d72a3b;}

	#ContenuBloc .ColGaucheFicheDossier .SelectionLiens {padding:5px; margin-top:10px; font-size:1.1em; background-color:#f7eef6;}
	#ContenuBloc .ColGaucheFicheDossier .SelectionLiens strong {display:block}
	#ContenuBloc .ColGaucheFicheDossier .SelectionLiens a {font-weight:bold; text-decoration:none; color:#737373;}
	#ContenuBloc .ColGaucheFicheDossier .SelectionLiens a:hover {text-decoration:underline;}
	#ContenuBloc .ColGaucheFicheDossier .SelectionLiens .grasliteral {font-weight:bold; color:#737373;}


	/* liste innovations */
	#ContenuBloc .ColGaucheListeInno {width:582px; float:left; padding-left:18px; padding-bottom:10px;}
	#ContenuBloc .ColGaucheListeInno .Encart {width:582px; float:left; margin-bottom: 10px;}
	
	#ContenuBloc .ColGaucheListeInno .ImageGauche {float:left; width:115px; height:115px}
	#ContenuBloc .ColGaucheListeInno h3 {font-weight:bold; font-size:1.4em;}
	#ContenuBloc .ColGaucheListeInno .TexteDroite {float:left; width:430px;padding-left:10px; font-size:1.1em;color:#737373;}
	#ContenuBloc .ColGaucheListeInno .reduit { width:270px;}
	
	#ContenuBloc .ColGaucheListeInno .lien {display:block; padding-left:9px; margin-top:8px; font-size:.9em; font-weight:bold;}
	#ContenuBloc .ColGaucheListeInno .ligne {clear:both; width:550px; margin:0 0 10px 10px; height:1px; font-size:.1em;}
	#ContenuBloc .ColGaucheListeInno .offreDecou {float: right; margin-top: 40px; width:153px; height:94px;}
	

	/* fiche innovation */
	
	.Inno .nouveau 
	{
	    width:224px;
	    height:39px;
		display: block;
		margin-left: 32px;
		padding-top: 24px;
	}
	.Inno .blocGauche 
	{
		float: left;
		display: inline;
		width: 344px;
		height: 396px;
		margin-left: 10px;
		padding-left: 33px;
		position: relative;
	}
	.Inno .blocGauche h2
	{
		width: 309px;
		height: 22px;
		letter-spacing:-1px;
		font-size: 16px;
		padding-top: 18px;
	}
	.Inno .encart
	{
		width: 300px;
		color: #737373;
		padding: 6px 23px 0 0;
	}
	.Inno .blocGauche h3
	{
		height: 33px;
		font-size: 14px;
	}
	.Inno .blocGauche img
	{
		float: left;
		display: block;
	}
	.Inno .blocGauche span
	{
		padding: 15px 0 0 5px;
		float: left;
		display: block;
	}
	.Inno .blocGauche .texte
	{
		width:318px;
		font-size: 12px;
		height: 115px;
		margin: 5px 0 0px 0;
	}
	/*si offre decouverte apparait*/
	.Inno .blocGauche .reduit
	{
		width: 206px;
	}
	
	.Inno .offreDecou
	{
	    width:166px;
	    height:104px;
		position: absolute;
		right: -40px;
		bottom: 60px;
		z-index:5;
	}
	.Inno .offreDecou-fond
	{
	    width:166px;
	    height:104px;
		position: absolute;
		right: -40px;
		bottom: 60px;
		z-index:4;
	}
	.Inno .lienBas
	{
		margin-left: 20px;
		display: inline;
		width: 200px;
		position:absolute;
		bottom:-25px;
		left:10px;
	}
	.Inno .produit
	{
		float: left;
		font-size: 12px;
		margin-top: -45px;
		margin-left: 45px;
		display: inline;
	}
	.Inno .goutte
	{
		position: absolute;
		top: 140px;
		right: 11px;
		width: 230px;
		height: 230px;
		font-size: 11px;
		color: #FFF;
	}
	.Inno .goutte p
	{
		width: 148px;
		height: 105px;
		margin-left: 59px;
		padding-top: 36px;
		text-align: center;
		font-weight: bold;
	}

/* Marques */

#ContenuBloc #marques h1
{
	font-size: 20px;
	margin: 10px 0 0 20px;
}
#marques .bandeau
{
	margin-top:0px;
	display: block;
	padding-top: 0px;
	width: 795px;
	height: 165px;
}
#marques .intro
{
	width: 100%;
	text-align: center;
	font-style: italic;
	font-size: 12px;
	padding: 10px 0 20px 0px;
}
#marques .liste
{
	list-style-type: none;
	float: left;
	margin-left: 14px;
	display: inline;
	width: 771px;
}
#marques .liste2
{
	float: left;
	margin-bottom: 11px;
	width: 242px;
	margin-right: 10px;
	border:1px solid red;

}
#marques .liste li
{
	float: left;
	width: 251px;
	margin: 0 6px 4px 0;
	
	overflow: hidden;
	font-size:1.1em;
}

#marques .liste li a
{
	/*width: 62px;*/
	/*height: 59px;*/
	display:block;
	padding-bottom:5px;
}

#marques .liste .logo
{
	float: left;
	width: 255px;
	height: 173px;
}
#marques .liste .logo img
{
}
#marques .liste span
{
	display: block;
	float: left;
	width: 245px;
	height: 110px;
	padding-top: 8px;
	padding-left: 5px;
}