/* Feuille CSS pour les blocs uniquement */

#contenu .bloc {
	width: 485px;
	margin: auto;
	}

#annexes .bloc {
	width: 260px;
	margin: auto;
	position: relative;
	}

.bloc {
	margin-left:5px;
	padding: 0;
	position:relative;
	}

	.bloc .upperOut{
		position: absolute;
		z-index: 3;
		left: 18px;
		top: 8px;
		}

	.bloc .emp{
		color: #fe001d;
		}

	.bloc hr{
		border: 0;
		border-top: solid 1px #808080;
		margin-top: 0;
		position: relative;
		height: 1px;
		}

	.bloc .box_content {
		padding-left: 1.5em;
		padding-right: 1.5em;
		padding-top: 0;
		padding-bottom: 0;
	}
	.bloc .upperOutContent {
		margin-top: -25px;
	}
		#annexes .bloc .upperOutContent h2 {
			margin: 5px 0 5px 0;
		}
		.bloc .upperOutContent hr {
			position: relative;
			left: 0;
			top: 0;
		}
	.bloc p {
		font-size: 1em;
		line-height: 1.1;
		}


	.accueil .box_content p {
		margin-bottom: 0;
		}

/*#services.bloc .serv_on, #contenu .bloc .serv_off {*/
#services.bloc #align_left p {
	padding-top:3px;
	background: transparent url('/_media/img/bout_serv_fond.png') repeat-y right top;
}
#services.bloc .serv_on .bouton {
	background: transparent url('/_media/img/bout_bloc_on.png') no-repeat;
	margin-right: 10px;
	width: 12px;
	height: 12px;
	float: left;
}
#services.bloc .serv_off .bouton {
	background: transparent url('/_media/img/bout_bloc_off.png') no-repeat;
	margin-right: 10px;
	width: 12px;
	height: 12px;
	float: left;
}
#services.bloc .serv_half .bouton {
	background: transparent url('/_media/img/bout_bloc_orange.png') no-repeat;
	margin-right: 10px;
	width: 12px;
	height: 12px;
	float: left;
}

.bloc p.link_bottom {
	bottom: 15px;
	position: absolute;
	right: 23px;
	z-index: 5;
	}

.bloc p.link_bottom a {
	background: transparent url('/_media/img/puce_red.png') no-repeat left;
	color: #ff001C;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	padding-left: 10px;
}

.bloc a{
	background: transparent url('/_media/img/puce_grey.png') no-repeat left 0.4em;
	padding-left: 10px;
	text-decoration: none;
	}




	/* Bloc "Contactez" */

#contactez h2{
	margin-left: 175px;
	}

#contactez.bloc div.top {
	background: url('/_media/img/large_top_rc.png') no-repeat;
	height: 35px;
	position: relative;
	}
#contactez.bloc div.middle {
	background: url('/_media/img/large_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	min-height: 52px;
	}
	#contactez.bloc .box_content{
/*		margin: -35px 0px -22px 175px;*/
		margin-left: 175px;
		}
#contactez.bloc div.bottom {
	background: url('/_media/img/large_bottom_cc.png') no-repeat;
	height: 17px;
	position: relative;
	}

#contactez img{
	position: absolute;
	margin-top: 13px;
	margin-left: 10px;
	z-index: 5;
}

#contactez.bloc p {
	font-size: 11px;
	width:281px;
}



	/* Bloc "Services" */
#services.bloc div.top {
	background: url('/_media/img/large_top_rr.png') no-repeat;
	height: 35px;
	position: relative;
	}
#services.bloc div.middle {
	background: url('/_media/img/large_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
	#services.bloc .box_content{
		min-height:78px; /* IE */
		}
#services.bloc div.bottom {
	background: url('/_media/img/large_bottom_rr.png') no-repeat;
	height: 27px;
	position: relative;
	}


#services.bloc #align_left p{
	display: inline;
	float: left;
	margin-bottom: 2px;
	padding-left: 15px;
	padding-right: 8px;
	width: 214px;
	}
	#services.bloc #align_left{
		margin-left: -15px;
		}
		#services.bloc #serviceLeft, #services.bloc #serviceRight{
			float: left;
			width: 230px;
			}
	#services.bloc a{
		text-decoration: none;
		}

	#services.bloc .serv_off a{
		color: red;
		}

	#services #align_left a {
		float: right;
		background: none;
		}


#contenu #services div.bloc {
	border: 0;
	background-color: #DDDDDD;
	padding: 5px;
	}

#contenu #services div.bloc .chge_inscr{
	font-style: italic;
	position: absolute;
	right: 5px;
	}



	/* Bloc "Les offres" */
#offres h2{
	margin-left: 175px;
	}

#offres.bloc div.top {
	background: url('/_media/img/large_top_cc.png') no-repeat;
	height: 35px;
	position: relative;
	}
#offres.bloc div.middle {
	background: url('/_media/img/large_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	min-height: 85px;
	}
	#offres.bloc .box_content{
		margin-left: 175px;
		}
#offres.bloc div.bottom {
	background: url('/_media/img/large_bottom_rr.png') no-repeat;
	height: 27px;
	position: relative;
	}

#offres img{
	position: absolute;
	margin-top: 13px;
	margin-left: 10px;
	z-index: 5;
	}

#offres {
	text-align: left;
	}



	/* Bloc "Mon profil" */
#monProfil hr {
	border-top: solid 1px #ff001c;
	}
#monProfil.bloc div.top {
	background: url('/_media/img/small_top_rr.png') no-repeat;
	height: 35px;
	position: relative;
	}
#monProfil.bloc div.middle {
	background: url('/_media/img/small_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
#monProfil.bloc div.middle .box_content {
	min-height: 81px;
	}

#monProfil.bloc div.bottom {
	background: url('/_media/img/small_bottom_cc.png') no-repeat;
	height: 24px;
	position: relative;
	}

#monProfil.bloc p.name {
	font-size: 11px;
	font-weight: bold;
	}






	/* Bloc "Mes échanges" */
#echangeOSEO hr {
	border-top: solid 1px #ff001c;
	}

#echangeOSEO.bloc div.top {
	background: url('/_media/img/small_top_cc.png') no-repeat;
	height: 35px;
	position: relative;
	}
#echangeOSEO.bloc div.middle {
	background: url('/_media/img/small_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
#echangeOSEO.bloc div.middle .box_content {
	min-height: 45px;
	}
#echangeOSEO.bloc div.bottom {
	background: url('/_media/img/small_bottom_cc.png') no-repeat;
	height: 24px;
	position: relative;
	}



	/* Bloc "Suggestions" */
#suggestion hr {
	border-top: solid 1px #ff001c;
	}

#suggestion.bloc div.top {
	background: url('/_media/img/small_top_cc.png') no-repeat;
	height: 35px;
	position: relative;
	}
#suggestion.bloc div.middle {
	background: url('/_media/img/small_middle.png') repeat-y;
	min-height: 83px;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
#suggestion.bloc div.bottom {
	background: url('/_media/img/small_bottom_rr.png') no-repeat;
	height: 29px;
	position: relative;
	}




	/* Bloc "Actualités" */
#actualites hr {
	border-top: solid 1px #ff001c;
	}

#actualites.bloc div.top {
	background: url('/_media/img/small_top_cc.png') no-repeat;
	height: 35px;
	position: relative;
	}
#actualites.bloc div.middle {
	background: url('/_media/img/small_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
#actualites.bloc div.bottom {
	background: url('/_media/img/small_bottom_rr.png') no-repeat;
	height: 29px;
	position: relative;
	}







	
#profilSynchronize.bloc {
	width: 750px;
	}
	
#authentification hr {
	border-top: solid 1px #ff001c;
	}
#authentification hr#hr_bottom {
	margin-top: 10px;
}
#authentification.bloc div.top, #profil.bloc div.top, #external_service div.top {
	background: url('/_media/img/large_top_rr.png') no-repeat;
	height: 35px;
	}
#profilSynchronize.bloc div.top {
	background: url('/_media/img/xlarge_top_rr.png') no-repeat;
	height: 35px;
	}
#authentification.bloc div.middle, #profil.bloc div.middle, #external_service div.middle {
	background: url('/_media/img/large_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
#profilSynchronize.bloc div.middle {
	background: url('/_media/img/xlarge_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
#profil.bloc div.middle .box_content {
	margin-top: -5px;
	}
#authentification.bloc div.bottom, #profil.bloc div.bottom, #external_service div.bottom {
	background: url('/_media/img/large_bottom_rr.png') no-repeat;
	height: 27px;
	position: relative;
	}
#profilSynchronize.bloc div.bottom {
	background: url('/_media/img/xlarge_bottom_rr.png') no-repeat;
	height: 27px;
	position: relative;
	}
#authentification p {
	clear: both;
	}
#authentification p.links {
	margin-bottom: 0;
	}

#authentification a.emp {
	color: #ff0022;
	}

	/* Bloc "Créer profil" */
#creerProfil hr {
	border-top: solid 1px #ff001c;
	}
#creerProfil.bloc div.top {
	background: url('/_media/img/small_top_rr.png') no-repeat;
	height: 35px;
	position: relative;
	}
#creerProfil.bloc div.middle {
	background: url('/_media/img/small_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
#creerProfil.bloc div.bottom {
	background: url('/_media/img/small_bottom_rr.png') no-repeat;
	height: 29px;
	position: relative;
	}






	/* Blocs "Services" de la page mes services */
#allServices .bloc.first div.top {
	background: url('/_media/img/large_top_rr.png') no-repeat;
	height: 35px;
	position: relative;
	}
#allServices .bloc.first.over div.top {
	background: url('/_media/img/large_top_rr_red.png') no-repeat;
	}

#allServices .bloc.notFirst div.top {
	background: url('/_media/img/large_top_cc.png') no-repeat;
	height: 35px;
	position: relative;
	}
#allServices .bloc.notFirst.over div.top {
	background: url('/_media/img/large_top_cc_red.png') no-repeat;
	}

#allServices .bloc.last div.top {
	background: url('/_media/img/large_top_cc.png') no-repeat;
	height: 35px;
	position: relative;
	}
#allServices .bloc.last.over div.top {
	background: url('/_media/img/large_top_cc_red.png') no-repeat;
	}

#allServices .bloc div.middle {
	background: url('/_media/img/large_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
#allServices .bloc.over div.middle {
	background: url('/_media/img/large_middle_red.png') repeat-y;
	}

#allServices .bloc div.bottom {
	background: url('/_media/img/large_bottom_cc.png') no-repeat;
	height: 22px;
	position: relative;
	}
#allServices .bloc.over div.bottom {
	background: url('/_media/img/large_bottom_cc_red.png') no-repeat;
	}

#allServices .bloc.last div.bottom {
	background: url('/_media/img/large_bottom_rr.png') no-repeat;
	height: 22px;
	position: relative;
	}
#allServices .bloc.last.over div.bottom {
	background: url('/_media/img/large_bottom_rr_red.png') no-repeat;
	}

#allServices .bloc a.newsArchiveLink {
	background: none;
	color: #685B57;
	font-weight: normal;
	font-size: 1em;
	padding: 0;
	text-align: left;
	text-decoration: underline;
	width: auto;
	}


#allServices .bloc{
	margin-top: -8px;
	}

	#allServices div.bloc div.middle {
		padding-left: 9px;
		}
	#allServices .bloc hr {
		border: 0;
		border-bottom: solid 1px #808080;
		}

	#allServices .bloc .upperOut{
		top:13px;
		width: 450px;
		}
	#allServices .bloc a {
		background: transparent url('/_media/img/bout_serv_fond.png') repeat-y right top;
		display: block;
		color: #ff0022;
		font-size: 1.1em;
		font-weight: bold;
		height: 16px;
		text-align: right;
		width: 430px;
		}

#allServices .bloc .serv_on, #allServices .bloc .serv_off , #allServices .bloc .serv_half {
	padding-top: 3px;
	padding-right: 24px;
	float: right;
	font-size: 0.9em;
	height: 17px;
}
#allServices .bloc .serv_on {
	background: transparent url('/_media/img/bout_bloc_on.png') no-repeat right;
}
#allServices .bloc .serv_off {
	background: transparent url('/_media/img/bout_bloc_off.png') no-repeat right;
}
#allServices .bloc .serv_half {
	background: transparent url('/_media/img/bout_bloc_orange.png') no-repeat right;
}



 /* Page 'mes favoris */

#listeDossiers .bloc div.top {
	background: url('/_media/img/large_top_cc_short.png') no-repeat;
	height: 18px;
	margin-top: -8px;
	position: relative;
	}


#listeDossiers .bloc div.middle {
	background: url('/_media/img/large_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
#listeDossiers .bloc div.bottom {
	background: url('/_media/img/large_bottom_rr.png') no-repeat;
	height: 27px;
	position: relative;
	}



	/* Bloc "Activation MOL" */
#actiMol hr {
	border-top: solid 1px #ff001c;
	}

#actiMol.bloc div.top {
	background: url('/_media/img/large_top_rr.png') no-repeat;
	height: 35px;
	position: relative;
	}
#actiMol.bloc div.middle {
	background: url('/_media/img/large_middle.png') repeat-y;
	padding: 1px 0;
	position: relative;
		z-index: 1;
	}
#actiMol.bloc div.bottom {
	background: url('/_media/img/large_bottom_rr.png') no-repeat;
	height: 27px;
	position: relative;
	}






