﻿/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/*
Pour changer les couleurs d'un client
faire un "Remplacer" pour les couleurs suivantes

Couleur 1 : 32b8cb
Couleur 2 : e95158
Couleur 3 : 3db292

*/

/*Police Glyphicons pour les icones Bootstrap*/
@font-face{font-family:'Glyphicons Halflings';src:url(../Police/glyphicons-halflings-regular.eot);src:url(../Police/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../Police/glyphicons-halflings-regular.woff) format('woff'),url(../Police/glyphicons-halflings-regular.ttf) format('truetype'),url(../Police/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}

html
{
	height:100%;
	margin:0;
	padding:0;
}

form
{
	height:100%;
	font-size:1em;
	margin:0;
	padding:0;
}

body
{
	margin: 0px;
	padding: 0px;
	height:100%;
	width:100%;
	font-family: "Open Sans" , Arial;
	font-size:1em;
	color:#616059;
}

div,table,td
{
	font-size:1em;
	color:#616059;
}

li
{
	margin-left: 25px;
	margin-bottom:10px;
	padding: 0px 0px 10px 10px;
    display : list-item;
    list-style-image : url(/CH_VERNEUIL_INTERNET/Images/FlecheListe.png);
}

li li
{
	margin: 0px;
	padding: 0px;
    display : list-item;
    list-style-image : url(/CH_VERNEUIL_INTERNET/Images/FlecheListe.png);
}

li li li
{
	margin: 0px;
	padding: 0px;
    display : list-item;
    list-style-image : url(/CH_VERNEUIL_INTERNET/Images/FlecheListe.png);
}

.Error
{
	font-size:12px;
	color:red;
	font-weight:bold;
	text-decoration:none;
}

.TexteCouleur1
{
	color:#0eafe3;
}

.TexteCouleur2
{
	color:#ff6e40;
}

.TexteCouleur3
{
	color:#7db44a;
}
#nomarkerlist::marker{
	content:none;
}
a.LienTexte
{
	font-size:1em;
	color:#616059;
	text-decoration:none;
}

a.Lien1
{
	font-size:1em;
	color:#32b8cb;
	text-decoration:none;
}


a.Lien2
{
	font-size:1em;
	color:#e95158;
	text-decoration:none;
}

a.Lien3
{
	font-size:1em;
	color:#3db292;
	text-decoration:none;
}

a.BoutonValidation
{
	text-decoration: none;
	color: #ffffff;
	background: #7db44a;
	padding: 10px 15px;
	display: inline-block;
	margin: 10px 0;
}

a.h2
{
	font-size:1.2em;
	color:#e95158;
	font-weight:700;
	margin:0px;
	text-decoration:underline;
}

.ChampObligatoire
{
	font-size:1em;
	color:#e95158;
	font-weight:bold;
}

.ChampOptionnel
{
	display:none;
}


h1
{
	font-size:1.6em;
	color:#20418f;
	font-weight:700;
	margin:0px;
}

h2
{
	font-size:1.4em;
	color:#e95158;
	font-weight:700;
	margin:0px;
}

h3
{
	font-size:1.2em;
	color:#3db292;
	font-weight:700;
	margin:0px;
}

h4
{
	font-size:1em;
	color:#666666;
	font-weight:700;
	margin:0px;
}

h5
{
	font-size:1em;
	color:#666666;
	font-weight:700;
	margin:0px;
}

h6
{
	font-size:1em;
	color:#666666;
	font-weight:700;
	margin:0px;
}



/*-------------------------------------------------------------------  Redéfinition des éléments bootstrap  -----------------------------------------------------------------------------*/
 
.btn
{
    font-size:1em;
}

.btn-default
{
	color:#666666;
}

.btn-default:hover
{
	color:#666666;
	background-color:#EEEEEE;
}
/*-------------------------------------------------------------------  NEWS  -----------------------------------------------------------------------------*/

div.FondNews
{
	background-color:#F6F5F5;
	position:relative;
	float:left;
	Width:100%;
	height:100%;
}

a.TitreNews
{
	font-size:1.2em;
	color:#213480;
	font-weight:bold;
	text-decoration:none;	
}

hr.HRNews
{
	display:none;
	width:80%;
	height:1px;
	color:#616059;
}


/* News */
.container
{
	position:relative;
	float:left;
	display:block;
	width:100%;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


div.FondNews
{
    background: none;
	border:1px solid #dbdbdb;
	padding-bottom:45px;
}


div.FondNews .News_Partage
{
	position:absolute;
	left:0;
	bottom:0;
	padding:10px;
	font-size:0.7em;
}

div.FondNews .News_Partage img
{
	margin-right: 10px;
}


div.FondNews .News_ESP
{
	position:absolute;
	right:0;
	bottom:0;
	padding:10px;
	font-size:0.7em;
}

a.NewsESP
{
	position:relative;
	float:left;
	font-size:1em;
	color:#32b8cb;
	font-weight:bold;
	text-decoration:none;
	width:100%;
}

@media  all and (max-width: 991px)
{
	div.FondNews
	{
		padding-bottom:10px;
	}

	div.FondNews .News_Partage
	{
		position:relative;
		float:left;
		padding:10px;
	}


	div.FondNews .News_ESP
	{
		position:aboslute;
		float:left;
		padding:10px;

	}

}
/*-------------------------------------------------------------------  /NEWS -----------------------------------------------------------------------------*/


/*-------------------------------------------------------------------  Agenda  -----------------------------------------------------------------------------*/

div.FondCalendrier
{
	background-color:#F6F5F5;
}
.CalendrierJourMois
{
    font-family:Calibri;
    font-size:14px;
    color:#616059;
    line-height:14px;
}
.CalendrierNumJour
{
    font-family:Calibri;
    font-size:30px;
    color:#616059;
    line-height:18px;
}
a.CalendrierTitre
{
    font-size:14px;
    color:#616059;
    text-align:justify;
    font-weight:bold;
    text-decoration:none;
}
/*-------------------------------------------------------------------  /Agenda -----------------------------------------------------------------------------*/



/*-------------------------------------------------------------------  PHOTOTHEQUE -----------------------------------------------------------------------------*/
img.PHO_Miniature
{
	border:4px solid #CCCCCC;
}
/*-------------------------------------------------------------------  /PHOTOTHEQUE -----------------------------------------------------------------------------*/

/*-------------------------------------------------------------------  Style Service / Consultation  -----------------------------------------------------------------------------*/
Table.ListeService
{
	width:100%;
	text-align:left;
}

a.ListeServiceNom
{
	font-size:1em;
	color:#616059;
}

td.ListeServiceType
{
	font-size:1.2em;
	background-color:#FEFEFE;
	color:#616059;
	font-weight:bold;
	text-align:center;
}

td.ListeServicePole
{
	font-size:1.2em;
	background-color:#EEEEEE;
	color:#e95158;
	font-weight:bold;
	text-align:center;
}

td.ListeService1
{
	background-color:#FFFFFF;
}

td.ListeService2
{
	background-color:#FFFFFF;
}

Table.ConsultationDetail
{
	border:2px solid #C4B1A4;
}

td.EnteteConsultationDetail
{
	font-size:1em;
	background-color:#C4B1A4;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

td.ListeConsultation1
{
	background-color:#FFFFFF;
}

td.ListeConsultation2
{
	background-color:#EEEEEE;
}

a.LienDemandeRDV
{
	color:#32b8cb;
	text-decoration:none;
}


/* Version Vignettes */

.BlocPole
{
    float:left;
    position:relative;
}

.BlocPoleContenu
{
    float:left;
    position:relative;
    background:#f3ebeb;
    box-shadow: 4px 4px 5px #dddddd;
    width:100%;
    min-height: 100%;
}

.BlocPoleImage
{
    float:left;
    position:relative;
    width:100%;
    display:block;
    height:165px;
    overflow: hidden;
}


.BlocPole img
{
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    margin: 0;
    max-width: none;
    transition: all 250ms ease-in-out;
    width:100%;
}

.BlocPole span
{
    float:left;
    position:relative;
    display:block; 
    width:100%;
    text-transform:uppercase;
    font-weight:bold;
    color:#32b8cb;
    margin:20px 0;
}

.BlocPoleService
{
    float:left;
    position:relative;
    width:100%;
    margin-bottom:15px;
    text-align:left;
	padding:0 15px;
}

.BlocPoleService a.ListeServiceNom,
#pageinteremediaire a.ListeServiceNom
{
    width:100%;
    display:block;
    font-weight:normal;
    font-size:0.85em;
}


/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

/*
 * Styles copied from the Grid example to make grid rows & columns visible.
 */
.container {
  padding-right: 15px;
  padding-left: 15px;
}

h4 {
  margin-top: 25px;
}
.row {
  margin-bottom: 20px;
}
.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}
[class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*-------------------------------------------------------------------  /Style Service  -----------------------------------------------------------------------------*/

/*-------------------------------------------------------------------  Annuaire des médecins  -----------------------------------------------------------------------------*/
div.CartePole
{
	background-color:#616059;
	color:#FFFFFF;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	
}

div.CarteService
{
	background-color:#AAAAAA;
	text-align:center;
}

a.CarteService
{
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}

div.CarteVisite
{
	position:relative;
	float:left;
	width:310px;
	background-color:#EEEEEE;
	margin-left:26px;
	margin-top:20px;
}
div.CarteVisiteEntete
{
	position:relative;
	float:left;
	width:100%;
	background-color:#7FAFAF;
	height:24px;
}
div.CarteVisiteNom
{
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:4px;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
}

div.CarteVisiteService
{
	color:#e95158;
	font-size:1em;
	font-weight:bold;
}

/*-------------------------------------------------------------------  /Annuaire des médecins  -----------------------------------------------------------------------------*/

/*-------------------------------------------------------------------  Vignettes  -----------------------------------------------------------------------------*/

a.TitreVignette
{
    font-size:1.2em;
	color:#666666;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}

/*-------------------------------------------------------------------  /Vignettes  -----------------------------------------------------------------------------*/



/*-------------------------------------------------------------------  Style Poste / CV -----------------------------------------------------------------------------*/
Table.ListePoste
{
}

td.ListePosteFamille
{
	font-size:1.2em;
	background-color:#EEEEEE;
	color:#ff6e40;
	font-weight:bold;
	text-align:center;
	border-top:10px;
	height:50px;
}

td.LigneEspace
{
    height:30px;
}

td.ListePoste1
{
	background-color:#FFFFFF;
}

td.ListePoste2
{
	background-color:#FFFFFF;
}

td.ListeGroupeMetier
{
	font-weight:bold;
	font-size:1em;
	color:#616059;
	text-decoration:none;
	height:40px;
	vertical-align:bottom;
}

a.ListePosteNom
{
	font-size:1em;
	color:#616059;
	text-decoration:none;
}

Table.DetailPoste
{
}

TD.NomPoste
{
	background-color:#EEEEEE;
	font-size:1.2em;
	color:#e95158;
	font-weight:700;
	text-align:center;
	height:50px;
}

    
  td.LigneEspaceDetail
  {
      height:10px;
  }

TD.PosteDetailLibelle
{
	font-weight:bold;
	width: 26%;
	text-align:left;
}

TD.PosteDetailContenu
{
	width: 74%;
}

TD.PosteTitre
{
	background-color:#EEEEEE;
	font-size:1.1em;
	color:#616059;
	font-weight:700;
	text-align:center;
}

div.CVGlobal
{
    width:800px;
    position:relative;
    margin:0px auto;
}

@media (max-width: 992px ) 
{
    div.CVGlobal
    {
        width:100%;
    }
}

div.CVFormulaire
{

}


div.CVRubrique
{
	font-size:1.2em;
	background-color:#EEEEEE;
	color:#e95158;
	font-weight:bold;
	text-align:center;
}

a.LienDeposeCV
{
	color:#32b8cb;
	text-decoration:none;
}
/*-------------------------------------------------------------------  /Style Poste  -----------------------------------------------------------------------------*/


/*-------------------------------------------------------------------  PDC  -----------------------------------------------------------------------------*/
div.PDCGlobal
{
    width:800px;
    position:relative;
    margin:0px auto;
}

@media (max-width: 992px ) 
{
    div.PDCGlobal
    {
        width:100%;
    }
}

div.PDCSelectContact
{
	
}

div.PDCFormulaire
{
	background-color:#EEEEEE;
}

div.PDCTitre
{
	background-color:#e95158;
	text-align:center;
	color:#ffffff;
	font-size:1.3em;
	font-weight:bold;
	padding:10px 0;
}

/*-------------------------------------------------------------------  /PDC  -----------------------------------------------------------------------------*/

/*-------------------------------------------------------------------  NWLT  -----------------------------------------------------------------------------*/

div.NWLTGlobal
{
    width:580px;
    position:relative;
    margin:0px auto;
}

@media (max-width: 600px ) 
{
    div.NWLTGlobal
    {
        width:100%;
    }
}

div.NWLTFormulaire
{
	background-color:#EFEFEF;
}

div.NWLTTitre
{
	background-color:#DDDDDD;
	text-align:center;
}
/*-------------------------------------------------------------------  /NWLT  -----------------------------------------------------------------------------*/

/*-------------------------------------------------------------------  DON  -----------------------------------------------------------------------------*/
div.DONGlobal
{
    width:700px;
    position:relative;
    margin:0px auto;
}

@media (max-width: 720px ) 
{
    div.DONGlobal
    {
        width:100%;
    }
}

div.DONFormulaire
{
	background-color:#EFEFEF;
}

div.DONTitre
{
	background-color:#DDDDDD;
	text-align:center;
}
/*-------------------------------------------------------------------  DON  -----------------------------------------------------------------------------*/

/*-------------------------------------------------------------------  RDV  -----------------------------------------------------------------------------*/
div.RDVGlobal
{
    width:800px;
    position:relative;
    margin:0px auto;
}

@media (max-width: 992px ) 
{
    div.RDVGlobal
    {
        width:100%;
    }
}

div.RDVSelectContact
{
	
}

div.RDVFormulaire
{
	background-color:#EEEEEE;
}

div.RDVTitre
{
	background-color:#e95158;
	text-align:center;
	color:#ffffff;
	font-size:1.3em;
	font-weight:bold;
	padding:10px 0;
}

/*-------------------------------------------------------------------  /RDV  -----------------------------------------------------------------------------*/


/*-------------------------------------------------------------------  Style Liste  -----------------------------------------------------------------------------*/
div.TitreListe
{
	font-size:1.2em;
	color:#616059;
	font-weight:700;
}

a.LienListeTout
{
	font-size:1em;
	color:#e95158;
	font-weight:bold;
	text-decoration:none;
}

/*-------------- Liste boutons ---------------*/
ul.ListeBouton
{
    margin:0px;
    padding:0px;
}

ul.ListeBouton li
{
    list-style-type:none;
    list-style-image :none;
    background-color:#EEEEEE;
    color:#616059;
    padding:6px 14px;
    border-left:4px solid #e95158;
    cursor:pointer;
}

ul.ListeBouton li.ListeSelected
{
    background-color:#e95158;
}

ul.ListeBouton a
{
    font-size:1em;
	color:#616059;
	font-weight:bold;
	text-decoration:none;
}

ul.ListeBouton li.ListeSelected a
{
	color:white;
}

/*-------------- Liste puces ---------------*/
ul.ListePuce
{ 
    margin:0px 0px 0px 12px;
    padding:0px;
}

ul.ListePuce li
{
    cursor:pointer;
}

ul.ListePuce li.ListeSelected
{
}

ul.ListePuce a
{
	font-size:1em;
	color:#32b8cb;
	font-weight:bold;
	text-decoration:none;
}

ul.ListePuce li.ListeSelected a
{
	color:red;
}

/*-------------------------------------------------------------------  /Style Liste  -----------------------------------------------------------------------------*/


/*-------------------------------------------------------------------  Message  -----------------------------------------------------------------------------*/

.MESFormulaire
{
	background-color:#EEEEEE;
}

.MESTitre
{
	background-color:#DDDDDD;
	text-align:center;
}

/*-------------------------------------------------------------------  /Message  -----------------------------------------------------------------------------*/


/*-------------------------------------------------------------------  FCK  -----------------------------------------------------------------------------*/


    /* personnalisation */        

body
{
	letter-spacing: 0.05em;
	font-size: 1em;
	text-align: justify;
	line-height: 1.6em;
}	

a 
{
	color: #289aaa;
	text-decoration: underline;
}

.TexteCouleur4
{
	color: #90a4ae;
	font-size: 0.9em;
	letter-spacing: 0.02em;
}

.TexteEncadre
{
	font-size: 0.9em;
	line-height: 1.35em;
}
	
h1
{
    font-size: 1.8em;
    font-family: montserrat;
    color: #737373;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 1.5em 0px 0.6em;
    background: transparent url(/Images/default/barre.png) left bottom no-repeat;
	padding-bottom: 0.7em;
	text-align: left;
}
	
h2
 {
        font-family: Montserrat;
        font-size: 1.125em;
        text-transform: uppercase;
        color: #ff6e40;
        margin: 10px 0 25px;
        font-weight: 600;
        text-align: left;
		line-height:1.3em;
}

h3
{
	font-family: Montserrat;
	font-size:0.97em;
	color:#289aaa;
	font-weight: 600;
	margin: 10px 0 25px;
	text-transform: uppercase;
	text-align: left;
	line-height:1.3em;
}

h3 a
{
	text-decoration:none;
}

h3 a:hover
{
	text-decoration:none;
}


li {
    margin-left: 25px;
    margin-bottom: 10px;
    padding: 0px 0px 10px 10px;
    display: list-item;
    list-style-image: url(/Images/FlecheListe.png);
	text-align: left;
}

ol 
{
	list-style-type: decimal;
}


.tableau {
	font-size: 0.95em;
	letter-spacing: 0.02em;
	padding: 0.6em 1em;
	text-align: left;
}

.encadre {
	background: #fbfbfd;
	padding: 20px;
}

.panel-default>.panel-heading {
    color: #213480;
	background-color: #ffffff;
	text-align: left;
	text-transform: uppercase;
	border-color: #ffffff;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}

.panel-heading {
    padding: 10px 20px;
    border-bottom: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0;
}

.panel-title a {
	text-decoration: none;
	font-weight: 500;
}

/*.panel-default>.panel-heading:hover {
    background-color: #eeeeee;
}*/

.panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 15px 10px;
}

.panel-title a.collapsed{
    /*background: #fff;
    color: #0d345d;
    border: 1px solid #ddd;*/
}
.panel-title a:after,
.panel-title a.collapsed:after{
    content: "\f107";
    font-family: fontawesome;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    position: absolute;
    top: -5px;
    left: -20px;
    transition: all 0.3s ease 0s;
}


.panel-body{
    padding: 20px 50px 10px 65px;
    background: transparent;
    line-height: 25px;
    border-top: none;
    position: relative;
}

.panel-title a {
    display: block;
    padding: 12px 20px 12px 50px;
    border: 1px solid transparent;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
    background: #fff;
    color: #595959;
    border: 1px solid #ddd;
	font-weight: 600;
}


.panel-title a:after,
.panel-title a.collapsed:after{
    content: "\f107";
    font-family: fontawesome;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background: #0eafe3;
    font-size: 25px;
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    position: absolute;
    top: -5px;
    left: -20px;
    transition: all 0.3s ease 0s;
}

ul.ListeBouton {
    position: relative;
    float: left;
	background: #fbfbfd;
}

ul.ListeBouton li 
{
    list-style-type: none;
    list-style-image: none;
    background-color: #fbfbfd;
    color: #616059;
    padding: 6px 14px;
    border-left: 0;
    cursor: pointer;
	margin-left:0px;
	margin-right:0px;
}

ul.ListeBouton li:last-child
{
	margin-bottom:0px;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 0.9em;
}

ul.ListeBouton a 
{
    letter-spacing: 0.05em;
	font-weight: 400;
	text-decoration: none;
}

ul.ListeBouton :hover
{
	color: #ffffff;
}

ul.ListeBouton li.ListeSelected 
{
    background-color: #32b8cb;
}

ul.ListeBouton li:last-child:hover
{
	background: #218c9a;
	color: #ffffff;
}

ul.ListeBouton li:last-child:hover a
{
	background: #218c9a;
	color: #ffffff;
}

a.LienListeTout 
{
    font-size: 0.75em;
    color: #ffffff;
    position: absolute;
    background: #218c9a;
    padding: 5px;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    font-weight: bold;
    text-decoration: none;
}

blockquote {
   	padding: 10px 20px;
    margin: 0 0 20px;
    font-family: Montserrat;
	font-size: 1.2em;
	font-weight: 300;
    border-left: 5px solid #ff6e40;
	text-align: left;
}

.bouton1
{
    font-family: Montserrat;
	position: relative;
    float: left;
    width: auto;
    padding: 10px;
    background-color: #3db292;
    color: #ffffff;
	text-decoration: none;
	line-height: 120%;
	font-size: 0.9em;
	text-align: left;
}

.bouton1 a,
.bouton1 a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.bouton1:hover
{
	background: #2f957a;
}

.bouton2
{
    font-family: Montserrat;
	position: relative;
    float: left;
    width: auto;
    padding: 10px;
    background-color: #dc5f37;
    color: #ffffff;
	text-decoration: none;
	line-height: 120%;
	font-size: 0.9em;
	text-align: left;
}

.bouton2 a,
.bouton2 a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.bouton2:hover
{
	background: #ff6e40;
}

.bouton3
{
    font-family: Montserrat;
	position: relative;
    float: left;
    width: auto;
    padding: 10px;
    background-color: #218c9a;
    color: #ffffff;
	text-decoration: none;
	line-height: 120%;
	font-size: 0.9em;
	text-align: left;
}

.bouton3 a,
.bouton3 a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.bouton3:hover
{
	background: #289aaa;
}

.Lettre
{
	font-size: 2em;
	font-family: montserrat;
	font-weight: 600;
	margin: 40px auto 15px;
    display: inline-block;
	color: #289aaa;
}

a.ListeServiceNom
{
	font-weight: 400;
	text-decoration: none;
}

a.ListeServiceNom:hover
{
	color: #32b8cb;
	padding-left: 15px;
	font-weight: 600;
}

div.PDCTitre {
    background-color: #32b8cb;
    font-size: 1.1em;
    font-weight: 500;
    font-family: montserrat;
}

a.BoutonValidation
{
    font-family: Montserrat;
    background-color: #7db44a;
	font-size: 0.87em;
	font-weight: 500;
	text-transform: uppercase;
}

a.BoutonValidation:hover
{
	background: #2f957a;
}

a.LienDeposeCV {
    text-decoration: none;
    background: #3db292;
    color: #ffffff;
    padding: 1% 2%;
	text-transform: uppercase;
    font-size: 0.87em;
    font-family: Montserrat;
    font-weight: 500;
}

TD.NomPoste {
    background-color: #32b8cb;
    color: #ffffff;
    font-family: Montserrat;
    font-weight: 500;
}

TD.PosteTitre {
    background-color: #ffffff;
    font-family: montserrat;
    font-weight: 600;
    text-transform: uppercase;
    padding: 30px 0 15px;
    border-bottom: 1px solid #eeeeee;
}

a.LienDeposeCV:hover
{
	background: #2f957a;
}

.PosteTitreBouton {
	text-align: center;
	padding-top: 30px;
}

TD.PosteTitre {
    background-color: #ffffff;
}


div.PDCFormulaire {
    background-color: #fbfbfd;
}

div.CVRubrique {
	background-color: #32b8cb;
    font-size: 1.1em;
    font-weight: 500;
    font-family: montserrat;
	text-align: center;
    color: #ffffff;
    padding: 10px 0;
}

.CVFormulaire {
    background-color: #fbfbfd;
}

td.ListePosteFamille {
    font-size: 1.2em;
    font-family: Montserrat;
    background-color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    border-top: 10px;
    height: 0px;
}

a.ListePosteNom:hover
{
	color: #32b8cb;
	padding-left: 15px;
	font-weight: 600;
}

div.FondNews {
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
}

a.TitreNews {
    font-family: Montserrat;
    color: #289aaa;
    font-weight: 600;
}

a.NewsESP
{
	font-family: Montserrat;
}

a.NewsESP:hover
{
	color: #289aaa;
	padding-left: 30px;
}

.Lien
{
	color: #289aaa;
}

#ctl00_PanFilDAriane
{
	font-size: 0.84em;
	padding: 3px 0px 10px;
	text-align: left;
}

#home
{
	margin-left: 2em;
}



@import "compass/css3";

/* Variables */
$color-1: #737373;
$color-2: #ffffff;
$color-3: #32b8cb;

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700);
body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

/* Layout */
* {
  @include box-sizing(border-box);
}

/* Styling */
.timeline {
  margin: 4em auto;
  position: relative;
  max-width: 46em;
  
  &:before {
    background-color: $color-1;
    content: '';
    margin-left: -1px;
    position: absolute;
    top: 0;
    left: 2em;
    width: 2px;
    height: 100%;
  }
}

.timeline li
{
	list-style:none;
	
}

.timeline-event {
  position: relative;
  
  &:hover {
  
    .timeline-event-icon {
      @include rotate (-45deg);
      background-color: $color-3;
    }
    
    .timeline-event-thumbnail {
      @include box-shadow(inset 40em 0 0 0 $color-3);
    }
  }
}

.timeline-event-copy {
  padding: 2em 0 0;
  position: relative;
  top: -1.875em;
  left: 4em;
  width: 80%;
  
  
  h4 {
    font-size: 1.2em;
    margin-bottom: 1.2em;
  }
  
  strong {
    font-weight: 700;
  }
  
  p:not(.timeline-event-thumbnail) {
    padding-bottom: 1.2em;
  }
}

.timeline-event-icon {
  @include transition(transform 0.2s ease-in);
  @include rotate (45deg);
  
  background-color: $color-1;
  outline: 10px solid $color-2;
  display: block;
  margin: 0.5em 0.5em 0.5em -0.5em;
  position: absolute;
  top: 0;
  left: 2em;
  width: 1em;
  height: 1em;
}

.timeline-event-thumbnail {
  @include transition(box-shadow 0.5s ease-in 0.1s);
  color: $color-2;
  font-size: 0.75em;
  
  background-color: $color-1;
  @include box-shadow(inset 0 0 0 0em #ef795a);
  display: inline-block;
  margin-bottom: 1.2em;
  padding: 0.25em 1em 0.2em 1em;
}




/*-------------------------------------------------------------------  /FCK  -----------------------------------------------------------------------------*/




/* COOKIE */
.cookie-box {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 1rem 2rem;
    background: #fff;
    transition: all .75s cubic-bezier(.19,1,.22,1);
    z-index:200;
}
/*
.cookie-box--hide {
    opacity: 0;
    bottom: -100%;
}

*/

.cookie-button {
    display: inline-block;
    cursor: pointer;
    padding: 0.65rem 0.85rem;
    margin-left: 0.45rem;
    color: #fff;
    font-size: 0.75rem;
    letter-spacing: 1px;
    background-image: linear-gradient(62deg, #2a7a99 0%, #2a7a99 100%);
}    
