/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
	max-width:100%;
	box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html body{
    position:relative;
	margin:0;
	max-width:100%;
}

a{
    text-decoration: none;
    cursor:pointer;
}
a:hover{
    text-decoration: none;
    cursor:pointer;
	color:#fe7c1a;
}

br.both,
.cBoth{
    display:block;
    clear:both;
}
br.tablette{
    display:none;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.couleur1{
    color:#fe7c1a;
}
.couleur2{
    color:#aaa891;
}
.couleur3{
    color:#178e8a;
}
.couleur4{
    color:#2bc2bd;
}





/* ==========================================================================
   Shell

	Gris foncé: #21262e;
	Orange: #e57200;
	Marine: #1c3251;
	Vert 1: #2bc2bd;
	Vert 2: #178e8a;

   ========================================================================== */
/******************* FORMULAIRES *****************************/
div.umbraco-forms-form {
	padding: 0;
}
div.umbraco-forms-form form {
    background: #eee;
    border-bottom: 3px solid #1a8d8a;
    padding: 10px 0 80px !important;
	margin-bottom: 40px;
}
div.umbraco-forms-form form fieldset {
	padding: 20px 20px 30px;
	margin: 0;
}
div.umbraco-forms-form form .col-md-12 {
	width: auto;
	float: inherit;
	padding: 0;
}
div.umbraco-forms-form form .umbraco-forms-field {
	margin-bottom: 20px;
}
div.umbraco-forms-form form .umbraco-forms-navigation {
	padding: 0 20px;
}
div.umbraco-forms-form form input[type=text], div.umbraco-forms-form form select {
	padding: 5px;
    font: normal 16px 'Open Sans',sans-serif;
    border: 1px solid #ccc;
    width: 100%!important;
    max-width: 100%!important;
    background: #fff;
}
div.umbraco-forms-form form input[type=file] {
    background: none;
	border: none;
}
div.umbraco-forms-form form select {
	margin-top : 0;
}
div.umbraco-forms-form form h4 {
	background: #1a8d8a;
    color: #fff !important; 
    padding: 10px 20px;
	line-height: 1.4 !important;
}
div.umbraco-forms-form form legend {
	font-size: 24px;
    border-bottom: 2px solid #1a8d8a;
    padding-left: 0px;
    padding-top: 15px;
    color: #4c4c4c!important;
	font: bold 26px 'Open Sans',sans-serif;
	width: 100%;
}
div.umbraco-forms-form form label {
	font: bold 14px 'Open Sans',sans-serif;
    margin-bottom: 5px;
    color: #4c4c4c;
}
div.umbraco-forms-form form textarea {
	width: 100%;
	max-width: 100% !important;
	min-height: 100px;
	height: 100px;
}
div.umbraco-forms-form form .btn {
	background: #1a8d8a;
    padding: 10px 20px;
	cursor: pointer;
    color: #fff;
    font: bold 16px 'Open Sans',sans-serif;
    border: 0px!important;
    margin-top: 10px;
	margin-bottom: 40px;
    float: right;
	width: inherit !important;
}
div.umbraco-forms-form input[type=file] {
	border: none;
    background: #eee;
}
div.umbraco-forms-submitmessage {
	font: bold 20px 'Open Sans',sans-serif;
    color: #fe7c1a;
    margin-bottom: 40px;
}
div.umbraco-forms-form div.checkbox {
	display: flex;
	flex-direction: row-reverse;
	justify-content: left;
}
div.umbraco-forms-form div.checkbox label {
	margin-left: 5px;
}
div.autorisation1 p, div.autorisation2 p, div.autorisation3 p, div.authorize1 p, div.authorize2 p, div.authorize3 p {
	padding-left: 20px;
    position: relative;
    padding-top: 0px;
    font-size: 14px !important;
 	font-weight: 600 !important;
	color: #4c4c4c !important;
}
div.autorisation1 p::before, div.autorisation2 p::before, div.autorisation3 p::before, 
div.authorize1 p::before, div.authorize2 p::before, div.authorize3 p::before {
	display: block;
    background: #1a8d8a;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 8px;
    left: 5px;
    content: "";
}

div.umbraco-forms-form .prénom, div.umbraco-forms-form .nom, div.umbraco-forms-form .adresse, div.umbraco-forms-form .province,
div.umbraco-forms-form .courriel, div.umbraco-forms-form .téléphone, div.umbraco-forms-form .ville, div.umbraco-forms-form .name,
div.umbraco-forms-form .codepostal, div.umbraco-forms-form .objetdelaplainte, div.umbraco-forms-form .firstname,
div.umbraco-forms-form .lastname, div.umbraco-forms-form .address, div.umbraco-forms-form .city, div.umbraco-forms-form .téléphonetravail,
div.umbraco-forms-form .postalcode, div.umbraco-forms-form .phone, div.umbraco-forms-form .email, div.umbraco-forms-form .phonework,
div.umbraco-forms-form .subjectofthecomplaint, div.umbraco-forms-form .nodepolice, div.umbraco-forms-form .policynumber,
div.umbraco-forms-form .téléphonemaison, div.umbraco-forms-form .phonehome, div.umbraco-forms-form .joindreunecopiedevotrecontratdassuranceauto, 
div.umbraco-forms-form .expiration, div.umbraco-forms-form .personnecontactée, div.umbraco-forms-form .pleasesendusacopyofyourautomobileinsurancecontract,
div.umbraco-forms-form .contactsname, div.umbraco-forms-form .nomdelassureur, div.umbraco-forms-form .companyname, div.umbraco-forms-form .policyno,
div.umbraco-forms-form .date {
	width: calc(50% - 3%) !important;
	float: left;
	clear: none;
}
#mainCol div.umbraco-forms-form .n1nomdelassureurnomducourtier input[type=text], #mainCol div.umbraco-forms-form .n2nomdelassureurnomducourtier input[type=text],
#mainCol div.umbraco-forms-form .n3nomdelassureurnomducourtier input[type=text], #mainCol div.umbraco-forms-form .n4nomdelassureurnomducourtier input[type=text],
#mainCol div.umbraco-forms-form .n5nomdelassureurnomducourtier input[type=text], #mainCol div.umbraco-forms-form .n1companysnamebrokersname input[type=text], 
#mainCol div.umbraco-forms-form .n2companysnamebrokersname input[type=text], #mainCol div.umbraco-forms-form .n3companysnamebrokersname input[type=text], 
#mainCol div.umbraco-forms-form .n4companysnamebrokersname input[type=text], #mainCol div.umbraco-forms-form .n5companysnamebrokersname input[type=text]{
	width: calc(50% - 3%) !important;
	margin-right: 6%;
}
div.umbraco-forms-form .n1nomdelassureurnomducourtier, div.umbraco-forms-form .n2nomdelassureurnomducourtier,
div.umbraco-forms-form .n3nomdelassureurnomducourtier, div.umbraco-forms-form .n4nomdelassureurnomducourtier,
div.umbraco-forms-form .n5nomdelassureurnomducourtier {
	width: 100% !important;
	margin-bottom: 20px;
}
/******** FORM Nous joindre *********/
div.contactform .sujet, div.contactformanglais .subject {
	width: fit-content;
}
div.contactform  .prénom, div.contactform  .courriel, div.contactformanglais .firstname, div.contactformanglais  .email {
	margin-right: 6%;
}

/******** FORM Plainte *********/
div.formplainte .prénom, div.formplainte .courriel, div.formplainte .adresse, 
div.formplainte .codepostal, div.formplainteanglais .firstname, div.formplainteanglais .email,
div.formplainteanglais .address, div.formplainteanglais .postalcode {
	margin-right: 6%;
}

/******** FORM Accès *********/
div.formaccès .prénom, div.formaccès fieldset:not(:nth-child(1)) .nom, div.formaccès .adresse, div.formaccès .province, 
div.formaccès .téléphonemaison, div.formaccèsanglais .phonehome, div.formaccèsanglais .firstname, div.formaccèsanglais .email,
div.formaccèsanglais .address, div.formaccès fieldset:not(:nth-child(3)) .téléphone, div.formaccès .expiration,
div.formaccèsanglais fieldset:not(:nth-child(3)) .phone, div.formaccèsanglais .companyname, div.formaccès .nomdelassureur, div.formaccèsanglais .province,
div.formaccèsanglais .name, div.formaccèsanglais .expiration, div.umbraco-forms-form .n1nomdelassureurnomducourtier, div.umbraco-forms-form .n2nomdelassureurnomducourtier,
div.umbraco-forms-form .n3nomdelassureurnomducourtier, div.umbraco-forms-form .n4nomdelassureurnomducourtier, div.umbraco-forms-form .n5nomdelassureurnomducourtier {
	margin-right: 6%;
}
div.formaccès .n2nomdelassureurnomducourtier, div.formaccès .n3nomdelassureurnomducourtier,
div.formaccès .n4nomdelassureurnomducourtier , div.formaccès .n5nomdelassureurnomducourtier,
div.formaccès .automobile, div.formaccès .entreprise, div.formaccèsanglais .n2companysnamebrokersname, 
div.formaccèsanglais .n3companysnamebrokersname, div.formaccèsanglais .n4companysnamebrokersname , 
div.formaccèsanglais .n5companysnamebrokersname, div.formaccèsanglais .auto, div.formaccèsanglais .business,
div.formaccès div.checkbox:last-child {
	border-top: 1px solid #1a8d8a;
	padding-top: 30px;
}


header{
    width:100%;
    max-width:1600px;
    margin:0 auto;
    overflow:hidden;
    box-sizing:border-box;
    padding:10px 40px 30px;
	position:relative;
}

a.btn2, .btn2{
    font:900 18px 'Open Sans',sans-serif;
    color:#aba990;
    padding:10px;
    border:1px solid #aba990;
    border-radius:5px;
    text-transform: uppercase;
    transition:all 0.s ease-in-out;
}
.btn2:hover{
    background:#aba990;
    color:#fff!important;
}

header .btn2{
    float: left;
    margin-top:90px;
}
header > .container{
	margin-bottom:40px;
	padding:0px;
}

.container{
    width:100%;
    max-width:1600px;
    margin:0 auto;
	overflow:hidden;
}
footer .container {
	max-width:1200px;
}
.fullWidth .container, .container.fullWidth{
    max-width:1600px;
	padding:0px;
}
.logo {
    position:absolute;
	top:0px;
	left:0;
    width: 350px;
    margin:60px 0 0 0;
    height: 65px;
    background-repeat: no-repeat;
    background-size: contain;
	background-position:center;
}
.logo img{
    display:block;
    width:100%;
}

ul#menuTop {
    display: block;
    float: right;
    list-style: none;
    overflow: hidden;
    text-align: right;
	padding-left:0px;
}
#menuTop li {
    display: inline-block;
    padding: 0 0px;
	border-right:1px solid #e5e5e5;
}
#menuTop li a{
    color:#1c3251;
	font:bold 12px 'Open Sans',sans-serif;
	padding:10px 25px;
}
#menuTop li a:hover{
    color:#fe7c1a;
}

#btnLangue{
	float:right;
	color:#1c3251;
	font:bold 12px 'Open Sans',sans-serif;
	padding:15px 25px;
}
#btnLangue .nonMobile, .ctnMenuPied .nonMobile{
	display:inline-block;
}
#btnLangue .mobileOnly, .ctnMenuPied .mobileOnly{
	display:none;
}
#ctnRecherche{
	float: right;
    overflow: hidden;
    padding: 0 15px;
    margin: 12px 25px 0 25px;
    background: #eee;
    border-radius: 45px;
}
#ctnRecherche form input, 
#ctnRecherche form button{
	float:left;
	display:block;
	border:0px;
	background:none;
	border-bottom:1px solid #e5e5e5;
}
#ctnRecherche form input{
	height:20px;
	padding-top:4px;
	color:#1c3251;
	font:bold 12px 'Open Sans',sans-serif;
}
#ctnRecherche form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#1c3251;
font:bold 12px 'Open Sans',sans-serif;
}
#ctnRecherche form button{
	padding: 5px 0px;
}
#ctnRecherche form button img{
	width:14px;
	display:inline-block;
	margin:4px 0 0 5px;
}
#btnMenu{
    float:right;
    font:bold 14px 'Open Sans',sans-serif;
	text-transform:uppercase;
	color:#1c3251;
    cursor: pointer;
    margin-top:40px;
	clear: right;
	height:21px;
    transition: all 0.2s ease-in-out;
}
#iconeMenu{
    height:15px;
    width:25px;
    background:#fff;
    border-top:3px solid #f89720;
    border-bottom:3px solid #f89720;
    position:relative;
    float:right;
    margin:0px 0 0 20px;
    transition: all 0.2s ease-in-out;
	box-sizing:content-box!important;
}

#iconeMenu:after {
    display: block;
    width: 25px;
    height: 3px;
    background: #f89720;
    position: absolute;
    top: 6px;
    content: "";
    transition: all 0.2s ease-in-out;
    box-sizing: content-box!important;
}

#appNav {
    width: calc(80% - 450px);
	min-width:650px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: 150px;
}
#appNav .toggleAccueil, #appNavFooter .toggleAccueil {
    width: 48%;
    border: 1px solid #e5e5e5;
    border-bottom: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font: 900 18px "Open Sans",sans-serif;
    color: #21262e;
    text-align: center;
    /*text-decoration: none;
    text-decoration-color: #f89720;*/
    padding: 18px 15px;
    box-sizing: border-box;
}
#appNav .toggleAccueil:hover,
#appNavFooter .toggleAccueil:hover{
	text-decoration: underline;
    text-decoration-color: #f89720;
}
#appNav .toggleAccueil#btnPro {
    min-width: 400px;
}
#appNav .toggleAccueil#btnPub {
    margin-right: 40px;
}
#appNav .toggleAccueil.actif, #appNavFooter .toggleAccueil.actif{
	background:#21262e;
	position:relative;
	color:#fff;
}
#appNav .toggleAccueil.actif:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:calc(50% - 5px);
	width:10px;
	height:10px;
	border-bottom:9px solid #fff;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:1px solid transparent;
	box-sizing:border-box;
}


/*- Menu -*/

#btnFermer{
    font:bold 14px 'Open Sans', sans-serif;
	text-transform:uppercase;
    color:#fff;
    position:absolute;
    top:15px;
    right:40px;
    cursor: pointer;
	display:inline-block;
}
#btnFermer:hover{
    color:#fe7c1a;
}
#btnFermer strong {
    font: bold 20px 'Open Sans',sans-serif;
    margin: -6px 0 0 10px;
    float: right;
}
#btnMenu:hover #iconeMenu{
    height:9px;
    margin:3px 0 0 20px;
}
#btnMenu:hover #iconeMenu:after{
    top:3px;
    transform: translateX(0px);
}
#ecran{
	display:none;
    position: absolute;
    width: 100%;
    height: 100%;
	z-index:555;
}
#ecran.open{
	display:block;
}
#ctnMenu{
    position:absolute;
    top:0;
    right:0px;
    width:400px;
	max-width:100%;
    background:#21262e url(/media/116960/bg_vedette.png) no-repeat right top!important;
	background-attachment: fixed;
    padding:40px 60px 20px;
    box-sizing:border-box;
    transition:all 0.5s ease-in-out ;
	z-index:6666;
}
#ctnMenu.open{
    right:0px;
}
#ctnMenu ul.level-2{
    padding:0px 0 0 0px;
}
#ctnMenu.open ul.level-2{
    padding:0px 0 0 0px;
}

#ctnMenu ul li {
    font:bold 18px 'Open Sans';
    color:#fff;
    list-style:none!important;
}
#ctnMenu ul ul li {
    font:normal 16px 'Open Sans';
    color:#fff;
    list-style:none!important;
    margin-bottom:5px;
}
#ctnMenu > ul > li{
    margin-bottom:10px;
    padding-bottom: 10px;
}
#ctnMenu > ul > li.separateur {
    border-bottom:1px solid #32373e;
    margin-bottom:20px;
    padding-bottom: 20px;
}
#ctnMenu ul li a{
    color:#fff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
#ctnMenu ul li a:hover{
    color:#fe7c1a;
}
#ctnMenu ul li ul{
    margin-left:15px;
    margin-top:10px;
    overflow:hidden;
   
}
#ctnMenu .btnSousMenu {
    display: block;
    cursor: pointer;
    position:relative;
    padding-right:40px;
}
#ctnMenu .btnSousMenu:after{
    content:"";
    width:20px;
    height:15px;
    background: url(/Media/img/fleche_b.png) no-repeat 95% center;
    background-size: 15px auto;
    position:absolute;
    right:10px;
    top:3px;
    transition:all 0.3s ease-in-out;
}
#ctnMenu .btnSousMenu:hover:after {
    background: url(/Media/img/fleche_o.png) no-repeat 95% center;
    background-size: 15px auto;
    display: block;
}
#ctnMenu .ouvert .btnSousMenu:after{
     background: url(/Media/img/fleche_b.png) no-repeat 95% center;
    background-size: 15px auto;
    transform:rotate(180deg);
}
#ctnMenu .ouvert .btnSousMenu:hover:after{
     background: url(/Media/img/fleche_o.png) no-repeat 95% center;
    background-size: 15px auto;
    transform:rotate(180deg);
}


/* ==========================================================================
   Accueil
============================================================================= */

#ctnBanAccueil{
	width:100%;
	position:relative;
	overflow:hidden;
}
#ctnBanAccueil:before{
	content:"";
	display:block;
	width:100%;
	height:50%;
	background:#21262e;
	position:absolute;
	top:0;
	left:0;
}
#ctnBanAccueil .container{
	width:90%;
	max-width:1600px;
	margin:60px auto;
	background:url(/Media/img/ban_accueil.jpg) no-repeat left top;
	overflow:hidden;
	display:flex;
	flex-wrap:nowrap;
	position:relative;
}
#ctnBanAccueil .texteBanniere{
	width:67%;
	padding: 0px 60px 60px 0;
	display:flex;
	align-content:flex-end;
	flex-wrap:wrap;
}
#ctnBanAccueil .texteBanniere span{
	background:#2bc2bd;
	padding:10px 30px;
	padding-left:30px;
	color:#fff!important;
	font: bold 24px 'Open Sans',sans-serif;
	letter-spacing:3px;
    display: inline-block;
	margin-top:15px;
	-webkit-box-shadow: 0 0 50px -5px rgba(0,0,0,0.3);
	box-shadow: 0 0 50px -5px rgba(0,0,0,0.3);
	position:relative;
	
}
#ctnBanAccueil .texteBanniere span:last-child{
	margin-left:10px;
	padding-left:80px;
}
#ctnBanAccueil.en .texteBanniere span:last-child {
    padding-left: 110px;
}
#ctnBanAccueil .texteBanniere span strong{
	position:absolute;
	left:0;
	top:0;
	padding:10px 15px;
	background:#27b0ab;
	height:100%;
	box-sizing:border-box;
	display: flex;
    align-items: center;
}
#ctnBanniere{
    -webkit-box-shadow:inset 0 13px 5px -12px #E3E3E3;
	box-shadow:inset 0 13px 5px -12px #E3E3E3;
	margin-bottom:20px;
	padding:0px;
	position:relative;
	max-height: 375px;
    overflow: hidden;
}
#ctnBanniere img{
	max-width:100%;
}
#ctnVedette{
	padding:60px;
	width:33%;
	box-sizing:border-box;
	text-align:left;
	background: #f89800;
	background: -moz-linear-gradient(top,  #f89800 0%, #e57200 100%);
	background: -webkit-linear-gradient(top,  #f89800 0%,#e57200 100%);
	background: linear-gradient(to bottom,  #f89800 0%,#e57200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89800', endColorstr='#e57200',GradientType=0 );
	position:relative;
}
#ctnVedette:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/media/120622/bg_vedette.png) no-repeat center center;
	background-size:cover;
}
#ctnVedette img{
	text-align:left;
	margin-bottom:20px;
	display:block;
	max-width:100%;
}
#ctnVedette h2{
	color:#fff;
	font:bold 30px/30px 'Open Sans',sans-serif;
	margin:0 0 10px 0;
}
#ctnVedette p{
	color:#fff;
	font:bold 14px/160% 'Open Sans',sans-serif;
	margin:0 0 30px 0;
	text-align:left;
}

#ctnVedette a.bouton{
	color: #f89720;
    background: #fff;
    padding: 10px 20px;
    font: bold 16px 'Open Sans',sans-serif;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
	position:relative;
}

#ctnBlocAccueil{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:60px auto 0;
	width:90%;
	max-width:1280px;
}
#ctnBlocAccueil .blocAccueil{
	width:22%;
	border:1px solid #e5e5e5;
	border-top-right-radius:30px;
	border-bottom-left-radius:30px;
	text-align:center;
	padding:50px 30px;
	margin-bottom:45px;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-content:middle;
	align-items: center;
}
#ctnBlocAccueil .blocAccueil h3{
	font:900 18px "Open Sans",sans-serif;
	color:#21262e;
	text-decoration:underline;
	text-decoration-color:#269692;
}

#strateAccueil{
	background:url(/media/120629/bkg_accueil.jpg) no-repeat center bottom;
	padding:60px 0;
}
#strateAccueil .container{
	width:90%;
	max-width:1600px;
	display:flex;
	justify-content:flex-end;
	overflow:visible;
}
#strateAccueil .bloc{
	width:390px;
	margin-left:20px;
	background:#21262e;
	position:relative;
	border-radius:5px;
	padding:85px 40px;
	box-sizing:border-box;
	display: flex;
    flex-wrap: wrap;
    align-content: space-between;
	-webkit-box-shadow: 0 0 50px -5px rgba(0,0,0,0.5);
box-shadow: 0 0 50px -5px rgba(0,0,0,0.5);
}
#strateAccueil .bloc h3 strong{
	font:900 25px/140% "Open Sans",sans-serif;
	text-decoration:underline;
	margin:15px 0 5px 0;
	color:#fff;
}
#strateAccueil .bloc h3{
	font:bold 16px "Open Sans",sans-serif;
	text-decoration:none;
	width:100%;
}
#strateAccueil .blocAcces h3{
	color:#2bc2bd;
}
#strateAccueil .blocSimplifier h3{
	color:#f89800;
}
#strateAccueil .blocAcces{
	text-align:right;
}
#strateAccueil .blocAcces:before{
	content:"";
	background:url(/media/120628/quote_v.png) no-repeat center center;
	background-size:100% auto;
	position:absolute;
	top:85px;
	left:35px;
	display:block;
	width:126px;
	height:111px;
}
#strateAccueil .blocSimplifier:before{
	content:"";
	background:url(/media/120627/quote_o.png) no-repeat center center;
	background-size:100% auto;
	position:absolute;
	top:85px;
	right:5px;
	display:block;
	width:126px;
	height:111px;
}
#strateAccueil .bloc p{
	color:#fff;
	font:normal 14px/200% 'Open Sans',sans-serif;
	margin:40px 0;
}
#strateAccueil .bloc a.bouton {
    color: #fff;
    display: block;
    border: 1px solid #fff;
    font: bold 14px "Opens Sans",sans-serif;
    text-transform: uppercase;
    padding: 20px;
    text-align: center;
    width: 100%;
}
#strateAccueil .blocAcces a.bouton{
	border:1px solid #2bc2bd;
}
#strateAccueil .blocSimplifier a.bouton{
	border:1px solid #f89800;
}



/*- Fin accueil -*/

#blocTexteBan{
	position: absolute;
    top: 20%;
    right: 10%;
    z-index: 444;
    width: 36%;

}
#blocTexteBan.modele2 {
    position: absolute;
    top: 20%;
    right: 10%;
    z-index: 444;
    width: 82%;
    max-width: 1190px;
}
#blocTexteBan h1{
	color: #178e89;
    font: bold 38px/110% 'Open Sans',sans-serif;
    margin-bottom: 5px;
}
#blocTexteBan.modele2 h2{
    font: 600 38px 'Open Sans',sans-serif;
}
#blocTexteBan h2.exergue {
    color: #178e89;
    font: bold 25px 'Open Sans',sans-serif;
    margin-top: 20px;
	padding:15px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#blocTexteBan h2{
    color: #333;
    font: 400 26px/120% 'Open Sans',sans-serif;
    margin-bottom: 0px;
}
#blocTexteBan p{
	color: #666;
    font: 400 20px/140% 'Open Sans',sans-serif;
    margin-bottom: 0px;
}
.btn{
    font:900 18px 'Open Sans',sans-serif;
    color:#fff;
    background:#fe7c1a url(/Media/img/rounded-tip.png) no-repeat right top;
    background-size:auto 100%;
    text-transform: uppercase;
    padding:10px 25px 10px 15px;
    display: inline-block;
}
ul{
    padding-left:20px;
}

#fullWrap{
    max-width:1300px;
    width:100%;
    margin:0 auto;
	position:relative;
	padding:0 20px;
	overflow:hidden;
	box-sizing:border-box;
}
#fullWrap.avecRS{
	max-width: 1260px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#ctnShare {
    width: 70%;
    clear: both;
    padding: 20px 0;
    overflow: hidden;
    margin: 0 auto;
}
#ctnShare > *{
	float:left!important;
	margin-right:20px!important;
}
#ctnShare .fb-share-button.fb_iframe_widget{
	margin-top:-3px;
}
#ctnShare span.IN-widget {
    margin-top: -5px;
}
#ctnShare div#___plus_0 {
    margin-top: -2px!important;
    display: block;
}

.classQuiz {
	margin-bottom:5px;
}
#mainCol{
    width:70%;
    padding:0 20px 0 0;
    box-sizing:border-box;
    overflow:hidden;
    float:left;
    margin-bottom:40px;
}
#mainCol a{
	color:#fe7c1a;
}
#mainCol iframe.mainCol{
	width:100%;
	/*max-width:620px;*/
}
#colLateral{
    width:28.5%;
    float:right;
    padding-right:20px;
    margin-left:1.5%;
    box-sizing:border-box;
}
#mainCol #ctnArticle > h3 {
    font-size: 26px;
}
#mainCol .imgNouvelle{
	float:left;
	width:100%;
	max-width:350px;
	margin:0 20px 20px 0;
}

/***** sidebar photo président-générale *****/

#colLateral .blocPresident {
	background: url(/media/76738/sidebar-president.jpg) no-repeat center top;
	background-size: cover;
	margin-bottom: 5px;
	min-height: 118px;
}
#colLateral .blocGenerale {
	background: url(/media/76739/sidebar-dg.jpg) no-repeat center top;
	background-size: cover;
	margin-bottom: 5px;
	min-height: 118px;
}
#colLateral .textePresident {
    padding: 15px;
    margin-left: 100px;
}
#colLateral .textePresident p.nomPresident {
    font-weight: 300;
}
#colLateral .textePresident p.titrePresident {
    font-weight: 700;
}
/*******************************************/

.creditPhoto {
    position: relative;
    top: -30px;
    right: 215px;
    text-align: right;
    font-size: 12px;
}

/*******************************************/
#colLateral h2{
    font:bold 30px 'Open Sans',sans-serif;
    color:#fe7c1a;
    padding-bottom:5px;
    margin-bottom: 5px;
    border-bottom:1px solid #e1e1e1;
}

#colLateral ul{
    list-style:none;
    padding-left:0px;
}
#colLateral > ul > li{
   font:bold 22px 'Open Sans',sans-serif;
   margin-bottom:10px;
   padding: 10px 0;
}
#colLateral ul.menuLateral{
	border:2px solid #1a8d8a;
	padding:0px!important;
	margin-bottom:15px;
}
#colLateral > ul.menuLateral > li{
	padding:0px!important;
	margin-bottom:5px;
}
#colLateral > ul.menuLateral > li:last-child{
	margin-bottom:0px;
}
#colLateral ul.menuLateral li a{
	color:#1a8d8a;
	font:bold 14px 'open Sans',sans-serif;
	padding:10px 20px;
	transition:all 0.2s ease-in-out;
	display:block;
	margin:0px!important;
}
#colLateral ul.menuLateral li a:hover{
	background:#e4e4e4;
}
#colLateral ul.menuLateral li.actif > a{
	background:#1a8d8a;
	color:#fff;
}
#colLateral > ul.menuLateral > li > ul {
	margin:0;
	list-style-type: '>';
	padding: 5px 0 5px 30px;
	color:#178E89;
	border-bottom:2px solid #eeeeee;
}
#colLateral > ul.menuLateral > li:nth-child(2) ul li {
	list-style-image:none;
}
#colLateral > ul.menuLateral > li:nth-child(2) ul li:hover {
	list-style-image:none;
}
#colLateral > ul.menuLateral > li > ul li::marker {
	font-size:10px !important;
}
#colLateral > ul.menuLateral > li > ul li a {
	font-weight:normal;
	padding: 0 0 0 5px;
}
#colLateral > ul.menuLateral > li > ul li a:hover {
	text-decoration:underline;
	color:#1a8d8a !important;
	background:none;
}
#colLateral > ul.menuLateral > li.actif > ul > li.actif > a {
	background:none;
	color:#178E89;
}
#colLateral > ul.menuLateral > li > ul > li.actif {
	background:none;
}
#colLateral > ul.menuLateral > li > ul > li.actif > a {
	text-decoration:underline;
}

#colLateral a.bouton{ 
	font: bold 16px 'Open Sans',sans-serif;
    color: #fff;
    padding: 5px 10px;
	margin:10px 0;
	display:inline-block;
}


#colLateral.modele3 > ul > li{
   font:bold 18px/120% 'Open Sans',sans-serif;
   color:#fff;
	margin-bottom:5px;
	background:#1a8d8a;
	padding:20px;
}
#colLateral.modele3 > ul > li.couleur2{
	color:#fff;
	background:#aaa891;
}
#colLateral.modele3 > ul > li.couleur3{
	color:#fff;
	background:#4e4e4e;
}
#colLateral.modele3 > ul > li.archive{
   font:bold 18px/120% 'Open Sans',sans-serif;
   color:#fe7c1a;
	margin-bottom:5px;
	background:transparent;
	padding:0px;
	margin-top:15px;
	text-transform: uppercase;
	padding: 20px;
    background: #eee;
}
#colLateral.modele3 > ul > li.rapport a{
	margin:3px;
}
#colLateral.modele3 > ul > li.archive a{
	color:#333;
	text-transform: none;
	margin:0;
}
#colLateral.modele3 > ul > li.rapport span, #colLateral.modele3 > ul > li.archive span{
	font:normal 14px/120% 'Open Sans',sans-serif!important;
	text-transform:none;
}
#colLateral.modele3 > ul > li p{
   color:#fff;
}
#colLateral.modele3 > ul > li a{
	font: bold 14px 'Open Sans',sans-serif;
    color: #fff;
    padding: 0px 0px;
	margin:10px 0;
	display:inline-block;
	text-decoration:underline;
}
#colLateral > ul > li p{
   font:normal 16px 'Open Sans',sans-serif;
}
#colLateral > ul > li p a{
   color:#FE7C1A;
}
#colLateral > ul > li ul li a{
   color:#7d7d7d;
}
#colLateral > ul > li ul li a:hover{
   color:#fe7c1a!important;
}
#colLateral > ul > li ul {
    margin:10px 0;
    display: block;
	padding-left:20px;
	list-style:disc;
}
#colLateral > ul > li ul li{
    position:relative;
    padding:5px 0;
    font:normal 16px 'Open Sans',sans-serif;
}
#colLateral > ul > li ul li.actif{
	background:#eee;
}
#colLateral > ul > li:nth-child(2) ul li {
   list-style-image:url(/Media/img/bullet_g.png);
}
#colLateral > ul > li:nth-child(2) ul li:hover {
   list-style-image:url(/Media/img/bullet_o.png);
}

#colLateral li.active{
    background:#fe7c1a;
    color:#fff;
    font-weight:bold;
    padding:10px 0 10px 20px;
}
#colLateral .exergue{
	color:#178e89;
	font:400 18px 'Open Sans',sans-serif;
	padding:10px 5px 20px 5px;
	border-bottom:1px solid #e1e1e1;
	text-align:center;
}
#colLateral .ctaVideo{
	overflow:hidden;
	margin-bottom:50px;
}
#colLateral .ctaVideo .tnVideo{
	border:1px solid #000;
	margin-bottom:10px;
	position:relative;
	display:block;
}
#colLateral .ctaVideo strong{
	margin-bottom:15px;
	text-align:center;
	display:block;
	font:bold 16px 'Open Sans',sans-serif;
}
#colLateral .ctaVideo .tnVideo:before{
	content:"";
	position: absolute;
	top:50%;
	left:50%;
	width:148px;
	height:119px;
	margin-left:-74px;
	margin-top:-55px;
	background:url(/Media/img/i_video.png) no-repeat center center;
	opacity:0.8;
}
#colLateral .ctaVideo p{
	background:#fe7d1b;
	padding:10px;
	color:#fff;
	font:bold 14px 'Open Sans',sans-serif;
	text-transform:uppercase;
	margin:0px;
	text-align:center;
}
#colLateral .ctaVideo p a, #colLateral .ctaVideo p a:hover{
	color:#fff!important;
}
/*

<div class="ctaLateral">
<h2><strong>FCSA</strong><br>Consultez votre dossier</h2>
<p>Obtenir une copie de votre dossier de sinistre</p>
<a class="bouton">En savoir plus</a>
</div>
*/
.ctaLateral{
	background:#fe7c1a;
	padding:20px;
	margin-top:20px;
	overflow:hidden;
}
#colLateral .ctaLateral h2{
	font: normal 22px/47% 'Open Sans',sans-serif;
    color: #333;
	border:0px!important;
		margin-bottom:15px;
}
#colLateral .ctaLateral h2 strong{
	font: bold 37px/100% 'Open Sans Bold',sans-serif;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}
.ctaLateral p{
	font:normal 16px 'Open Sans',sans-serif;
	color:#fff;
}
#colLateral .ctaLateral a.bouton{
color:#fff;
padding:0px;
margin:0px;
	float:right;
	background:none;
}

#colLateral .orangeWidget{
	background: #FE7C1A;
	font-size: 20px;
    padding: 40px 20px;
    margin-bottom: 20px;
	color: white;
}
#colLateral .orangeWidget p{
	margin: 0;
	font-family: "Open Sans",sans-serif;
}
#colLateral .widget{
	background: #ececec url(/Media/img/img_char_vert.png) no-repeat 95% 80%;
    background-size: 110px auto;
    padding: 20px;
    margin-bottom: 20px;
}
#colLateral .widget h3{
	font: bold 24px/100% 'Open Sans Bold',sans-serif;
	color:#1a8d8a;
	text-transform:uppercase;
}
#colLateral h3 a {
	color:#1a8d8a;
}
#colLateral .widget h3 span{
	font: 300 24px/100% 'Open Sans',sans-serif;
	color:#1a8d8a;
}
#colLateral .widget h3 strong{
	color:#fe7c1a;
	text-transform:none;
}

#colLateral .widget.clicSequr{
	background: #fe7c1a url(/Media/img/img_clicsequr.png) no-repeat right bottom;
    padding: 20px 20px 90px 20px;
    margin-bottom: 20px;
}
#colLateral .widget.clicSequr h3{
	font:bold 18px 'Open Sans',sans-serif;
	color:#fff!important;
	text-transform:none!important;
}
#colLateral .widget.clicSequr h3 a{
	color:#fff!important;
}
#colLateral .widget.clicSequr h3 span{
	font:300 18px 'Open Sans',sans-serif;
	color:#fff!important;
}
#colLateral .widget.dossier{
	background: #ececec url(/Media/img/img_dossier.png) no-repeat 95% center;
    background-size: 158px auto;
    padding-bottom: 20px;
}
#colLateral .widget.dossier h3{
	color:#4d4d4f;
	font:bold 17px/17px 'Open Sans',sans-serif;
	margin:20px 0;
	text-align:left;
}
#colLateral .widget.dossier h3 span{
	font:bold 14px/17px 'Open Sans',sans-serif;
	padding-left:45px;
	color:#4d4d4f!important;
}
#colLateral .widget.dossier h3 span:last-child{
	font: bold 17px/24px 'Open Sans',sans-serif;
    padding-left: 44px;
	color:#4d4d4f!important;
}
#colLateral .widget.dossier h3 strong{
	color:#1a8d8a;
	font:bold 33px/30px 'Open Sans',sans-serif;
}

#colLateral .blocAutreArticle{
	background: #ececec;
    padding: 20px;
    margin-bottom: 5px;
}
#colLateral .blocAutreArticle h3 span{
	font: 300 24px/100% 'Open Sans',sans-serif;
	color:#1a8d8a;
}
#colLateral .blocAutreArticle h3{
	font: bold 24px/100% 'Open Sans Bold',sans-serif;
    color: #1a8d8a;
    text-transform: uppercase;
}


.blocExergue{
	background: url(/Media/img/pieces-justicatives.png) no-repeat 20px center;
    background-size: 75px auto;
    position: relative;
    padding: 20px;
    margin: 0 auto 20px;
    width: 100%;
}

.blocExergue h2{
	font: bold 20px 'Open Sans',sans-serif!important;
    color: #FE7C1A!important;
    border: 0px;
    margin: 0px 0 0 120px!important;
    display: block;
}
.blocExergue.gauche{
	float:left;
	width:45%;
	margin-right:20px;
	background-size: 65px auto;
	padding: 20px 20px 40px 20px;
}
.blocExergue.droite{
	float:right;
	width:40%;
	margin-left:20px;
	background-size: 65px auto;
	padding: 20px 20px 40px 20px;
}
.blocExergue.gauche h2, .blocExergue.droite h2{
	margin-left:80px!important;
}
#strateConsul{
    overflow: hidden;
    background: #EEEEEE;
    text-align: center;
    color: #666666;
    padding: 20px 0 60px 0;
}

#strateConsul h2 {
    font:300 30px 'Open Sans',sans-serif;
	margin:30px 0;
}
#strateConsul a.bouton {
    font:bold 16px 'Open Sans',sans-serif;
    text-transform: uppercase;
    color:#fff;
    padding:5px 10px;
    background:#fe7c1a;
}

#fullWrap.noSidebar div#mainCol {
    float: none;
    width: 100%;
}

#mainCol #ctnVideo{
	width:100%;
	overflow:hidden;
}
#mainCol #ctnVideo .blocVideo{
	width:31%;
	margin:20px 1%;
	float:left;
}
#mainCol #ctnVideo .blocVideo h3{
	color:#606060;
	font:bold 16px 'Open Sans',sans-serif;
	text-align:center;
}
#mainCol #ctnVideo .blocVideo a{
	position:relative;
	display:inline-block;
}
#mainCol #ctnVideo .blocVideo a:before{
	content:"";
	position: absolute;
	top:50%;
	left:50%;
	width:148px;
	height:119px;
	margin-left:-74px;
	margin-top:-55px;
	background:url(/Media/img/i_video.png) no-repeat center center;
	opacity:0.8;
	
}
#mainCol #ctnVideo .blocVideo img{
	border:1px solid #2d2d2d;
}
#ctnAnnee {
    overflow: hidden;
    padding-bottom: 40px;
    border-bottom: 1px solid #d9d9d9;
}
#ctnAnnee a, #ctnAnnee a:visited {
    background: #eeeeee;
    font: bold 20px 'Open Sansn',sans-serif;
    color: #55565a;
    border: 1px solid #d9d9d9;
    border-radius: 40px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 17%;
    margin-right: 3.75%;
    padding: 10px;
    text-align: center;
    margin-bottom: 15px;
    transition: all 0.3s ease-in-out;
}
#ctnAnnee a.actif, #ctnAnnee a.actif:visited {
    background: #fe7c1a;
    color: #fff;
}

#ctnNouvelles {
    padding-top: 30px;
}
#ctnNouvelles .blocNouvelle {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}
#ctnNouvelles .blocNouvelle  .texte{
	overflow:hidden;
}
#ctnNouvelles .blocNouvelle h3{
	margin-bottom:15px;
}
#ctnNouvelles .blocNouvelle img {
    float: left;
    margin-right: 20px;
    border-radius: 10px;
    width: 30%;
    border: 1px solid #d9d9d9;
}
#ctnNouvelles .blocNouvelle .texte > a strong{
	color:#1d918c;
}
#ctnArticle p img{
	max-width:100%;
}
#main .imgNouvelle{
	float:left;
	margin:0 20px 20px 0;
}

#mainCol h1{
    font:bold 30px 'Open Sans',sans-serif;
    color:#178e89;
    text-transform: uppercase;
	margin-bottom:20px;
}
#mainCol h1.carriere{
  	margin-bottom:10px;
}
#mainCol h2{
    font:bold 26px 'Open Sans',sans-serif;
    color:#fe7c1a;
	margin-bottom:20px
}
#mainCol h3{
    font:bold 22px 'Open Sans',sans-serif;
    color:#fe7c1a;
	margin-bottom:20px
}
#mainCol h3.carriere{
	color: #626262;
	font-weight:normal;
	margin-bottom:30px;
	margin-top: 0;
}
#mainCol h4 {
    font: bold 20px 'Open Sans',sans-serif;
    color: #1A8D8A;
    margin-bottom: 10px;
}
#mainCol p{
    font:normal 16px 'Open Sans',sans-serif;
    color:#666;
	margin-bottom:15px
}
#mainCol ul{
	margin-bottom:20px;
	list-style:none;
}

#mainCol li{
	font:normal 16px 'Open Sans',sans-serif;
    color:#666;
	position: relative;
    padding: 5px 0 5px 20px;
}
#mainCol ul > li:before {
    background: #fe7c1a;
    content: "";
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 0px;
    position: absolute;
    top: 14px!important;
}
#mainCol .encadre.statique.orange ul > li:before{
	 background: #1A8D8A;
}
#mainCol a.bouton {
    font:bold 16px 'Open Sans',sans-serif;
    color:#fff;
    padding:10px 15px;
    background:#1a8d8a;
	display:inline-block;
}
#mainCol a.bouton.orange {
    background:#f89800;
}
#mainCol a.bouton.orange:hover {
    text-decoration:underline;
}
#mainCol .bouton2 {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bc2bd', endColorstr='#2b9dc2',GradientType=0 );
    background: rgba(255,184,122,1);
    background: -moz-linear-gradient(top, rgba(43,157,194,1) 0%, rgba(43,194,189,1) 100%);
    background: -webkit-linear-gradient(top, rgba(43,157,194,1) 0%,rgba(43,194,189,1) 100%);
    background: linear-gradient(to bottom, rgba(43,157,194,1) 0%,rgba(43,194,189,1) 100%);
    transition: background-color 0.3s ease;
}
#mainCol .bouton2 {
	font:bold 18px 'Open Sans',sans-serif;
    padding: 10px 5px;
    display: inline-block;
    overflow: hidden;
    color: #fff!important;
    text-decoration: none!important;
    border-radius: 10px;
}
#mainCol .bouton2:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55565A', endColorstr='#A7A8AA',GradientType=0 );
    background: rgba(255,136,24,1);
    background: -moz-linear-gradient(top, rgba(85,86,90,1) 0%, rgba(167,168,170,1) 100%);
    background: -webkit-linear-gradient(top, rgba(85,86,90,1) 0%, rgba(167,168,170,1) 100%);
    background: linear-gradient(to bottom, rgba(85,86,90,1) 0%, rgba(167,168,170,1) 100%);
}
#mainCol .bouton2 a {
    color:#fff;
    text-decoration:none;
}
/*-----Stats-----*/

.statsRow {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	box-sizing:border-box;
}
.statsRow.col-6 {
	grid-template-columns: repeat(2, 1fr);
}
.statsRowBar {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 56% 22% 22%;
}
#mainCol .statsRow #StatContainer h4 {
	color:#11181d;
	font-size:16px;
	min-height:45px;
}

a.lienDoc, a.lienExt{
	display: block;
    width: 100%;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
    position: relative;
    color: #333!important;
    background: #eee;
    padding:10px 60px 10px 10px;
    font: bold 14px 'Open Sans',sans-serif;
    border-left: 4px solid #1a8d8a;
}
a.lienExt{
	border-left: 4px solid #1a8d8a;
}
a.lienDoc span, a.lienExt span{
	background: #EE3E36 url(/Media/img/i_pdf.png) no-repeat center center;
    background-size: auto 30px;
    width: 40px;
    height: 100%;
    margin-left: 0px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0px!important;
}
a.lienExt span{
	background: #1a8d8a url(/Media/img/i_lien.png) no-repeat center center;
    background-size: auto 30px;
}
a.lienDoc:hover{
	background:#1a8d8a;
	color:#fff!important;
}
a.lienExt:hover{
	background:#1a8d8a;
	color:#fff!important;
}
a.lienDoc.inline, a.lienExt.inline{
width:auto!important;
padding:10px 60px 10px 10px;
display:inline-block;
}
#mainCol ul.listeLien a{
	color:#333!important;
}
#mainCol ul.listeLien a:hover{
	color:#1a8d8a!important;
}
#mainCol ul.listeLien li{
	padding-bottom:0px;
}
.encadre {
    background: #eee;
    margin-bottom: 5px;
	transition: all 0.2s ease-in-out;
	border-left:4px solid #1A8D8A;
	clear:both;
	overflow:hidden;
	position:relative;
}
.encadre.statique{
	padding:20px 20px 10px;
	margin-bottom:20px;
}
.encadre.statique h3, .encadre.statique a{
	color:#1a8d8a!important;
}
.encadre.statique a:hover{
	text-decoration:underline;
}
.encadre.statique.orange {
	border-left:4px solid #f89800;
}
.encadre.statique.orange h3, .encadre.statique.orange a{
	color:#f89800!important;
}
.encadre.statique.orange a:hover{
	text-decoration:underline;
}
.encadre:hover, .encadre.ouvert{
	border-left:4px solid #1A8D8A;
}

.collapsed{
	display:none;
	padding:0 50px 20px 10px;
}

.statsBlocGris {
	background-color:#EEEEEE;
	border:1px solid #666666;
	padding:10px 20px;
}
.statsBlocGris p {
	color:#666666;
}
#mainCol .statsBlocGris h4 {
	font-weight:600;
	font-size:16px;
	color:#666666;
}
.statsBlocGris p span {
	color:#000;
	font-weight:600;
}
#StatContainer h3 span {
	color:#fff;
	background-color:#178E89;
	border-radius:5px;
	padding:5px 10px;
}
#StatContainer h3 {
	font:bold 20px/1.7 "Open Sans",sans-serif;
	color: #5d5d5d !important;
	text-align:center;
}
.sectionStats #StatContainer {
	margin:0 0 40px;
}
.sectionStats #StatContainer h3 {
	text-align:left;
}
.wrapTableaux h3 {
	font:bold 20px "Open Sans",sans-serif;
	color: #5d5d5d !important;
	text-align:center;
}
#StatContainer p {
    color: #5d5d5d;
	text-align:center;
}
#StatContainer ul, #tableaux ul {
	margin-top:20px;
}

/*-----Accueil stats-----*/

#mainCol.AccueilStats .sectionNavStats {
	margin:0 0 70px;
}
#mainCol.AccueilStats .sectionNavStats h3 {
	font-size:36px;
	color:#178E89;
	margin: 10px 0 15px;
}
#mainCol.AccueilStats .sectionNavStats .sectionContent {
	background-color:#EEEEEE;
	border-radius:25px;
	padding:25px;
	margin: 0 0 10px;
	display:flex;
}
#mainCol.AccueilStats .sectionNavStats .sectionContent img {
	align-self: center;
	margin: 0 30px 0 0;
}
#mainCol.AccueilStats .sectionNavStats .sectionContent .description {

}
#mainCol.AccueilStats .sectionNavStats .sectionContent .description p {
	color:#000000;
	font-size:16px;
}
#mainCol.AccueilStats .sectionNavStats .menuSectionStats {
	padding:0;
	list-style:none;
	display:flex;
	flex-flow: wrap;
	gap:5px;
	margin:0;
	align-items: flex-start;
}
#mainCol.AccueilStats .sectionNavStats .menuSectionStats li {
	list-style:none;
	background-color:#F89800;
	border-radius:20px;
	text-align:center;
	padding:15px;
	flex: 0 0 calc(50% - (5px/2));
}
#mainCol.AccueilStats .sectionNavStats .menuSectionStats li::before {
	content:none;
}
#mainCol.AccueilStats .sectionNavStats .menuSectionStats li a {
	color:#ffffff;
	font-size:18px;
	font-weight:600;
}

#mainCol .btnCollapse{
	margin-bottom:0px;
	transition:all 0.3s ease-in-out;
}
#mainCol h3.btnCollapse{
	color:#1A8D8A;
	padding:5px 40px 5px 10px;
	font-size:20px;
	margin-top:0px;
}
#mainCol .btnCollapse.ouvert{
	margin-bottom:15px;
}
.btnCollapse span{
	float:right;
	position:absolute;
	width:40px;
	height:100%;
	top:0px;
	right:0px;
	display:block;
	font-size:0px!important;
	background:#666;
}
.btnCollapse span:before{
	background-color:#fff;
	content:'';
	display:block;
	height:4px;
	width:20px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-2px;
	margin-left:-10px;
	transition:all 0.3s ease-in-out;
}
.btnCollapse span:after{
	background-color:#fff;
	content:'';
	display:block;
	height:20px;
	width:4px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-2px;
	margin-top:-10px;
	transition:all 0.1s ease-in-out;
}
.btnCollapse.ouvert span:after{
	top:-20px;
}

#mainCol .encadre h3 strong{
	color:#333;
}

#filAriane{ 
    background:#eee;
    width:100%;
    overflow:hidden;
    padding:15px 20px;
    box-sizing:border-box;
    border-top:1px solid #ddd;
    -webkit-box-shadow:inset 0 13px 5px -12px #ddd;
box-shadow:inset 0 13px 5px -12px #ddd;
}
#filAriane .ctnFA{
	max-width:1190px;
    display: block;
    overflow: hidden;
	margin:0 auto;
}
#filAriane ul{
    
	float:left
}
#filAriane ul li{
    display: inline-block;
    float:right;
    margin-right:15px;
    padding-left:25px;
    color:#178e89;
    background:url(/Media/img/fleche_v.png) no-repeat left center;
    background-size:10px auto;
    font-weight: bold;
    font-size:14px;
}
#filAriane ul li:last-child{
    background:none;
	padding-left:0px;
}
#filAriane li a, #filAriane li span {
    color:#666;
    font-weight: normal;
	font: normal 14px "Open Sans",sans-serif;
}
#filAriane li a:hover {
    color:#178e89;
}


#ctnFormulaire, .form{
	overflow:hidden;
	width:100%;
	margin:20px 0 0px;
	background:#eee;
	border-bottom:3px solid #1a8d8a;
	padding:0px 0 20px 0!important;
}
#form1 #mainCol .form{
	width:95%;
}
#ctnFormulaire h2, #mainCol .form h4, #rechercheEstimateur .form h2{
	background:#1a8d8a;
	color:#fff;
	margin-bottom:0px;
	padding:0 20px;
}
#rechercheEstimateur .form h2{
	font:bold 34px 'Open Sans',sans-serif;
	margin-top:0px;
	padding:10px 20px!important;
}
#ctnFormulaire .innerForm{
	padding:20px;
}
.blocForm, .contourField{
	overflow:hidden;
	box-sizing:border-box;
	padding:5px 5px;
}
.blocForm.demi, .contourField.textfield {
	width:50%;
	float:left;
	clear:none!important
}
.contourField.textfield.text {
    width: 100%;
    margin-top: 15px;
}
.form .contourField.message{
	clear:both;
	width:100%;
} 
#ctnFormulaire label, #mainCol .form label {
    font: bold 14px 'Open Sans',sans-serif;
    margin-bottom: 5px;
	color:#4c4c4c;
}
#ctnFormulaire h3, #mainCol .form h2{
	font-size:18px;
	margin-bottom:0px;
	color:#4c4c4c;
	margin-top:15px;
	clear:both;
	overflow:hidden;
}
#ctnFormulaire.formAcces h3{
	font-size: 18px;
    line-height: 28px;
    border-bottom: 3px solid #1a8d8a;
    padding-top: 20px;
    margin: 0px 0 10px 5px;
}
#ctnFormulaire.formAcces h3:first-child{
    padding-top: 0px;
}

#ctnFormulaire.formAcces .contourField.textfield, #ctnFormulaire.formAcces .contourFieldSet:first-child .contourField.radiobuttonlist {
    width: 100%;
    float: none;
    clear: none!important;
}
#ctnFormulaire.formAcces .contourFieldSet:first-child .contourField {
    width: 50%;
    float: left;
    clear: none!important;
}
#ctnFormulaire.formAcces .contourField.date label{
	margin-bottom:16px;
}
#ctnFormulaire.formAcces label{
	display:inline-block;
	line-height:16px;
}
#ctnFormulaire.formAcces .contourField > div > div > h2{
	background:none;
	font-size:24px;
	border-bottom:2px solid #1a8d8a;
	padding-left:0px;
	padding-top:15px;
	color:#4c4c4c!important;
}
#ctnFormulaire.formAcces .span4 .contourField > div > div > h2{
	background:none;
	font-size:14px;
	border-bottom:0px solid #1a8d8a;
	padding-left:0px;
	color:#4c4c4c!important;
}
#ctnFormulaire.formAcces .contourFieldSet:nth-child(2) .span4:nth-child(2) .contourField > div > div > h2, #ctnFormulaire.formAcces .contourFieldSet:nth-child(2) .span4:nth-child(3) .contourField > div > div > h2{
	margin-bottom:19px;
}
#ctnFormulaire.formAcces .contourFieldSet:nth-child(12) .contourField > div > div > h2{
    border-bottom: 0px;
    padding-left: 15px;
    position: relative;
    padding-top: 0px;
    font-size: 14px;
    margin-bottom: 10px;
}
#ctnFormulaire.formAcces .contourFieldSet:nth-child(12) .contourField > div > div > h2:before{
	display:block;
	background:#1a8d8a;
	width:4px;
	height:4px;
	position:absolute;
	top:8px;
	left:3px;
	content:"";
}
#ctnFormulaire.formAcces .contourFieldSet:nth-child(5){
	margin-top:15px;
}
#ctnFormulaire.formAcces .btn{
    background: #1a8d8a;
    padding: 5px 10px;
    color: #fff;
    font: bold 16px 'open Sans',sans-serif;
    border: 0px!important;
    margin-top: 10px;
    float: right;
}
#ctnFormulaire.formAcces .contourField.textfield.text {
    width: 100%;
}
span.field-validation-error {
    color: red;
}
 
#rechercheEstimateur .contour fieldset {
    padding: 1em 0 0em 0em;
    margin: 0 0 1.5em 0;
    border: none !Important;
}

#rechercheEstimateur .form label {
    font: bold 14px 'Open Sans',sans-serif;
    margin-bottom: 5px;
    color: #4c4c4c;
}
#rechercheEstimateur .form input.text{
    padding: 5px;
    font: normal 16px 'Open Sans',sans-serif;
    border: 1px solid #ccc;
    width: 100%!important;
    max-width: 100%!important;
    background: #fff;
	margin-bottom:15px;
}
#rechercheEstimateur .form label, #rechercheEstimateur .form input.text {
    width: 100%;
    float: left;
	box-sizing:border-box;
    clear: none!important;
	
}
#rechercheEstimateur .span12.col-md-12 {
    overflow: hidden;
    padding: 15px;
}
#rechercheEstimateur .btn{
    background: #1a8d8a;
    padding: 5px 10px;
    color: #fff;
    font: bold 16px 'open Sans',sans-serif;
    border: 0px!important;
    margin-top: 10px;
    float: right;
}
#rechercheEstimateur h4{
	padding:15px;
}
div#rechercheEstimateur .col {
    overflow: hidden;
    float: left;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
}
#DetailCertificatform input[type="submit"]{
	background: #1a8d8a;
    padding: 5px 10px;
    color: #fff;
    font: bold 16px 'open Sans',sans-serif;
    border: 0px!important;
    margin-top: 10px;
    float: left
	display:inline-block;
	text-transform:uppercase;
}

#mainCol input.text, #mainCol textarea, #mainCol .contour input.text, #mainCol .contour textarea {
	padding:5px;
	font:normal 16px 'Open Sans',sans-serif;
	border:1px solid #ccc;
	width:100%!important;
	max-width:100%!important;
	background:#fff;
}
#mainCol .contour textarea{
	max-height:100px;
}
#ctnFormulaire .blocForm h3{
	font-size:20px;
}
#ctnFormulaire .bouton, #mainCol .form .btn.primary{
	background:#1a8d8a;
	padding:5px 10px;
	color:#fff;
	font:bold 16px 'open Sans',sans-serif;
	border:0px!important;
	margin-top:10px;
	float:right;
}
#ctnFormulaire .radioGroup input.btnRadio {
    float: left;
    margin-right: 15px;
}
#ctnFormulaire .radioGroup label{
	float:left;
	margin-right:5px;
}
#ctnFormulaire .troisCol .blocForm .champTexte, #ctnFormulaire .lblGroup label{
	width:31%;
	margin-right:1.5%;
}
#ctnFormulaire .lblGroup{
	padding-bottom:0px;
}
#ctnFormulaire .troisCol .blocForm .champTexte:last-child, #ctnFormulaire .lblGroup label:last-child{
	margin-right:0px;
}
#ctnFormulaire .lblGroup label{
	float:left;
}
#ctnFormulaire ul li{
	color:#fff!important;
}

#ctnFormulaire .troisCol .blocForm div.champTexte{
    overflow: hidden;
    float: left;
	background:transparent;
	border:0px;
}
#ctnFormulaire .champTexte label {
    float: left;
    margin-right: 10px;
}
#ctnFormulaire .champTexte input[type="checkbox"] {
    float: left;
}
p.contourMessageOnSubmit {
    background: rgba(26, 141, 138, 0.3);
    padding: 10px;
	font-weight:bold;
}

/*-----formulaire salesforce-----*/

.formSalesforce .umbraco-forms-caption
{
	font-size: 2em !important;
	line-height: 2em !important;
}
.formSalesforce .prénom, .formSalesforce .courriel, .formSalesforce .firstname, .formSalesforce .email {
	margin-right: 6%;
}
.formSalesforce .sujet {
	width: fit-content;
}
.formSalesforce #description {
	min-height:200px;
}

#mainCol #ctnMenuTab{
	width:100%;
	overflow:hidden;
	margin:0 0 20px 0;
}
#mainCol #ctnMenuTab ul{
	display:block;
	overflow:hidden;
	list-style:none;
	padding:0px!important;
	text-align:center;
}
#mainCol #ctnMenuTab li{
	display:inline-block;
	padding:0px;
	box-sizing:border-box;
	margin:0px 10px 10px 0;
	transition:all 0.2s ease-in-out;
}
#mainCol #ctnMenuTab li a{
	white-space:normal;
	font:bold 14px 'Open Sans',sans-serif;
	padding:10px 15px;
	transition:all 0.2s ease-in-out;
	display:block;
	border:2px solid #fe7c1a;
}
#mainCol #ctnMenuTab li a:hover{
	background:#fe7c1a;
	color:#fff!important;
}
#mainCol #ctnMenuTab li.actif{
	background:#fe7c1a;
}
#mainCol #ctnMenuTab li.actif a{
	color:#fff;
}
#mainCol #ctnMenuTab li:before{
	display:none!important;
}
h3 sup {
    font-size: 12px;
    vertical-align: super;
}
.noteTableau {
	font-style:italic !important;
	font-size:12px !important;
}

.ajaxLoader {
    background: url(images/ajax-loader.gif) no-repeat center center;
    width:100%;
    height:200px;
    margin: 0 auto;
}

.tableauxsSansBtn {
    padding: 0;
    margin: 20px 0;
}

.tableauxsSansDrop {
    padding: 0;
    margin: 0 0 20px 0;
}

.tableaux {
    background-color:#F9E1C7;/* FAE5D0*/
    /*padding: 20px;*/
    margin: 20px 0 20px 0;
    padding-top:40px;
}
.tableaux_en {
    background-color:#F9E1C7;/* FAE5D0*/
    /*padding: 20px;*/
    margin: 20px 0 20px 0;
    padding-top:40px;
}
.tableaux .btnToggle {
    color:#FB9B2D;
    font-size:16px;
    font-weight: bold;
    display:block;
}
.tableaux_en .btnToggle {
    color:#FB9B2D;
    font-size:16px;
    font-weight: bold;
    display:block;
}

    .tableaux .wrapTableaux {
        padding: 0 0 0 0;
    }
    
    .wrapTableaux h2, .wrapTableaux_en h2 
    {
        margin-bottom:10px;
        margin-top:-8px;
        line-height:19px;
    }

    /* Scroll pour tableaux trop larges */
    .tableaux .scrollTableaux {
        width:100%;
        overflow-x: auto;
    }
    
    .tableaux H2 {
        padding: 20px 0 10px 0;
        color: #5B5B5B;
        text-align:center;
        width:100%;
        
    }
    .tableaux_en .wrapTableaux {
        padding: 0 0 0 0;
    }

    /* Scroll pour tableaux trop larges */
    .tableaux_en .scrollTableaux {
        width:100%;
        overflow-x: auto;
    }
    
    .tableaux_en H2 {
        padding: 20px 0 10px 0;
        color: #5B5B5B;
        text-align:center;
        width:100%;
        
    }

        
    .dataTables_info {
        display:none;
    }

        .dataTable TH.topHeader {
            color: #FB9B2D;
            font-size:16px;
            font-weight: bold;
        }
        .dataTableFinancialResult TH.topHeader {
            color: #FB9B2D;
            font-size:16px;
            font-weight: bold;
        }

        .dataTable TH {
            color: #FFF;
            font-weight: bold;
            /*font-size:10px;*/
            background-color: #5B5B5B;
            padding: 5px 15px;
            text-align:center;
			font-size:14px;
        }
         .dataTableFinancialResult TH {
            color: #FFF;
            font-weight: bold;
            /*font-size:10px;*/
            background-color: #5B5B5B;
            padding: 5px 15px;
            text-align:center;
			font-size:14px;
        }
        
        /* DataTable interactive (jQuery DataTables) */
        .dataTable .interact TH {
            cursor:pointer;
            padding:5px 36px;
        }
        .dataTable .interactRegion TH {
            cursor:pointer;
            padding:5px 19px;
        }

        .dataTable .sorting_asc {
                background: #5B5B5B url('/js/stats/lib/dataTables/images/sort_asc.png') no-repeat center right;
                /*padding-top:33px; new */
        }

        .dataTable .sorting_desc {
                background: #5B5B5B url('/js/stats/lib/dataTables/images/sort_desc.png') no-repeat center right;
        }

        .dataTable .sorting {
                background: #5B5B5B url('/js/stats/lib/dataTables/images/sort_both.png') no-repeat center right;
        }

        .dataTable .sorting_asc_disabled {
                background: #5B5B5B url('/js/stats/lib/dataTables/images/sort_asc_disabled.png') no-repeat center right;
        }

        .dataTable .sorting_desc_disabled {
                background: #5B5B5B url('/js/stats/lib/dataTables/images/sort_desc_disabled.png') no-repeat center right;
        }

        .dataTable th:active {
                outline: none;
        }

        .dataTable TD {
            color:#5B5B5B;
            background-color: #E4E4E4;
            padding: 5px 2px;
            text-align:center;
			font-size:14px;
        }
        .dataTableFinancialResult TD {
            color:#5B5B5B;
            background-color: #E4E4E4;
            padding: 5px 22px;
            text-align:right;
        }
        .dataTableFinancialResult TD.alternate 
        {
            background-color: #D0DEDF;
            width:30%;
        } 
        .dataTable .sepCol {
            border-left:solid 4px #FFF;
        }

        .dataTable TD.alternate {
            background-color: #D0DEDF;
        }

        .dataTable TR.alternate TD {
            background-color: #EEEEEE;
        }
        .dataTableFinancialResult TR.alternate TD {
            background-color: #EEEEEE;
        }

        .dataTable TR.alternate TD.alternate {
            background-color: #DCE8E8;
        }
        .dataTableFinancialResult TR.alternate TD.alternate {
            background-color: #DCE8E8;
        }

  #tableauCompSexe .headers TH, #tableauCompSexe_en .headers TH 
  {
      display:none;
  }
  #tableauCompSexe .topRow TH {
      font-weight:bold;
      font-size:12px;
  }
  table.dataTable {
    width: 100% !important;
}
 .topRow Td {
      background-color: #5B5B5B;
      color:#ffffff;
  }
  
  #tableauCompSexe  TH {
      font-size:11px;
      font-weight: normal;
      padding:5px;
  }

  .seriesMenu 
    {
        text-align:center;
    }
    .seriesMenu a
    {
        font-weight:bold;
        padding:3px;
		transition: 0.2s all linear;
    }
.seriesMenu a:hover {
color:#1a8d8a !important;
}
.seriesMenu a.selected {
color:#1a8d8a !important;
}

.grosTitre{
	overflow:hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcebe1+3,ffffff+64&1+3,0+64 */
background: -moz-linear-gradient(45deg,  rgba(252,235,225,1) 3%, rgba(255,255,255,0) 64%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(252,235,225,1) 3%,rgba(255,255,255,0) 64%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(252,235,225,1) 3%,rgba(255,255,255,0) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcebe1', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
margin-bottom:15px;
}
.grosTitre h2{
	font:bold 22px/36px 'Open Sans',sans-serif!important;
	color:#fe7c1a;
	margin-bottom:0px!important;
	margin-top:0px;
}
.grosTitre h2 span{
	background:#666;
	width:40px;
	height:40px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	display:inline-block;
	margin-right:10px;
}


/*  Règlement de sinistre  */
.subcontainer-fcsa.fullWidth{
	width:100%!important;
	float:none!important;
	margin:0 auto;
	overflow:hidden;
	margin:0 0 25px;
}
.subcontainer-fcsa {
	width:100%;
	max-width:1000px;
	margin-bottom:60px;
	position:relative;
	border-bottom:1px solid #cecece;
	float:left;
}
.subcontainer-fcsa .subcontainer-header{
	position:relative;
}
.subcontainer-fcsa .subcontainer-header a.btnRetour{
	display: block;
	border-radius:100px;
	padding:10px 10px 10px 35px;
	border:2px solid #fe7c1a;
	font:normal 15px 'Open Sans',sans-serif;
	position:absolute;
	z-index:666;
	top:10px;
	left:60%;
	color:#3f3f3f!important;
	transition:all 0.3s ease-in-out;
}
.subcontainer-fcsa .subcontainer-header a.btnRetour:hover{
	background:#fe7c1a;
	color:#fff!important;
}
.subcontainer-fcsa .subcontainer-header a.btnRetour:before {
    content: "«";
    font-size: 25px!important;
    left: 10px;
    position: absolute;
    top: 0px!important;
	color:#1a8d8a;
	transition:all 0.3s ease-in-out;
}
.subcontainer-fcsa .subcontainer-header a.btnRetour:hover:before{
	color:#fff!important;
}
.subcontainer-fcsa.subcontainer-moment-accident .subcontainer-header{
background:url('/Media/img/images-sinistre-auto/moment-accident-main.png') no-repeat center center;
}
.subcontainer-fcsa.subcontainer-reclamation .subcontainer-header{
background:url('/Media/img/images-sinistre-auto/reclamation-main.png') no-repeat 0 top;
}
.subcontainer-fcsa.subcontainer-estimation-dommages .subcontainer-header{
background:url('/Media/img/images-sinistre-auto/estimation-dommages-main.png') no-repeat 60% 60%;
}
.subcontainer-fcsa.subcontainer-reparation .subcontainer-header{
background:url('/Media/img/images-sinistre-auto/la-preparation-main-img.png') no-repeat 0 0;
}
.subcontainer-fcsa.subcontainer-estimation-dommages.fullWidth .subcontainer-header {
    background: url('/Media/img/images-sinistre-auto/estimation-dommages-main.png') no-repeat 8% 0;
}
.subcontainer-fcsa .fleche {
    position: absolute;
    bottom: -38px;
    right: 20%;
}
.subcontainer-fcsa:nth-child(2n) .fleche{
	position:absolute;
	bottom:-38px;
	right:80%;
}
.subcontainer-fcsa .subcontainer-header{
	width:60%;
	float:left;
	min-height:320px;
}
.subcontainer-fcsa .fcsa-small-menu{
	float:right;
	width:40%;
	padding:0px 0 0 20px!important;
	box-sizing:border-box;
}
.subcontainer-fcsa .subcontainer-header h2{
	font:normal 34px/36px 'Open Sans',sans-serif!important;
	color:#1a8d8a!important;
	padding-bottom:10px;
	width: 60%;
    min-width: 360px;
	text-transform:uppercase;
}
.subcontainer-fcsa .subcontainer-header h2 strong{
	font:bold 48px/36px 'Open Sans',sans-serif!important;
	color:#1a8d8a!important;
}
.subcontainer-fcsa.subcontainer-reclamation .subcontainer-header h2{
	    margin: 75px 0 0 95px;
}
.subcontainer-fcsa.subcontainer-reparation .subcontainer-header h2{
	margin: 180px 0 0 150px;
}
.subcontainer-fcsa.subcontainer-reclamation.fullWidth .subcontainer-header h2 {
    margin: 285px 0 0 0px;
}
.subcontainer-fcsa.subcontainer-estimation-dommages.fullWidth .subcontainer-header h2{
	margin:210px 0 0 0;
}
.subcontainer-fcsa.subcontainer-reparation .subcontainer-header h2 {
    margin: 180px 0 0 190px;
}
.subcontainer-fcsa .fcsa-small-menu li:before{
	display:none;
}
.subcontainer-fcsa .fcsa-small-menu li{
	display:block;
	width:100%;
	padding:0!important;
	overflow:hidden;
	margin-bottom:15px;
	text-align:right;
	background:url(/Media/img/bgBtnReglement.png) no-repeat 385px center;
	background-size:auto 100%;
	transition:all 0.3s ease-in-out;
	border-radius:40px;
}
.subcontainer-fcsa .fcsa-small-menu li a{
	overflow:hidden;
	background:url('/Media/img/mask_btn_d.png') no-repeat right center;
	background:auto 100%;
}

.fcsa-small-menu.right li a {
	display:flex;
	align-items:center;
	flex-direction:row-reverse;
}
.fcsa-small-menu.left li a {
	display:flex;
	align-items:center;
	flex-direction:row;
}
.fcsa-small-menu li a span {
	padding:0;
}
.subcontainer-fcsa:nth-child(2n) .fcsa-small-menu li a {
	overflow:hidden;
	background:url('/Media/img/mask_btn_g.png') no-repeat left center;
	background:auto 100%;
}
.subcontainer-fcsa .fcsa-small-menu li span{
	color:#fe7c1a;
	transition:all 0.3s ease-in-out;
}
.subcontainer-fcsa .fcsa-small-menu li img{
	float: right;
    background: #e6e6e6;
    border-radius: 100%;
    padding: 10px;
    width: 65px;
	margin:0 0 0 30px;
	transition:all 0.3s ease-in-out;
}

.subcontainer-fcsa span.fcsa-menu-item-text {
    font: bold 20px Opan Sans,sans-serif;
    display: block;
}
.subcontainer-fcsa:nth-child(2n) .subcontainer-header{
	float:right;
	padding-left:40px;
	box-sizing:border-box;
}
.subcontainer-fcsa:nth-child(2n) .fcsa-small-menu{
	float:left;
	padding-left:0px!important;
}
.subcontainer-fcsa:nth-child(2n) .fcsa-small-menu li{
	float:right;
	text-align:left;
	background:url(/Media/img/bgBtnReglement.png) no-repeat -385px center;
	background-size:auto 100%;
}
.subcontainer-fcsa:nth-child(2n) .fcsa-small-menu li img{
	float:left;
	margin:0 30px 0 0;
}


.subcontainer-fcsa .fcsa-small-menu li:hover, .subcontainer-fcsa .fcsa-small-menu li.ouvert{
	background-position:100% center;
}
.subcontainer-fcsa:nth-child(2n) .fcsa-small-menu li:hover, .subcontainer-fcsa:nth-child(2n) .fcsa-small-menu li.ouvert{
	background-position:0 center;
}
.subcontainer-fcsa .fcsa-small-menu li:hover span, .subcontainer-fcsa .fcsa-small-menu li.ouvert span{
	color:#fff!important
}
.subcontainer-fcsa .fcsa-small-menu li:hover img, .subcontainer-fcsa .fcsa-small-menu li.ouvert img{
	background:transparent;
}

div#subCategorieContentPieces, div#subCategorieContentCollision, #subCategorieContentDossier, #subCategorieContentPerte, #subCategorieReclamation, #subCategorieEstimation {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto;
}
.subCategorieContentPieces .contentZone1 .contentBloc1 {
    float: left;
    width: 46%;
    padding: 0px;
    margin: 0 20px 20px 0;
}
.subCategorieContentPieces .contentZone1 .contentBloc2 {
    float: left;
    width: 28%;
    margin: 0 0 20px 0;
}

.subCategorieContentCollision .contentZone1 {
    background-image:none;
    padding: 0px;
    overflow: hidden;
}
.subCategorieContentCollision .contentZone1 .contentBloc1 {
    float: left;
    margin: 0;
    padding: 0 0 0 35px;
    width: 38%;
    background:none;
}
.subCategorieContentCollision .contentZone1 .contentBloc3 {
    padding: 10px 0 35px 0;
    float: left;
    width: 75.5%;
    margin: 10px auto;
    overflow: hidden;
}
#subCategorieContentCollision .contentBloc3 li:before{
	display:none!important;
}

/*-----Page vidéo collapse-----*/

.encadre .collapsed {
	overflow:hidden;
}
#mainCol .encadre .collapsed h4.sousSection {
	font-size:18px;
	color:#666;
	margin:15px 0 10px;
}
.encadre .collapsed .blocVideo {
    overflow: hidden;
    margin: 10px 0 25px 0;
}
.encadre .collapsed .blocVideo iframe {
    float: left;
    margin: 0 20px 0 0;
}
.encadre .collapsed .blocVideo .blocTexte {
    float: left;
	border-top:1px solid #e1e1e1;
	padding: 30px 0 0 0;
	max-width: 58%;
	width: 100%;
}


/* Rapport annuel */
.ctnFaitSaillant {
    overflow: hidden;
    display:flex;
	flex-flow:wrap;
}
.blocFS {
    width: 33.334%;
    padding: 20px 40px;
    float: left;
    box-sizing: border-box;
    text-align: center;
}
.blocFS span {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 300;
    color: #1a8d8a;
}
.blocFS strong{
	text-transform:uppercase;
}
.blocFS strong.large {
    color: #f8931d;
    font-size: 32px;
    white-space: nowrap;
}
.blocFS img{
	display:block;
	width:80px;
	margin:5px auto 10px;
	border-radius:100%;
}
/* Quetionnaire CID */ 

#ctnQuestionnaire{
	overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding: 20px;
    box-shadow: 0px 0px 13px #ccc;
}

#ctnEtape{
	overflow: hidden;
    padding: 15px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 20px;
    background: #3F3F3F;
}
#ctnEtape ul{
	padding:0px!important;
}
#ctnEtape ul li:before{
	display:none!important;
	
}
#ctnEtape ul li{
	float: left;
    text-align: center;
    padding: 0px!important;
    width: 20%;
	font:bold 26px 'Open Sans',sans-serif;
	color:#fff;
}
#ctnEtape ul li.actif{
	color:#fe7c1a;
}
#ctnEtape ul li.titre{
	Text-align:left;
}
#ctnQuestionnaire .radioGroup {
    float: left;
    margin: 5px 15px 0 0;
    font: normal 16px 'Open Sans',sans-serif;
    color: #666;
}
#ctnQuestionnaire .radioLine h3{
    color:#666;
}
#ctnQuestionnaire input[type="radio"] {
    margin-right: 5px;
}
#ctnQuestionnaire .LongNoImg input[type="radio"], #ctnQuestionnaire .carCaseLongNoImg input[type="radio"]{
    float:left;
}
#ctnQuestionnaire .carCase.LongNoImg, #ctnQuestionnaire .carCase.long{
	width:100%;	
}
#ctnQuestionnaire .carCase.long{
	padding-bottom:20px;
}
.carCase, .blocDemi {
    float: left;
    width: 50%;
}
.boxtextCasSml, .boxtextCas {
    background: #1A8D8A;
	padding: 10px;
}
.boxtextCasSml p, .boxtextCas p{
color:#fff!important;}
.groupExemple{
	overflow:hidden;
}
.groupExemple .exemples{
	float:left;
	margin:0 20px 20px 0;
}

#mainCol .carCase p.titreCas {
	padding-left:20px;
}
#mainCol p.titreCas {
    font-weight: bold;
	padding-right: 10px;
    margin-bottom: 0px;
	color:#808080!important;
}
#mainCol p.titreCas span{
    font-weight: bold;
	color:#333!important;
}
#mainCol .LongNoImg  {
	margin-bottom:10px;
}
p.descriptionCarCase {
    padding:0 20px;
    margin-top: 10px;
}
.groupLine{
    overflow: hidden;
    border-bottom: 1px solid #ececec;
    margin-bottom: 15px;
}
.groupLineLast {
overflow:hidden;
margin-bottom:15px;}
#ctnQuestionnaire input#soumettre {
    clear: both;
    display: block;
	font-size:18px!important;
}

#ctnQuestionnaire .responsabilite{
	padding:15px;
	background:#e7e7e7;
	overflow:hidden;
	margin-bottom:20px;
}

#ctnQuestionnaire .imageResponsabilite{
	float:left;
	margin-right:15px;
}
#ctnQuestionnaire .imageResponsabilite img{
	display:block;
	clear:both;
}
#ctnQuestionnaire .texteResponsabilite {
    overflow: hidden;
    margin-top: 55px;
}
#ctnQuestionnaire button{
	border:0px;
	background:#fe7c1a;
	padding:5px 10px;
	font:bold 18px 'Open Sans',sans-serif;
	transition: all 0.3s ease-in-out;
	color:#fff;
	float:right;
	outline:none!important;
	clear:both;
}
#ctnQuestionnaire button.disabled{
	background:#eee;
}
.messageErreur{
	padding:5px 10px;
	background-color:#C30000;
	margin-bottom:20px;
	display:none;
	overflow:hidden;
	clear:both;
}
.messageErreur p{
	font:bold 14px 'Open Sans',sans-serif;
	color:#fff!important;
	margin:0!important;
}
.avisCID{
	padding:20px;
	background:#eee;
}
.avisCID img{
	float:left;
	margin-right:20px;
}
.avisCID div{
	overflow:hidden
}
.avisCID h3{
	color:#aaa893!important;
}

.ctnResume
{
    background: #1a8d8a;
    overflow: hidden;
    margin-bottom: 20px;
}
h3.titreSectionCID, h3.titreCasH3 {
    background: #1A8D8A;
    margin-bottom: 0px!important;
    padding: 15px 0px 15px 10px;
    color: #FFF!important;
}
.imageResume {
    float: left;
    margin-right: 20px;
}
.imageResume p {
    max-width: 285px;
    display: block;
    background: #3F3F3F;
    color: #fff!important;
    padding: 10px;
    /* font-weight: bold!important; */
    margin-bottom: 0px!important;
}
.ctnResume > p {
    overflow: hidden;
    color: #fff!important;
}
.carCase.long img {
    clear: both;
    display: block;
}
.legendeCas9 h3 span {
    margin-right: 30px;
}
.ctnFader{
	width:208px;
	height:150px;
	position:relative;
	overflow:hidden;
	margin-bottom:20px
}
.innerFader{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.innerFader img{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	transition:all 0.5s ease-in-out;
}
.innerFader img.actif{
	opacity:1;
}

.ctnFader .navFader{
	position:absolute;
	bottom:0px;
	right:0;
	padding:5px;
}
.ctnFader .navFader span{
	padding:1px 6px;
	color:#fff;
	background:#fe7c1a;
	font:bold 12px 'Open Sans',sans-serif;
	border-radius:30px;
	transition:all 0.5s ease-in-out;
	cursor:pointer;
}
.ctnFader .navFader span.actif{
	background:#178e8a;
}
#mainCol p.titreFader{
	display:inline-block;
	margin:20px 0 0 0;
	background:#fe7c1a;
	padding:5px 20px 5px 10px;
	color:#fff;
	font:bold 14px 'Open Sans',sans-serif;
	
}
#ctnQuestionnaire .sensUnique, #ctnQuestionnaire .legende{
	padding:5px 10px;
	background:#fe7c1a;
	max-width:208px;
}
#ctnQuestionnaire .sensUnique p, #ctnQuestionnaire .legende p{
	color:#fff!important;
	font-weight:bold;
	margin-bottom:0px;
}
.titreResponsable{
	overflow:hidden;
	background:#3f3f3f;
}
.titreResponsable h3 {
    float: right;
    margin: 10px!important;
	color:#fff!important;
}
.explicationCas9 {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
	margin-bottom:20px;
}
.legendeCas9 {
    overflow: hidden;
	padding:10px;
	border-bottom:1px solid #ececec;
}
.legendeCas9 p{
	float:left;
	margin-bottom:0px!important;
}
.legendeCas9 h3{
	float:right;
	margin-bottom:0px!important;
}
.ligneExemple {
    overflow: hidden;
    border-bottom: 1px solid #cecece;
	padding:5px 10px;
}
.listeCas9{
	float:left;
	margin-right:10px;
}
.ligneExemple p {
    display: inline-block;
	margin:0px!important;
	width:75%;
}
.ligneExemple h3 {
    display: inline-block;
	float:right;
	margin:0px!important;
}
.ligneExemple.ligneCouleur2 {
    background: #eee;
}

.ctnEtapeSuivi.troisCol > div{
	width:33.333%;
}
.ctnEtapeSuivi, .ctnEtapeSuivi > div{
	width:100%;
	position:relative;
}
.ctnEtapeSuivi .ligneEtape {
	overflow:visible!important;
}
.ctnEtapeSuivi > div{
	width:25%;
	box-sizing:border-box;
	float:left;
	text-align: center;
	position:relative;
}
.ctnEtapeSuivi .ligneEtape{
	border-bottom:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
    font: bold 43px 'Open Sans',sans-serif;
	background:#fff;
	padding:15px;
	position:relative;
}
.ctnEtapeSuivi > div:last-child .ligneEtape{
	border-right:0px solid #e3e3e3;
}
.ctnEtapeSuivi .ligneEtape span.pointe{
	background: -moz-linear-gradient(45deg,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 54%, rgba(255,255,255,0) 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 54%,rgba(255,255,255,0) 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 54%,rgba(255,255,255,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	z-index:666;
	border-left:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	position:absolute;
	left:50%;
	bottom:-15px;
	margin-left:-20px;
	width:40px;
	height:40px;
	transform: rotateZ(-45deg);
	font-size:1px!important;
}
.ctnEtapeSuivi > div .ligneTexte{
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #f5f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfcfc 0%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin-bottom:15px;
	padding:35px 15px 15px 15px;
	border-right:1px solid #e3e3e3;
	min-height:300px;
}
.ctnEtapeSuivi > div:last-child .ligneTexte{
	border-right:0px!important;
}
.ctnEtapeSuivi .ligneTexte p{
	font-size:12px!important;
	min-height:110px;
}
.ctnEtapeSuivi .ligneEtape span.fleche{
	font-size:0px!important;
	background:url('/Media/img/fleche-verte.png') no-repeat center center;
	background-size:100% auto;
	width:17px;
	height:50px;
	position:absolute;
	top:50%;
	margin-top:-25px;
	right:-8px;
	z-index:666;
}
.ctnNegatif ul li{
	display:none;
}


.protip-skin-default--scheme-pro.protip-container {
    color: #fff;
    background: #1A8D8A!important;
    font-family: sans-serif;
    transition: opacity 0.2s ease-out;
}
.protip-skin-default--scheme-pro[data-pt-position="top-left"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="top-right"] .protip-arrow {
    border-color: #1A8D8A transparent transparent transparent!important;
}
.protip-skin-default--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow {
    border-color: transparent #1A8D8A transparent transparent!important;
}
.protip-content p{
	color:#fff!important;
	font:bold 14px/120% 'open Sans',sans-serif!important;
	margin-bottom:10px!important;
}
.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow {
    border-color: transparent #1A8D8A transparent transparent!important;
}


/* /Quetionnaire CID */ 

#tblCas{
	overflow:hidden;
	width:100%;
}

#tblCas .ligneTitre{
	overflow:hidden;
	border-top:2px solid #1a8d8a;
	border-bottom:2px solid #1a8d8a;
	margin-bottom:20px
}
#tblCas .ligneTitre h3{
	float:left;
	display:block;
	width:30%;
	padding:15px 0 15px 10px;
	color:#1a8d8a;
	font-size:20px;
	margin-bottom:0px!important;
}
#tblCas .ligneTitre h3:first-child{
	margin-left:0px;
}
#tblCas .ligneTitre h3:last-child{
	width:40%;
	padding-left:0px;
}
#tblCas .colListe{
	width:32%;
	float:left;
}
#tblCas .colListe ul{
	margin:0px;
	padding:0px;
}

#tblCas .colListe ul li{
	margin:0px 10px 0 0;
	padding:10px 20px;
	font:bold 14px 'Open Sans',sans-serif;
	color:#1a8d8a;
	margin-bottom:0px;
	background:tranparent;
	transition:all 0.2s ease-in-out;
}
#tblCas .colListe ul li:hover{
	background:#e4e4e4;
}
#tblCas .colListe ul li.ouvert{
	background:#1a8d8a;
	color:#fff!important;
}
#tblCas .colListe ul li:before{
	display:none!important;
}

#tblCas .colTexte{
	width:68%;
	float:left;
	position:relative;
	background:#1a8d8a;
	padding:15px;
	box-sizing:border-box;
	min-height:330px;
}
#tblCas .colTexte .blocTexte{
	width:100%;
	display:none;
}
#tblCas .colTexte .blocTexte.ouvert{
	width:100%;
	display:block;
}

#tblCas .colTexte .blocTexte .blocDesc{
	width:40%;
	padding-right:10px;
	float:left;
}
#tblCas .colTexte .blocTexte .blocAttrib{
	width:60%;
	padding-left:15px;
	float:right;
}
#tblCas .blocTexte p{
	color:#fff!important;
}

/* Page Résultat de recherche */


#ctnResultat{
	
}
#ctnResultat li:before{
display:none;
}
#ctnResultat h3{
	color:#1a8d8a!important;
}
#mainCol #ctnResultat ul li {
    padding-bottom: 20px!important;
    margin-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
	opacity:0;
}

#ctnResultat li p{
	margin-bottom:15px;
}
#ctnResultat li a.bouton{
	float:right;
}
.ctnPagination{
	text-align:center;
}
.ctnPagination.top{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
.ctnPagination a{
	background: #ececec;
    color: #666!important;
    font: bold 15px 'Open Sans',sans-serif;
    display: inline-block;
    width: 25px;
    margin-right: 2px;
    transition: all 0.2s ease-in-out;
    text-align: center;
    padding: 2px 0px;
}
.ctnPagination span{
	display:inline-block;
	margin-right:3px;
}
.ctnPagination a.jp-previous, .ctnPagination a.jp-next{
	font-size:0px!important;
	position:relative;
}
.ctnPagination a.jp-previous:before, .ctnPagination a.jp-next:before{
	content:"<";
	display:block;
	color:#666;
	font:bold 16px 'Open Sans',sans-serif;
	display:inline-block;
}
.ctnPagination a.jp-next:before{
	content:">"!important;
}
.ctnPagination a:hover{
	background:#1a8d8a!important;
	color:#fff!important;
}
.ctnPagination a.jp-previous:hover:before, .ctnPagination a:hover.jp-next:before{
color:#fff;}
#listeResultat{
	padding-left:0px!important;
}
.ctnPagination a.jp-current, .ctnPagination a.jp-current:hover{
color:#fe7c1a!important;
	background:#ececec!important;
}

/* Footer */ 
footer{
	overflow:hidden;
	padding:50px 0 50px 0;
	background:#fff;
}
footer .col {
    float: left;
    padding: 10px 25px 30px 30px;
}
footer a{
	font: bold 14px 'Open Sans',sans-serif;
    color: #21262e;
    margin-bottom: 15px;
}
footer h3{
	font: 900 22px 'Open Sans',sans-serif;
    color: #21262e;
    margin: 5px 20px 0 0;
    float: left;
}
footer .col.info a{
	display:inline-block;
}

footer .facebook, footer .linkedIn{
	display:inline-block;
	clear:both;
	width:auto;
	margin-bottom:5px;
	padding:5px;
	transition:all 0.2s ease-in-out;
	cursor:pointer;
	border-radius:5px;
}
footer .facebook{
	
	
}

footer .col.SuivezNous img, footer .col.info img{
	display:block;
	margin:0 0 10px;
	width:150px;
}
footer .col:nth-child(3), footer .col:nth-child(4){
	float:right;
}

footer .col.info(4){
	width:370px;
}
footer .col.info img {
    width: 225px;
    float: left;
    margin: 10px 40px 0 40px;
}
footer .col.info img.imgInfoA {
    width: 80px;
    margin: -8px 70px 0 55px;
}
footer .col.info a:last-child img{
	margin: 10px 0 0 40px;
    width: 160px;
}
footer .ctnMenuPied{
	width: 100%;
    clear: both;
    text-align: center;
    margin: 20px auto 0;
}
.menuPied{
	list-style: none;
    display: block;
    max-width: 550px;
    overflow: hidden;
    margin: 0 auto;
}
.menuPied li{
	display: inline-block;
    float: left;
    padding: 2px 10px;
    border-right: 1px solid #e5e5e5;
}

div#appNavFooter {
    margin: 25px auto;
    width: 90%;
    max-width: 789px;
    display: flex;
}
#appNavFooter a.toggleAccueil {
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    font: 900 18px "Open Sans",sans-serif;
	display: flex;
    align-items: center;
    justify-content: center;
}


#ctnCopyright{
	padding:20px 0;
	width: 100%;
    overflow: hidden;
	    background: #21262e;
}
#ctnCopyright p{
	font: normal 14px 'Open Sans',sans-serif;
	color:#fff;
	text-align:center;
}

#ctnCopyright a{
	font: normal 14px 'Open Sans',sans-serif;
	color:#fe7c1a;
}

/*- Tout Savoir sur l'assurance auto -*/
#fullWrap.toutSavoir #mainCol{
	width:100%;
}
#fullWrap.toutSavoir #ctnTitre {
    margin-top: 60px;
    width: 100%;
	max-width:500px;
    padding-right: 120px;
    background: url(/media/138133/i_tout-savoir.png) no-repeat center right;
}

#fullWrap.toutSavoir h1{
    font: bold 38px/120% "Open Sans",sans-serif;
    color: #f89800;
    margin: 0 0 5px 0;
    text-transform: none;
}
#fullWrap.toutSavoir #ctnTitre h2{
    font: bold 22px "Open Sans",sans-serif;
    color: #666;
    text-transform: none;
    margin: 0;
}
#fullWrap.toutSavoir #mainCol > h2{
	text-transform:uppercase;
	font:bold 34px "Open Sans",sans-serif;
	color:#666;
}
#fullWrap.toutSavoir .bloc{
	padding:20px;
	border-radius:20px;
	margin-bottom:30px;
}
#fullWrap.toutSavoir .bloc.orange{
	background:#f89800;
}
#fullWrap.toutSavoir .bloc.vert{
	background:#1a8d8a;
}
#fullWrap.toutSavoir .bloc.gris{
	background:#a7a8aa;
}
#fullWrap.toutSavoir .bloc.small{
	width:42%;
	float:left;
	box-sizing:border-box;
}
#fullWrap.toutSavoir .bloc.small + .bloc.gris{
	width:55%;
	float:right;
	box-sizing:border-box;
}
#fullWrap.toutSavoir .bloc.small .bouton,
#fullWrap.toutSavoir .bloc.gris .bouton{
	display:inline-block;
	float:none;
}
#fullWrap.toutSavoir .bloc.gris .col2.full .bouton{
	float:right;
}
#fullWrap.toutSavoir .bloc h4{
	color:#fff;
	margin:0px;
}
#fullWrap.toutSavoir .bloc p{
	color:#fff;
}

#fullWrap.toutSavoir .bloc .row{
	display:flex;
	margin:0;
}
#fullWrap.toutSavoir .bloc .col1{
	width:200px;
	text-align:center;

}
#fullWrap.toutSavoir .bloc .col1 img{
	max-height:60px;
}
#fullWrap.toutSavoir .bloc .col1 img + img{
	margin-left:10px;
}
#fullWrap.toutSavoir .bloc .col2{
	width:calc(100% - 500px);
	
}
#fullWrap.toutSavoir .bloc .col2.full{
	width:calc(100% - 200px);
	
}
#fullWrap.toutSavoir .bloc .col3{
	width:300px;
	display:flex;
	justify-content:center;
	align-items:start;
}
#fullWrap.toutSavoir .bloc span.rond{
	color:#fff;
	font:normal 45px "Open Sans",sans-serif;
	width:80px;
	height:80px;
	border:2px solid #fff;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:60px;
	margin:0 auto;
}
#fullWrap.toutSavoir .bloc .bouton,
#fullWrap.toutSavoir .bloc .btn{
	background:#666;
	padding:5px 20px;
	border:3px solid #fff;
	font:bold 18px "Open Sans",sans-serif;
	float:right;
	border-radius:15px;
	position:relative;
	color:#fff;
	text-transform:none;
	text-align:center;
}

#fullWrap.toutSavoir .bloc .btnPlus{
    font-size: 30px;
    line-height: 30px;
    padding: 5px 4px 6px 3px;
    margin-left:15px;
    font-weight: normal;
    width: 16px;
    height: 13px;
    display: flex;
    align-items: center;
	
}

/*- Bloc Contrat -*/
#fullWrap.toutSavoir .bloc.blocContrat .col2{
    display: flex;
    align-items: center;
}

/*- Bloc Magasinez -*/
#fullWrap.toutSavoir .bloc.blocMagasinez .col2{
	width:calc(100% - 200px);
}

/*- Bloc Application -*/
#fullWrap.toutSavoir .bloc.blocAppli{

}

#fullWrap.toutSavoir .bloc.blocAppli .col3{
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
#fullWrap.toutSavoir .bloc.blocAppli .col3 img{
	margin-bottom:20px;
}
#fullWrap.toutSavoir .bloc .tooltip{
	display:none;
	border:1px solid #666;
	padding:20px;
	background:#fff;
	border-radius:10px;
	position:absolute;
	top:100%;
	left:0;
	width: 500px;
	z-index:5;
	text-align:left;
}
#fullWrap.toutSavoir .bloc .tooltip ul{
	padding-left:0px;
}
#fullWrap.toutSavoir .bloc .tooltip:before{
	content:"+";
    padding: 5px 4px 6px 3px;
    width: 16px;
    height: 13px;
    display: flex;
    align-items: center;
	position:absolute;
	top:-5px;
	right:-5px;
	background: #666;
	border-radius:20px;
    border: 2px solid #fff;
	transform:rotateZ(45deg);
    font: normal 30px/30px "Open Sans",sans-serif;
}
#fullWrap.toutSavoir .bloc .tooltip ul li:before {
    background: #1a8d8a;
    border-radius: 100%;
}

#fullWrap.toutSavoir .bloc .tooltip p{
	color:#666;
}
#fullWrap.toutSavoir .bloc .tooltip.ouvert{
	display:block;
}
#fullWrap.toutSavoir.en .bloc #tt6{
	left:-130px;
}
#fullWrap.toutSavoir.fr .bloc #tt6{
	left:-225px;
}
.solutions-container .solution:first-of-type{
	margin-top: 40px;
}
.solutions-container .solution{
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 40px;
}
#mainCol.solutions-container .solution .solution-content h4{
	color: #FD7C1A;
	margin-top: 0;
}
.solutions-container .solution .solution-image{
	width: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.solutions-container .solution .solution-image img{
	display: block;
	max-width: 90px;
}
.solutions-container .texteSousSolutions{
	margin-bottom: 40px;
	padding-top: 10px;
	border-top: 1px solid #DAD8D4;
}

@media only screen and (max-width: 1600px) {
    /* Style adjustments for viewports that meet the condition */
    #mainCol{
        padding:0 20px;
    }
    
}
@media only screen and (max-width: 1450px) {
    /* Style adjustments for viewports that meet the condition */
    #mainCol{
        padding:0 20px;
    }
    #appNav .toggleAccueil {
		font: 900 20px "Open Sans",sans-serif;
	}

}

@media only screen and (max-width: 1200px) {
	#appNav {
		width: calc(80% - 450px);
		min-width: 555px;
	}
	#appNav .toggleAccueil#btnPro {
		min-width: 335px;
	}
	#appNav .toggleAccueil {
		width: 48%;
		border: 1px solid #e5e5e5;
		border-bottom: 0px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		font: 900 18px "Open Sans",sans-serif;
		color: #21262e;
		text-align: center;
		padding: 15px 15px;
		box-sizing: border-box;
	}
	#blocTexteBan p{
		color: #666;
		font: 400 16px/140% 'Open Sans',sans-serif;
		margin-bottom: 0px;
	}
	#fullWrap.toutSavoir .bloc .tooltip {
		left: -200px;
		width: 500px;
	}
	#fullWrap.toutSavoir .bloc #tt5 {
		left: 0px;

	}
	#fullWrap.toutSavoir .bloc .col2{
		width:calc(100% - 350px);
	}
	#fullWrap.toutSavoir .bloc .col3{
		width:200px;
	}
	
}
@media only screen and (max-width: 1024px) {
	header > .container{
		margin-bottom:20px;
	}

	#btnLangue .nonMobile {
		display: none;
	}
	#btnLangue .mobileOnly {
		display: inline-block;
	}
	#btnMenu{
		margin-top:80px;
	}
	.col4 h3 {
		font: bold 19px/100% 'Open Sans',sans-serif;
		text-transform: uppercase;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #ccc;
	}
	#ctnMenu > ul > li{
		text-align:left!important;
	}
	#colLateral .widget {
		background: #ececec url(/Media/img/img_char_vert.png) no-repeat 95% 92%;
		background-size: 75px auto;
	}
	#colLateral .widget.dossier {
		background: #ececec url(/Media/img/img_dossier.png) no-repeat 95% 30%;
		background-size: 110px auto;
		padding-bottom: 15px;
	}
	#ctnQuestionnaire .radioLine h3{
		overflow:hidden;
	}
	.carCase img {
		max-width: 90%;
	}
	.groupExemple .exemples {
		margin: 0 0px 20px 0;
		width: 33%;
		padding-right: 20px;
	}
	.groupExemple .exemples.long{
		width:100%;
	}
	#mainCol h3.btnCollapse {
		color: #1A8D8A;
		padding: 5px 40px 5px 10px;
	}
	#tblCas .ligneTitre h3 {
		font-size: 18px;
	}

	#mainCol div.questionsBlock {
		max-width: 100%;
		padding: 0 0px 0 0;
	}
	#mainCol div.blockVideos {
		float: left;
		max-width: 100%!important;
		margin: 0 0 0 0;
	}
	#mainCol .questionsBlock .question label{
		position: relative;
	}
	a.ancreVideo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	footer .col.info img {
		width: 175px;
		float: left;
		margin: 15px 40px 0 40px;
	}
	footer .col {
		padding: 10px 0px 30px 0px;
	}
	#colLateral .textePresident {
		padding: 9px;
		margin-left: 95px;
	}
	.creditPhoto {
		position: relative;   
		right: 20px;
		font-size: 10px;	
	}
	#appNav .toggleAccueil#btnPro {
		min-width: 155px;
	}
	
	#fullWrap.toutSavoir .bloc.blocMagasinez .col3 {
		width: 200px;
		text-align: center;
	}
	.statsRow {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width: 940px) {
	#mainCol div.questionsBlock .question p {
		font-size: 18px;
		max-width: 66%;
	}
	#colLateral .textePresident {
		padding: 6px;
		margin-left: 82px;
	}
	#fullWrap.toutSavoir .bloc #tt1{
		left: -300px;
	}
	#fullWrap.toutSavoir .bloc .col1 {
		width: 150px;
		text-align: center;
	}
	#fullWrap.toutSavoir .bloc span.rond {
		font: normal 35px "Open Sans",sans-serif;
		width: 60px;
		height: 60px;
		
	}
	.statsRowBar {
		grid-auto-flow: row;
		grid-auto-columns: 100%;
		grid-template-columns: repeat(1, 1fr);
	}
	
}
@media only screen and (max-width: 810px) {
	#appNav {
		width: 90%;
		min-width: 0;
	}
	#appNav {
		width: 90%;
		min-width: 0;
		display: flex;
		justify-content: space-between;
		position: absolute;
		bottom: 0;
		right: 5%;
	}
	#menuTop li a {
		color: #1c3251;
		font: bold 12px 'Open Sans',sans-serif;
		padding: 10px 20px;
	}
	header.home {
		padding: 10px 20px 100px;
	}
	header {
		padding: 10px 20px 10px;
	}
	#btnMenu {
		margin-top: 25px;
	}
	#btnLangue {
		padding: 15px 20px;
	}
	
	#ctnBlocAccueil {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		width: 95%;
		margin: 30px auto 0;
	}
    .logo {
		top: 95px;
		width: 80%;
		margin: 0;
		height: 65px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 10% center;
	}
	#ctnBlocAccueil .blocAccueil {
    	width: 30%;
		padding:30px 20px;
	}
	#strateAccueil .blocAcces:before {
		top: 25px;
		left: 10px;
		display: block;
		width: 115px;
		height: 95px;
	}
	#strateAccueil .blocSimplifier:before {
		top: 25px;
		right: 5px;
		display: block;
		width: 115px;
		height: 95px;
	}
	#ctnVedette{
		padding:25px;
		width:45%;
	}
	#ctnVedette img {
		text-align: left;
		margin-bottom: 20px;
		display: block;
		margin-left: -25px;
		max-width: 100%;
	}
	#ctnBanAccueil .texteBanniere span {
		font: normal 20px 'Open Sans',sans-serif;
	}
	#ctnBlocAccueil .blocAccueil h3 {
		font: 900 18px "Open Sans",sans-serif;
		color: #21262e;
		text-decoration: underline;
		text-decoration-color: #269692;
	}
    #blocCol .col4{
        width:47%;
    }
    br.tablette{
        display:block!important;
    }

    #colLateral, #mainCol{
        width:100%;
        padding:0 20px;
    }
    #colLateral{
        margin-bottom:50px;
    }
	#colLateral .widget {
		background: #ececec url(/Media/img/img_char_vert.png) no-repeat 96% 100%;
		background-size: 145px auto;
	}
	#blocTexteBan {
		position: absolute;
		top: 12%;
		right: 10%;
		z-index: 444;
		width: 47%;
	}
	#colLateral .widget.dossier {
		background: #ececec url(/Media/img/img_dossier.png) no-repeat 95% 62%;
		background-size: 139px auto;
	}
	#colLateral .widget.clicSequr {
		background: #fe7c1a url(/Media/img/img_clicsequr.png) no-repeat right bottom;
		padding: 20px 20px 20px 20px;
		margin-bottom: 20px;
	}
	#colLateral .widget.clicSequr h3{
		width:50%;
	}
	#filAriane ul li {
		display: inline-block;
		float: right;
		margin-right: 10px;
		padding-left: 20px;
	}
	footer .col:nth-child(3), footer .col:nth-child(4) {
		float: none;
		margin: 0 auto;
		max-width: 320px;
		overflow:hidden;
		clear:both;
	}
	
	/*---- Règlement de sinistre -----*/
	#mainCol .subcontainer-fcsa span.fcsa-menu-item-text {
		padding-top: 13px;
	}
	#mainCol .subcontainer-fcsa span.fcsa-menu-item-text.uneLigne {
		padding-top: 25px;
	}
	#mainCol .subcontainer-fcsa .fcsa-small-menu li img{
		width:70px;
	}
	.subcontainer-fcsa.subcontainer-moment-accident .subcontainer-header{
		background-size:100% auto;
	}
	.subcontainer-fcsa .subcontainer-header h2 strong {
		font: bold 30px/36px 'Open Sans',sans-serif!important;
	}
	.subcontainer-fcsa .subcontainer-header h2 {
    	font: normal 25px/24px 'Open Sans',sans-serif!important;
	}
	.blocFS{
		width:50%;
	}
	.ajusteBanniereMobile #blocTexteBan h1{
		font-size:30px;
	}
	#colLateral .textePresident{
		padding: 45px;
		margin-left: 250px;
	}
	#colLateral .blocPresident, #colLateral .blocGenerale {
    	min-height: 225px;
	}
	.menuPied li{
		float:none;
	}
	
	#fullWrap.toutSavoir .bloc.small,
	#fullWrap.toutSavoir .bloc.small + .bloc.gris{
		width:100%;
	}
	
	
	
	
}

@media only screen and (max-width: 660px) {
	.logo {
		top: 110px;
		width: calc(100% - 115px);
		margin: 0;
		height: 65px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 10% center;
	}
	#btnLangue {
		padding: 20px 20px 5px;
	}
	
	#strateAccueil {
		background: url(/media/116944/bkg.jpg) no-repeat center bottom;
		padding: 60px 0;
		background-attachment: fixed;
	}
	#strateAccueil .bloc {
		width: 90%;
		max-width: 390px;
		margin-left: 0;
		margin-bottom:40px;
		background: #21262e;
		position: relative;
		border-radius: 5px;
		padding: 85px 40px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		-webkit-box-shadow: 0 0 50px -5px rgba(0,0,0,0.5);
		box-shadow: 0 0 50px -5px rgba(0,0,0,0.5);
	}
	#strateAccueil .container {
		width: 90%;
		justify-content: center;
		flex-wrap:wrap;
	}
	#strateAccueil .blocAcces:before,
	#strateAccueil .blocSimplifier:before{
    	top: 95px;
	}
	#ctnBanAccueil .container{
		flex-wrap:wrap;
	}
	#ctnVedette {
		padding: 25px;
		width: 100%;
	}
	#ctnVedette img {
		text-align: left;
		display: block;
		max-width: 100%;
		margin: 0 auto 20px;
	}
	#ctnBanAccueil .texteBanniere {
		width: 100%;
		padding: 0px 60px 60px 0;
		box-sizing: border-box;
		display: flex;
		align-content: flex-end;
		flex-wrap: wrap;
	}
	
	#ctnBanAccueil .texteBanniere {
		width: 100%;
		padding: 30px 0px 45px 0;
		order: 2;
	}
	#ctnBanAccueil .texteBanniere span:last-child{
		margin-top:0px;
		margin-left:0px;
	}
	#ctnBanAccueil .texteBanniere span{
		box-shadow:none;
		-webkit-box-shadow:none;
		padding:10px 15px;
		margin-bottom:-1px;
	}
	
	#ctnBanAccueil .texteBanniere br{
		display:none;
	}
	#ctnBanAccueil #ctnVedette {
		order: 2;
	}
	#menuTop li:last-child{
		border-right:0px;
	}
	
	#mainCol .imgNouvelle{
		float:none;
		margin:0 auto 20px;
	}
	footer .col {
		padding: 10px 0px 0px 0px;
		width: 100%;
		margin: 0 auto;
		max-width: 240px;
		float: none;
		text-align:center;
	}
	footer .col.info img {
		width: 175px;
		float: none;
		margin: 20px auto!important;
	}
	footer .col:nth-child(3) {
		float: none;
		margin: 0 auto;
		max-width: 320px;
		overflow: hidden;
		clear: both;
	}
	
	#fullWrap.toutSavoir .bloc .col,
	#fullWrap.toutSavoir .bloc.blocMagasinez .col2,
	#fullWrap.toutSavoir .bloc .col2.full{
		width:100%;
		padding: 5px 0;
	}
	#fullWrap.toutSavoir .bloc .row{
		flex-wrap:wrap;
	}
	#fullWrap.toutSavoir .bloc .tooltip{
		width:300px;
		left: auto;
    	right: 0;
	}
	#fullWrap.toutSavoir #mainCol > h2 {
		font: bold 24px "Open Sans",sans-serif;
	}
	#fullWrap.toutSavoir .bloc #tt6,
	#fullWrap.toutSavoir .bloc #tt1{
		left:auto!important;
	}
	
	
	
}

@media only screen and (max-width: 601px) {
	header.home {
		padding: 10px 20px 120px;
	}
	header {
		padding: 10px 20px 10px;
	}
	footer .col.suivezNous h3{
		float:none;
	}
	.col.suivezNous {
		text-align: center;
	}
	
	#ctnBanniere > img{
		max-width:200%;
		margin-left:-20%;
	}
	#blocTexteBan {
		position: absolute;
		top: 0;
		right: auto;
		z-index: 444;
		width: 100%;
		height:100%;
		background: rgba(255,255,255,0.5);
		padding: 15px 15px;
	}
	.ajusteBanniereMobile #blocTexteBan {
	    position: absolute;
		top: 12%;
		right: 10%;
		z-index: 444;
		width: 47%;
		background:transparent;
	}
	.ajusteBanniereMobile #blocTexteBan h1{
		font-size:26px;
	}
	#blocTexteBan h2 {
		color: #333;
		font: 400 24px/120% 'Open Sans',sans-serif;
		margin-bottom: 0px;
	}
	#blocTexteBan h1 {
		color: #178e89;
		font: bold 28px/110% 'Open Sans',sans-serif;
		margin-bottom: 5px;
	}
	
	footer .col:nth-child(3), footer .col:nth-child(4){
		overflow:hidden;
	}
	
	#mainCol .subcontainer-fcsa .fcsa-small-menu{
		width:100%;
		max-width:320px;
	}
	#mainCol .subcontainer-fcsa .subcontainer-header{
		width:100%;
	}
	.ctnResume > h3{
		clear:both;
	}
	.ctnResume > p{
		padding:0 15px;
	}
	#filAriane{
		display:none;
	}
	.blocExergue.droite, .blocExergue.gauche, .blocExergue{
		width:100%;
	}
	
	.subCategorieContentAccrochage .contentZone1 .contentBloc1 img{
		display:none;
	}
	
	
	
	#subCategorieContentDelit.subCategorieContentDelit .contentZone1 .contentBloc1, 
	#subCategorieContentDelit.subCategorieContentDelit .contentZone1 > div {
		float: none;
		width: 100%;
		margin: 20px auto 0;
	}
	#subCategorieContentAccrochage.subCategorieContentAccrochage .contentZone1 > div,
	#subCategorieContentVol.subCategorieContentVol .contentZone3 .contentBloc2, 
	#subCategorieReclamation.subCategorieContentVol .contentZone3 .contentBloc3, 
	#subCategorieReclamation .subCategorieContentCollision .contentZone1 .contentBloc1, 
	#subCategorieReclamation .subCategorieContentCollision .contentZone1 .contentBloc2,
	#subCategorieContentVol.subCategorieContentVol .contentZone1 .contentBloc1, 
	#subCategorieContentVol.subCategorieContentVol .contentZone1 .contentBloc2, 
	#subCategorieContentVol.subCategorieContentVol .contentZone2 .contentBloc1, 
	#subCategorieContentVol.subCategorieContentVol .contentZone2 .contentBloc2, 
	#subCategorieContentVol.subCategorieContentVol .contentZone3 .contentBloc1,
	#subCategorieReclamation.subCategorieContentCollision .contentZone1 .contentBloc3,
	.subCategorieContentVol .contentZone3 #blocReclamationVol.contentBloc3,
	#subCategorieContentResponsabilite.subCategorieContentResponsabilite .contentZone1 .contentBloc1,
	#subCategorieContentResponsabilite.subCategorieContentResponsabilite .contentZone1 .contentBloc2,
	#subCategorieContentResponsabilite.subCategorieContentResponsabilite .contentZone2 .contentBloc1,
	#subCategorieContentResponsabilite.subCategorieContentResponsabilite .contentZone2 .contentBloc2,
	#subCategorieContentDossier.subCategorieContentDossier .contentZone1 .contentBloc1,
	#subCategorieContentDossier.subCategorieContentDossier .contentZone1 .contentBloc2,
	#subCategorieContentEstimation.subCategorieContentEstimation .contentZone1 .contentBloc1,
	#subCategorieContentEstimation.subCategorieContentEstimation .contentZone1 .contentBloc2,
	#subCategorieContentPerte.subCategorieContentPerte .contentZone1 .contentBloc1,
	#subCategorieContentPerte.subCategorieContentPerte .contentZone1 .contentBloc2,
	#subCategorieContentInonde.subCategorieContentInonde .contentZone1 .contentBloc1,
	#subCategorieContentPieces.subCategorieContentPieces .contentZone1 .contentBloc1,
	#subCategorieContentPieces.subCategorieContentPieces .contentZone1 .contentBloc2,
	#subCategorieContentPieces.subCategorieContentPieces .contentZone2 > div,
	#subCategorieContentAtelier.subCategorieContentAtelier .contentZone1 > div{
		float: none;
		margin: 20px 0 0 0;
		padding: 0;
		width: 100%;
	}
	#subCategorieReclamation .subCategorieContentCollision .contentZone1 .contentBloc2{
		margin-top:20px!important;
	}
	#subCategorieReclamation .subCategorieContentCollision .contentZone1 .contentBloc2 img:first-child, 
	.subCategorieContentVol .contentZone3 .contentBloc1 img,
	.subCategorieContentResponsabilite .contentZone2 .contentBloc2 img,
	.subCategorieContentDossier .contentZone1 .contentBloc3 img,
	.subCategorieContentEstimation .contentZone1 .contentBloc1 img,
	.subCategorieContentEstimation .contentZone1 .contentBloc3 img,
	.subCategorieContentPerte .contentZone1 .contentBloc1 img:first-child,
	.subCategorieContentInonde .contentZone1 .contentBloc1 img,
	.subCategorieContentPieces .contentZone2 .contentBloc1 img,
	.subCategorieContentPieces .contentZone2 .contentBloc3 img,
	.subCategorieContentAtelier .contentZone1 .contentBloc1 img{
		display:none;
	}
	.subCategorieContentEstimation .contentZone1 .contentBloc3 .contentBlocAccordeon ul{
	margin-left:0px!important;
	}
	footer .col {
		float: none;
		margin: 0 auto;
		max-width: 240px;
	}
	
}
@media only screen and (max-width: 540px) {
	#appNav .toggleAccueil#btnPub {
		margin-right: 20px;
	}
	#menuTop li:first-child{
		display:none;
	}
	#ctnBlocAccueil .blocAccueil {
		width: 45%;
		padding: 30px 20px;
	}
	#mainCol div.questionsBlock .question p {
		font-size: 18px;
		max-width: 55%;
	}
	#mainCol .resultatFinal .recommencer img{
		display:none;
	}
	#mainCol .resultatFinal .recommencer p {
		margin: 5px 0;
		float: none!important;
		display: inline-block;
		text-align:center!important;
	}
	#mainCol .resultatFinal a.reset {
   		width: 100%!important;
	}
	#colLateral .textePresident {
    padding: 20px;
    margin-left: 150px;
	}
	#colLateral .blocGenerale, #colLateral .blocPresident {
		min-height: 145px;
	}
	#ctnNouvelles .blocNouvelle img {
		float: none;
		margin-right: 20px;
		border-radius: 10px;
		width: 100%;
		margin-bottom: 20px;
		border: 1px solid #d9d9d9;
	}
	#ctnBanAccueil .container {
		background-position: left top!important;
	}
	
	/*-----Stats-----*/
	
	#mainCol.AccueilStats .sectionNavStats .sectionContent {
		flex-direction:column;
	}
	#mainCol.AccueilStats .sectionNavStats .sectionContent img {
		align-self:baseline;
	}
	#mainCol.AccueilStats .sectionNavStats .menuSectionStats li {
		flex:0 0 100%;
	}
	
	/******** FORMULAIRES *********/
	div.umbraco-forms-form form h4 {
		font: bold 22px 'Open Sans',sans-serif !important;
	}
	
	div.umbraco-forms-form .prénom, div.umbraco-forms-form .nom, div.umbraco-forms-form .adresse,
	div.umbraco-forms-form .courriel, div.umbraco-forms-form .téléphone, div.umbraco-forms-form .ville,
	div.umbraco-forms-form .codepostal, div.umbraco-forms-form .objetdelaplainte, div.umbraco-forms-form .firstname,
	div.umbraco-forms-form .lastname, div.umbraco-forms-form .address, div.umbraco-forms-form .city,
	div.umbraco-forms-form .postalcode, div.umbraco-forms-form .phone, div.umbraco-forms-form .email, 
	div.umbraco-forms-form .subjectofthecomplaint, div.umbraco-forms-form .sujet, div.umbraco-forms-form .subject,
	div.umbraco-forms-form .province, div.umbraco-forms-form .téléphonemaison, div.umbraco-forms-form .phonehome, 
	div.umbraco-forms-form .expiration, div.umbraco-forms-form .personnecontactée, div.umbraco-forms-form .téléphonetravail,
	div.umbraco-forms-form .contactsname, div.umbraco-forms-form .nomdelassureur, div.umbraco-forms-form .companyname,
	div.umbraco-forms-form .nodepolice, div.umbraco-forms-form .joindreunecopiedevotrecontratdassuranceauto,
	div.umbraco-forms-form .policyno, div.umbraco-forms-form .name, div.umbraco-forms-form .policynumber,
	div.umbraco-forms-form .phonework, div.umbraco-forms-form .pleasesendusacopyofyourautomobileinsurancecontract,
	div.umbraco-forms-form .date, #mainCol div.umbraco-forms-form .n1nomdelassureurnomducourtier input[type=text], #mainCol div.umbraco-forms-form .n2nomdelassureurnomducourtier input[type=text],
	#mainCol div.umbraco-forms-form .n3nomdelassureurnomducourtier input[type=text], #mainCol div.umbraco-forms-form .n4nomdelassureurnomducourtier input[type=text],
	#mainCol div.umbraco-forms-form .n5nomdelassureurnomducourtier input[type=text], #mainCol div.umbraco-forms-form .n1companysnamebrokersname input[type=text], 
	#mainCol div.umbraco-forms-form .n2companysnamebrokersname input[type=text], #mainCol div.umbraco-forms-form .n3companysnamebrokersname input[type=text], 
	#mainCol div.umbraco-forms-form .n4companysnamebrokersname input[type=text], #mainCol div.umbraco-forms-form .n5companysnamebrokersname input[type=text] {
		width: 100% !important;
	}
	
	div.umbraco-forms-form .prénom, div.umbraco-forms-form .adresse, div.umbraco-forms-form .codepostal, 
	div.umbraco-forms-form .courriel, div.umbraco-forms-form .firstname, div.umbraco-forms-form .address,
	div.umbraco-forms-form .postalcode, div.umbraco-forms-form .email, div.umbraco-forms-form .province,
	div.umbraco-forms-form .téléphonemaison, div.umbraco-forms-form .phonehome, div.umbraco-forms-form .expiration,
	div.umbraco-forms-form .téléphone, div.umbraco-forms-form .phone, div.umbraco-forms-form .personnecontactée,
	div.umbraco-forms-form .contactsname, div.umbraco-forms-form .nomdelassureur, div.umbraco-forms-form .companyname {
		margin-right: 0;
	}
	.statsRow {
		grid-template-columns: repeat(1, 1fr);
	}
	.statsRow.col-6 {
		grid-template-columns: repeat(1, 1fr);
	}
	
}

@media only screen and (max-width: 450px) {
	#appNav a.toggleAccueil{
		font-size:16px;
	}
	div#appNavFooter {
		flex-wrap: wrap;
	}
	#appNavFooter a.toggleAccueil {
		width: 100%;
		font-size:16px;
	}
	#ctnMenu{
		width:100%;
		padding: 60px 60px 20px;
	}
	#ctnBlocAccueil .blocAccueil {
		width: 95%;
	}
	#strateAccueil .bloc p {
		text-align: left;
	}
	
    /* Style adjustments for viewports that meet the condition */
	.blocFS{
		width:100%;
	}
    #blocCol .col4{
        width:97%;
		margin-bottom:20px!important
    }
	#strateConsul h2 {
		font: 300 26px 'Open Sans',sans-serif;
		margin: 30px 0;
		padding: 0 20px;
	}
	#menuTop li a {
		padding: 10px 10px;
	}
	.logo {
		top: 145px;
		width: 90%;
		left: 5%;
		margin: 0;
		height: 65px;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#btnMenu {
		margin-top: 100px;
	}
	
	footer .col.info img {
		width: 175px;
		float: none;
		margin: 15px auto!important;
	}
	footer .col{
		width:100%;
		padding: 10px 10px 30px 10px;
	}
	footer .col:first-child{
		text-align:center;
	}
	.menuPied {
		list-style: none;
		overflow: hidden;
		margin: 0 auto;
		max-width: 260px;
		padding-left: 0px;
	}
	.menuPied li {
		display: inline-block;
		float: none;
		padding: 2px 10px;
		width: 50%;
		text-align: center;
	}
	
	#mainCol{
		margin-bottom:15px;
	}
	#mainCol, #colLateral{
		padding:0px;
	}
	
	#mainCol h3 {
    	font: bold 20px 'Open Sans',sans-serif;
	}
	#mainCol h2 {
    	font: bold 24px 'Open Sans',sans-serif;
	}
	.grosTitre h2 {
		font: bold 21px/26px 'Open Sans',sans-serif!important;
		padding: 5px;
	}
	#mainCol h3.btnCollapse{
		font-size:18px;
	}
	.btnCollapse span{
		width:30px;
	}
	#colLateral .widget {
		background: #ececec url(/Media/img/img_char_vert.png) no-repeat 96% 100%;
		background-size: 95px auto;
	}
	
	div#ctnShare > * {
		margin-bottom: 15px;
	}
	#ctnShare {
		width: 100%;
		clear: both;
		padding: 20px 0;
		overflow: hidden;
		margin: 0 auto;
	}
	.grosTitre h2 span{
		display:none;
	}
	.blocExergue.gauche, .blocExergue.droite{
		width:100%;
	}
	#colLateral .widget.dossier {
		background: #ececec url(/Media/img/img_dossier.png) no-repeat 95% 25%;
		background-size: 125px auto;
	}
	#mainCol .nonMobile{
	display:none;
	}
	
	
	
	/*---- Reglement de sinistres -----*/
	
	#mainCol .subcontainer-fcsa .subcontainer-header{
		width:100%;
		min-height:235px;
	}
	#mainCol .subcontainer-fcsa.subcontainer-moment-accident .subcontainer-header {
		background: url('/Media/img/images-sinistre-auto/moment-accident-main.png') no-repeat center 90%;
	}
	#mainCol .subcontainer-fcsa.subcontainer-moment-accident .subcontainer-header {
		background-size: 100% auto;
	}
	#mainCol .subcontainer-fcsa .fcsa-small-menu {
		width: 100%;
		padding: 0px 0 0 0px!important;
	}
	#mainCol .subcontainer-fcsa:nth-child(2n) .subcontainer-header {
		padding-left: 0px;
	}
	#mainCol .subcontainer-fcsa.subcontainer-reclamation .subcontainer-header h2 {
		margin: 0;
	}
	#mainCol .subcontainer-fcsa.subcontainer-reclamation .subcontainer-header {
		background: url('/Media/img/images-sinistre-auto/reclamation-main.png') no-repeat center 90%;
		background-size: 34% auto;
	}
	#mainCol .subcontainer-fcsa.subcontainer-estimation-dommages .subcontainer-header {
		background: url('/Media/img/images-sinistre-auto/estimation-dommages-main.png') no-repeat center 90%;
		background-size: 50% auto;
	}
	#mainCol .subcontainer-fcsa.subcontainer-reparation .subcontainer-header {
		background: url('/Media/img/images-sinistre-auto/la-preparation-main-img.png') no-repeat center 90%;
		background-size: 61% auto;
	}
	#mainCol .subcontainer-fcsa.subcontainer-reparation .subcontainer-header h2 {
		margin: 0;
	}
	
	div#subCategorieContentPieces, div#subCategorieContentCollision, #subCategorieContentDossier, #subCategorieContentPerte, #subCategorieReclamation, #subCategorieEstimation {
		margin: 15px auto;
	}
	
	#subCategorieReclamation .subcontainer-fcsa .subcontainer-header {
		width: 100%;
		min-height: 270px;
	}
	.subcontainer-fcsa .subcontainer-header a.btnRetour {
		top: 105px;
		left: auto;
		right: 0;
	}
	#mainCol .subcontainer-fcsa .fcsa-small-menu li a {
		display: block;
		overflow: hidden;
		background: url('/Media/img/mask_btn_g.png') no-repeat 0% center;
		background: auto 100%;
	}
	#mainCol .subCategorieContentDelit .contentZone1 .contentBloc1 img:first-child {
		display:none;
	}
	#mainCol .subCategorie .subCategorieContentDelit .contentBloc1 .contentBlocWhite, .subCategorie .subCategorieContentDelit .contentBloc3 .contentBlocAccordeon {
		padding-right: 20px;
	}
	#mainCol .subCategorieContentDelit .contentZone1 .contentBloc2 {
		padding: 0 0 0 00px;
		margin: 15px auto;
		width:100%;
	}
	#mainCol .subCategorieContentDelit .contentZone1 .contentBloc3 {
		padding: 0 0 0 0px;
		margin: 0 auto;
		width:100%;
	}
	#mainCol .subCategorieContentDelit .contentZone1 .contentBloc1 {
		padding: 0 0 0 10px;
		margin: 0 auto;
		width: 100%;
	}
	#mainCol .subCategorie .subCategorieContentDelit .contentBloc2 .contentBlocBlue, #mainCol .subCategorie .subCategorieContentDelit .contentBloc3 .contentBlocAccordeon {
		padding-left: 25px;
	}
	#mainCol .subCategorieContentAccrochage .contentZone1 .contentBloc1{
		width:100%;
	}
	#mainCol .subCategorieContentAccrochage .contentZone1 .contentBloc1 img{
		display:none;
	}
	#mainCol .subCategorieContentAccrochage .contentZone1 .contentBloc2 {
		float: left;
		width: 100%;
		padding: 0;
		margin: 29px 0 0px 0px;
	}
	#subCategorieReclamation .subcontainer-fcsa.subcontainer-reclamation .subcontainer-header {
		background: url('/Media/img/images-sinistre-auto/reclamation-main.png') no-repeat left 90%;
		background-size: 34% auto;
	}
	#subCategorieContentVol.subCategorieContentVol .contentZone3 .contentBloc2, 
	#subCategorieReclamation.subCategorieContentVol .contentZone3 .contentBloc3, 
	#subCategorieReclamation .subCategorieContentCollision .contentZone1 .contentBloc1, 
	#subCategorieReclamation .subCategorieContentCollision .contentZone1 .contentBloc2,
	#subCategorieContentVol.subCategorieContentVol .contentZone1 .contentBloc1, 
	#subCategorieContentVol.subCategorieContentVol .contentZone1 .contentBloc2, 
	#subCategorieContentVol.subCategorieContentVol .contentZone2 .contentBloc1, 
	#subCategorieContentVol.subCategorieContentVol .contentZone2 .contentBloc2, 
	#subCategorieContentVol.subCategorieContentVol .contentZone3 .contentBloc1,
	#subCategorieReclamation.subCategorieContentCollision .contentZone1 .contentBloc3,
	.subCategorieContentVol .contentZone3 #blocReclamationVol.contentBloc3,
	#subCategorieContentResponsabilite.subCategorieContentResponsabilite .contentZone1 .contentBloc1,
	#subCategorieContentResponsabilite.subCategorieContentResponsabilite .contentZone1 .contentBloc2,
	#subCategorieContentResponsabilite.subCategorieContentResponsabilite .contentZone2 .contentBloc1,
	#subCategorieContentResponsabilite.subCategorieContentResponsabilite .contentZone2 .contentBloc2,
	#subCategorieContentDossier.subCategorieContentDossier .contentZone1 .contentBloc1,
	#subCategorieContentDossier.subCategorieContentDossier .contentZone1 .contentBloc2,
	#subCategorieContentEstimation.subCategorieContentEstimation .contentZone1 .contentBloc1,
	#subCategorieContentEstimation.subCategorieContentEstimation .contentZone1 .contentBloc2,
	#subCategorieContentPerte.subCategorieContentPerte .contentZone1 .contentBloc1,
	#subCategorieContentPerte.subCategorieContentPerte .contentZone1 .contentBloc2,
	#subCategorieContentInonde.subCategorieContentInonde .contentZone1 .contentBloc1,
	#subCategorieContentPieces.subCategorieContentPieces .contentZone1 .contentBloc1,
	#subCategorieContentPieces.subCategorieContentPieces .contentZone1 .contentBloc2,
	#subCategorieContentPieces.subCategorieContentPieces .contentZone2 > div,
	#subCategorieContentAtelier.subCategorieContentAtelier .contentZone1 > div{
		float: none;
		margin: 20px 0 0 0;
		padding: 0;
		width: 100%;
	}
	#subCategorieReclamation .subCategorieContentCollision .contentZone1 .contentBloc2{
		margin-top:20px!important;
	}
	#subCategorieReclamation .subCategorieContentCollision .contentZone1 .contentBloc2 img:first-child, 
	.subCategorieContentVol .contentZone3 .contentBloc1 img,
	.subCategorieContentResponsabilite .contentZone2 .contentBloc2 img,
	.subCategorieContentDossier .contentZone1 .contentBloc3 img,
	.subCategorieContentEstimation .contentZone1 .contentBloc1 img,
	.subCategorieContentEstimation .contentZone1 .contentBloc3 img,
	.subCategorieContentPerte .contentZone1 .contentBloc1 img:first-child,
	.subCategorieContentInonde .contentZone1 .contentBloc1 img,
	.subCategorieContentPieces .contentZone2 .contentBloc1 img,
	.subCategorieContentPieces .contentZone2 .contentBloc3 img,
	.subCategorieContentAtelier .contentZone1 .contentBloc1 img{
		display:none;
	}
	
	.subCategorieContentVol .contentZone1 .contentBloc2 img, .subCategorieContentVol .contentZone1 .contentBloc1 img{
		display:none;
	}
	.subCategorieContentVol .contentZone1{
		padding-top:15px!important;
	}
	.subCategorieContentVol .contentZone1 .contentBloc2{
		padding:0px!important;
	}
	.subcontainer-fcsa.subcontainer-estimation-dommages.fullWidth .subcontainer-header h2 {
		margin: 0px 0 0 0!important;
	}
	#mainCol #subCategorieEstimation .subcontainer-fcsa.subcontainer-estimation-dommages .subcontainer-header {
		background: url('/Media/img/images-sinistre-auto/estimation-dommages-main.png') no-repeat left 90%;
		background-size: 37% auto;
	}
	.subCategorieContentEstimation .contentZone1 .contentBloc3 .contentBlocAccordeon ul, .subCategorieContentPerte .contentZone1 .contentBloc1 .contentBlocBlue p:first-of-type{
		margin-left:0px!important;
	}
	.subCategorieContentEstimation .contentZone1 .contentBloc3, .subCategorie .subCategorieContent ul{
		padding-left:0px!important;
	}
	#mainCol #subCategorieReparation .subcontainer-fcsa.subcontainer-reparation .subcontainer-header {
		background: url('/Media/img/images-sinistre-auto/la-preparation-main-img.png') no-repeat left 90%;
		background-size: 62% auto;
	}
	#subCategorieReparation .subcontainer-fcsa .subcontainer-header a.btnRetour{
		top:175px!important;
	}
	/*------ /Fin Reglement sinistre-------*/
	
	
	.blocForm.demi, .contourField.textfield{
		width:100%;
	}
	#ctnEtape ul li.titre {
		text-align: center;
		width: 100%;
		margin-bottom: 5px;
	}

	#ctnEtape ul li {
		width: 25%;
	}
	#ctnQuestionnaire .radioGroup{
		float:none!important;
	}
	#mainCol h3.titreSectionCID, #mainCol h3.titreCasH3{
		padding:15px;
	}
	.avisCID div {
		overflow: hidden;
		clear: both;
		padding-top: 20px;
	}
	#mainCol .carCase, #mainCol .blocDemi {
		float: left;
		width: 100%;
	}
	#mainCol .imageResume {
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.groupExemple .exemples{
		width:100%;
		float:none;
	}
	#ctnQuestionnaire .imageResponsabilite{
	float:none!important;
	}
	
	.ctnEtapeSuivi > div, .ctnEtapeSuivi.troisCol > div{
		width:50%;
	}
	.ctnEtapeSuivi.troisCol > div:last-child{
		width:100%;
	}
	.ctnEtapeSuivi > div:nth-child(2) .ligneEtape span.fleche{
		display:none;
	}

}
@media only screen and (max-width: 375px) {
	.creditPhoto {  
		top: -15px;
	}	
	#strateAccueil .blocAcces:before, #strateAccueil .blocSimplifier:before {
		top: 20px;
	}
	#fullWrap.toutSavoir .bloc .tooltip {
		width: 215px;
	}
}
@media only screen and (max-width: 360px) {
	#menuTop li a {
		padding: 10px 5px;
	}
	
	#colLateral .textePresident {
    	padding: 25px;
		margin-left: 90px;
	}
}
@media only screen and (max-width: 320px) {

	#colLateral .textePresident {
		padding: 20px;
		margin-left: 90px;
	}
	
	#fullWrap.toutSavoir h1 {
		font: bold 34px/120% "Open Sans",sans-serif;
		color: #f89800;
		margin: 0 0 5px 0;
		text-transform: none;
	}
}

@media only screen and (max-width: 450px) {
	.menuPied li{
		width:100%;
		padding:0px;
		    box-sizing: border-box;
		border-left:1px solid #e5e5e5;
	}
	.menuPied li a{
		padding:5px;
		display:block;
	}
	.ctnEtapeSuivi > div, .ctnEtapeSuivi.troisCol > div{
		width:50%;
	}
	.ctnEtapeSuivi > div .ligneEtape span.fleche{
		display:none;
	}
	footer .col.info a:last-child img {
		margin: 15px auto;
		width: 160px;
	}
	#mainCol .questionsBlock .question .blockTrueFalse {
		float: none;
		line-height: 3;
		width: 100%;
		text-align: center;
	}
	#mainCol .blockTrueFalse .choixLabel.mobileOnly {
		display: block!important;
		margin: 0 auto;
		width: 165px;
		float: none;
	}
	#mainCol div.questionsBlock .question p {
		font-size: 18px;
		max-width: 100%;
	}
	#mainCol .questionsBlock .choixLabel span, #mainCol .questionsBlock .question label {
		margin: 0 15px!important;
	}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
div.dataTables_wrapper {
    overflow: scroll;
}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
div.dataTables_wrapper {
    overflow: scroll;
}

}
@media only screen and (min-device-width : 320px) and (max-device-width : 667px) {
.dataTables_wrapper.no-footer {
    overflow: scroll;
}



.hidden {
    display: none !important;
    font:bold 30px 'Open Sans',sans-serif;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */



@media print{
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
	
	
/*-----Media query mobile tableau-----*/