.proposition-index{  margin:135px 0 0 0; padding-bottom: 120px;}
.proposition-index p.ariane{margin:0 0 10px 10px;font-family: "FuturaHvBTHeavy"; font-size: 13px; color:#004586;}
.proposition-index p.ariane img{ width : 17px; vertical-align : middle;}
.proposition-index p.ariane a{text-decoration:none;font-family: "FuturaLtBTLight"; font-size: 13px; color:#626262; line-height : 17px; height : 17px;}

/****GENERAL****/
.proposition-index .clear{	clear : both;}
.proposition-index .left{	float : left;}
.proposition-index .right{	float : left; margin-left: 35px;}
.proposition-index .block{	display : block;}
.proposition-index .text-left{	text-align : left;}
.proposition-index .text-right{	text-align : right;}
.proposition-index .text-center{ text-align : center;}
.proposition-index .center{	margin : 0 auto;}

/****INTRODUCTION****/
.proposition-index .introduction{ margin : 20px 30px; color : #004686; position : absolute; top : 93px; z-index : 10;}
.proposition-index .wrapper{ text-align : center; 	margin-top : -70px;	margin-bottom : -35px;}
.proposition-index .introduction h3{	    font-size: 20px;    line-height : 36px;    margin-top : 20px;    font-weight : normal;}
.proposition-index .introduction p{	    font-size: 20px;    line-height : 36px;}
.proposition-index .introduction img{	display : block;}

/****CONTENU****/
.proposition-index.proposition-view{ width : 1025px; margin : 0 auto;}
.proposition-index .contenu{	margin-top : 30px;}
.proposition-index .colone{	width : 485px; position : relative;}
.proposition-index .single-colone{	width : 100%;}
.proposition-index .colone .chapeau-participe-projet{ cursor : pointer;	background : url("../images/background-je-participe.jpg");	width : 100%;	border : 1px solid #004686;	   font-size: 20px;    color : #004686;    padding : 25px 0 20px 0;    height : 55px;}
.proposition-index .colone .chapeau-participe-projet div{    width : 370px;}
.proposition-index .colone .chapeau-participe-projet h3{	    font-size: 30px;    font-weight : normal;}
.proposition-index .colone .chapeau-participe-projet img{	vertical-align: middle;	margin : 20px;  	} 

/***** MISE EN FORME D'UN PROPOSITION *****/
.proposition-container{	border-radius: 6px 6px 0px 0px; 	border :1px solid #e8e8e8;	background-color : white;}
.proposition-container .entete{	height : 64px;	background-color : #8dcce5;	border-radius: 6px 6px 0px 0px;	color : white; 	vertical-align : middle;	   font-size: 14px;    padding-top : 1px;}
.proposition-container .entete a{	text-decoration : none;	color : white; text-transform : none;}
.proposition-container .entete a:hover{	/**color : black;**/}
.proposition-container .entete .thematique-logo{		height : 33px;	margin-left : 19px;	margin-top : 13px;	margin-right : 17px;}
.proposition-container .entete .line-dotted{	margin-top : 5px;}
.proposition-container .entete h3{	margin-left : 19px;	margin-top : 13px;	text-transform:uppercase;	font-weight : normal; color: #fff; font-family: 'FuturaHvBTHeavy'; }
.proposition-container .entete p{	margin-left : 19px; font-family: 'FuturaLtBTLight'; color: #fff;}
.proposition-container .contenu{	   font-size: 14px;    margin : 16px 16px 0px 16px;    color : #626262;}
.proposition-container .contenu.alpha{ max-height : 240px; overflow : hidden;}
.proposition-container .contenu h3{		color : #313131;	font-weight : normal; font-family: 'FuturaHvBTHeavy';}
.proposition-container .contenu p{		font-family: 'FuturaLtBTLight';}
.proposition-container.small .contenu{   line-height : 20px;  padding : 15px 16px 8px 16px;     border-radius: 0px 0px 6px 6px;    box-shadow: 0px 1px 12px -6px #555;    margin : 0;}
.proposition-container.small .contenu .wrapper-contenu { overflow : hidden; height : 103px; }

.proposition-container .reponse{	   font-size: 14px;    padding : 16px;   background: #8f9092;	color: #fff;  margin-top : 16px;}
.proposition-container .partage{	margin: 10px 15px 0;	color: #767676;	font-size: 12.7px;		text-align: center;	margin-bottom : 12px;}
.proposition-container .reponse-militant{	   font-size: 14px;    padding : 16px;    background-color : white;    color : #626262;}

/***** STYLE DU DIV DE PARTAGE *****/
.proposition-container .partage a:hover {opacity: 0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;}
.proposition-container .partage a {-webkit-transition: opacity 250ms linear;-moz-transition: opacity 250ms linear;transition: opacity 250ms linear;margin-right: 10px;color: #4f5b67;text-decoration: none;cursor: pointer;text-align: right;}
.proposition-container .partage i {height: 31px;width: 32px;display: inline-block;background: url('../images/sprites-icon-partage.png') no-repeat top left;vertical-align: middle;font-style: italic;}
.proposition-container .partage i.icon-twitter {margin-left: 10px;background-position: -50px 0;}
.proposition-container .partage i.icon-facebook {margin-left: 10px;background-position: -100px 0;}

/***** PROPOSITIONS LISTE *****/
.proposition-liste{	margin-top : 45px; float: left;}
.proposition-liste .item{	float : left;	width : 485px;	margin : 15px 10px 0 10px; }

/***** PLUS DE PROPOSITIONS *****/
.proposition-index .btn-plus-proposition{	width : 298px;	height : 52px;	    font-size: 20px;    color : white;    text-align : center;    margin : 35px auto;    cursor: pointer;}
.proposition-index .btn-plus-proposition .btn-texte{	float : left;	width : 234px;	height : 52px;	background-color : #63707d;	line-height : 52px;}
.proposition-index .btn-plus-proposition .btn-plus{	float : left;	width : 52px;	height : 52px;	background-color : #4f5b67;	line-height : 52px;	}

/***** PLUS DE COMMENTAIRES *****/
.proposition-index .btn-plus-commentaire{	width : 247px;	height : 52px;	    font-size: 16px;    color : #4f5b67;    text-align : center;    margin-top : 3px;    cursor: pointer;}
.proposition-index .btn-plus-commentaire IMG{		margin-top : -6px;		margin-left : 8px;}
.proposition-index .btn-repondre-candidat{	width : 214px;	height : 52px;	    font-size: 16px;    color : #4f5b67;    text-align : center;    margin-top : 3px;    cursor: pointer;}
.proposition-index .btn-repondre-candidat IMG{	margin-top : -6px;	margin-left : 8px;}
.proposition-index .plus-de-commentaire{	width : 470px;	margin : 35px auto;	text-align : center;}
.proposition-index .separation-grise{	width : 100%;	margin : 0 auto;	margin-top : 30px;	border-bottom : 1px solid #e8e8e8;}

/*****BANNIERE TOP*****/
.proposition-banniere-large{	height : 178px;	background-color : white;	-webkit-box-shadow: 0px 2px 25px -6px #000000;	   -moz-box-shadow: 0px 2px 25px -6px #000000;            box-shadow: 0px 2px 25px -6px #000000;}
.proposition-banniere-large .wrapper-texte{	width : 823px;	float : left;}
.proposition-banniere-large h3{	font-family: 'FuturaHvBTHeavy';    font-size: 20px;    color : #8dcce5;    text-transform : uppercase;    margin-left : 20px;    margin-top : 20px;    font-weight : normal;}
.proposition-banniere-large p{	   font-size: 16px;    color : #4f5b67;    margin-left : 20px;    margin-top : 20px;}
.wrapper-shadow{	overflow : hidden;	height : 178px;	padding-bottom : 15px;}
.proposition-banniere-large .wrapper-logo-medium{	background-color : #8dcce5;	height : 178px; 	width : 178px; }
.proposition-banniere-large .wrapper-logo-medium img{	height: 103px;		margin : 37px auto;	display : block;}

/*****REGLES CSS FORMULAIRE*****/
.proposition-index .colone .wrapper-formulaire{	background-color : #f7fcfd;	width : 513px;	border : 1px solid #eef2f3;}
.proposition-index .colone .wrapper-formulaire h3{	text-align : center; text-transform:uppercase;	padding : 10px;	font-size : 14px;	font-weight : normal;}
.light{font-family: 'FuturaLtBTLight';}
.proposition-index .colone .wrapper-formulaire .textarea{ width : 495px;	margin : 0 auto;	text-align : center;}
.proposition-index .colone .wrapper-formulaire .textbox{	width : 475px; font-size : 14px;}
.proposition-index .colone .wrapper-formulaire .textbox.titre-proposition{	height : 98px;}
.proposition-index .colone .wrapper-formulaire .textbox.contenu-proposition{	height : 465px;}
.proposition-index .colone .wrapper-formulaire .btn-submit{	width : 283px;	height : 32px;	border : none;	background-color : #63707d;	color : white;		cursor : pointer;	margin : 8px auto 14px auto;	display : block;}
.proposition-index .single-colone .wrapper-formulaire{	background-color : white;	width : 100%;	border : none;	}
.proposition-index .single-colone .wrapper-formulaire h3{	text-align : center;		text-transform:uppercase;	padding : 10px;	font-size : 14px;	font-weight : normal;}
.proposition-index .single-colone .wrapper-formulaire .textarea{		width : 975px;	margin : 0 auto;	text-align : center;  }
.proposition-index .single-colone .wrapper-formulaire .textbox{	width : 975px; font-size : 14px;}
.proposition-index .single-colone .wrapper-formulaire .textbox.titre-proposition{	height : 98px;}
.proposition-index .single-colone .wrapper-formulaire .textbox.contenu-proposition{	height : 465px;}
.proposition-index .placeholder-ie8{ display : none;	float : left;	padding : 5px;		font-size : 12px;}


/*** Temporaire accordeon ***/
.accordeon-temp{
	position : relative;
	width : 479px;
	z-index : 900;
	/*background : url('../images/TEMP_accordeon.png');*/
	margin-left : 8px;
	background-color : #f2f9fb;

}

.accordeon-temp div a{
	width : 479px;
	margin : 0px;
	padding : 0px;
	text-decoration : none;
	display : block;
}

.accordeon-temp div a img{
	display : block;
}


.accordeon-temp div{
	display : none;
	background-color : #f2f9fb;
}


/* --- PARTICIPER AU RASSEMBLEMENT --- */

#page-proposition #img-participer{
	margin-bottom: 30px;
}

#page-proposition #contenu{
	width: 1025px;
	margin: 0 auto;
	/*min-height: 680px;
	*/
	min-height: 1450px; /* INTERNET EXPLORER */

	background: #f5f5f5;
	padding-top: 20px;
	/*display: flex;*/
	padding-bottom: 50px;
}

#page-proposition #bloc-left{
	width: 465px;
	float: left;
	margin-right: 70px;
}

#page-proposition #bloc-left #bandeau-participer{
	width: 465px;
	height: 71px;
	background: url('../images/bg-participer.png');
	text-align: center;
	color: #fff;
}
#page-proposition #bloc-left #bandeau-participer:hover{
	cursor: pointer;
}

#page-proposition #bloc-left #bandeau-participer p{
	color: #fff;
	font-family: 'FuturaHvBTHeavy';
	font-size: 16px;
	padding-top: 12px;
}	
#page-proposition #bloc-left #bandeau-participer h2{
	color: #fff;
	font-family: 'FuturaHvBTHeavy';
	font-size: 25px;
}

#page-proposition #bloc-left .accordeon .acc-item{
	height: 55px;
	width: 465px;
	display: none;
}

#page-proposition #bloc-right{
	width: 467px;
	min-height: 680px;
	float: left;
}

#page-proposition #bloc-right .bandeau-bleu{
	width: 447px;
	background: #335a87;
	height: 42px;
	color: #fff;
	padding: 10px;

}
#page-proposition #bloc-right .bloc-blanc{
	width: 427px;
	background: #fff;
	color: #000;
	padding: 20px;
	font-size: 14px;
	max-height: 250px;
	overflow: scroll;
}
#page-proposition #bloc-right .bloc-gris{
	width: 427px;
	background: #8f9092;
	color: #fff;
	padding: 20px;
	font-size: 14px;
}
#page-proposition #bloc-right .bloc-social{
	width: 452px;
	height: 38px;
	background: url('../images/bloc-blanc-ombre.png');
	padding-top: 13px;
	padding-left: 15px;
}
#page-proposition #bloc-right .bloc-social img{
	margin-right: 5px;
}

.light{font-family: 'FuturaLtBTLight';}
.heavy{font-family: 'FuturaHvBTHeavy';}

#page-proposition #bloc-right .bandeau-bleu h3{
	color: #fff;
	font-family: 'FuturaHvBTHeavy';
	line-height: 16px;
}
#page-proposition #bloc-right .bandeau-bleu p{
	color: #fff;
	font-family: 'FuturaLtBTLight';
}

.vertical-separator{
	width: 2px;
	height: 40px;
	background: #fff;
	display: inline-block;
	float: left;
	margin: 0 15px 0 15px;
}
.vertical-separator2{
	width: 2px;
	height: 40px;
	background: #fff;
	display: inline-block;
	float: left;
	margin: 10px 0 0 0;
}

.estrosi{color: #fff;font-size: 18px;font-family: 'FuturaHvBTHeavy';}

.horizontal-separator{
	height: 2px;width: 45px; background: #fff;margin-top: 20px;margin-bottom: 20px;
}


/*  PAGE REDIGER  */

#page-prop-rediger{
	width: 1025px;
	margin: 0 auto;
}

#page-proposition .texte{
	color: #004686;
	font-size: 20px;
	line-height: 36px;
	font-family: 'FuturaLtBTLight';
	text-align: center;
	width: 450px;
	margin: 0 auto;
	margin-top: 20px;
}