/* FONTS 
--------------------------------------------------------------------------------------- */

/* BOLD*/
@font-face {
    font-family: 'robotobold';
    src: url('/Content/fonts/roboto-bold-webfont.eot');
    src: url('/Content/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/roboto-bold-webfont.woff') format('woff'),
         url('/Content/fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('/Content/fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;}

/* MEDIUM */
@font-face {
    font-family: 'robotomedium';
    src: url('/Content/fonts/roboto-medium-webfont.eot');
    src: url('/Content/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/roboto-medium-webfont.woff') format('woff'),
         url('/Content/fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('/Content/fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;}

/* REGULAR*/
@font-face {
    font-family: 'robotoregular';
    src: url('/Content/fonts/roboto-regular-webfont.eot');
    src: url('/Content/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/roboto-regular-webfont.woff') format('woff'),
         url('/Content/fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('/Content/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;}

/*LIGHT*/
@font-face {
    font-family: 'robotolight';
    src: url('/Content/fonts/roboto-light-webfont.eot');
    src: url('/Content/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/roboto-light-webfont.woff') format('woff'),
         url('/Content/fonts/roboto-light-webfont.ttf') format('truetype'),
         url('/Content/fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;}


/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY - HTML - PARENTS GLOBAUX
--------------------------------------------------------------------------------------- */

body{
	color: #333;
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Verdana, Tahoma, Helvetica;}

html{}

#conteneurGlobal{
	min-width: 1000px;
	overflow-x: hidden;}

.conteneur{
	clear: both;
	position: relative;
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;}

#contenuAccueil{
	padding: 0 0 30px 0;}

#contenu{
	min-height: 600px;
	padding: 121px 0 0 0;}


/* SCROLLBAR CUSTOM
--------------------------------------------------------------------------------------- */

::-webkit-scrollbar              {width: 6px;}
::-webkit-scrollbar:horizontal   {height: 6px;}
::-webkit-scrollbar-button       {width: 0px; height: 0px;}
::-webkit-scrollbar-track        {background: transparent;}
::-webkit-scrollbar-track-piece  {background: transparent;}
::-webkit-scrollbar-thumb        {background: #CCC;}
::-webkit-scrollbar-corner       {background: transparent;}
::-webkit-resizer                {background: transparent;}


/* CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */

h1{
	color: #414042;
	font-family: 'robotobold';
	font-weight: normal;
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 15px;}

h2{
	color: #414042;
	font-family: 'robotobold';
	font-weight: normal;
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 15px;}

h3{
	color: #008bcb;
	font-family: 'robotobold';
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 10px;}

h4, h5, h6{
	text-transform: uppercase;
	color: #414042;
	font-family: 'robotobold';
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;}


h1, h2, h3, h4, h5, h6{
	-webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;}

p{
	font-size: 14px;
	line-height: 21px;
	color: #414042;
	margin-bottom: 15px;}

a, a:link, a:visited{
	color: #008bcb;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

a:hover, a:active{
	text-decoration: none;}

hr{
	clear: both;
	border: none;
	border-top: 1px solid #CCC;
	margin: 10px 0;}

input, 
textarea{
	font-family: Arial;
	padding: 6px;
	border: 1px solid #c3c3c3;
	background: #FFF;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

input:focus, 
textarea:focus{
	outline: none;
	background: #fafafa;
	border: 1px solid #008bcb;}

.both{
	clear: both;}

.marginBottom{
	margin-bottom: 25px;}

.infoGenerale{
	margin-bottom: 30px;}

.infoGenerale h1{
	/*text-transform: uppercase;*/}

.infoGenerale p.intro{
	font-family: 'robotomedium';
	font-size: 16px;
	line-height: 26px;}

.TroisColonnes{
	height: 480px;
	margin-bottom: 30px;}

.TroisColonnes .Colonne{
	position: relative;
	width: 305px;
	float: left;
	margin-right: 29px;
	border: 1px solid #dcddde;
	border-bottom: 5px solid #dcddde;
	padding-bottom: 16px;
	min-height: 465px;}

.TroisColonnes .Colonne h3{
	padding: 16px 18px 12px 18px;
	margin-bottom: 0;}

.TroisColonnes .Colonne p{
	padding: 0 18px 10px 18px;}

.TroisColonnes .Colonne a.boutonFleche{
	position: absolute;
	margin-top:10px;
	bottom: 16px;
	left: 16px;}

.TroisColonnes .Colonne.col3{
	margin-right: 0;}

/******************** BOUTON AVEC FLÈCHE / CATÉGORIE / ORDRE ALPHABETIQUE **************/

.boutonFleche,
.boutonCategorie,
.boutonAlphabetique,
a.boutonFleche,
a.boutonCategorie,
a.boutonAlphabetique{
	display: inline-block;
	background-color: #008bcb;
	background-image: url(/images/general/fleche_bouton.png);
	background-repeat: no-repeat;
	background-position: right center;
	border: none;
	color: #FFF;
	font-family: 'robotobold';
	text-transform: uppercase;
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	padding: 0 48px 0 15px;
	-webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;}

.boutonCategorie, 
a.boutonCategorie{
	padding: 0 15px 0 55px;
	background-image: url(/images/general/icone_categorie.png);
	background-repeat: no-repeat;
	background-position: left center;}

.boutonAlphabetique,
a.boutonAlphabetique{
	padding: 0 15px 0 55px;
	background-image: url(/images/general/icone_alphabetique.png);
	background-repeat: no-repeat;
	background-position: left center;}

.boutonFleche:hover,
.boutonCategorie:hover,
.boutonAlphabetique:hover{
	padding: 0 45px 0 12px;
	line-height: 34px;
	height: 34px;
	cursor: pointer;
	text-decoration: none;
	background-color: #FFF;
	background-image: url(/images/general/fleche_bouton_hov.png);
	border:3px solid #008bcb;
	color: #414042;}

.boutonCategorie:hover,
.boutonAlphabetique:hover{
	padding: 0 12px 0 52px;}

.boutonCategorie:hover{
	background-image: url(/images/general/icone_categorie_hov.png);}

.boutonAlphabetique:hover{
	background-image: url(/images/general/icone_alphabetique_hov.png);}

input[type="submit"].boutonFleche:hover,
input[type="submit"].boutonFleche:focus{
	outline: none;
	padding: 0 45px 0 12px;
	line-height: 34px;
	height: 40px;
	cursor: pointer;
	text-decoration: none;
	background-color: #FFF;
	border:3px solid #008bcb;
	color: #414042;
	background-image: url(/images/general/fleche_bouton_hov.png);
	background-repeat: no-repeat;
	background-position: right center;}

/*********************** BOUTON GRIS FONCÉ ET BLEU PÂLE ************************/

.boutonGris, 
.boutonBleuPale,
a.boutonGris,
a.boutonBleuPale{
	display: inline-block;
	background-color: #414042;
	color: #FFF;
	font-family: 'robotomedium';
	text-transform: uppercase;
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	padding: 0 15px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

.boutonBleuPale{
	background-color: #008bcb;}

.boutonGris:hover,
.boutonBleuPale:hover{
	cursor: pointer;
	text-decoration: none;
	background-color: #00457c;}

.boutonLoupe{
	border: none;
	width: 40px;
	height: 40px;
	background-image: url(/images/general/icone_loupe.png);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

.boutonLoupe:hover{
	border: none;
	cursor: pointer;
	background-color: #00457c;
	background-image: url(/images/general/icone_loupe_hov.png);
	background-repeat: no-repeat;
	background-position: center;}

input[type="submit"].boutonLoupe:hover,
input[type="submit"].boutonLoupe:focus{
	outline: none;
	border: none;
	cursor: pointer;
	background-image: url(/images/general/icone_loupe_hov.png);
	background-repeat: no-repeat;
	background-position: center;}


/************************** BOUTON BLEU PALE AVEC STROKE *******************/

.boutonBleuPaleStroke{
	display: inline-block;
	background-color: #008bcb;
	color: #FFF;
	font-family: 'robotomedium';
	text-transform: uppercase;
	border: 3px solid #008bcb;
	font-size: 13px;
	line-height: 22px;
	height: 22px;
	padding: 0 8px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

a.boutonBleuPaleStroke{
	color: #FFF;}

.boutonBleuPaleStroke:hover{
	cursor: pointer;
	text-decoration: none;
	background-color: #FFF;
	color: #231f20;}


/************* APPELS À L'ACTION (CALL TO ACTION CTA) *********************/

.ctaFonce,
a.ctaFonce{
	display: block;
	min-width: 222px;
	height: 70px;
	padding: 25px 55px 30px 30px;
	border-bottom: 5px solid #00457c;
	background-color: #231f20;
	background-image: url(/images/general/fleche_bleue_cta.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	/*background-image size: ???*/


}

.ctaPale,
a.ctaPale{
	display: block;
	width: 222px;
	height: 70px;
	padding: 25px 55px 30px 30px;
	border-bottom: 5px solid #00457c;
	background-color: #008bcb;
	background-image: url(/images/general/fleche_grise_cta.jpg);
	background-repeat: no-repeat;
	background-position: top right;}

.ctaFonce h4, 
.ctaPale h4{
	font-weight: normal;
	font-family: 'robotomedium';
	font-size: 25px;
	line-height: 26px;}

.ctaFonce h4{
	color: #FFF;} 

.ctaPale h4{
	color: #231f20;}

.ctaFonce:hover,
.ctaPale:hover{
	cursor: pointer;
	text-decoration: none;}

.ctaFonce:hover{
	background-color: #000;}

.ctaPale:hover{
	background-color: #087ab5;}

/*************** Appels à l'action au bas des pages **************/

#ctas{
	height: 130px;
	margin: 30px auto 30px auto;}

#ctas .ctaFonce,
#ctas .ctaPale{
	float: left;}

#ctas .ctaPale{
	margin: 0 29px;}

.ctaFonce.deuxLignes{
	height: 55px;
	padding: 40px 55px 30px 30px;}


/************************** SIDEBAR ************************/

.sidebar{
	float: left;
	width: 185px;
	margin: 0 0 30px 0;
	padding: 20px 20px 7px 20px;
	/*min-height: 185px;*/
	border: 1px solid #dcddde;
	border-bottom: 5px solid #dcddde;
	border-top: none;
	background:white;
	}

.sidebarConteneur{
	width: 227px;
	margin: 8px 0 10px 0;
	float: left;
	border-top: 5px solid #008bcb;}

.sidebar a{
	display: block;
	font-family: 'robotomedium';
	color: #414042;
	font-size: 15px;
	line-height: 17px;
	margin-bottom: 13px;}

.sidebar a:hover{
	color: #008bcb;}

/******************** STYLE DU WATERMARK ******************/

.watermark{
	font-family: Arial;
	color: #999;
	font-style: italic;}

.watermarkRech{
	font-family: Arial;
	font-size: 13px;
	color: #999;
	font-style: italic;}


/********** COULEURS DE TEXTE / BACKGROUND ***************/

.texteBleu{
	color: #008bcb;}

.backgroundBleu{
	background-color: #008bcb}


.texteBlanc{
	color: #FFF;}

.backgroundBlanc{
	background-color: #FFF}

/************** FIL D'ARIANNE **********************/

.filArianne{
	font-size: 12px;
	line-height: 12px;
	display: inline-block;
	position: relative;
	clear: both;
	margin-bottom: 25px;}

.filArianne span{
	margin-left: 2px;
	padding-left: 16px;
	background-image: url(/images/general/fleche_filArianne.png);
	background-repeat: no-repeat;
	background-position: center left;}

.filArianne a:hover{
	text-decoration: underline;}

/************ BANNIÈRE GÉNÉRALE *******************/

#bg_banniere_generale{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 130px;
	margin-top: 121px;
	background-color: #262626;}

#banniere_generale{
	position: relative;
	height: 130px;
	margin-bottom: 25px;
	background-color: #262626;}

#titreGeneral{
	position: absolute;
	z-index: 1;
	top: 20px;
	right: 0;}

#titreGeneral h1, #titreGeneral h2{
	float: right;
	font-family: 'robotolight';
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 45px;
	line-height: 45px;
	padding-left: 5px;
	width: 300px;}

#titrePDQ h2{
	clear: both;}


#titrePDQ{
	position: absolute;
	z-index: 1;
	top: 95px;
	right: 0;
	}

#titrePDQ h1, #titrePDQ h2{
	float: right;
	font-family: 'robotolight';
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 42px;
	line-height: 42px;
	padding-left: 5px;
	padding-right:5px;
	}

#titreGeneral h2{
	clear: both;}
/************************ Boutons de partage *************************/

#partageConteneur{
	display: block;
	min-height: 22px;
	width: 600px;
	text-align:center;
	margin:auto;
	}

.btnPartageFacebook{
	width:153px;
	float:left;}

.btnPartageTwitter{
	width:103px;
	float:left;}

.btnPartageGoogle{
	width:70px;
	float:left;}

.btnPartageLinkedIn{
	width:110px;
	float:left;}

.btnPartageEmail,
.btnPartageEmail a{
	display: block;
	width: 67px;
	height: 19px;
	float: left;
	margin: 1px 0 0 0;}

.btnPartageEmail a{
	background-image: url(/images/general/bouton_email.png);
	background-repeat: no-repeat;}

.btnPartageEmail a:hover{
	background-image: url(/images/general/bouton_email_hov.png);}

.btnPartageImprimer,
.btnPartageImprimer a{
	display: block;
	width: 77px;
	height: 19px;
	float: left;
	margin: 1px 0 0 7px;}

.btnPartageImprimer a{
	background-image: url(/images/general/bouton_imprimer.png);
	background-repeat: no-repeat;}

.btnPartageImprimer a:hover{
	background-image: url(/images/general/bouton_imprimer_hov.png);
	background-repeat: no-repeat;}

/***********************************************************************************************************
************************************** HEADER / MENU *******************************************************
***********************************************************************************************************/

#header{
	/*position: fixed;*/ /*** DECOMMENTER SI ON VEUT HEADER FIXE ET COMMENTER "POSITION : ABSOLUTE" ***/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 120px;
	background: #FFF;
	border-bottom: 1px solid #bcbec0;}

#logo {
	width: 140px;
	height: 120px;
	float: left;}

#logo img{
	display: block;
	margin-top: 22px;}

#menu{
	width: 834px;
	height: 120px;
	float: right;}

#overlayPourMenu{
	display: none;
	position: fixed;
	top: 0;
	left:0;
	z-index: 2;
	width: 100%;
	height: 100%;
	/*background: rgb(0,0,0);*/ /* vieux browsers IE8 et moins */
	/*background: rgba(0,0,0,.8);*/
	background-image: url(/images/general/overlay_menu.png);}

/********** MENU HAUT **************/

#menuHaut{
	float: left;
	margin-left: 82px;}

#menuHaut li{
	display: inline-block;
	float: left;
	padding: 16px 7px 14px 7px;}

#menuHaut li a{
	font-size: 11px;
	color: #313131;}

#menuHaut li a:hover{
	text-decoration: none;
	color: #008bcb;}


/******** Recherche HAUT ***********/

#rechercheHaut{
	float: left;
	padding: 10px 0 0 10px;}

.inputRecherche{
	width: 140px;
	font-size: 11px;
	display: block;
	float: left;
	min-height: 16px;
	border-right: 1px solid #FFF;}
	
	

.submitRecheche,
.submitRecheche:focus{
	cursor: pointer;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid #c3c3c3;
	border-left: none;
	background-color: #FFF;
	background-image: url(/images/general/recherche_loupe.png);
	background-repeat: no-repeat;
	background-position: top right;}

/********* Urgence HAUT ****************/

#urgenceHaut{
	width: 130px;
	float: right;
	height: 50px;
	background: #231f20;}

#urgenceHaut p{
	font-family: 'robotobold';
	text-transform: uppercase;
	color: #FFF;
	padding: 10px 0 0 0;
	font-size: 14px;
	line-height: 15px;
	text-align:center;}

#urgenceHaut span{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(/images/general/tel_petit.png);
	background-position: center;}


/********* MENU PRINCIPAL *****************/

#menuPrincipal{
	width: auto;
	/*min-width: 767px;*/
	display: inline-block;
	float: right;}

#menuPrincipal .itemMenu{
	display: inline-block;
	float: left;
	color: #313131;
	font-family: 'robotobold';
	font-size: 15px;
	line-height: 16px;
	text-transform: uppercase;
	padding: 20px 18px;
	-moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none; 
	-webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;}

#menuPrincipal .itemMenu.dernier{
	padding-right: 2px;}

#menuPrincipal .itemMenu:hover,
#menuPrincipal .itemMenu.SousMenuOuvert{
	cursor: pointer;
	color: #008bcb;}

#menuPrincipal .itemMenu.SousMenuOuvert{
	background-image: url(/images/general/fleche_menu.png);
	background-repeat: no-repeat;
	background-position: bottom center;}

#menuPrincipal .itemMenu .icone_info{
	float: left;
	margin-left: -30px;}

/***************************************************************************
*************************** SOUS-MENUS *************************************
****************************************************************************/

.sousMenu{
	cursor: default;
	display: none;
	background: #e6e7e8;
	padding: 20px 40px 20px 20px;
	position: absolute;
	z-index: 5;
	top: 120px;
	left:12px;}

.ListeSousMenu{}

.ListeSousMenu li a{
	display: block;
	text-transform: none;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 0 0 6px 14px;
	color: #515151;
	background-image: url(/images/general/fleche_liste.png);
	background-repeat: no-repeat;
	background-position: top left;}

.ListeSousMenu li a:hover{
	text-decoration: none;
	color: #008bcb;}



/**************** SOUS-MENU 1 **********************/

#bg_sm1{
	width: 100%;
	background: #e6e7e8;	
	padding-top: 15px;
	height: 185px;
	position: absolute;
	top: 120px;
	left:0;
	display: none;}

#bg_recherche{
	background: #231f20;
	height: 100px;
	margin-top: 85px;}

.sousMenu.sm1{
	padding: 15px 0 0 0;
	width: 100%;
	height: 185px;}

#rechSousMenu{
	height: 85px;
	width: 980px;}

.inputRechercheSousMenu,
.inputRechercheSousMenu:focus{
	display: block;
	float: left;
	width: 900px;
	margin: 0 12px 0 6px;
	padding: 0;
	font-family: 'robotobold';
	font-size: 50px;
	line-height: 50px;
	color: #b6b8ba;
	border: none;
	background: transparent;}
	
.inputRecherchePage,
.inputRecherchePage:focus{
	display: block;
	float: left;
	width: 900px;
	margin: 0 12px 0 6px;
	padding: 0;
	font-family: 'robotobold';
	font-size: 50px;
	line-height: 50px;
	color: #b6b8ba;
	border: none;
	background: transparent;}
		

.submitRechecheSousMenu,
.submitRechecheSousMenu:focus{
	display: block;
	float: right;
	cursor: pointer;
	border: none;
	background-color: transparent;
	margin: 6px 6px 0 0;
	width: 50px;
	height: 60px;
	background-image: url(/images/general/recherche_loupe_sousmenu.png);
	background-repeat: no-repeat;
	background-position: center;}

#autresOptionsRecherche{
	width: 100%;
	height: 100px;
	background: #231f20;}

#autresOptionsRecherche span{
	margin: 0 15px 0 10px; 
	color: #FFF;
	font-family: 'robotoregular';}

#autresOptionsRecherche .boutonFleche,
#autresOptionsRecherche .boutonCategorie,
#autresOptionsRecherche .boutonAlphabetique{
	margin: 30px 10px 0 10px;
	color: #FFF;
	font-family: 'robotoregular';}

#autresOptionsRecherche .boutonFleche:hover,
#autresOptionsRecherche .boutonCategorie:hover,
#autresOptionsRecherche .boutonAlphabetique:hover{
	color: #414042;}


/**************** SOUS-MENU 2 **********************/

.sousMenu.sm2{
	left:170px;}

.sm2 .ListeSousMenu{
	float: left;}

.sm2 img{
	float: left;
	margin-right: 20px;}

/**************** SOUS-MENU 3 **********************/

#bg_sm3{
	display: none;
	width: 100%;
	background: #e6e7e8;	
	height: 282px;
	position: absolute;
	top: 120px;
	left:0;}

.sousMenu.sm3{
	padding: 0;
	width: 980px;
	height: 280px;}

#rechCodePostal, 
#rechQuartier, 
#rechTousLesPostes{
	margin-top: 20px;
	float: left;
	min-height: 40px;
	width: 315px;}

#rechCodePostal p, 
#rechQuartier p, 
#rechTousLesPostes p,
#rechParAdresse p{
	font-family: 'robotomedium';
	font-size: 15px;
	color: #515151;
	margin:0 0 10px 1px;}

#rechCodePostal .boutonLoupe, 
#rechQuartier .boutonLoupe{
	float: right;
	margin:0 16px 0 2px;}

#rechCodePostal .boutonLoupe{
	margin-right: 0;}

#rechCodePostal{
	width: 305px;
	padding-left: 20px;}

#rechTousLesPostes{
	padding: 0 10px;}

/* recherche par quartier */
#rechQuartier .chosen-container-single .chosen-single,
#rechQuartier select{
	width: 233px;
	float: left;}

#rechQuartier .chosen-container.chosen-with-drop .chosen-drop {
	color: #535353;
	width: 245px;}

/* tous les postes de quartier */
#rechTousLesPostes .chosen-container-single .chosen-single,
#rechTousLesPostes select{
	width: 308px;}

#rechTousLesPostes .chosen-container.chosen-with-drop .chosen-drop {
	color: #535353;
	width: 320px;}

/* Recherche par code postal */

.rechCodePostal{
	font-size: 13px;
	width: 230px;
	padding: 10px;
	min-height: 18px;
	float: left;}

/* Recherche par adresse */

#rechParAdresse{
	margin-top: 20px;
	display: inline-block;
	width: 100%;}

.rechNumeroCivique,
.rechNomRue{
	font-size: 13px;
	width: 185px;
	padding: 10px;
	min-height: 18px;
	margin-right: 21px;}

#rechParAdresse .rechNomRue{
	width: 325px;}

#rechParAdresse .chosen-container-single .chosen-single,
#rechParAdresse select{
	margin-top: -3px;
	width: 184px;}

#rechParAdresse .chosen-container.chosen-with-drop .chosen-drop {
	color: #535353;
	width: 196px;}


#rechQuartier select,
#rechTousLesPostes select,
#rechParAdresse select{
	height: 38px;}

#rechParAdresse .boutonLoupe{
	text-align: left;
	margin: 0 5px 0 0;
	width: 155px;
	padding: 0 0 0 40px;
	float: right;
	font-family: 'robotobold';
	font-size: 15px;
	text-transform: uppercase;
	color: #FFF;
	background-color: #008bcb;
	background-image: url(/images/general/icone_loupe_bg.png);
	background-repeat: no-repeat;
	background-position: left;}

#rechParAdresse .boutonLoupe:hover{
	background-image: url(/images/general/icone_loupe_bg_hov.png);
	background-color: #00457c;}

#SousMenuQuestionPoste{
	background: #d2d2d3;
	height: 78px;
	margin-top: 22px;}

#SousMenuQuestionPoste a{
	float: right;
	margin: 19px 5px 0 0;}

#bg_question_poste{
	background: #d2d2d3;
	height: 78px;
	margin-top: 204px;}

/**************** SOUS-MENU 4 **********************/

.sousMenu.sm4{
	left:525px;}

.sm4 .ListeSousMenu{
	float: left;}

.sm4 img{
	float: left;
	margin-right: 20px;}

/**************** SOUS-MENU 5 **********************/

.sousMenu.sm5{
	left:700px;}

.sm5 .ListeSousMenu{
	float: left;}

.sm5 img{
	float: left;
	margin-right: 20px;}


/**************** SOUS-MENU 6 **********************/

.sousMenu.sm6{
	padding: 25px 0 20px 0;
	width: 100%;
	height: 340px;}

#bg_sm6{
	width: 100%;
	background: #e6e7e8;	
	padding-top: 15px;
	height: 370px;
	position: absolute;
	top: 120px;
	left:0;
	display: none;}

.col_sm6{
	width: 306px;
	position: relative;
	margin:0 13px 0 12px;
	float: left;}

.col_sm6 .ListeSousMenu{
	margin-top: 18px;}

.titre_sm6{
	width: 305px;
	height: 180px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-image: url(/images/general/degrade_noir.png);
	background-repeat: no-repeat;}

.titre_sm6 h3{
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 4px;
	color: #FFF;}


/***********************************************************************************************************
********************************************** FOOTER ******************************************************
***********************************************************************************************************/

.logo_ville{
	display: block;
	margin: 0 auto 30px auto;}

#footer{
	width: 100%;
	min-height: 200px;
	background-color: #272324;}

#liensFooterStrate1{
	width: 100%;
	height: 56px;
	background-color: #131112;}

.liensFooter{
	float: left;}

.liensFooter li{
	float: left;}

.liensFooter li a{
	color: #FFF;
	text-transform: uppercase;
	font-family: 'robotomedium';
	font-size: 13px;
	line-height: 56px;
	padding: 0 10px;}

.liensFooter li a:hover{
	color: #008bcb;}

.liensReseauxSociaux{
	float: right;}

.liensReseauxSociaux li{
	float: left;}

.liensReseauxSociaux li a{
	opacity: .7;
	display: block;
	width: 32px;
	height: 32px;
	margin: 12px 0 0 5px;}


.liensReseauxSociaux li a:hover{
	opacity: 1;}

.liensReseauxSociaux li.facebook a{
	background-image: url(/images/general/rs/32X32/facebook.jpg);
	background-repeat: no-repeat;}

.liensReseauxSociaux li.flickr a{
	background-image: url(/images/general/rs/32X32/flickr.jpg);
	background-repeat: no-repeat;}

.liensReseauxSociaux li.youtube a{
	background-image: url(/images/general/rs/32X32/youtube.jpg);
	background-repeat: no-repeat;}


.liensReseauxSociaux li.twitter a{
	background-image: url(/images/general/rs/32X32/twitter.jpg);
	background-repeat: no-repeat;}

.liensReseauxSociaux li.linkedin a{
	background-image: url(/images/general/rs/32X32/linkedin.jpg);
	background-repeat: no-repeat;}

.liensReseauxSociaux li.rss a{
	background-image: url(/images/general/rs/JPG/32X32/rss.jpg);
	background-repeat: no-repeat;}


#BasFooter{
	padding-top: 20px;}

#BasFooter img{
	float: left;}

.infoBasFooter{
	max-width: 850px;
	float: right;}

.infoBasFooter p.texteRef{
	color: #636466;
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 0;}

.infoBasFooter p.copyrights{
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;}

.infoBasFooter p.copyrights a{
	color: #FFF;}

/***********************************************************************************************************
************************************** PAGE D'ACCUEIL ******************************************************
***********************************************************************************************************/

/********************** CAROUSEL ACCUEIL ***********************/

#carouselAccueil{
	position: relative;
	width: 100%;
	min-width: 1000px;
	background-color: #000;
	height: 484px;
	margin-top: 121px;}

#carouselAccueil .bx-wrapper {
	width: 1920px;
	max-width: 1920px;
	height: 484px;
	position: absolute;
	left: 50%;
	margin-left: -960px;}

#carouselAccueil .bx-wrapper .bx-pager,
#carouselAccueil .bx-wrapper .bx-controls-auto {
	left: 0;
	bottom: 70px;}

#carouselAccueil .bx-controls-direction{
	position: relative;
	bottom: 130px;
	max-width: 960px;
	height: 60px;
	margin: 0 auto;}

#titreCarouselAccueil{
	position: absolute;
	z-index: 1;
	top: 250px;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	height: 90px;}

#titreCarouselAccueil h1, #titreCarouselAccueil h2{
	float: right;
	font-family: 'robotolight';
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 45px;
	line-height: 45px;
	padding-left: 5px;
	width: 300px;}

#titreCarouselAccueil h2{
	clear: both;}

.masque{
	position: absolute;
	top: 0;
	left: 0;
}

/************************* CONTENU ACCUEIL *******************/

#strate1Accueil,
#strate2Accueil,
#strate3Accueil{
	clear: both;
	display: inline-block;
	margin-bottom: 30px;}


/***** COLONNES ***********/

.colonneAccueil{
	width: 305px;
	height: 380px;
	border: 1px solid #dcddde;
	border-bottom: 5px solid #dcddde;
	border-top: none;
	float: left;
	margin: -50px 25px 0 0;
	position: relative;
	z-index: 1;}

.titreColonneAccueil{
	width: 278px;
	height: 50px;
	padding: 0 14px;
	margin-left: -1px;
	background: #231f20;
	border-right: 1px solid #231f20;}

.titreColonneAccueil h3{
	text-transform: uppercase;
	font-family: 'robotolight';
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	padding-top: 15px;
	display: inline-block;
	float: left;}

.titreColonneAccueil a.boutonBleuPaleStroke{
	margin: 10px -2px 0 0;
	float: right;}

.titreColonneAccueil .icone_info{
	float: right;
	margin: 14px 0 0 0;}


/***************** COLONNE 01 - DERNIÈRE NOUVELLE ********************/

#derniereNouvelle{}

#derniereNouvelle h4,
#derniereNouvelle a h4{
	color: #008bcb;
	text-transform: none;
	font-size: 16px;
	line-height: 19px;
	padding: 14px 16px 10px 16px;
	margin-bottom: 0;}

#derniereNouvelle a h4:hover{
	color: #00457c;}

#derniereNouvelle p{
	font-size: 12px;
	padding: 0 16px;
	line-height:16px;
	}

/***************** COLONNE 02 - PERSONNES DISPARUES********************/

#disparusAccueil{
	text-align: center;
	padding: 18px;
	padding-top:10px;}

.colDisparuAccueil{
	width: 124px;
	float: left;}

.colDisparuAccueil.col1{
	margin-right: 20px;}

.colDisparuAccueil h4{
	font-size: 18px;
	padding-top: 18px;}

.colDisparuAccueil p{
	font-family: 'robotoregular';
	font-size: 14px;
	line-height: 18px;}

.colDisparuAccueil a:hover h4{
	color: #00457c;
	text-decoration: none;}



/***************** COLONNE 03 - TROUVER INFORMATION ********************/

.colonneAccueil.col3{
	width: 306px;
	border:none;
	margin-right: 0;}

#trouverInfoAccueil{
	width: 306px;
	height: 85px;
	background-color: #008bcb;
	border-bottom: 5px solid #00457c;
	margin-bottom: 25px;}

#trouverInfoAccueil p{
	font-size: 14px;
	padding: 16px;
	padding-bottom:0px;
	margin-bottom: 15px;}

#trouverInfoAccueil	.inputRecherche{
	border: 1px solid #FFF;
	margin-left: 16px;
	width: 228px;}

#trouverInfoAccueil	.inputRecherche:focus{
	border: 1px solid #FFF;}

#trouverInfoAccueil .submitRecheche, 
#trouverInfoAccueil .submitRecheche:focus{
	border: 1px solid #FFF;}


/******************************** STRATE 2 ACCUEIL *********************************/

#strate2Accueil{
	position: relative;
	width: 100%;
	height: 228px;
	background-color: #272324 !important;
	border-bottom: 5px solid #bcbec0;}

#strate2Accueil .bx-loading {z-index:1000;background-color:transparent}
#strate2Accueil .bx-viewport {background-color:transparent;}
#strate2Accueil .bx-controls-direction  a{z-index:1000;}

#DegradePhotoStrate2{
	position: absolute;
	left:0;
	top:0;
	width: 306px;
	height: 228px;
	background-image: url(/images/general/degrade_noir_horizontal.png);
	background-repeat: no-repeat;}

.photoStrate2Accueil{
	display: block;
	width: 306px;
	height: 228px;
	position: absolute;
	left:0;
	top:0;}

#infoStrate2Accueil{
	width: 640px;
	position: absolute;
	top: 0;
	left: 310px;
	padding: 30px 15px 0 15px;}

#infoStrate2Accueil h4{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px;
	font-family: 'robotolight';}

#infoStrate2Accueil p{
	font-size: 18px;
	font-family: 'robotolight';
	color: #FFF;
	margin-bottom: 25px;}


/******************************** STRATE 3 ACCUEIL *********************************/

.colStrate3Accueil{
	position: relative;
	width: 307px;
	height: 220px;
	border-bottom: 5px solid #bcbec0;
	background-color: #000;
	margin-right: 29px;
	float: left;}

.colStrate3Accueil:hover h3{
	color: #008bcb;}

.titre_strate3Accueil{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 307px;
	height: 220px;
	background-image: url(/images/general/degrade_noir.png);}

.titre_strate3Accueil h3{
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	padding-top: 155px;
	font-family: 'robotomedium';
	font-size: 20px;
	line-height: 22px;}

.colStrate3Accueil.col3{
	margin-right: 0;}

/***********************************************************************************************************
************************************** PAGE POLICE DE QUARTIER *********************************************
***********************************************************************************************************/

#banniere_police_quartier{
	position: relative;
	height: 270px;
	margin-bottom: 25px;}

#banniere_police_quartier img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;}

#titreBanniere{
	position: absolute;
	z-index: 1;
	top: 90px;
	right: 0;
	width: 980px;
	height: 90px;}

#titreBanniere h1, #titreBanniere h2{
	text-align: right;
	float: right;
	font-family: 'robotolight';
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 45px;
	line-height: 45px;
	padding-right: 5px;
	width: auto;}

#titreBanniere h2{
	width: auto;
	clear: both;}


/*************** Accèder à mon poste de quartier ******************/

#accederAmonPoste{
	width: 100%;
	height: 615px;
	padding: 30px 0;
	background: #ebebec;}

#accederAmonPoste h2{
	text-transform: uppercase;
	font-size: 35px;
	margin-bottom: 30px;}

#carteMontreal{
	float: left;
	width: 560px;
	height: 485px;
	background: #FFF;
	border: 1px solid #d3d3d4;
	border-bottom: 5px solid #d3d3d4;}

#carteMontreal h3{
	color: #414042;
	font-size: 22px;
	padding: 20px;
	margin: 0;}

#carteMontreal p{
	padding-left: 20px;}

#carteMontreal .carteMtlImage{
	display: block;
	margin: 0 auto;}

#cartePDQ .map{
	margin: 0 auto;}

/******* RECHERCHE À DROITE *************/

#rechPosteQuartierPage{
	float: right;
	padding: 20px;
	width: 345px;
	height: 445px;
	background: #FFF;
	border: 1px solid #d3d3d4;
	border-bottom: 5px solid #d3d3d4;}

#rechPosteQuartierPage .boutonLoupe{
	float: left;
	margin-left: 15px;}

#rechPosteQuartierPage .boutonFleche{
	min-width: 272px;
	padding-left: 25px;}

#rechPosteQuartierPage .boutonFleche:hover{
	padding-left: 23px;}

#rechPosteQuartierPage h3{
	color: #414042;
	font-size: 22px;}

#rechPosteQuartierPage input{
	float: left;}

#rechQuartierPage{
	float: left;
	margin-right: 12px;}

#rechQuartierPage .chosen-container-single .chosen-single,
#rechQuartierPage select{
	width: 278px;}

#rechQuartierPage .chosen-container.chosen-with-drop .chosen-drop {
	color: #535353;
	width: 290px;}

#rechPosteQuartierPage .rechCodePostal{
	width: 100px;}

#rechPosteQuartierPage .rechNumeroCivique{
	width: 100px;
	margin: 0;}

#rechPosteQuartierPage .rechNomRue{
	float: right;
	margin: 0;
	width: 185px;}

#rechOrientationRue{
	display: block;
	margin: 15px 0 20px 0;}

#rechOrientationRue .chosen-container-single .chosen-single,
#rechOrientationRue select{
	width: 100px;}

#rechOrientationRue .chosen-container.chosen-with-drop .chosen-drop {
	color: #535353;
	width: 345px;}

#rechQuartierPage select,
#rechOrientationRue select{
	height: 38px;}

/***********************************************************************************************************
************************************** PAGE POSTE DE QUARTIER **********************************************
***********************************************************************************************************/

#banniere_poste_quartier{
	position: relative;
	height: 270px;
	margin-bottom: 25px;}

.infoPosteQuartier{
	max-width: 720px;
	float: left;
	margin: 0 0 30px 30px;}

.infoPosteQuartier h1{
	line-height: 35px;
	margin-bottom: 25px;
	text-transform: uppercase;}

.infoPosteQuartier h3{
	margin: 20px 25px 15px 25px;
	color: #414042;}

.infoPosteQuartier p{
	margin: 0 25px 8px 25px;}

.ficheInfoPosteQuartier{
	width: 720px;
	/*height: 650px;*/
	border: 1px solid #dcddde;
	border-bottom: 5px solid #dcddde;
	float: left;
	margin-bottom: 30px;
	padding-bottom:30px;}

.colInfoPosteQuartier{
	width: 320px;
	float: left;
	margin: 0 25px 0 25px;}

.colInfoPosteQuartier a.boutonFleche{
	margin-top: 20px;}

.colInfoPosteQuartier h3,
.colInfoPosteQuartier p{
	margin-left: 0;}

.colInfoPosteQuartier.col2{
	margin: 0;}

.doubleFleche{
	font-weight: bold;
	font-size: 14px;
	line-height: 12px;}

/****** DERNIÈRE ACTUALITÉ ********/

.derniereNouvelleHorizontal{
	width: 720px;
	height: 173px;
	border: 1px solid #dcddde;
	border-bottom: 5px solid #dcddde;
	display: inline-block;
	margin-bottom: 30px;
	}

.derniereNouvelleHorizontal img{
	float: left;}

.derniereNouvelleHorizontal p{
	float: left;
	width: 375px;
	margin: 0 20px;}

.derniereNouvelleHorizontal h4{
	color: #008bcb;
	text-transform: none;
	margin-left: 20px;
	font-size: 17px;
	float: left;
	width: 375px;
	margin-top:10px;}

.derniereNouvelleHorizontal a h4:hover{
	color: #00457c;}

.derniereNouvelleHorizontal p.date{
	font-family: 'robotobold';
	float: left;
	width: 375px;
	margin: 15px 0 10px 20px;}

#posteEnImages{}

#posteEnImages a{
	display: block;
	float: left;
	/*margin: 0 4px 4px 0;*/}

.fancybox-media{
	position: relative;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	width: 345px;
	height: 260px;}

.fancybox-media img{
	width: 345px;
	height: 260px;
	position: absolute;
	top: 0;
	left: 0;}

#ZoneVideos{
	display: inline-block;
	clear: both;
	margin-bottom: 30px;}


/***********************************************************************************************************
************************************** PAGE FICHE D'INFORMATION ********************************************
***********************************************************************************************************/

.photoFicheInfo{
	width: 225px;
	margin-top: 7px;
	float: left;}

.conteneurFicheInfo{
	width: 720px;
	margin: 0 0 30px 30px;
	float: left;}

.conteneurFicheInfo ul
{
    list-style-type:disc;
    margin:5px 0 10px 30px;
}

.conteneurFicheInfo ul ul
{
    list-style-type:circle;
    margin:5px 0 10px 30px;
}

.conteneurFicheInfo ol
{
    list-style-type:decimal;
    margin:5px 0 10px 30px;
}
    
.conteneurFicheInfo td, .conteneurFicheInfo th
{
    border-bottom :1px solid #ccc;
    border-left : 0px;
    border-right : 0px;
    padding:3px;
}

.conteneurFicheInfo tr
{
    vertical-align:middle;
}

.conteneurFicheInfo table
{
    border-top :1px solid #ccc;
    border-left : 0px;
    border-right : 0px;    
    /*border-left :1px solid #ccc;
    border-right :1px solid #ccc;*/
    margin:0 10px;
}    

.conteneurFicheInfo table caption
{
    font-weight: bold;    
}

.conteneurFicheInfo table.donnees th
{
    padding-right:20px;
    font-weight:bold;
}


.conteneurFicheInfo table p
{
    margin-bottom:auto;
}    

.conteneurFicheInfo .altrows tr:nth-child(odd)		{ background-color:#eee; }
.conteneurFicheInfo .altrows tr:nth-child(even)		{ background-color:#fff; }

.imgdroite, .imgdroite2
{float:right; margin: 0 0 20px 20px; text-align:center; width:200px;}

.imgCommandant
{text-align:left; width:125px; margin-bottom:10px; font-weight:bold;}
.imgCommandant img{max-width:100%;height: auto; margin-bottom:5px;}

table.equipePDQ
{ width:100%;
  margin:0;}

table.equipePDQ th
{ text-align:left;}

table.equipePDQ td
{ text-align:center;}



.accordeon{
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;}

.accordeon .itemAccordeon{
	background-color: #eaeaea;
	margin-bottom: 15px;
	}

.accordeon .itemAccordeon h3{
	color: #414042;
	text-transform: uppercase;
	padding: 12px 20px;
	max-height: 50px;
	font-size: 20px;
	margin: 0 12px 0 0;
	background-image: url(/images/general/accordeon_ferme.png);
	background-repeat: no-repeat;
	background-position: center right;}

.accordeon .itemAccordeon h3:hover{
	color: #00457c;
	cursor: pointer;}

.accordeon .itemAccordeon h3.accordeonOuvert{
	color: #008bcb;
	background-image: url(/images/general/accordeon_ouvert.png);
	background-repeat: no-repeat;
	background-position: center right;}

.accordeon .itemAccordeon p{
	padding: 0 18px 18px 20px;
	margin: 0;}

.accordeon .itemAccordeon .infoItemAccordeon{
	display: none;}
	
.infoItemAccordeon h3,.infoItemAccordeon h4,.infoItemAccordeon h5,.infoItemAccordeon h6 {margin-left:20px;}	

.infoItemAccordeon {
    padding-bottom: 10px;
}

.itemAccordeon ul{
	list-style: disc;
	margin-bottom: 1.2em;
	line-height: 22px;
	margin-left: 50px;
	margin-bottom:15px;
	max-width:90%;}

.itemAccordeon ol{
	list-style: decimal;
	margin-bottom: 1.2em;
	line-height: 22px;
	margin-left: 50px;
	margin-bottom:15px;
	max-width:90%;}

.infoFiche{
	width: 720px;
	float: right;}

.infoFiche ul{
	list-style: disc;
	margin-bottom: 1.2em;
	line-height: 22px;
	margin-left: 16px;}

.infoFiche ol{
	list-style: decimal;
	margin-bottom: 1.2em;
	line-height: 22px;
	margin-left: 16px;}
	
	

/************* ONGLETS **************/

.ongletsTitres{
	position: absolute;
	top: 216px;
	z-index: 1;
	background: #F1F1F1;}

.ongletsTitres li{
	float: left;}

.ongletsTitres li a{
	color: #FFF;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	font-family: 'robotomedium';
	line-height: 25px;
	height: 25px;
	padding: 5px 15px;
	background: #3c3c3c;}

.ongletsTitres li a:focus{
	outline: none;}

.ongletsTitres li a.OngletActif{
	color: #3c3c3c;
	background: #FFF;}


/***********************************************************************************************************
****************************************** PAGE QUI FAIT QUOI **********************************************
***********************************************************************************************************/

#quiFaitQuoiListe{
	width: 720px;
	float: left;
	margin:0 0 50px 30px;}

#quiFaitQuoiListe h1{
	text-transform: uppercase;}

#quiFaitQuoiListe .quiFaitQuoiItem{
	width: 225px;
	height: 195px;
	border: 1px solid #dcddde;
	border-bottom: 5px solid #dcddde;
	float: left;
	margin: 0 18px 18px 0;}

#quiFaitQuoiListe .quiFaitQuoiItem.dernier{
	margin: 0 0 18px 0;}

#quiFaitQuoiListe .quiFaitQuoiItem:nth-child(3n+1){
	margin-right: 0;}

#quiFaitQuoiListe .quiFaitQuoiItem a{
	display: block;}

#quiFaitQuoiListe .quiFaitQuoiItem a p{
	padding: 15px;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 20px;
	font-family: 'robotobold';
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

#quiFaitQuoiListe .quiFaitQuoiItem a:hover p{
	color: #008bcb;}


/***********************************************************************************************************
********************************************* PAGE ZONE AÎNÉS **********************************************
***********************************************************************************************************/

.ZoneAines p.intro{
	font-size: 18px;
	line-height: 30px;}

#conteneurSujetZoneAines{
	display: inline-block;
	margin-bottom: 30px;}

.sujetZoneAinesItem{
	border: 1px solid #dcddde;
	border-bottom: 5px solid #dcddde;
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;}

.sujetZoneAinesItem img{
	float: left;}

.sujetZoneAinesItemTexte{
	width: 630px;
	float: left;
	margin: 20px 10px 0 25px;}

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

.sujetZoneAinesItemTexte h3 a:hover{
	color: #00457c;}

.sujetZoneAinesItemTexte p{
	font-size: 18px;
	line-height: 30px;}


/***********************************************************************************************************
********************************************* PAGE FICHE AÎNÉ **********************************************
***********************************************************************************************************/

#ficheInfoAine{}

#ficheInfoAine p.intro{
	font-size: 18px;
	line-height: 30px;}

#ficheInfoAine h2{
	margin: 20px 0;
	font-size: 32px;}

#ficheInfoAine h3{
	margin: 20px 0;
	font-size: 28px;}

#ficheInfoAine h4{
	margin: 20px 0;
	font-size: 24px;}

#ficheInfoAine .infoFiche p{
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 15px;}

#ficheInfoAine .infoFiche ul,
#ficheInfoAine .infoFiche ol{
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 1.5em;}

#ficheInfoAine .infoFiche ol{
	margin-left: 22px;}

#ficheInfoAine .accordeon .itemAccordeon h3{
	padding: 12px 18px;
	font-size: 22px;
	margin: 0 12px 0 0;}

#ficheInfoAine .accordeon .itemAccordeon p{
	font-size: 18px;
	line-height: 30px;}


/***********************************************************************************************************
********************************************* PAGE COMMUNIQUÉS *********************************************
***********************************************************************************************************/

#communiquesListe{
	width: 720px;
	float: left;
	margin:0 0 30px 30px;}

#communiquesListe ul{
	list-style: disc;
	margin-bottom: 1.2em;
	line-height: 22px;
	margin-left: 36px;
	margin-bottom:15px;}
	
.communiquesItem{
	width: 720px;
	/*height: 173px;*/
	border: 1px solid #dcddde;
	border-bottom: 5px solid #dcddde;
	display: inline-block;
	margin-bottom: 30px;}

.communiquesItem img{
	float: left;}

.communiquesItem p{
	float: left;
	width: 375px;
	margin: 0 20px;}

.communiquesItem h4{
	color: #008bcb;
	text-transform: none;
	margin-left: 20px;
	font-size: 17px;
	float: left;
	width: 375px;}

.communiquesItem a h4:hover{
	color: #00457c;}

.communiquesItem p.date{
	font-family: 'robotobold';
	float: left;
	width: 375px;
	margin: 15px 0 10px 20px;}

#rechParDate{
	background: #e6e7e8;
	display: inline-block;
	width: 680px;
	padding: 15px 20px 20px 20px;
	margin-bottom: 40px;}

#rechParDate h3{
	text-transform: uppercase;
	font-size: 16px;
	color: #414042;
	font-family: 'robotomedium';}

#rechParDate .boutonLoupe{
	text-align: left;
	margin: 0 0 0 10px;
	width: 155px;
	padding: 0 0 0 40px;
	float: left;
	font-family: 'robotobold';
	font-size: 15px;
	text-transform: uppercase;
	color: #FFF;
	background-color: #008bcb;
	background-image: url(/images/general/icone_loupe_bg.png);
	background-repeat: no-repeat;
	background-position: left;}

#rechParDate .boutonLoupe:hover{
	background-image: url(/images/general/icone_loupe_bg_hov.png);
	background-color: #00457c;}

.rechParDateAnnee,
.rechParDateJour{
	font-size: 13px;
	line-height: 20px;
	width: 50px;
	float: left;
	padding: 9px;
	margin-right: 10px;}


#rechParDateMois{
	font-size: 13px;
	line-height: 20px;
	width: 135px;
	float: left;
	margin-right: 10px;}

#rechParDateMois .chosen-container-single .chosen-single,
#rechParDateMois select
{
	width: 125px !important;
}

#rechParDate .watermark{
	font-style: normal;}


/***********************************************************************************************************
********************************************* PAGE NOUS JOINDRE ********************************************
***********************************************************************************************************/

#nousJoindre{
	margin-bottom: 50px;}

#nousJoindre h1{
	text-transform: uppercase;
	margin-bottom: 20px;}

#nousJoindre .nousJoindreCol{
	color: #FFF;
	padding: 10px 20px 20px 20px;
	width: 435px;
	height: 80px;
	background-color: #008bcb;
	float: left;}

#nousJoindre .nousJoindreCol.col2{
	margin-left: 30px;
	background-color: #262626;}

#nousJoindre .nousJoindreCol h3{
	font-size: 17px;
	font-family: 'robotomedium';
	margin-bottom: 15px;
	color: #FFF;}

#nousJoindre .nousJoindreCol h4{
	padding-top: 5px;
	font-size: 17px;
	color: #FFF;}

#nousJoindre .nousJoindreCol h5{
	font-family: 'robotomedium';
	font-size: 48px;
	line-height: 50px;
	color: #FFF;}

#nousJoindre .nousJoindreCol h5 span{
	letter-spacing: -4px;
	margin-right: 10px;}

#nousJoindre .nousJoindreCol h5 img{
	margin-bottom: -8px;}

#nousJoindreTousLesPostes .chosen-container-single .chosen-single,
#nousJoindreTousLesPostes select{
	/*width: 423px;*/}

#nousJoindreTousLesPostes .chosen-container.chosen-with-drop .chosen-drop {
	color: #535353;
	/*width: 435px;*/}

#nousJoindreAutresInfos{
	display: inline-block;
	margin: 30px 0;}

#nousJoindreAutresInfos p{
	font-family: 'robotomedium';
	font-size: 16px;
	margin-bottom: 8px;}

/******* FORMULAIRE PAGE NOUS JOINDRE **********/

#nousJoindreForm{
	background-color: #f1f2f2;
	padding: 20px 18px 20px 22px;
	height: 470px;
	border: 1px solid #dcddde;
	border-bottom: 5px solid #dcddde;
	margin-bottom: 30px;}

#nousJoindreForm h2{
	margin-bottom: 20px;}

#nousEcrireTousLesPostes .chosen-container-single .chosen-single,
#nousEcrireSujet .chosen-container-single .chosen-single,
#nousEcrireTousLesPostes select,
#nousEcrireSujet select{
	width: 445px;}

#nousEcrireTousLesPostes select,
#nousEcrireSujet select{
	height: 38px;}

#nousEcrireTousLesPostes .chosen-container.chosen-with-drop .chosen-drop,
#nousEcrireSujet .chosen-container.chosen-with-drop .chosen-drop {
	color: #535353;
	width: 457px;}

#nousEcrireTousLesPostes,
#nousEcrireSujet{
	display: block;
	float: left;
	width: 452px;
	margin-bottom: 25px;}

#nousEcrireSujet{
	margin-left: 26px;}

.nousEcrireNom,
.nousEcrirePrenom,
.nousEcrireCourriel{
	font-size: 13px;
	min-height: 18px;
	width: 273px;
	padding: 10px;}

.nousEcrirePrenom{
	margin: 0 22px 0 22px;}

.nousEcrireTexte{
	width: 914px;
	height: 110px;
	font-family: Arial;
	padding: 9px;
	margin-top: 25px;}

#nousJoindreForm .boutonFleche{
	display: block;
	margin: 0 auto;}

.infoForm{
	margin-top: 12px;
	font-style: italic;
	margin-bottom: 17px;}

/*********** 3 COLONNES DU BAS ******************/

#nousJoindre .TroisColonnes,
#nousJoindre .Colonne{
	height: 385px;}

#nousJoindre .Colonne h3 a:hover{
	color: #00457c;}

#nousJoindre .col3 h3{
	padding-top: 20px;
	padding-left: 18px;
	font-size: 22px;
	color: #414042;}

.infoQuartierGeneral{
	display: inline-block;}

.infoQuartierGeneral img{
	float: left;
	margin: 15px 10px 0 15px;}

.infoQuartierGeneral span{
	float: left;
	width: 230px;
	margin: 15px 0 15px 0;}

#nousJoindre .TroisColonnes .Colonne.col3 p{
	margin: 0;
	padding: 0;}

#nousJoindre .TroisColonnes .Colonne.col3 p{
	font-size: 14px;
	line-height: 22px;}

#nousJoindre .TroisColonnes .Colonne.col3 p.titreAdresse{
	text-transform: uppercase;
	font-family: 'robotomedium';
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;}


/***********************************************************************************************************
********************************************* PAGE PERSONNE DISPARUE ***************************************
***********************************************************************************************************/

#personneDisparue{}

#personneDisparue .infoFiche h2{
	margin-bottom: 20px;}

.profilDisparu img{
	float: left;}

.profilDisparu table{
	font-size: 13px;
	float: right;
	margin-bottom: 30px;}

.profilDisparu table tbody{
	border: 1px solid #eaeaea;
	padding: 10px;
	display: block;}

.profilDisparu table tr{
	display: block;
	width: 450px;}

.profilDisparu table tr:nth-child(2n+1){
	background-color: #eaeaea;}

.profilDisparu table tr td{
	width: 43%;
	display: inline-block;
	padding: 2% 3%;}
/***********************************************************************************************************
********************************************* PAGE EN IMAGES ***************************************
***********************************************************************************************************/

.enImageVertical
{
    width: 200px;
    height: 250px;
    margin: 10px 20px 10px 0;
    float:left;
        
}

.enImageVertical div
{
    width:100%;
    border:1px solid #ccc;
    border-bottom:5px solid #ccc;
    text-align:center;
    min-height:250px;
}

.enImageVertical p
{
    margin:0px;
}

.enImageVertical img
{
    /*padding: 10px;*/
    margin-bottom:10px;

}

.enImageVertical p
{
    padding: 0 10px;
    font-weight:normal;
    margin-top:10px;

}

/***********************************************************************************************************
********************************************* PAGE Disparues ***************************************
***********************************************************************************************************/

.disparueVertical
{
    width: 200px;
    height: 250px;
    margin: 10px;
    float:left;
    border:1px solid #ccc;        
    border-bottom:5px solid #ccc;        
}

.disparueVertical:hover
{
    background-color:#ccc;
}

.disparueVertical img
{
    max-height:150px;
}

.disparueVertical div
{
    width:100%;
    text-align:center;
    

}

.disparueVertical p
{
    padding: 10px;
    font-weight:bold;

}

/***********************************************************************************************************
********************************************* PAGE AVIS DE RECHERCHE ***************************************
***********************************************************************************************************/

.AvisDeRechercheVertical
{
    width: 200px;
    height: 320px;
    margin: 10px 20px 10px 0;
    float:left;
    border:1px solid #ccc;
    border-bottom:5px solid #ccc;
    
}

.AvisDeRechercheVertical:hover
{
    background-color:#ccc;
}

.AvisDeRechercheVertical img
{
    max-width:200px;
    max-height:150px;
}

.AvisDeRechercheVertical div
{
    width:100%;
    text-align:center;
    

}

.AvisDeRechercheVertical p
{
    padding: 10px;
    /*font-weight:bold;*/

}

.AvisDeRechercheVertical a
{
    color: #414042 !important;

}

/***********************************************************************************************************
********************************************* PAGE GENERIQUE ***************************************
***********************************************************************************************************/

.page
{
    margin:0 0 30px 30px;
    max-width : 720px;
    float:left;
}

.page ul 
{
 margin-left: 15px;
 list-style-type:disc;  
 margin-bottom:10px; 
}

.page ol 
{
 margin-left: 15px;
 list-style-type:decimal;  
 margin-bottom:10px; 
}

.page ul ul
{
 margin-left: 15px;
 list-style-type:circle;  
 margin-bottom:10px; 
}
.page li 
{
 margin-left: 30px;
 margin-bottom:5px;
}

.page td, .page th
{
    border-bottom :1px solid #ccc;
    border-left : 0px;
    border-right : 0px;
    padding:3px;
}

.page tr
{
    vertical-align:middle;
}

.page table
{
    border-top :1px solid #ccc;
    border-left : 0px;
    border-right : 0px;    
    /*border-left :1px solid #ccc;
    border-right :1px solid #ccc;*/
    margin:10px;
}


/***********************************************************************************************************
********************************************* Zone Medias ***************************************
***********************************************************************************************************/


#bg_banniere_medias{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	margin-top: 121px;
	background-color: #262626;}
	
#banniere_medias{
	position: relative;
	height: 30px;
	margin-bottom: 25px;
	margin-top:0;
	background-color: #262626;
	text-align:right;
}

#banniere_medias a
{
    color: White !important;
    text-decoration:none;

}

#banniere_medias a:hover
{
    color: #ccc !important;
    text-decoration:none;

}

#banniere_medias ul
{
    list-style-type : none;
    display:inline;
    float:right;
    position:relative;
    top:5px;
}

#banniere_medias ul li
{
    color: White !important;
    font-weight:bold;
    padding: 0 10px;
    border-right: 1px solid white;
        display:inline;
}

#banniere_medias .noborder
{
    border: 0 !important;
}

.bloc_zone_medias
{
 float: left; 
 margin: 10px 2%; 
 width: 41%; 
 border: 0px solid #ccc;   
 padding:10px;
 text-align:left;
 min-height:200px;
}

#content_medias
{
    width:100%;
    text-align:center;
    margin-bottom:20px;
}

iframe[id^='twitter-widget-']{width:720px !important;}
div[id^='twitter-widget-']{ width:720px;}

.formulaireDenonciation{
	width: 720px;
	margin: 0 0 30px 30px;
	float: left;}

.formulaireDenonciation table{
    background-color: #eee;
    width: 98%;
    margin-bottom: 10px;
    
}

.formulaireDenonciation table th
{
    color: #008bcb;
	font-family: 'robotobold';
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 10px;
	padding:10px;    
}

.formulaireDenonciation td{
padding:5px;    
}

.formulaireDenonciation input[type="text"], textarea
{
    width:90% !important;
    margin:0;
    padding: 3px 2px;
    
}


@media print
{
    .filArianne, #partageConteneur, #ctas, #footer,#banniere_generale,#banniere_medias,#menuPrincipal,#menu,.photoFicheInfo,.sidebarConteneur{ display: none;}
    
    .conteneurFicheInfo, .page {width:100%;}
    .accordeon, .itemAccordeon, .infoItemAccordeon{display:block;}
    .infoFiche { width: 100%; float:none;}
    .profilDisparu img, .profilDisparu table { float:none; }
       
    
    
}

#columns {
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	-webkit-column-fill: auto;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-moz-column-fill: auto;
	column-count: 2;
	column-gap: 15px;
	column-fill: auto;
}

.pin 
{
    width:450px;
	display: inline-block;
	
	border: 2px solid #FAFAFA;
	margin: 0 2px 15px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 15px;
	padding-bottom: 5px;
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}