/********************Comarquage : guide des démarches*********************/
/*************************************************************************/


/***********************/
/*Menu top guide des démarches Particuliers / Professionnels / Associations*/
ul#menu-top-guide-demarches{
	list-style-type:none;
	margin:0;
	padding:20px 0 0 0;
	clear:both;
	font-family: 'Heebo', sans-serif;
}

ul#menu-top-guide-demarches li{
	display:block;
	float:left;
	width:31.33%;
	margin:0 1% 20px 1%;
	padding:0;
	border:1px solid #F8F8F8;
}

ul#menu-top-guide-demarches li a{
	display:block;
	text-align:center;
	color:#177fa3;
	padding:10px;
	text-decoration:none;
	font-weight:400;
	text-transform:uppercase;
	border:3px solid #FFF;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	-ms-transition: border 1s ease;
	-o-transition: border 1s ease;
	transition: border 1s ease;
}

ul#menu-top-guide-demarches li a.light-profil-comarquage{
	opacity:0.6;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

ul#menu-top-guide-demarches li a:hover,
ul#menu-top-guide-demarches li a.light-profil-comarquage:hover,
ul#menu-top-guide-demarches li a:focus,
ul#menu-top-guide-demarches li a.light-profil-comarquage:focus{
	border:3px solid #F8F8F8;
	opacity:1;
}

ul#menu-top-guide-demarches li a.current-profil-comarquage{
	border:3px solid #177fa3;
	color:#F04031;
}

ul#menu-top-guide-demarches li a span{
	display:inline-block;
	padding-top:100px;
	background-size:70px 88px;
}


li#comarquage-particuliers a span{background:url(images/profils-comarquage-particuliers.png) top center no-repeat;}
li#comarquage-pro a span{background:url(images/profils-comarquage-pro.png) top center no-repeat;}
li#comarquage-asso a span{background:url(images/profils-comarquage-asso.png) top center no-repeat;}



@media screen and (max-width:480px){
	ul#menu-top-guide-demarches li{
	float:none;
	width:100%;
	margin:0 0 10px 0;
}
	
	ul#menu-top-guide-demarches li a{
		text-align:left;
		display:table;
		width:100%;
	}
	
	ul#menu-top-guide-demarches li a span{
		display:table-cell;
		vertical-align: middle;
		padding:10px 0 10px 70px;
		background-size:35px 44px;
	}
	
	li#comarquage-particuliers a span{background-position:center left;}
	li#comarquage-pro a span{background-position:left center;}
	li#comarquage-asso a span{background-position:left center;}
}


/*Fin de menu top Particuliers / Professionnels / associations*/
/***********************/

hr{
	display:block;
	clear:both;
	margin:10px 0 20px 0;
	color:#F8F8F8;
	border:1px solid #F8F8F8;
}

/***********************/
/*Menu 2 guide des démarches*/

ul#menu2-guide-demarches{
	list-style-type:none;
	margin:0;
	padding:0 0 20px 0;
	font-family: 'Heebo', sans-serif;
	text-align:center;
}

ul#menu2-guide-demarches li{
	/*display:table;
	height:80px;
	float:left;
	width:31.33%;
	margin:0 1% 20px 1%;
	padding:0;
	font-size:0.9em;
	line-height:1.2em;*/
	display:inline-block;
	margin:0 10px 10px 10px;
	font-size:0.9em;
	line-height:2.8em;
}

ul#menu2-guide-demarches li a{
	/*display:table-cell;
	vertical-align: middle;*/
	text-align:center;
	color:#FFF;
	padding:10px;
	text-decoration:none;
	font-weight:200;
	background-color:#177fa3;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	-ms-transition: background-color 1s ease;
	-o-transition: background-color 1s ease;
	transition: background-color 1s ease;
}

ul#menu2-guide-demarches li a:hover,
ul#menu2-guide-demarches li a:focus{
	background-color:#105973;
}
/*Fin de menu2 guide des démarches*/
/***********************/


/***********************/
/********Bloc listant les liens dans page accueil Particuliers / Professionnels / Associations et pages intérieures****/

div.un-bloc-liens-comarquage,
ul.un-bloc-liens-comarquage{
	border:4px solid #F8F8F8;
	padding:20px;
	margin:0 0 20px 0;
	width:100%;
}

div.un-bloc-liens-comarquage.fond-couleur{
	background-color:#F8F8F8;
	border:4px solid #e9e9e9;
}

div.un-bloc-liens-comarquage.small{
	width:47%;
	display:inline-block;
	vertical-align:top;
	margin:0 1% 20px 1%;
}

@media screen and (max-width:480px){
	div.un-bloc-liens-comarquage.small{
	width:100%;
	display:block;
		margin:0 0 20px 0;
	}
}

ul.un-bloc-liens-comarquage{
	list-style-type:none;
}

.un-bloc-liens-comarquage h2{
	margin:0;
	padding:0;
	font-size:1.4em;
}

.un-bloc-liens-comarquage p,
.un-bloc-liens-comarquage li{
	border-bottom:1px dashed #ccc;
	font-size:0.8em;
}

.un-bloc-liens-comarquage p{padding:0 0 10px 0;}
.un-bloc-liens-comarquage li{padding:10px 0 10px 0;}

.un-bloc-liens-comarquage p:before,
.un-bloc-liens-comarquage li:before{
	content: "\f138";
    font-family: FontAwesome;
    margin-right: 10px;
	color:#177fa3;
	font-size:0.9em;
}

.un-bloc-liens-comarquage p a,
.un-bloc-liens-comarquage li a{
	font-weight:400;
}

.un-bloc-liens-comarquage p a:hover,
.un-bloc-liens-comarquage li a:hover,
.un-bloc-liens-comarquage p a:focus,
.un-bloc-liens-comarquage li a:focus{
	color:#177fa3;
}

/* Liens "Tous les..." */
.un-bloc-liens-comarquage p.tous-les{
	border-bottom:none;
	padding:20px 0 0 0;
	text-align:center;
}

.un-bloc-liens-comarquage p.tous-les:before{
	content: "";
	margin-right:0;
}

.un-bloc-liens-comarquage p.tous-les a{
	display:inline-block;
	color:#f04031;
	text-decoration:none;
	text-transform:uppercase;
}

.un-bloc-liens-comarquage p.tous-les a:hover,
.un-bloc-liens-comarquage p.tous-les a:focus{
	text-decoration:underline;
}

/*Quand il y a un lien sur le h2*/
div.un-bloc-liens-comarquage > a{
	text-decoration:none;
}

div.un-bloc-liens-comarquage > a > h2:hover,
div.un-bloc-liens-comarquage > a > h2:focus{
	text-decoration:underline;
}

span.bold{
	font-weight:bold;
}

/********** Liste dans les contenus***/
ul.spTexteListe{
}

li.spTexteListe{
	display:block;
}

li.spTexteListe p{
	display:inline-block;
}

li.spTexteListe p:before{
	content: "\f178";
    font-family: FontAwesome;
    margin-right: 10px;
	color:#177fa3;
	font-size:0.9em;
}
/******fin de liste dans les contenus*/

/**********lien Accéder au service en ligne Fiche R****/

.acceder-au-service{
	margin:40px 0 40px 0;
	padding:20px 10px 20px 10px;
	text-align:center;
	font-family: 'Heebo', sans-serif;
	background-color:#F8F8F8;
}

.acceder-au-service a{
	display:inline-block;
	background-color:#f04031;
	color:#FFF;
	text-decoration:none;
	font-weight:300;
	padding:20px;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	-ms-transition: background-color 1s ease;
	-o-transition: background-color 1s ease;
	transition: background-color 1s ease;
}

.acceder-au-service a:hover,
.acceder-au-service a:focus{
	background-color:#ad2e23;
}

.acceder-au-service a:after{
	content: "\f08e";
    font-family: FontAwesome;
    margin-left: 10px;
	font-size:0.9em;
}

.acceder-au-service span{
	display:block;
	font-size:0.8em;
	font-weight:400;
	margin:10px 0 0 0;
}

/********fin de lien accéder au service en ligne***/

/**Source "pour en savoir plus" N*/
.source-en-savoir-plus-N{
	color:#666;
	display:inline-block;
	margin-left:10px;
	font-style:italic;
	text-decoration:none;
}

.source-en-savoir-plus-N:hover,
.source-en-savoir-plus-N:focus{
	text-decoration:underline;
}
/**Fin de Source "pour en savoir plus" N*/

/* Où s'adresser N*/

.texte-OuSAdresser{
	font-size:0.8em;
	color:#7e7e7e;
}

/* Fin Où s'adresser N*/


/**Lien dossier N*/

.un-bloc-liens-dossiers-N{
	font-family: 'Heebo', sans-serif;
}

.un-bloc-liens-dossiers-N p{
	margin:0;
	padding:0;
}

.un-bloc-liens-dossiers-N p a{
	display:block;
	margin:0 0 10px 0;
	padding:10px 20px 10px 20px;
	border:4px solid #F8F8F8;
	font-weight:400;
	color:#177fa3;
	text-decoration:none;
	-webkit-transition: background-color 1s ease, border 1s ease;
	-moz-transition: background-color 1s ease, border 1s ease;
	-ms-transition: background-color 1s ease, border 1s ease;
	-o-transition: background-color 1s ease, border 1s ease;
	transition: background-color 1s ease, border 1s ease;
}

.un-bloc-liens-dossiers-N p a:hover,
.un-bloc-liens-dossiers-N p a:focus{
	background-color:#F8F8F8;
	border:4px solid #177fa3;
}

.un-bloc-liens-dossiers-N p a:before{
	content: "\f178";
    font-family: FontAwesome;
    margin-right: 10px;
	color:#333;
	font-size:0.9em;
}
/*Fin de lien dossier N*/


/***Bloc "Attention" ****/

.attention-comarquage{
	border:4px solid #f8f8f8;
	padding:20px;
	margin:20px 0 20px 0;
}

.attention-comarquage h3{
	color:#f04031;
	margin:0;
	padding:0;
	font-weight:400;
	font-size:1.1em;
}

.attention-comarquage h3:before{
	content: "\f071";
    font-family: FontAwesome;
    margin-right: 10px;
	font-size:0.9em;
}


.attention-comarquage p{
	font-style: italic;
}

/***Fin Bloc "Attention" ****/


/********tableaux****************/

table.spTexteTableau{
	background-color: transparent;
	width:100%;
    max-width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
	font-family: 'Heebo', sans-serif;
	margin:10px 0 10px 0;
}

th.spTexteTableau{
	vertical-align: middle;
	background-color: #177fa3;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    color: #fff;
    font-weight:300;
	padding:10px;
}

tr.spTexteTableau:nth-child(2n+1) > td.spTexteTableau{
	background-color:#f8f8f8;
}

td.spTexteTableau{
	vertical-align: middle;
	background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
	padding:0 10px 0 10px;
	font-weight:400;
}

td.spTexteTableau:last-child{
	 border-right: 1px solid #e1e1e1;
}

/*******fin de tableaux*********/


/********Fin de bloc listant les liens dans page accueil Particuliers / Professionnels / Associations et pages intérieures****/
/***********************/


/*Actualités comarquage*/
ul#actu-comarquage{
	list-style-type:none;
	font-size:0.9em;
}

ul#actu-comarquage > li{
	border:4px solid #F8F8F8;
	padding:10px 20px 10px 20px;
	margin:0 0 10px 0;
}

.date-actu-comarquage{
	font-size:0.8em;
}

.date-actu-comarquage span{
	color:#F04031;
	text-transform:uppercase;
}

ul#actu-comarquage li h2{
	font-size:1.5em;
	margin:5px 0 0 0;
	padding:0;
}
/*Fin Actualités comarquage*/


/*Fil ariane comarquage*/

#fil-ariane-comarquage{
	margin:0 0 10px 0;
	font-family: 'Heebo', sans-serif;
}

#fil-ariane-comarquage a{
	display:inline;
	font-weight:300;
}

#fil-ariane-comarquage a:last-child{
	color:#666;
	text-decoration:none;
}

#fil-ariane-comarquage a:hover:last-child,
#fil-ariane-comarquage a:focus:last-child{
	text-decoration:underline;
}

/*Fin fil ariane comarquage*/



/********************Fin comarquage guide des démarches*********************/
/**************************************************************************/