.default{
	font-size: 14px;  
	font-family: Roboto;
	font-style: normal;
}

.font-size-12{
	font-size: 12px;
}

.font-size-13{
	font-size: 13px;
}

.font-size-14{
	font-size: 14px;
}

.font-size-15{
	font-size: 15px;
}

.font-size-16{
	font-size: 16px;
}

.font-size-17{
	font-size: 17px;
}

.font-size-18{
	font-size: 18px;
}

.font-size-20{
	font-size: 20px;
}

.font-size-22{
	font-size: 22px;
}

.font-size-24{
	font-size: 24px;
}

.font-size-34{
	font-size: 34px;
}

.font-family-PTsans{
	font-family: "PT sans";
}

.font-family-Roboto{
	font-family: "Roboto";
}

.font-family-Raleway{
	font-family: "Raleway";
}

.font-family-PTsans-Narrow{
	font-family: "PT sans Narrow";
}

.font-size-16-home-res{
	font-size: 16px;
}

.font-size-24-home-res {
	font-size: 24px;
}

.font-size-service-res {
	font-size: 20px;
}

.font-size-14-res {
	font-size: 14px;
}


/*Mobile screen*/
@media screen and (max-width: 993px) { 

	.font-size-24-home-res{
		font-size: 20px;
	}

	.font-size-16-home-res{
		font-size: 14px;
	}

	.font-size-service-res {
		font-size: 16px;
	}

	.font-size-14-res {
		font-size: 14px;
	}


}
/* CSS utilisé dans le cadre de la colonne latérale */
.bloc_lateral {
	margin-top: 27px;
	margin-bottom: 27px;
	margin-left: 0px;
	max-width: 255px;
	border: 0.5px solid #DBDBDB;
	box-sizing: border-box;
	box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	padding: 3px;
    padding-bottom: 0px;
    border-radius: 8px;
}
.container_colonnelaterale {
	overflow: hidden ;
	margin-left: -25px;
}

.container_colonnelaterale>p>img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
}

.bloc-ill-title{
	bottom: -3px;
	padding: 0px; 
	padding-bottom: 2px;
	margin-top: 19px;
	margin-bottom: 10px;
	margin-left: 22px;
	margin-right: 69px;
	flex: 1 ;
	line-height: 1;
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #000000 !important;
}

#safari .bloc-ill-title{
  display: inline-block;
	}

.bloc-ill-cnt {
	background-color: #FFFFFF;
	margin-top: 0px ;
	padding-left: 0px;
	padding-right: 0px;
}
.bloc_ill_cnt_title {
	display: inline-table;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-align: end;
	margin-bottom: 0px;
}
.bloc-ill-title,
.bloc_ill_cnt_title img {
	align-self: flex-end;
}

.picto_bloc_ill {
	float:left;
	padding-left: 13px;
    padding-top: 23px;
    padding-bottom: 32px;
    padding-right: 0px;
}

.bloc_ill_contenu {
	overflow: hidden ;
	padding: 0px;
}

.bloc_ill_contenu_actu {
	padding: 0px;
}
.chevron_container_bottom {
	float: right ;
}

.chevron_container_top {
	float: right ;
	position: absolute;
	bottom: 0 ;
	display: none;
	right: 0px;
	
}

.lienttactus{
	text-align: center ;
	margin-bottom: 15px;
}
.lienttactus>a{
	color: #000000 ;
	text-decoration: underline ;
	margin-top: 20px;
	display: inline-block;
}

/* Gestion du plié/déplié */
.chevron-col {
	border-style: solid;
	border-width: 0.20em 0.20em 0 0;
	content: '';
	display: inline-block;
	height: 1.2em;
	position: relative;
	vertical-align: top;
	width: 1.2em;
	bottom: 0.35em;
	cursor: pointer;
	margin: 3px 0px 3px 0px;
}

.chevron-col.chevron-bottom {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.chevron-col.chevron-top {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

a.libelle_toute_actu_actif {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
}

.picto_bloc_ill_site_utile {
	float: left;
    padding-left: 13px;
    padding-top: 35px;
    padding-bottom: 30px;
}

.bloc-ill-title_site_utile {
	padding-bottom: 2px;
	margin-top: 32px;
	margin-bottom: 20px;
	margin-left: 22px;
	margin-right: 10px;
	flex: 1 ;
	line-height: 1;
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #000000;
	white-space: normal;
    display: table-cell;
    vertical-align: middle;
    padding-left: 0px;
}

.articleContent .bloc_laterale {
	margin-left: -26px !important;
}

@media screen and (max-width: 993px) {
	.container_colonnelaterale>p>img {
		display: block;
    	margin: auto;
    	margin-right: auto !important;
	}

	.articleContent .bloc_laterale {
		margin: auto !important;
		margin-top: 15px !important;
		min-width: -webkit-fill-available;
	}

	.bloc_lateral {
	    margin-bottom: 27px;
	    margin-left: 0px;
	    border: 0.5px solid #DBDBDB;
	    box-sizing: border-box;
	    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.2);
	    border-radius: 10px;
	    padding: 3px;
	    padding-bottom: 1px;
	    min-width: 98%;
	}

	.laterale_bloc {
		margin-bottom: 20px;
		margin-top: 20px;	
	}

	.articleContent nav {
		margin-bottom: 20px;
		width: 100%;
	}

	.container-footer {
	    margin-right: auto;
	    margin-left: auto;
	}

	a.libelle_toute_actu_actif {
	    text-decoration: none;
	    margin-top: 9px;
	    padding-right: 0px;
	    padding-left: 0px;
	    float: left;
	}

	.container_colonnelaterale {
    	overflow: hidden;
    	margin-left: -25px;
    	width: auto;
    	padding-left: 30px;
    	padding-right: 20px;
	}

	.bloc-ill-title {
		height: 50px;
	}

	.container_colonnelaterale, .bloc_article_frere {
		display: none;
	}

	.bloc_ill_cnt_title .picto_bloc_ill {
		padding-right: 0px;
	}

	.bloc_lateral .bloc_ill_cnt_title {
		display: inline-flex;
	}

	.bloc_ill_cnt_title .bloc-ill-title_site_utile {
		padding-left: 0px;
	}

}

.container_colonnelaterale>p>img {
    display: block;
    margin-right: 54px;
    margin-left: auto;
    margin-top: 34px;
}

.espaceContent .container_colonnelaterale>p>img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

.bloc_article_frere .container_article_frere.bloc_laterale {
	border: 0;
    padding: 0;
}

.bloc_article_frere .container_article_frere.bloc_laterale .lien_articles_freres .article_frere {
	border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.bloc_article_frere .container_article_frere.bloc_laterale .lien_articles_freres:first-child {
	border: 0.5px solid #DBDBDB;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.bloc_article_frere .container_article_frere.bloc_laterale .lien_articles_freres {
	border-right: 0.5px solid #DBDBDB;
	border-left: 0.5px solid #DBDBDB;
}

.bloc_article_frere .container_article_frere.bloc_laterale .lien_articles_freres:last-child {
	border-bottom: 0.5px solid #DBDBDB;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.bloc_laterale .lien_principaux_site_utile:last-child {
	border-bottom: 0;
}
#row-search {
	display: flex;
	flex-direction: column;
}

#row-search > #col-pager {
	order:2;
}

#row-search > #col-results {
	order:1;
}

#row-actu {
	display: flex;
	flex-direction: column;
}

#row-actu > #col-pager {
	order:3;
}

#row-actu > #col-list {
	order:2;
}

#row-actu > #col-titre {
	order:1;
}
.logos-branches { 
 	text-align:center; 
 	vertical-align:middle;
	margin: 0;
  	list-style-type: none;
  	margin-left: -40px;
}

.logo-branche { 
  vertical-align:middle;
  margin:auto;
  float: none !important;
  display: inline-block;
  margin-bottom: 44px;
  padding-left: 0px;
  padding-right: 38px;
}

.logo-branche img {
   max-height : 100px;
   max-width : 100%;
}


@media screen and (max-width: 993px) {
  .logo-branche {
    width: 37%;
    vertical-align: middle;
    margin: auto;
    float: none !important;
    display: inline-block;
    margin-bottom: 22px;
    padding-left: 0;
    padding-right: 0px;
    margin-right: 28px;
  }
}
 .socialsharing {
 	margin-right: 5px;
 	margin-bottom: 10px;
}
.socialsharing ul {
    list-style-type :none;
    display : inline-block;
    margin: 0;
    padding: 0;
}
 .socialsharing li {
     display:inline;
}

.socialsharing li a img {
     display:inline;
     margin-left:16px;
}

.socialsharing-title {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	display : inline-block;
	color : #000000;
	padding-left: 14px;
}

.dropdown-social {
	background: #FFFFFF;
	border: 0.5px solid #DBDBDB;
	box-sizing: border-box;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 21px 36px 21px 2px;
	top: 40px;
    width: max-content;
    white-space: nowrap;
    left: 50%;
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.socialsharing-separator {
	margin-right: 10px;
	color : #8E8E8E;
	margin-left: 10px;
}
#row-outil {
	display: flex;
	flex-direction: row;
	align-items: center;
}
#row-outil-left {
	display: block;
	order: 1;
	flex: 1 1 auto;
}
#row-outil-left .ratings {
	margin: 0px;
	margin-top: -16px;
	margin-left: 60px;
}
#row-outil-left .rating-R {
	margin-left: 10px;
}
#row-outil-right {
	display: block;
	order: 2;
}
#row-outil-right-area {
	display: inline-flex;
	float: right;
	margin-right: 40px !important;
}
#row-outil-right-partage {
	display: inline;
}
#row-outil-right-impression {
	position: relative;
	top: -9px;
	display: inline;
	margin-left: 14px;
}
#hr_before_outil {
	margin-bottom: 8.16px;
	border: 0.5px solid #C4C4C4;
	margin-left: 35px;
    margin-right: 40px !important;
}
#hr_after_outil {
	margin-top: 0px;
	border: 0.5px solid #C4C4C4;
    margin-left: 35px;
    margin-right: 40px !important;
}

/* Mobile screen */
@media screen and (max-width: 993px) {
	
	.socialsharing {
      margin-right: 0;
      margin-bottom: 0;
	}

	#hr_after_outil {
    	margin-top: 8px;
    	border: 0.5px solid #C4C4C4;
    	margin-left: 40px;
    	margin-right: 40px !important;
	}

	#row-outil-right-area {
		display: initial;
		float: none;
		text-align: center;
	}

	#row-outil {
		display: inherit;
		text-align: center;
		margin-bottom: 25px;
	}

	.dropdown-social {
		left: 57%;
	}

	.socialsharing .dropdown-backdrop {
		position: initial;
	}

	.rating-L {
		width: 100%;
    	margin-left: auto;
    	margin-right: auto;
	}
	.ratings form {
		width: 200px;
	    text-align: center;
	    max-width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    padding-left: 50px;
	}

	#row-outil-left .ratings {
		margin-left: 0px;
		margin-bottom: 40px;
	}
}
@media screen and (min-width:993px){
  #safari #row-outil-right-partage{
  	display : inline-block;
  }
}

.fermerPartage {
    position: relative;
    top: 7px;
    right: -19px;
    margin-left: 15px;
}

.btn-sharing:hover, .btn-sharing:focus {
	text-decoration: none;
}

.sharingSvg {
	position: relative;
    top: 4px;
}
@font-face {
    font-family: PT Sans;
    src: url("../modules/cnavtemplate/css/fonts/PTS55F.ttf");
}

@font-face {
    font-family: PT Sans;
    font-weight: bold ;
    src: url("../modules/cnavtemplate/css/fonts/PTS75F.ttf");
}

@font-face {
    font-family: PT Sans;
   	font-style: italic ;
    src: url("../modules/cnavtemplate/css/fonts/PTS56F.ttf");
}

@font-face {
    font-family: PT Sans;
    font-weight: bold ;
    font-style: italic ;
    src: url("../modules/cnavtemplate/css/fonts/PTS76F.ttf");
}

@font-face {
    font-family: PT sans Narrow;
    src: url("../modules/cnavtemplate/css/fonts/PTS55F.ttf");
}

@font-face {
    font-family: PT sans Narrow;
    font-weight: bold ;
    src: url("../modules/cnavtemplate/css/fonts/PTN77F.ttf");
}

/* Polices Dyslexie */

@font-face {
    font-family: OpenDyslexic-Regular;
    src: url("../modules/cnavtemplate/css/fonts/OpenDyslexic-Regular.otf");
}

@font-face {
    font-family: OpenDyslexic-Regular;
    font-weight: bold;
    src: url("../modules/cnavtemplate/css/fonts/OpenDyslexic-Bold.otf");
}

@font-face {
    font-family: OpenDyslexic-Regular;
    font-weight: bold;
    font-style: italic ;
    src: url("../modules/cnavtemplate/css/fonts/OpenDyslexic-BoldItalic.otf");
}

@font-face {
    font-family: OpenDyslexic-Regular;
    font-style: italic ;
    src: url("../modules/cnavtemplate/css/fonts/OpenDyslexic-Italic.otf");
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../modules/cnavtemplate/css/fonts/Roboto-Regular.ttf");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../modules/cnavtemplate/css/fonts/Roboto-Regular.ttf");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../modules/cnavtemplate/css/fonts/Roboto-Regular.ttf");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../modules/cnavtemplate/css/fonts/Roboto-Regular.ttf");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../modules/cnavtemplate/css/fonts/Roboto-Regular.ttf");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../modules/cnavtemplate/css/fonts/Roboto-Regular.ttf");
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../modules/cnavtemplate/css/fonts/Roboto-Regular.ttf");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../modules/cnavtemplate/css/fonts/Roboto-Regular.ttf");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url("../modules/cnavtemplate/css/fonts/Roboto-Regular.ttf");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: Raleway;
    src: url("../modules/cnavtemplate/css/fonts/Raleway-Regular.ttf");
}
.form-group .form-control {
	border-radius: 0px;
}
.form-group .btn-default {
	border-radius: 0px;
}
.form-group .btn-sm,
.form-group .btn-danger,
.form-group .btn-danger:active,
.form-group .btn-danger[disabled]:focus,
.form-group .btn-danger[disabled]:hover {
	background-color: #0a4e7b;
	border-color: #0a4e7b;
	color: #fff;
}
.form-group .help-block {
	color: #000;
}
.form-group .ng-scope sup i {
	color: red;
}