/* Contient les regles relatives au contenu des colonnes droites, gauche, Entete et bas de page ainsi que le contenu de la section Contenu
/* **************************************** */
/*             GENERIQUES
/* **************************************** */
/* les classes GENERIQUES peuvent être juxtraposées ex: classe="adroite marginagauche paddingenhaut" */

.texte-aligne-droite {
	text-align: right;
}
.texte-aligne-gauche {
	text-align: left;
}
.texte-aligne-centre {
	text-align: center;
}

.clearboth {
	display: block;
	clear: both;
}
.clear-gauche {
	display: block;
	clear: left;
}
.clear-droite {
	display: block;
	clear: droite;
}
.cadreJaune {
	border: solid 2px #e8ff96;
}

/* **************************************** */
/*             TRAITEMENT IMAGES
/* **************************************** */
.img-float-gauche {
	float: left;
  margin: 0 10px 10px 0;
}
.img-float-droite {
	float: right;
  margin: 0 0 10px 10px;
}

/* **************************************** */
/*             IMAGES GÉNÉRIQUES
/* **************************************** */
/************ + *********************/
/* plus image */
span.plusVert {
	background: url(/images/structure/listes-puces/plus-vert.gif) no-repeat 100% 65%;
	display: inline;
	list-style-type: none;
	padding: 0 11px 0 0;
	text-decoration: none;
}
a.plus-vert:link,
a.plus-vert:visited,
a.plus-vert:hover {
	font-family: 'Arial Black';
	font-size: 17px ;
	color: #969c38;
	text-decoration: none;
	line-height: 10px;
}
span.plusBleu {
	background: url(/images/structure/listes-puces/plus-bleu.gif) no-repeat 100% 65%;
	display: inline;
	list-style-type: none;
	padding: 0 11px 0 0;
	text-decoration: none;
}
span.plus-blanc {
	background: url(/images/structure/listes-puces/plus-blanc.gif) no-repeat 100% 65%;
	display: inline;
	list-style-type: none;
	padding: 0 11px 0 0;
	text-decoration: none;
}
a.plusBleu {
	border: 0;
	display: inline;
	width: 25px;
	height: 10px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	line-height: 15px;
	color: #003399;
	text-decoration: none;
}
a.plus-blanc:link,
a.plus-blanc:visited,
a.plus-blanc:hover {
	font-family: 'Arial Black';
	font-size: 17px ;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 10px;
}
span.plus-blanc {
	font-family: 'Arial Black';
	font-size: 17px ;
	color: #FFFFFF;
	line-height: 10px;
}
a.plus-rouge:link,
a.plus-rouge:visited,
a.plus-rouge:hover {
	font-family: 'Arial Black';
	font-size: 17px ;
	color: #8c1a1a;
	text-decoration: none;
	line-height: 10px;
}

.divGeneralGauche {
	display: block;
	clear: left;
	float: left;
	width: 245px;
	margin: 2px 20px 2px 0px;
}
.divGeneralDroite {
	display: block;
	clear: right;
	float: right;
	width: 245px;
	margin: 2px 20px 2px 0px;
}

/************ Menu haut *****************/

#navigation-utile {
	text-align: left;
	width: 515px;
	height: 20px;
	vertical-align: middle;
	display: block;
	margin: 0 0 0 245px;
	background: url(/images/structure/navigation-utile/coin-gauche-blanc.gif) no-repeat left top;
}

#menu-navigation-utile {
	width: 477px;
	height: 20px;
	position: relative;
	margin-left: 38px;    
}

#menu-navigation-utile li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 0;
	overflow: hidden;
}
	
#navigation-utile li {
	color: #000000;
	display: block;
	text-align: left;
	white-space: normal;
	vertical-align: middle;
	list-style: none;
	display: block;
	float: left
}
#navigation-utile li a {
	margin: 0;
	padding: 0;
	color: #000000;
	vertical-align: middle;
	font-size: 10px;
}
	
#menu-navigation-utile li, #menu-navigation-utile a {
	height: 20px; 
	display: block;
}
	
#menu-navigation-utile #plan-du-site {
	left: 0;
	width: 75px;
	background: url(/images/structure/navigation-utile/plan-du-site.gif) no-repeat;
	vertical-align: middle; 
}
#menu-navigation-utile #plan-du-site a:hover {
	background: url(/images/structure/navigation-utile/plan-du-site.gif) 0px -20px no-repeat;
}
#menu-navigation-utile #plan-du-site{
	left: 0;
	width: 75px;
	background: url(/images/structure/navigation-utile/plan-du-site.gif) no-repeat;
	vertical-align: middle;
}
#menu-navigation-utile #plan-du-site a:hover {
	left: 0;
	width: 75px;
	background: url(/images/structure/navigation-utile/plan-du-site.gif) 0px -20px no-repeat;
	vertical-align: middle;
}
#menu-navigation-utile #pour-nous-joindre{ 
	left: 75px;
	width: 107px;
	background: url(/images/structure/navigation-utile/pour-nous-joindre.gif) no-repeat;
	vertical-align: middle;
}
#menu-navigation-utile #pour-nous-joindre a:hover {
	background: url(/images/structure/navigation-utile/pour-nous-joindre.gif) 0px -20px no-repeat;
}

#menu-navigation-utile #english { 
	left: 182px;
	width: 51px;
	background: url(/images/structure/navigation-utile/english.gif) no-repeat;
	vertical-align: middle;
}
#menu-navigation-utile #english a:hover {
	background: url(/images/structure/navigation-utile/english.gif) 0px -20px no-repeat;
}
#menu-navigation-utile #version-imprimable, #menu-navigation-utile #version-imprimable span {
	left: 233px;
	width: 115px;
	background: url(/images/structure/navigation-utile/version-imprimable.gif) no-repeat;
}
#menu-navigation-utile #version-imprimable a:hover {
	background: transparent url(/images/structure/navigation-utile/version-imprimable.gif) 0px -20px no-repeat;
}

#menu-navigation-utile #recrutement{
	left: 348px;
	width: 129px;
	background: url(/images/structure/navigation-utile/recrutement.gif) no-repeat;
}
#menu-navigation-utile #recrutement a:hover {
	background: transparent url(/images/structure/navigation-utile/recrutement.gif) 0px -20px no-repeat;
}

#plan-du-site-enfants {
	left: 163px;
	width: 78px;
	background: url(/images/structure/navigation-utile/plan-du-site.gif) no-repeat;
	vertical-align: middle;
}

#plan-du-site-enfants a:hover {
	background: url(/images/structure/navigation-utile/plan-du-site.gif) 0px -20px no-repeat;
}
#pour-nous-joindre-enfant {
	left: 241px;
	width: 107px;
	background: url(/images/structure/navigation-utile/pour-nous-joindre-enfants.gif) no-repeat;
	vertical-align: middle;
}
#pour-nous-joindre-enfant a:hover{
	background: url(/images/structure/navigation-utile/pour-nous-joindre-enfants.gif) 0px -20px no-repeat;
}
#menu-navigation-utile #recrutement{
	left: 348px;
	width: 129px;
	background: url(/images/structure/navigation-utile/recrutement.gif) no-repeat;
}
#menu-navigation-utile #recrutement a:hover {
	background: transparent url(/images/structure/navigation-utile/recrutement.gif) 0px -20px no-repeat;
}
#entete #titreSQ {
	width: 80px;
	height: 150px;
	display: block;
	float: left;
	overflow: hidden;
}
#entete #logoSQ {
	width: 190px;
	height: 152px;
	margin: 0 0 0 10px;
	display: block;
	float: left;
}

#entete #logoUrgence {
	width: 129px;
	height: 102px;
	margin-left:325px;
	padding-top: 27px;
	padding-bottom: 23px;
	display: block;
	float: right;
	padding-right:220px;
}
#entete #logoUrgence img {
	width:129px;
	height:102px;
}

#entete #titreSQ h1 {
	margin: 90px 0 0 200px;
}

/************ Menu principal*********************/

#menuPrincipal {
	/*display: block;
	float: left;
	height: 25px;
	width: 669px;
	text-align:left;
	background-color: #244401;*/
	
}

#menuPrincipal #menu_principal {
	display: block; overflow: hidden; width: 650px; position: relative; height: 25px; margin:0;
}

#menuPrincipal li {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	vertical-align: middle; 
	overflow: hidden; 
	padding-top: 0px; 
	list-style-type: none; 
	position: absolute; 
	top: 1px
}

#menuPrincipal a {
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	height: 25px;
	color: #FFF;
	font-size: 10px;
}
#menuPrincipal a:link,
#menuPrincipal a:visited,
#menuPrincipal a:active,
#menuPrincipal a:hover
 	{
	color: #FFF;
	text-decoration: none;	
	}

/* definie la valuer par default du items du menu pirncipal */

#menuPrincipal #panel1b{
	left: 0px;
	width: 65px;
	background: transparent url(/images/structure/menu-horizontale/menu-principal-accueil.gif) no-repeat;
}
#menuPrincipal #panel2b {
	left: 66px;
	width: 138px;
	background: transparent url(/images/structure/menu-horizontale/menu-principal-mission-et-services.gif) no-repeat;
	}
#menuPrincipal #panel3b {
	left: 205px;
	width: 70px;
	background: transparent url(/images/structure/menu-horizontale/menu-principal-conseils-de-securite.gif) no-repeat;
	}
#menuPrincipal #panel7b {
	left: 276px;
	width: 124px;
	background: transparent url(/images/structure/menu-horizontale/menu-principal-services-en-ligne.gif) no-repeat;
	}
#menuPrincipal #panel4b {
	left: 401px;
	width: 113px;
	background: transparent url(/images/structure/menu-horizontale/menu-principal-salle-de-presse.gif) no-repeat;
	}
#menuPrincipal #panel5b {
	left: 515px;
	width: 38px;
	background: transparent url(/images/structure/menu-horizontale/menu-principal-foire-aux-questions.gif) no-repeat;
	}
#menuPrincipal #panel6b {
	left: 554px;
	width: 81px;
	background: transparent url(/images/structure/menu-horizontale/menu-principal-fondation.gif) no-repeat;
	}

/* Definie la position de l'image HOVER sur les boutons du menu principal */    
   #menuPrincipal #panel1b a:hover { background: transparent url(/images/structure/menu-horizontale/menu-principal-accueil.gif) 0px -50px no-repeat;}
   #menuPrincipal #panel2b a:hover { background: transparent url(/images/structure/menu-horizontale/menu-principal-mission-et-services.gif) 0px -50px no-repeat;}
   #menuPrincipal #panel3b a:hover { background: transparent url(/images/structure/menu-horizontale/menu-principal-conseils-de-securite.gif)  0px -50px no-repeat;}
   #menuPrincipal #panel7b a:hover { background: transparent url(/images/structure/menu-horizontale/menu-principal-services-en-ligne.gif)  0px -50px  no-repeat;}
   #menuPrincipal #panel4b a:hover { background: transparent url(/images/structure/menu-horizontale/menu-principal-salle-de-presse.gif)  0px -50px  no-repeat;}
   #menuPrincipal #panel5b a:hover { background: transparent url(/images/structure/menu-horizontale/menu-principal-foire-aux-questions.gif) 0px -50px no-repeat;}
   #menuPrincipal #panel6b a:hover { background: transparent url(/images/structure/menu-horizontale/menu-principal-fondation.gif) 0px -50px no-repeat;}

/************************************************************/
/************ Menu principale horizontale *******************/
/************************************************************/

/* poste district*/
#titre_poste,#titre_district{
	display: block;
	float: left;
	width: 90px; /*100*/
	height: 25px;
}
#titre_district {
	width: 105px;/*116*/
}
#titre_district  img {
	width: 105px; /*116*/
	height: 25px;
}
#titre_poste img {
	width: 90px; /*100*/
	height: 25px;
}

/* positionne l'image du bouton sur l'état HOVER selon la section define dans ID du BODY*/
#sectionAccueil #menu_principal #panel1b,
#sectionRecherches #menu_principal #panel1b,
#sectionDisparus #menu_principal #panel1b,
#sectionActualite #menu_principal #panel1b,
#sectionGenerique #menu_principal #panel1b,
#sectionEnglish #menu_principal #panel1b 
{ background: transparent url(/images/structure/menu-horizontale/menu-principal-accueil.gif) 0px -25px no-repeat;
}

#sectionMission #menu_principal #panel2b{
 background: transparent url(/images/structure/menu-horizontale/menu-principal-mission-et-services.gif) 0px -25px no-repeat; }


#sectionServices #menu_principal #panel7b{
 background: transparent url(/images/structure/menu-horizontale/menu-principal-services-en-ligne.gif) 0px -25px no-repeat; }
 
#sectionEnfants #menu_principal #panel3b,
#sectionConduireSecurite #menu_principal #panel3b,
#sectionAines #menu_principal #panel3b,
#sectionFemmes #menu_principal #panel3b,
#sectionParentsEnseignants #menu_principal #panel3b,
#sectionPartenaires #menu_principal #panel3b,
#sectionAdolescents #menu_principal #panel3b,
#sectionPrevenirCriminalite #menu_principal #panel3b,
#sectionGensAffaires #menu_principal #panel3b,
#sectionCybersurveillance #menu_principal #panel3b,
#sectionConseils #menu_principal #panel3b {
	background: transparent url(/images/structure/menu-horizontale/menu-principal-conseils-de-securite.gif) 0px -25px no-repeat;}

#sectionPresse #menu_principal #panel4b {
	background: transparent url(/images/structure/menu-horizontale/menu-principal-salle-de-presse.gif) 0px -25px no-repeat;}
	
#sectionFAQ #menu_principal #panel5b {
	background: transparent url(/images/structure/menu-horizontale/menu-principal-foire-aux-questions.gif) 0px -25px no-repeat;}
	
#sectionFondation #menu_principal #panel6b {
	background: transparent url(/images/structure/menu-horizontale/menu-principal-fondation.gif) 0px -25px no-repeat;}
	
#sectionGalerie #menu_principal #panel4b {
	background: transparent url(/images/structure/menu-horizontale/menu-principal-salle-de-presse.gif) 0px -25px no-repeat;
}

/************ Menu gauches*********************/

#sousmenu1, #sousmenu2, #sousmenu3, #sousmenu4, #sousmenu5, #sousmenu6, #sousmenu7 {
/* cache le calque sousMenu du menu dynamique*/ 
	display: none;
}

#menu {
	padding: 30px 0 23px 0;
	width: auto;
	overflow: visible;
	min-height: 80px;
}

.menuVide {
	margin-bottom:70px;
}

#menudynamique {
  position: relative;
  top: 1em;
  left: 0px;
  text-align: left;
  width: 190px;
  padding: 0;
  margin: 0;
  clear:both;
}

#titreMenuLateral{
	height: 30px;
	width: 200px;
	display: block;
}

#menudynamique dl, 
#menudynamique dt, 
#menudynamique dd, 
#menudynamique ul, 
#menudynamique li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #244401;
}
#menudynamique dt,
#menudynamique dt a {
	display: block;
	font-size: 11px;
	cursor: pointer;
	width: 160px;
	vertical-align: middle;
	line-height: 12px;
	text-align: right;
	color: #244401;
	padding: 0;
	margin : 0;
	padding-right: 16px;
	border-top: solid 0px transparant;
	border-bottom: solid 0px transparant;
	padding-bottom:5px;
	text-decoration: none;
}

#menudynamique dt.triangle a {
	color: #244401;
	padding-right: 24px;
	background: url(/images/structure/general/menu_triangle.gif) no-repeat right center;
}

#menudynamique dd a{
	color: #FFFFFF;
	margin-top: 5px;
	padding: 0;
}



#extranet #menudynamique dt.actifTriangle a,
#sectionActualite  #menudynamique dt.actifTriangle a,
#sectionAdolescents #menudynamique dt.actifTriangle a,
#sectionAines #menudynamique dt.actifTriangle a,
#sectionConduireSecurite #menudynamique dt.actifTriangle a,
#sectionCybersurveillance #menudynamique dt.actifTriangle a,
#sectionEnglish #menudynamique dt.actifTriangle a,
#sectionFemmes #menudynamique dt.actifTriangle a,
#sectionFondation #menudynamique dt.actifTriangle a,
#sectionGalerie #menudynamique dt.actifTriangle a,
#sectionGensAffaires #menudynamique dt.actifTriangle a,
#sectionMission #menudynamique dt.actifTriangle a,
#sectionParentsEnseignants #menudynamique dt.actifTriangle a,
#sectionPresse #menudynamique dt.actifTriangle a,
#sectionPrevenirCriminalite #menudynamique dt.actifTriangle a,
#sectionPartenaires #menudynamique dt.actifTriangle a,
#sectionServices #menudynamique dt.actifTriangle a
{
	padding-right: 24px;
	background: url(/images/structure/general/menu_triangle.gif) no-repeat right center;
	background-color: #e8ff96;
	color: #244401; 
	margin-bottom: inherit;
	line-height: 12px;
	border-top: solid 0px tranparant;
	border-bottom: solid 0px tranparant;
	padding-bottom: 5px;
}

#menudynamique dt.actifTriangle a {
	padding-right: 24px;
	background: url(/images/structure/general/menu_triangle.gif) no-repeat right center;
	background-color: #e8ff96;
	color: #244401; 
	margin-bottom: inherit;
	line-height: 12px;
	border-top: solid 0px tranparant;
	border-bottom: solid 0px tranparant;
	padding-bottom:5px;
}


#extranet #menudynamique dt.actif a,
#sectionActualite #menudynamique dt.actif a,
#sectionAdolescents #menudynamique dt.actif a,
#sectionAines #menudynamique dt.actif a,
#sectionConduireSecurite #menudynamique dt.actif a,
#sectionCybersurveillance #menudynamique dt.actif a,
#sectionDisparus  #menudynamique dt.actif a,
#sectionEnglish #menudynamique dt.actif a,
#sectionFAQ #menudynamique dt.actif a,
#sectionFemmes #menudynamique dt.actif a,
#sectionFondation #menudynamique dt.actif a,
#sectionGalerie #menudynamique dt.actif a,
#sectionGenerique #menudynamique dt.actif a,
#sectionGensAffaires #menudynamique dt.actif a,
#sectionMission #menudynamique dt.actif a,
#sectionParentsEnseignants #menudynamique dt.actif a,
#sectionPartenaires #menudynamique dt.actif a,
#sectionPresse #menudynamique dt.actif a,
#sectionPrevenirCriminalite #menudynamique dt.actif a,
#sectionRecherches #menudynamique dt.actif a
 {
	background-color: #e8ff96;
	color: #244401; 
	margin-bottom: inherit;
	line-height: 12px;
	border-top: solid 0px tranparant;
	border-bottom: solid 0px tranparant;
	padding-bottom: 5px;
}

#sectionInformations #menudynamique dt.blocMenu {
	display: block;
	font-size: 11px;
	cursor: pointer;
	width: 160px;
	vertical-align: middle;
	line-height: 12px;
	text-align: right;
	color: #244401;
	padding: 0;
	margin : 0;
	padding-right: 16px;
	border-top: solid 0px transparant;
	border-bottom: solid 0px transparant;
	padding-bottom:5px;
	text-decoration: none;
	margin-bottom:150px;
}
#menudynamique dt.actif a
{
	background-color: #e8ff96;
	color: #244401; 
	margin-bottom: inherit;
	line-height: 12px;
	border-top: solid 0px tranparant;
	border-bottom: solid 0px tranparant;
	padding-bottom:5px;
}

#menudynamique dt a:hover
{
	background-color: #e8ff96;
	color: #244401; 
	margin-bottom: inherit;
	line-height: 12px;
	border-top: solid 0px tranparant;
	border-bottom: solid 0px tranparant;
	padding-bottom:5px;
}

#menudynamique dt a:visited,
#menudynamique dt a:active { 
	color: #244401; 
	font-size: 11px; 
	margin-bottom: inherit;
	line-height: 12px;
	border-top: solid 0px tranparant;
	border-bottom: solid 0px tranparant;
	padding-bottom:5px;

}

/* redefinir les coulour des liens pour le smenus a fond vert*/
/* definir aussi l'image de background dans la section à cet effet*/


#extranet #menudynamique dt a,
#sectionAccueil #menudynamique dt a,
#sectionActualite #menudynamique dt a,
#sectionAdolescents #menudynamique dt a,
#sectionAines #menudynamique dt a,
#sectionConduireSecurite #menudynamique dt a,
#sectionConseils #menudynamique dt a,
#sectionCybersurveillance #menudynamique dt a,
#sectionDisparus #menudynamique dt a,
#sectionEnglish #menudynamique dt a,
#sectionFAQ #menudynamique dt a,
#sectionFemmes #menudynamique dt a,
#sectionFondation #menudynamique dt a,
#sectionGalerie #menudynamique dt a,
#sectionGenerique #menudynamique dt a,
#sectionGensAffaires #menudynamique dt a,
#sectionInformations #menudynamique dt a,
#sectionMission #menudynamique dt a,
#sectionParentsEnseignants #menudynamique dt a,
#sectionPartenaires #menudynamique dt a,
#sectionPresse #menudynamique dt a,
#sectionPrevenirCriminalite #menudynamique dt a,
#sectionRecherches #menudynamique dt a,
#sectionServices #menudynamique dt a{
	color: #fff; }


#extranet #menudynamique dt a:hover,
#sectionAccueil #menudynamique dt a:hover,
#sectionActualite #menudynamique dt a:hover,
#sectionAdolescents #menudynamique dt a:hover,
#sectionAines #menudynamique dt a:hover,
#sectionConduireSecurite #menudynamique dt a:hover,
#sectionConseils #menudynamique dt a:hover,
#sectionCybersurveillance #menudynamique dt a:hover,
#sectionDisparus  #menudynamique dt a:hover,
#sectionEnglish #menudynamique dt a:hover,
#sectionFemmes #menudynamique dt a:hover,
#sectionFAQ #menudynamique dt a:hover,
#sectionFondation #menudynamique dt a:hover,
#sectionGalerie #menudynamique dt a:hover,
#sectionGenerique #menudynamique dt a:hover,
#sectionGensAffaires #menudynamique dt a:hover,
#sectionInformations #menudynamique dt a:hover,
#sectionMission #menudynamique dt a:hover,
#sectionParentsEnseignants #menudynamique dt a:hover,
#sectionPartenaires #menudynamique dt a:hover,
#sectionPresse #menudynamique dt a:hover, 
#sectionPrevenirCriminalite #menudynamique dt a:hover,
#sectionRecherches  #menudynamique dt a:hover,
#sectionServices #menudynamique dt a:hover {
	color: #244401; }

/************* menu gauche popUp ************/

.menuFermer{
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	width: 200px;
	display: block;
	float: right;
	padding: 0;
	min-height: auto;
	background: url(/images/structure/general/menu_triangle_jaune.gif)  no-repeat left top;
}

.menuFermer a, .menuFermer a:hover {
	text-decoration: underline;
	font-weight: normal;
}

.menuFermer img {
	display: inline;
	vertical-align: middle;
	padding: 5px;
	}

#menudynamique dd {
	position: absolute;
	/*z-index: 1000;*/
	left: 164px;
	margin-top: -28px;
	width: 200px;
	border: 2px solid #e8ff96;
	min-height: auto;
	color: #FFFFFF;
}

#menudynamique dd, .menuFermer {
	background-color: #3d5425;
	filter: Alpha(Opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}

#menudynamique dd li {
	text-align: left;
	width: 172px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 1px 0px 1px 0px;  
}

#menudynamique dd  a {
 	color: #FFFFFF;
}

#menudynamique dd li a, #menudynamique dd li a:hover {
	width: 172px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 0 10px 0 18px;          
}

#menudynamique dd li a:hover {
	background: #e8ff96;
	text-decoration: none;
	color: #000;
}

/* *********** fin menu ********/


/* ***************************************************** */	
/*              Section colonne gauche                   */ 
/* ***************************************************** */	

#colGauche, #colGaucheBas  { /*tous les pages sauf les accueils*/
	overflow: visible;
	width: 200px;
	display: table;

}

/* section colonne gauche haut contenu specifique */

/* ******section trouver votre poste***** */ 

#posteLocal form {
 margin: 0;
}

#posteLocal {
	width: 200px;
	height: 75px; 
	margin-bottom:2px;
	margin-top:2px;
	background: url('/images/localisation/5-001-internet.jpg');
	display:block;
}

#posteLocal:hover {
	background: url('/images/localisation/5-002-internet.jpg');
}

#map { height: 500px;}



.leftBar{
  width: 20%;
  float: left;
}

.leftBar > input{
    width: 350px;
}


.lblCodePostal{
  font-size: 15px;
  padding: 2px;
  font-weight: bold;
  text-align:left;
  float:left;
}

.popup{
  font-size: 12px;
}

.inputCodePostal{
    float: left;
    width: 60px;
	border: 0; 
	height: 24px; 
	line-height: 24px;
	text-align:center;
	background:lightgray;
}

.btnRechercher, .btnRafraichir{
  float: left;
  border: 0;
  cursor:pointer;
  background: none;
  padding: 1px;
  margin: 1px;
}

.btnRechercher:hover, .btnRafraichir:hover{
  background-color: #e5ff8a;
  color: rgb(36, 68, 1);
}

.titlePopup{
  font-size: 15px;
  color:#aaa;
  padding-left:20px;
  max-width:300px;
}

.barre {
  margin: 5px 0px 5px 20px;
  padding: 0;
  border: 0.1px solid #aaa;
  font-size: 10px;
}

.imagePopup{
    text-align: center;
}

.imagePopup > img{
  padding: 0;
  margin: 0;
  padding-left:20px;
}

.imgPopup{
  width: 300px;
  height: 200px;
}

.contentPopup{
  float: left;
  margin-top:8px;
  padding-left:20px;
}

.contentPopup > ul {
  margin: 8px;
  padding: 8px;
}
#colCentre #texte .popup .contentPopup > ul > li {
  list-style: none;
  background:none;
}

.error{
  color:red;
  font-size:12px;
  margin-top:5px;
  padding-top:1px;
}

#msgBrowser{
  clear:both;
  font-size: 11px;
  color:#C44C51;
  text-align: center;
  padding:2px;
}


.exlbl{
	font-size:10px;
	font-weight:normal;
}

label.poste{
	width:215px;
	padding-top:4px;
	height:6px;
}

fieldset.poste{
	padding-top:1px;
	margin-top:1px;
	padding-bottom:1px;
	margin-bottom:1px;
}

#btnRechercher.poste{
margin-right:3px;
}

#btnRafraichir.poste{
margin-left:3px;
}

#conseilSecurite {
	display: block;
  clear: right;
	padding: 0;
	margin: 0;
}

#txtCodePostal{
	margin-right:10px;
}

#galerieMultimedia {
	height: 231px;
	width: 200px;
	display: table;
	overflow: hidden;
}
/* ***************************************************** */	
/*              Section colonne centre                   */ 
/* ***************************************************** */	

/* certaines classes specifiques sont incluses dans le sections puisqu'elles sont spécifiques à ces sections*/
/* celà n'empêche pas ds uitliser ailleur */
/* les règles absolues sont definie par un #  */
/* les classes peuvent être juxtraposées ex: classe="adroite marginagauche paddingenhaut" */


#colCentre h1, .titrePage{ 
	text-transform: none;
	color: #969d38;
	letter-spacing: 0.01em;
	margin: 0 0 5px 0;
	padding-right: 30px;
	width: 385px;
	display: block;
	float: left;
	font-size: 2em;
	font-style: normal;
  	font-weight: 900;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.titrePage {
	width: 275px;
	height: 16px;
	padding-right:166px;
}

#colCentre h2{
	margin: 6px 0;
  padding: 8px 0 3px 0;
	font-size: 1.2em;
	font-style: normal;
	font-weight: 900;
	font-variant: normal;
	color: #000000;
	letter-spacing: 0.01em;
} 

#colCentre h3,
#texte h3 {
	margin: 4px 0;
  padding: 2px 0;
	font-size: 1.1em;
	font-style: normal;
	font-weight: 800;
	font-variant: normal;
	color: #000000;
	letter-spacing: 0.01em;
}

#texte h2.titrePara {
	font-size: 15px;
	font-style:bold;
	font-weight:bolder;
	font-stretch:narrower;
	color: #000000;
	font-family: Trebuchet MS;
}

#colCentre h4,
#colCentre h5,
#colCentre h6 {
	margin-bottom: 6px;
	font-size: 1em;
	font-style: normal;
	font-weight: 800;
	font-variant: normal;
	color: #000000;
	letter-spacing: 0.01em;
}

#colCentre p, #colCentre ul, #colCentre ol {
 margin-bottom :10px;
}

#colCentre p.aligneDroite {
	text-align: right;
	clear: left;
	display: block;
	padding: 10px 25px 25px 2px;
}

#bouton_utilitaire {
	width: 165px;
	height: 17px;
        margin: 0 10px 15px 0;
	float: right;
	display: block;
}

#bouton_utilitaire.actu {
    width: 165px;
	height: 17px;
    margin: 10px 10px 5px 5px;
	float: right;
	display: block;
}

#bouton-utilitaire-aaa {
	width: 165px;
	height: 17px;
    	margin: 10px 10px 5px 5px;
	float: right;
	display: block;
}
span.erreur {
     float:right;
     color:red;
     font-size:100%;
}
span.erreurOu {
    color:red;
    float:left;
    text-align:right;
    padding-left:165px;
}

span.colDrkOrange{
    color:Darkorange;
}
span.colRouge{
    color:red;
}

#aligneradroite {
	display: block;
	text-align: right;
	padding: 15px 25px 30px 0;
}

#aligneradroiteligne {
	text-align: right;
	padding: 0 25px 0 0;
}

#aligneragaucheligne {
	text-align: left;
	padding: 0 25px 0 0;   
}


.alignement {
	padding: 15px 0px 5px 0px;
}

.h3contenu{
	width:90%;
	padding: 0 0 0 25px;
}

li.question {
  text-indent: -15px;
  padding-left: 15px;
  list-style-position: outside;
  list-style: none;
  margin: 0 0 10px 0;
  font-weight: bold;
}

li.reponse {
	list-style-position: outside;
  list-style: none;
  padding-right: 5px;
  margin: 0 0 20px 15px;
}

#colCentre img.bordureJaune {
	border: solid 2px #e8ff96;
	margin: 0 0 20px 20px;
	float: right;
}

#colCentre img.bordureJaune.sansBordureBas
{
margin-bottom: 0px;
}

#colCentre img.bordureJaune.gauche {
	float: left;
	margin: 0 20px 20px 0;
}

#contenu #colCentre #texte {
  clear: both;
  padding: 0 25px 0 20px;
}

/* cadrephoto permet l'aignement des photos dans cadre inlcuant texte */
.cadrephoto {
	display: block;
	width: 200px;
	float: right;
	margin: 0 0 20px 20px;
	border: solid 2px #e8ff96;
}

.cadrephoto.gauche {
	float: left;
	margin: 0px 15px 15px 0;
}

.image {
	display: block;
	clear: both;
}

.cadrephoto.image300 { /* photos dans la section contenu */
	width: 300px;
}

.cadrephoto.image225 { /* cadrephoto sur mesure */
	width: 225px;
}

.cadrephoto.image200 { /* cadrephoto sur mesure */
	width: 200px;
}

.cadrephoto.image150 { /* cadrephoto sur mesure */
	width: 150px;
}

.cadrephoto.image145 { /* cadrephoto sur mesure */
	width: 145px;
}

.cadrephoto.image100 { /* cadrephoto sur mesure */
	width: 100px;}
  
.cadrephoto.image90 { /* cadrephoto sur mesure */
	width: 90px;
}

.cadrephoto.image60 { /* cadrephoto sur mesure */
	width: 60px;
}

.cadrephoto.image550, .cadrephoto.image520 { /* cadrephoto sur mesure */
	width: 520px;
}

.cadrephoto img {
	text-align: center;
	border:0px;
	border-bottom:solid 2px #e8ff96;
	margin: 0px;
}

.cadrephoto .agrandir {
	padding: 2px 0;
	width:100%;
	text-align: left;
}

.cadrephoto .agrandir .plus {
	display: block;
	float:right;
	vertical-align: bottom;
	text-align: left;
	padding: 3px 2px 0px 3px;
}
.cadrephoto .agrandir .plus img { 
	border: 0px
}

.cadrephoto .agrandir .lien_texte {
	width: 90px;
	display: block;
	float:right;
	text-align: right;
	margin: 0;
	padding-bottom: 2px;
}

.cadrephoto .agrandir .lien_texte a{
	text-decoration: none;
}

.cadrephoto #agrandir .lien_texte a:hover{
	text-decoration: underline;
}

.cadrephoto .legendePhoto {
	clear: both;
	padding: 10px;
	padding-bottom: 18px;
	text-align: left;
	white-space: normal;
	color: #244401;
	font: normal 0.9em/normal Tahoma, Arial, Helvetica, sans-serif;
}

/* cadreTexte permet la configuration des textes encadrés*/ 

#cadreTexte, .cadreTexte {
	width: 60%;
	display: block;
	clear: both;
	border: 2px solid #244401;
	text-align: center;
	margin: 15px 0px 15px 20%;
	padding: 10px;
}
#cadreTextePleinePage, .cadreTextePleinePage {
	width: 90%;
	display: block;
	clear:both;
	border: 2px solid #244401;
	text-align: center;
	margin: 15px 0px 15px 0;
	padding: 10px;
}

#colCentre .cadreTexte p{
	text-align:center;
}

.cadreTexteGauche {
	width: 50%;
	display: block;
	clear:none;
	border: 2px solid #244401;
	text-align: center;
	margin: 15px;
	padding: 10px;
	}

.bordureCadre {
	width : inherit;
	padding : 6px;
	border: 4px solid #244401;;
}

#cadreTexte.vert, .cadreTexte.vert  {
	border-color: #244401;
}

#cadreTexte.droit, .cadreTexte.droit {
	float: right;
	margin: 15px 0px;
	clear:none;
}

#cadreTexte.gauche, .cadreTexte.gauche {
	float: left;
	margin: 15px 0px;
	clear:none;
}

#cadreTexte.aligne, .cadreTexte.aligne {
	width: 42%;
}
.cadreNavigation {
  display: block;
	clear: both;
	padding: 15px 0 20px;
}
.cadreNavigation .precedente {
  float: left;
  text-align: left;
}
.cadreNavigation .suivante {
  float: right;
  text-align: right;
}
/**************** liste de liens PDF ******************/

#colCentre #texte li.pdfLink {
	background: url(/images/pdf/pdficon_small.gif) no-repeat -2px;
	list-style-type: none;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/**************page tableau Calendrier ****************/

#calendrierDroit {
	display: block;
	float: right;
	width: 300px;
  margin-bottom: 2px;
}

#calendrierDroit h2 {
	font-size: 14px;
	margin: 10px 0 10px 0;
}

hr.ambre{
	background-color: #c2600f;
	margin-top: 5px;
}

#calendrierGauche {
	display: block;
	float: left;
	
}
.encadreVert {
	display: block;
	float: left;
	width: 200px;
	margin: 2px 0px 2px 0;
	padding: 12px;
	border-top: 2px solid #5e6323;
	border-left: 2px solid #5e6323;
	background: #FFFFFF url(/images/structure/general/coin_vert_fond_blanc.gif) no-repeat 100% 100%;
}

.encadreVert a {text-decoration: none;}

#calendrierDroit img { width:300px; height: 24px; }

#calendrierDroit #haut { 
	width: 24px; 
	height: 24px;
	padding-left: 276px;
	}

#tableau_calendrier, #tableau_calendrier_entete {
	margin: 0;
	width: 230px;
	display: block;
	float: left;
	text-align: center;
	vertical-align: middle;
  clear: left;
}

#tableau_calendrier_entete {
	background-color: #bfce67;
	height:24px;
	font-size: 1.25em;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	margin: 0;
	}

#tableau_calendrier tr {
	margin: 1px;
	padding: 0;
	} 

#tableau_calendrier th, #tableau_calendrier td {
	width: 14%;
	height: 27px;
	text-align: center;
	vertical-align: middle;
	border: solid 2px #CCC;
	}
	
#tableau_calendrier th {
	border: none;
	width: 30px;
	height: 15px
	}

#tableau_calendrier .moiscourant {
	border: solid 2px #000;
	color: #000;
	font-weight: bold;
	padding: 0;
	margin:0;
	}
	
	
#tableau_calendrier .annee { 
	width: 100%;
	border: none; 
	text-align: right;
	}
	
#tableau_calendrier #jourcourant{
	background-color: #e5ff8a;
}

/**************Conseils ****************/
/*#conseils-de-securite {
	display: table;
  height: 370 !important;
	height: 370px;
	min-height: 370px;
  width: 559px;
  border-top: 2px solid #8c1a1a;
	border-left: 2px solid #8c1a1a; 
	background: #f0f0f0 url(/images/structure/fond-coin-rouge-large.gif.gif) no-repeat right bottom;
	margin-left: 10px;
}
#conseilsExpertises, #conseilsClienteles  {
	display: block;
	float: left;
	height: 370 !important;
	height: 370px;
	min-height: 370px;
	text-align: left;
	padding-bottom: 0 0 12px 0;
}
#conseilsExpertises {
  display: block;
	width: 310px;
	padding-bottom: 5px;
}	
#conseilsClienteles {
	display: block;
	width: 249px;
}*/
#conseilsExpertises, #conseilsClienteles  {
	display: table;
	float: left;
	height: 370 !important;
	height: 370px;
	min-height: 370px;
        border-top: 2px solid #8c1a1a;
	border-left: 2px solid #8c1a1a; 
	background: #f0f0f0 url(/images/structure/fond-gris-coin-rouge.gif) no-repeat right bottom;
	text-align: left;
	padding-bottom: 0 0 12px 0;
}

/****boites****/
#conseilsExpertises {
	border-right: 2px solid #fff;	
  display: table;
	width: 310px;
	margin-left: 10px;
	padding-bottom: 5px;
}	

#conseilsClienteles {
	height: 20px;
  width: 245px;
}

/* coins couleurs acces conseils*/
#sectionConseils #conseilsExpertises,
#sectionConseils #conseilsClienteles {
	background: #f0f0f0 url(/images/structure/fond-transparent-coin-rouge.gif) no-repeat right bottom;
}
	
#conseilsClienteles, 
#sectionConseils #conseilsClienteles {
	margin-left: -3px;
  padding-bottom: 5px;
}

#conseilsExpertises p {
	margin: 10px 25px 10px 23px;
  padding-left: 25px;
}
#sectionBas #conseilsExpertises p { padding-left: 5px; }

#conseilsClienteles p {
  margin:  5px 20px 20px 0;
  padding-left: 25px;
}

/* pour les liens dans la tuile conseil*/
#sectionAccueil #conseilsExpertises p.lienSection, 
#sectionConseils #conseilsExpertises p.lienSection {
	text-align: right;
	margin: 5px 25px 20px 0;
}

#conseilsExpertises #h2ConseilExpert {
	background: #8c1a1a;
  position: relative;
	height: 25px;
}
#conseilsExpertises #h2ConseilExpertImg{
	padding-top: 2px;
	width: 247px;
	height: 20px;
}
#conseilsClienteles #h2ConseilClientele {
	background: #8c1a1a;
	position: relative;
	height: 25px;
}
#conseilsClienteles #h2ConseilClienteleImg {
	padding-top: 2px;
	width: 239px;
	height: 20px;
	position: absolute;
	left: -2px;
}
#colCentre #conseilsExpertises #h2ConseilExpert,
#colCentre #conseilsClienteles #h2ConseilClientele {
  top: -8px;
  height: 22px
}

#conseilsExpertises #h3PrevenirCrim {
	width: 224px;
	height: 20px;
}
#conseilsExpertises #h3Cybersurv {
	width: 183px;
	height: 20px;
}
#conseilsExpertises #h3ConduireSecurite{
	width: 201px;
	height: 20px;
	margin-top: 10px;
}

#conseilsClienteles #h3Enfants {
	width: 94px;
	height: 20px;
	display: block;
	clear: both;
	margin: 10px 0 20px 0;
}
#conseilsClienteles #h3Adolescents {
	width: 129px;
	height: 20px;
	display: block;
	clear: both;
	margin: 10px 0 20px 0;
}
#conseilsClienteles #h3Aines  {
	width: 71px;
	height: 20px;
	display: block;
	clear: both;
	margin: 10px 0 20px 0;
}
#conseilsClienteles #h3Femmes {
	width: 89px;
	height: 20px;
	display: block;
	clear: both;
	margin: 10px 0 20px 0;
}
#conseilsClienteles #h3GensAff {
	width: 154px;
	height: 20px;
	display: block;
	clear: both;
	margin: 10px 0 20px 0;
}
#conseilsClienteles #h3ParEns{
	width: 221px;
	height: 20px;
	display: block;
	clear: both;
	margin: 10px 0 20px 0;
}
#conseilsClienteles #h3Partenaires{
	width: 200px;
	height: 20px;
	display: block;
	clear: both;
	margin: 10px 0 20px 0;
}

/***************sous section conseil******************/

/***************Pages-Titre************/
#gaucheSQConseille, .gaucheSQConseille {
	display: block;
	clear: left;
	float: left;
	width: 290px;
	margin: 2px 20px 8px 0px;
  padding: 0 0 0 20px;
}
#gaucheSQConseille h2, .droiteSQConseille h2 {
	margin: 10px 0 10px 0;
}

#extranet .droiteSQConseille h4,
#sectionAdolescents .droiteSQConseille h4,
#sectionAines .droiteSQConseille h4,
#sectionConseils .droiteSQConseille h4,
#sectionConduireSecurite .droiteSQConseille h4,
#sectionCybersurveillance .droiteSQConseille h4,
#sectionFemmes .droiteSQConseille h4,
#sectionFondation .droiteSQConseille h4,
#sectionGalerie .droiteSQConseille h4,
#sectionGensAffaires .droiteSQConseille h4,
#sectionMission .droiteSQConseille h4,
#sectionParentsEnseigants .droiteSQConseille h4,
#sectionPartenaires .droiteSQConseille h4,
#sectionPresse .droiteSQConseille h4,
#sectionPrevenirCriminalite .droiteSQConseille h4 {
	margin: 5px 0 5px 10px;
}
.droiteSQConseille {
	display: block;
	float: left;
	width: 240px;
	margin: 2px 0px 2px 2px;
	padding-right: 5px;
  padding-bottom: 5px;
  border-top: 2px solid #8c1a1a;
	border-left: 2px solid #8c1a1a;
	background: #FFFFFF url(/images/structure/fond-transparent-coin-rouge.gif) no-repeat 100% 100%;
}

.droiteSQConseille .plusAmbre {
	margin-left: 0px;
	display: inline;
	text-decoration:none;
}

#extranet p.liencontenu,
#sectionAdolescents p.liencontenu,
#sectionAines p.liencontenu,
#sectionCybersurveillance p.liencontenu,
#sectionConseils p.liencontenu,
#sectionConduireSecurite p.liencontenu,
#sectionEnglish p.liencontenu,
#sectionFAQ p.liencontenu,
#sectionFemmes p.liencontenu,
#sectionFondation p.liencontenu,
#sectionGalerie p.liencontenu,
#sectionGensAffaires p.liencontenu,
#sectionInformations p.liencontenu,
#sectionMission p.liencontenu,
#sectionParentsEnseignants p.liencontenu,
#sectionPartenaires p.liencontenu,
#sectionPresse p.liencontenu,
#sectionPrevenirCriminalite p.liencontenu,
#sectionInformations p.liencontenu {
 	display: block;
 	float: right;
	text-align: right;
	width: 200px;
	padding: 2px 15px 0 20px;
	line-height: normal;
	padding-bottom: 10px;
}

#colCentre { background-color: #fff; }

/**** regles relatives au contenu des pages listes et divers panneaux de la section contenu *********/ 

#colCentre #gaucheTableau {
	width: 275px;
	float: left;
}

#colCentre #droiteTableau {
	width: 275px;
	float:right;
	padding-right:25px;
}

#enteteCommunique, 
#basDePageCommunique {
	visibility: hidden;
	display: none;
}

#colCentre p {
	margin-left: 0px;
	text-align: left;
	}

#colCentre .distant{
	padding:12px 0px 0px 10px;
}

#colCentre .contenu,  #colCentre .contenu p{
	padding-left: 10px;
}

#colCentre .contenu_grand {
 	font-size: 130%;
	padding-left: 10px;
}

#compteurPage_haut, #compteurPage_bas {
	margin: 15px 0px;
	text-align: right;
	display: block;
	width: 540px;
	clear:both;
	text-decoration:none;
}

#droite .anneeCourante {
	font-weight: bold;
	color: #C2600F;
}

#colCentre .pageCourante {
	font-weight: bold;
	color: #C2600F;
	text-decoration: none;
	cursor: default;
}

#compteurLettres {
	margin: 20px 25px 20px 40px;
	text-align: left;
	clear:both;
	font-weight: bold;
}

#compteurLettres a, #compteurLettres span {
	padding-right: 5px;
}

#compteurLettres .lettreCourante {
	font-weight: bold;
	color: #000;
}
.menuBasPage {
	list-style-type: none;
}

#colCentre #texte ol, #colCentre ol
{
margin-left: 30px;
}
/* ******************************************************************** */
/*																LISTES																*/
/* ******************************************************************** */
#colCentre #texte ul, #colCentre ul {
	list-style: none;
	text-align:left;
	margin-left: 10px; }
#colCentre #texte ul li, #colCentre ul li {
  margin: 0 0 2px 0;
  padding-left: 20px;
  background:url(/images/structure/listes-puces/puce-vert-fonce.gif) no-repeat 0.5em top; }
#colCentre ul #niveau2 li {
	background:url(/images/structure/listes-puces/puce-rouge.gif) no-repeat 0.5em top;	}
#texte .niveau2 li{
	background-image: url(/images/structure/listes-puces/puce-rouge.gif) !important;
	background-repeat: no-repeat;
	background-position: .5em; }
  
#colCentre ol #niveau2 li {
	background:url(/images/structure/listes-puces/puce-rouge.gif) no-repeat 0.5em top;	}
#colCentre ul #niveau3 li {
  background:url(/images/structure/listes-puces/puce-moins.gif) no-repeat 0.5em top; }
#colCentre ol #niveau3 li {
	background:url(/images/structure/listes-puces/puce-moins.gif) no-repeat 0.5em top;
}
/* ******************* PLAN DU SITE ****************************** 
#sectionInformations #colCentre #texte #ancre ul,
#sectionInformations #colCentre #texte #ancre ul li,
#sectionInformations ul.ancre,
#sectionInformations ul.ancre li {
	list-style-image: none;
  list-style-type: none;
}

*/
/* ******************* COLONNE DE DROITE ****************************** */
#colDroite ul li {
	padding-left: 10px;
	margin-left: 6px;
	background: url(/images/structure/listes-puces/puce-vert.gif) no-repeat left 2px;
	list-style: none;
}
#colDroite ol li {
	margin-left: 27px;
	margin-right: 25px;
	list-style-type: decimal;
}
/********************* setion poste ***************************/ 

#posteInfo {
  display: block;
  float: left;
  width: 285px;
  margin: 0 0 0 10px;
}
#posteInfo.posteAux{
  height:240px;
}

#colcentre #sectionrecherche,
#colcentre #sectionDisparus {
	display: block;
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 20px 0 0;
}
#sectionDirecteur,
#colcentre #sectionrecherche,
#colcentre #sectionDisparus {
	display: block;
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 20px 0 0;
}

#sectionDirecteur{
min-height:307px; /* Corrige un problème avec IE et la bordure du bas. */
}

#dirRens{
    width:600px;
    height:60px;
}

#dirRensSectGau,#dirRensSectDrt{
    float:left;
    width:280px;
    /*height:55px;*/
}

#dirRensSectDrt{
    padding-left:30px;
}


#motDirecteur { 
  text-align: left;
  display: block;
  float: left;
  margin: 0;
  padding-bottom: 10px;
  width:315px;
}
#h2MotDirecteur {
  display: block;
  float: left;
  margin: 0 0 15px 0;
  height: 20px;
}

#motDirecteur p {
  margin: 0 15px 15px 20px;
  white-space: normal;
}

#motDirecteur a { text-decoration: none;}

#motDirecteur h1{
    padding:5px 10px 0px 17px;
    width:300px;
    font-size: 18px;
}

#motDirecteur h2{
    padding-left:20px;
}

#directeurPhoto {
	width: 80px;
	display: block;
	float: left;
	text-align: center;
	margin: 0 5px 10px 10px;

}


#posteInfo p {margin-left: 25px;}


p#motDirecteurSansPhoto {
	display: block;
  float: left;
  clear: left;
  width: 200px;
  margin: 5px 25px 20px 20px;
}
p#nomDirecteurPhoto {
	width: 80px;
  display: block;
  text-align: center;
  margin: 5px 0 0 0;
}
#directeurPhoto img,
#recherchePhoto img {
	padding: 0;
    margin: 0;
	border: solid 2px #fff;
}	
#directeurTexte {
 	display: block;
	float: right;
	width : 250px;
	padding: 5px 0 10px 0;
	height:20px;
}
#directeurTexte p {
	line-height: 15px;
	text-align: right;
}



/* ***************************************************** */	
/*              Section colonne droite                   */ 
/* ***************************************************** */	

#colDroite #enSavoirPlus {
	display: table;
	margin-top:2px;
	margin-bottom: 25px;
	height: auto;
	width: 197px;
	margin-right: 5px;
}

#colDroite p {
	margin: 3px 25px 5px 7px;
}

/* section calendrier de la colonne droite */
#bandeau_calendrier {
  margin-bottom: 1px;
}

#calendrier {
	display:table;
}


#colDroite #calendrierMaxi {
	display:table;
	background: url(/images/structure/calendrier/calendrier-coin-fond.gif) #c3c694 no-repeat right bottom;
  margin: 0;
	width: 198px;
	padding-bottom: 5px;
  margin-bottom: 2px;
}

#calendrierMaxi #date {
 	height: 18px; 
	vertical-align: top;
	font-size: 11px;
}

#calendrierMaxi #plusBlanc {
	height: 24px;
	vertical-align: bottom;
	margin-top: 12px;
	margin-right: 26px;
	display: block;
	float:right;

}

#colDroite #calendrierMaxi p.lienCalendrier {
	width: 162px; 
	text-align: right; 
	padding: 3px 28px 3px 0; 
	display: block; 
	float: right; 
	margin: 0px; 
	vertical-align: middle; 
	line-height: 16px;
}

/* section FAQ de la colonne droite  */
#colDroite #faq {  padding: 0; 
	margin: 0;
}

#colDroite #faq img {		
	width: 198px;
	height: 60px;
}

#colDroite #faq li {
	margin: 0 24px 8px 6px;
	text-align: left;
	background :none;
	list-style-image: none;
	list-style-type: none;
}

#colDroite #faq li span {color: #8c1a1a}

#colDroite #faq p {
  margin-top: 2px;
	margin-bottom: 20px;
	text-align: right;
}

/* setion emploi de la colonne droite */
#emploi {
	margin: 0 0 2px 0;
}

#emploi img {
	width: 197px; 
	height: 60px; 
}

/* ********************************************* */
/* Section bas de page */ 
/* ********************************************* */
#basPage p {
	text-align: center;
	font-size: 11px;
}

#basPage p.basPageContenu{
    text-align: left;
	margin: 25px 0px 0px 200px;	
	color: #000;
}

#basPage hr {
	background-color: #000000;
	color: #000000;
	width: inherit;
	background-position: left;
}

#basPage #dateModification {
	text-align: left;
	vertical-align: bottom;
	display: block;
	float: left;
	width: 180px;
	height: 30px;
	margin: 26px 10px 0px 0px;
	padding-left: 10px;
	white-space: normal;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

#basPage #menuBasPage,
#basPage #liensUtiles {
	vertical-align: middle;
	display: block;
	float: left;
	width: 750px;
	text-align:left;
	padding-top: 25px;
	
}

#basPage #menuBasPage {
	padding-left: 200px;
	display: block;
	clear: both;
	font-size:11px;
}

#basPage #menuBasPage li,
#basPage #liensUtiles li {
	font-size: 1em;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color:#003399;
	display: inline;
	text-align: left;
	list-style-type: none;
}

#colCentre #texte #menuBasPage li {
	font-size: 1em;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color:#003399;
	display: inline;
	text-align: left;
	list-style-type: none;
}

#colCentre #texte #menuBasPage a,
#basPage #menuBasPage a,
#basPage #liensUtiles a {
	margin: 0px;
	padding: 0px;
	padding-right:3px;
}

#basPage #logoQuebec {
	width: 90px;
	height: 20px;
	margin: 10px 455px;
}

/* **************************************** */
/*            ENTETES
/* **************************************** */

/* menu situe au bas de la section entete */ 
#navPrincipale {
	height: 25px;
	width: 100%;
	background-color: #244401;
	display: block;
	clear:both;
	
}
/* fomulaire de la recherche */
#compoRecherche {
	display: block;
	float: left;
	padding-top: 3px;
	height: 22px;
	width: 200px;
	background: url(/images/structure/fond_recherche.gif) no-repeat right top #f0f0f0;
}

#compoRecherche #inputRecherche {
	width: 100px;
	font-size: 0.9em;
	margin-left: 10px;
  border: #244401 inset 2px;
  padding: 1px;
}

#compoRecherche #inputBoutonRecherche {
	width: 23px;
	height:19px;
	margin-left:5px;
	background: url(/images/structure/general/bouton_ok.gif) no-repeat left top;
	border: none;
}

/********************  FONDS ENTETE  *****************************/
/* Defini les images de background des sections selon le ID du BODY */
/* background du menu de gauche                                     */ 

/* Accueil principal */

#sectionAccueil #entete{
	background: #fff url(/images/structure/entete/entete_accueil_1.jpg) no-repeat;
}

#sectionAccueil #structureContenu #menu{
	background: #fff url(/images/structure/menu-gauche/accueil.gif) no-repeat;
}

#sectionActualite #entete,
#sectionCalendrier #entete,
#sectionContenu #entete, /* valeur par default */
#sectionDisparus #entete,
#sectionEnglish #entete,
#sectionRecherches #entete,
#sectionGenerique #entete { 
	background: #fff url(/images/structure/entete/entete_contenu.jpg) no-repeat;
}
#sectionPlan #colGauche #menu,
#sectionContenu #colGauche #menu,
#sectionFAQ #colGauche #menu { /* valeur par default */
	background: #fff url(/images/structure/menu-gauche/foire-aux-questions.gif) no-repeat;
}
#sectionEnglish #colGauche #menu { /* valeur par default */
	background: #fff url(/images/structure/menu-gauche/vert-fonce.gif) no-repeat;
}
#sectionRecherches  #colGauche #menu,
#sectionDisparus  #colGauche #menu{
background: #fff url(/images/structure/menu-gauche/vert-fonce.gif) repeat; }

#sectionActualite #colGauche #menu,
#sectionGenerique  #colGauche #menu {
	background: #fff url(/images/structure/menu-gauche/vert-fonce.gif) no-repeat; }

/* Section mission */
#sectionMission #entete {
	background: #fff url(/images/structure/entete/entete_mission.jpg) no-repeat; }
#sectionMission #colGauche #menu {
	background: #fff url(/images/structure/menu-gauche/mission-et-services.gif) repeat; }
	
/* Galerie Multimédia */
#sectionGalerie #entete {
	background: #fff  url(/images/structure/entete/entete_galerie.jpg) no-repeat left top; }
#sectionGalerie #colGauche #menu {
	background: #fff url(/images/structure/menu-gauche/salle-de-presse.gif) repeat; }

/* Salle de presse */
#sectionPresse #entete {
	background: #fff  url(/images/structure/entete/entete_presse.jpg) no-repeat left top; }
#sectionPresse #colGauche #menu {
	background: #fff url(/images/structure/menu-gauche/salle-de-presse.gif) repeat; }

/* FAQ */
#sectionFAQ #entete {
	background: #fff url(/images/structure/entete/entete_faq.jpg) no-repeat left top; }
  
/* Fondation */
#sectionFondation #entete {
	background: url(/images/structure/entete/entete_fondation.jpg) no-repeat left top; }
#sectionFondation #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/fondation.gif) repeat; }

/* Information */
#sectionInformations #entete {
	background: url(/images/structure/entete/entete_informations.jpg) no-repeat left top; }
#sectionInformations #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/vert-fonce.gif) repeat; }

/* Conseils */
#sectionConseil #entete, #sectionConseils #entete {
	background: #fff url(/images/structure/entete/entete_conseils.jpg) no-repeat left top; }
#sectionConseil #colGauche #menu, #sectionConseils #colGauche #menu {
	background: #fff url(/images/structure/menu-gauche/conseils-de-securite.gif) no-repeat; }

#sectionConduireSecurite #entete {
	background: url(/images/structure/entete/entete_conduire_securite.jpg) no-repeat left top; }
#sectionConduireSecurite #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/conduire-en-securite.gif) no-repeat; }

#sectionAines #entete {
	background: url(/images/structure/entete/entete_aines.jpg) no-repeat left top; }
#sectionAines #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/aines.gif) no-repeat; }

#sectionFemmes #entete {
	background: url(/images/structure/entete/entete_femmes.jpg) no-repeat left top; }
#sectionFemmes #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/femmes.gif) no-repeat; }

#sectionParentsEnseignants #entete {
	background: url(/images/structure/entete/entete_parents.jpg) no-repeat left top; }
#sectionParentsEnseignants #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/parents-et-enseignants.gif) no-repeat; }

#sectionPartenaires #entete {
	background: url(/images/structure/entete/entete_partenaires.jpg) no-repeat left top; }
#sectionPartenaires #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/partenaires.gif) no-repeat; }

#sectionAdolescents #entete {
	background: url(/images/structure/entete/entete_adolescents.jpg) no-repeat left top; }
#sectionAdolescents #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/adolescents.gif) no-repeat; }

#sectionPrevenirCriminalite #entete {
	background: url(/images/structure/entete/entete_criminalite.jpg) no-repeat left top; }
#sectionPrevenirCriminalite #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/prevenir-la-criminalite.gif) no-repeat; }

#sectionGensAffaires #entete {
	background: url(/images/structure/entete/entete_gens_affaires.jpg) no-repeat left top; }
#sectionGensAffaires #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/gens-d-affaires.gif) no-repeat; }

#sectionCybersurveillance #entete {
	background: url(/images/structure/entete/entete_cybersurveillance.jpg) no-repeat left top; }
#sectionCybersurveillance #colGauche #menu  {
	background: #fff url(/images/structure/menu-gauche/cybercriminalite.gif) no-repeat; }
	
/* Section services en ligne */

#sectionServices #entete {
	background: #fff url(/images/structure/entete/entete_informations.jpg) no-repeat; }
#sectionServices #colGauche #menu {
	background: #fff url(/images/structure/menu-gauche/services-en-ligne.gif) repeat; }
	
	
/* Salle de presse virtuelle */
#extranet #entete {
	background: #fff  url(/images/structure/entete/entete_presse.jpg) no-repeat left top; }
#extranet #colGauche #menu {
	background: #fff url(/images/structure/menu-gauche/salle-de-presse-extranet.gif) repeat; }

/* ********************* section postes ****************************** */
/* Defini les images de background des sections selon le ID du BODY */
/* background du menu de gauche                                      */ 

#poste071 #entete, #indexPoste071 #entete {
	background: url(/images/structure/entete/district04/poste_071.jpg) no-repeat left top; }
#indexPoste071 #menu {
	background: url(/images/structure/entete/district04/menu_071.jpg) no-repeat left top; }

#poste086 #entete, #indexPoste086 #entete {
	background: url(/images/structure/entete/district10/poste_086.jpg) no-repeat left top; }
#indexPoste086 #menu {
	background: url(/images/structure/entete/district10/menu_086.jpg) no-repeat left top; }

#poste097 #entete, #indexPoste097 #entete {
	background: url(/images/structure/entete/district05/poste_097.jpg) no-repeat left top; }
#indexPoste097 #menu {
	background: url(/images/structure/entete/district05/menu_097.jpg) no-repeat left top; }

#poste098 #entete, #indexPoste098 #entete {
	background: url(/images/structure/entete/district05/poste_098.jpg) no-repeat left top; }
#indexPoste098 #menu {
	background: url(/images/structure/entete/district05/menu_098.jpg) no-repeat left top; }

#poste099 #entete, #indexPoste099 #entete {
	background: url(/images/structure/entete/district10/poste_099.jpg) no-repeat left top; }
#indexPoste099 #menu {
	background: url(/images/structure/entete/district10/menu_099.jpg) no-repeat left top; }

#poste100 #entete, #indexPoste100 #entete {
	background: url(/images/structure/entete/district10/poste_100.jpg) no-repeat left top; }
#indexPoste100 #menu {
	background: url(/images/structure/entete/district10/menu_100.jpg) no-repeat left top; }

#poste102 #entete, #indexPoste102 #entete {
	background: url(/images/structure/entete/district10/poste_102.jpg) no-repeat left top; }
#indexPoste102 #menu {
	background: url(/images/structure/entete/district10/menu_102.jpg) no-repeat left top; }

#poste103 #entete, #indexPoste103 #entete {
	background: url(/images/structure/entete/district10/poste_103.jpg) no-repeat left top; }
#indexPoste103 #menu {
	background: url(/images/structure/entete/district10/menu_103.jpg) no-repeat left top; }

#poste104 #entete, #indexPoste104 #entete {
	background: url(/images/structure/entete/district10/poste_104.jpg) no-repeat left top; }
#indexPoste104 #menu {
	background: url(/images/structure/entete/district10/menu_104.jpg) no-repeat left top; }

#poste107 #entete, #indexPoste107 #entete {
	background: url(/images/structure/entete/district10/poste_107.jpg) no-repeat left top; }
#indexPoste107 #menu {
	background: url(/images/structure/entete/district10/menu_107.jpg) no-repeat left top; }

#poste108 #entete, #indexPoste108 #entete {
	background: url(/images/structure/entete/district10/poste_108.jpg) no-repeat left top; }
#indexPoste108 #menu {
	background: url(/images/structure/entete/district10/menu_108.jpg) no-repeat left top; }

#poste110 #entete, #indexPoste110 #entete {
	background: url(/images/structure/entete/district08/poste_110.jpg) no-repeat left top; }
#indexPoste110 #menu {
	background: url(/images/structure/entete/district08/menu_110.jpg) no-repeat left top; }

#poste112 #entete, #indexPoste112 #entete {
	background: url(/images/structure/entete/district04/poste_112.jpg) no-repeat left top; }
#indexPoste112 #menu {
	background: url(/images/structure/entete/district04/menu_112.jpg) no-repeat left top; }

#poste113 #entete, #indexPoste113 #entete {
	background: url(/images/structure/entete/district05/poste_113.jpg) no-repeat left top; }
#indexPoste113 #menu {
	background: url(/images/structure/entete/district05/menu_113.jpg) no-repeat left top; }

#poste114 #entete, #indexPoste114 #entete {
	background: url(/images/structure/entete/district05/poste_114.jpg) no-repeat left top; }
#indexPoste114 #menu {
	background: url(/images/structure/entete/district05/menu_114.jpg) no-repeat left top; }

#poste115 #entete, #indexPoste115 #entete {
	background: url(/images/structure/entete/district04/poste_115.jpg) no-repeat left top; }
#indexPoste115 #menu {
	background: url(/images/structure/entete/district04/menu_115.jpg) no-repeat left top; }

#poste116 #entete, #indexPoste116 #entete {
	background: url(/images/structure/entete/district05/poste_116.jpg) no-repeat left top; }
#indexPoste116 #menu {
	background: url(/images/structure/entete/district05/menu_116.jpg) no-repeat left top; }

#poste117 #entete, #indexPoste117 #entete {
	background: url(/images/structure/entete/district04/poste_117.jpg) no-repeat left top; }
#indexPoste117 #menu {
	background: url(/images/structure/entete/district04/menu_117.jpg) no-repeat left top; }

#poste118 #entete, #indexPoste118 #entete {
	background: url(/images/structure/entete/district05/poste_118.jpg) no-repeat left top; }
#indexPoste118 #menu {
	background: url(/images/structure/entete/district05/menu_118.jpg) no-repeat left top; }

#poste120 #entete, #indexPoste120 #entete {
	background: url(/images/structure/entete/district03/poste_120.jpg) no-repeat left top; }
#indexPoste120 #menu {
	background: url(/images/structure/entete/district03/menu_120.jpg) no-repeat left top; }

#poste121 #entete, #indexPoste121 #entete {
	background: url(/images/structure/entete/district04/poste_121.jpg) no-repeat left top; }
#indexPoste121 #menu {
	background: url(/images/structure/entete/district04/menu_121.jpg) no-repeat left top; }

#poste122 #entete, #indexPoste122 #entete {
	background: url(/images/structure/entete/district05/poste_122.jpg) no-repeat left top; }
#indexPoste122 #menu {
	background: url(/images/structure/entete/district05/menu_122.jpg) no-repeat left top; }

#poste131 #entete, #indexPoste131 #entete {
	background: url(/images/structure/entete/district07/poste_131.jpg) no-repeat left top; }
#indexPoste131 #menu {
	background: url(/images/structure/entete/district07/menu_131.jpg) no-repeat left top; }

#poste135 #entete, #indexPoste135 #entete {
	background: url(/images/structure/entete/district07/poste_135.jpg) no-repeat left top; }
#indexPoste135 #menu {
	background: url(/images/structure/entete/district07/menu_135.jpg) no-repeat left top; }

#poste136 #entete, #indexPoste136 #entete {
	background: url(/images/structure/entete/district07/poste_136.jpg) no-repeat left top; }
#indexPoste136 #menu {
	background: url(/images/structure/entete/district07/menu_136.jpg) no-repeat left top; }

#poste137 #entete, #indexPoste137 #entete {
	background: url(/images/structure/entete/district07/poste_137.jpg) no-repeat left top; }
#indexPoste137 #menu {
	background: url(/images/structure/entete/district07/menu_137.jpg) no-repeat left top; }

#poste142 #entete, #indexPoste142 #entete {
	background: url(/images/structure/entete/district08/poste_142.jpg) no-repeat left top; }

#indexPoste142 #menu {
	background: url(/images/structure/entete/district08/menu_142.jpg) no-repeat left top; }

#poste143 #entete, #indexPoste143 #entete {
	background: url(/images/structure/entete/district08/poste_143.jpg) no-repeat left top; }
#indexPoste143 #menu {
	background: url(/images/structure/entete/district08/menu_143.jpg) no-repeat left top; }

#poste144 #entete, #indexPoste144 #entete {
	background: url(/images/structure/entete/district08/poste_144.jpg) no-repeat left top; }
#indexPoste144 #menu {
	background: url(/images/structure/entete/district08/menu_144.jpg) no-repeat left top; }

#poste145 #entete, #indexPoste145 #entete {
	background: url(/images/structure/entete/district08/poste_145.jpg) no-repeat left top; }
#indexPoste145 #menu {
	background: url(/images/structure/entete/district08/menu_145.jpg) no-repeat left top; }

#poste149 #entete, #indexPoste149 #entete {
	background: url(/images/structure/entete/district08/poste_149.jpg) no-repeat left top; }
#indexPoste149 #menu {
	background: url(/images/structure/entete/district08/menu_149.jpg) no-repeat left top; }

#poste156 #entete, #indexPoste156 #entete {
	background: url(/images/structure/entete/district06/poste_156.jpg) no-repeat left top; }
#indexPoste156 #menu {
	background: url(/images/structure/entete/district06/menu_156.jpg) no-repeat left top; }

#poste157 #entete, #indexPoste157 #entete {
	background: url(/images/structure/entete/district06/poste_157.jpg) no-repeat left top; }
#indexPoste157 #menu {
	background: url(/images/structure/entete/district06/menu_157.jpg) no-repeat left top; }
 
#poste158 #entete, #indexPoste158 #entete {
	background: url(/images/structure/entete/district04/poste_158.jpg) no-repeat left top; }
#indexPoste158 #menu {
	background: url(/images/structure/entete/district04/menu_158.jpg) no-repeat left top; }

#poste159 #entete, #indexPoste159 #entete {
	background: url(/images/structure/entete/district04/poste_159.jpg) no-repeat left top; }
#indexPoste159 #menu {
	background: url(/images/structure/entete/district04/menu_159.jpg) no-repeat left top; }

#poste160 #entete, #indexPoste160 #entete {
	background: url(/images/structure/entete/district06/poste_160.jpg) no-repeat left top; }
#indexPoste160 #menu {
	background: url(/images/structure/entete/district06/menu_160.jpg) no-repeat left top; }

#poste161 #entete, #indexPoste161 #entete {
	background: url(/images/structure/entete/district04/poste_161.jpg) no-repeat left top; }
#indexPoste161 #menu {
	background: url(/images/structure/entete/district04/menu_161.jpg) no-repeat left top; }

#poste165 #entete, #indexPoste165 #entete {
	background: url(/images/structure/entete/district04/poste_165.jpg) no-repeat left top; }
#indexPoste165 #menu {
	background: url(/images/structure/entete/district04/menu_165.jpg) no-repeat left top; }

#poste171 #entete, #indexPoste171 #entete {
	background: url(/images/structure/entete/district06/poste_171.jpg) no-repeat left top; }
#indexPoste171 #menu {
	background: url(/images/structure/entete/district06/menu_171.jpg) no-repeat left top; }

#poste172 #entete, #indexPoste172 #entete {
	background: url(/images/structure/entete/district10/poste_172.jpg) no-repeat left top; }
#indexPoste172 #menu {
	background: url(/images/structure/entete/district10/menu_172.jpg) no-repeat left top; }

#poste173 #entete, #indexPoste173 #entete {
	background: url(/images/structure/entete/district08/poste_173.jpg) no-repeat left top; }
#indexPoste173 #menu {
	background: url(/images/structure/entete/district08/menu_173.jpg) no-repeat left top; }

#poste174 #entete, #indexPoste174 #entete {
	background: url(/images/structure/entete/district06/poste_174.jpg) no-repeat left top; }
#indexPoste174 #menu {
	background: url(/images/structure/entete/district06/menu_174.jpg) no-repeat left top; }

#poste178 #entete, #indexPoste178 #entete {
	background: url(/images/structure/entete/district06/poste_178.jpg) no-repeat left top; }
#indexPoste178 #menu {
	background: url(/images/structure/entete/district06/menu_178.jpg) no-repeat left top; }

#poste221 #entete, #indexPoste221 #entete {
	background: url(/images/structure/entete/district10/poste_221.jpg) no-repeat left top; }
#indexPoste221 #menu {
	background: url(/images/structure/entete/district10/menu_221.jpg) no-repeat left top; }

#poste239 #entete, #indexPoste239 #entete {
	background: url(/images/structure/entete/district09/poste_239.jpg) no-repeat left top; }
#indexPoste239 #menu {
	background: url(/images/structure/entete/district09/menu_239.jpg) no-repeat left top; }

#poste241 #entete, #indexPoste241 #entete {
	background: url(/images/structure/entete/district09/poste_241.jpg) no-repeat left top; }
#indexPoste241 #menu {
	background: url(/images/structure/entete/district09/menu_241.jpg) no-repeat left top; }

#poste242 #entete, #indexPoste242 #entete {
	background: url(/images/structure/entete/district09/poste_242.jpg) no-repeat left top; }
#indexPoste242 #menu {
	background: url(/images/structure/entete/district09/menu_242.jpg) no-repeat left top; }

#poste243 #entete, #indexPoste243 #entete {
	background: url(/images/structure/entete/district09/poste_243.jpg) no-repeat left top; }
#indexPoste243 #menu {
	background: url(/images/structure/entete/district09/menu_243.jpg) no-repeat left top; }

#poste245 #entete, #indexPoste245 #entete {
	background: url(/images/structure/entete/district09/poste_245.jpg) no-repeat left top; }
#indexPoste245 #menu {
	background: url(/images/structure/entete/district09/menu_245.jpg) no-repeat left top; }

#poste247 #entete, #indexPoste247 #entete {
	background: url(/images/structure/entete/district09/poste_247.jpg) no-repeat left top; }
#indexPoste247 #menu {
	background: url(/images/structure/entete/district09/menu_247.jpg) no-repeat left top; }

#poste252 #entete, #indexPoste252 #entete {
	background: url(/images/structure/entete/district02/poste_252.jpg) no-repeat left top; }
#indexPoste252 #menu {
	background: url(/images/structure/entete/district02/menu_252.jpg) no-repeat left top; }

#poste253 #entete, #indexPoste253 #entete {
	background: url(/images/structure/entete/district02/poste_253.jpg) no-repeat left top; }
#indexPoste253 #menu {
	background: url(/images/structure/entete/district02/menu_253.jpg) no-repeat left top; }

#poste254 #entete, #indexPoste254 #entete {
	background: url(/images/structure/entete/district02/poste_254.jpg) no-repeat left top; }
#indexPoste254 #menu {
	background: url(/images/structure/entete/district02/menu_254.jpg) no-repeat left top; }

#poste255 #entete, #indexPoste255 #entete {
	background: url(/images/structure/entete/district02/poste_255.jpg) no-repeat left top; }
#indexPoste255 #menu {
	background: url(/images/structure/entete/district02/menu_255.jpg) no-repeat left top; }

#poste256 #entete, #indexPoste256 #entete {
	background: url(/images/structure/entete/district02/poste_256.jpg) no-repeat left top; }
#indexPoste256 #menu {
	background: url(/images/structure/entete/district02/menu_256.jpg) no-repeat left top; }

#poste264 #entete, #indexPoste264 #entete {
	background: url(/images/structure/entete/district03/poste_264.jpg) no-repeat left top; }
#indexPoste264 #menu {
	background: url(/images/structure/entete/district03/menu_264.jpg) no-repeat left top; }

#poste265 #entete, #indexPoste265 #entete {
	background: url(/images/structure/entete/district03/poste_265.jpg) no-repeat left top; }
#indexPoste265 #menu {
	background: url(/images/structure/entete/district03/menu_265.jpg) no-repeat left top; }

#poste266 #entete, #indexPoste266 #entete {
	background: url(/images/structure/entete/district03/poste_266.jpg) no-repeat left top; }
#indexPoste266 #menu {
	background: url(/images/structure/entete/district03/menu_266.jpg) no-repeat left top; }

#poste270 #entete, #indexPoste270 #entete {
	background: url(/images/structure/entete/district03/poste_270.jpg) no-repeat left top; }
#indexPoste270 #menu {
	background: url(/images/structure/entete/district03/menu_270.jpg) no-repeat left top; }

#poste271 #entete, #indexPoste271 #entete {
	background: url(/images/structure/entete/district03/poste_271.jpg) no-repeat left top; }
#indexPoste271 #menu {
	background: url(/images/structure/entete/district03/menu_271.jpg) no-repeat left top; }

#poste272 #entete, #indexPoste272 #entete {
	background: url(/images/structure/entete/district03/poste_272.jpg) no-repeat left top; }
#indexPoste272 #menu {
	background: url(/images/structure/entete/district03/menu_272.jpg) no-repeat left top; }

#poste274 #entete, #indexPoste274 #entete {
	background: url(/images/structure/entete/district03/poste_274.jpg) no-repeat left top; }
#indexPoste274 #menu {
	background: url(/images/structure/entete/district03/menu_274.jpg) no-repeat left top; }

#poste275 #entete, #indexPoste275 #entete {
	background: url(/images/structure/entete/district03/poste_275.jpg) no-repeat left top; }
#indexPoste275 #menu {
	background: url(/images/structure/entete/district03/menu_275.jpg) no-repeat left top; }

#poste276 #entete, #indexPoste276 #entete {
	background: url(/images/structure/entete/district03/poste_276.jpg) no-repeat left top; }
#indexPoste276 #menu {
	background: url(/images/structure/entete/district03/menu_276.jpg) no-repeat left top; }

#poste280 #entete, #indexPoste280 #entete {
	background: url(/images/structure/entete/district03/poste_280.jpg) no-repeat left top; }
#indexPoste280 #menu {
	background: url(/images/structure/entete/district03/menu_280.jpg) no-repeat left top; }

#poste281 #entete, #indexPoste281 #entete {
	background: url(/images/structure/entete/district01/poste_281.jpg) no-repeat left top; }
#indexPoste281 #menu {
	background: url(/images/structure/entete/district01/menu_281.jpg) no-repeat left top; }

#poste283 #entete, #indexPoste283 #entete {
	background: url(/images/structure/entete/district01/poste_283.jpg) no-repeat left top; }
#indexPoste283 #menu {
	background: url(/images/structure/entete/district01/menu_283.jpg) no-repeat left top; }

#poste284 #entete, #indexPoste284 #entete {
	background: url(/images/structure/entete/district03/poste_284.jpg) no-repeat left top; }
#indexPoste284 #menu {
	background: url(/images/structure/entete/district03/menu_284.jpg) no-repeat left top; }

#poste285 #entete, #indexPoste285 #entete {
	background: url(/images/structure/entete/district03/poste_285.jpg) no-repeat left top; }
#indexPoste285 #menu {
	background: url(/images/structure/entete/district03/menu_285.jpg) no-repeat left top; }

#poste287 #entete, #indexPoste287 #entete {
	background: url(/images/structure/entete/district01/poste_287.jpg) no-repeat left top; }
#indexPoste287 #menu {
	background: url(/images/structure/entete/district01/menu_287.jpg) no-repeat left top; }

#poste288 #entete, #indexPoste288 #entete {
	background: url(/images/structure/entete/district01/poste_288.jpg) no-repeat left top; }
#indexPoste288 #menu {
	background: url(/images/structure/entete/district01/menu_288.jpg) no-repeat left top; }

#poste294 #entete, #indexPoste294 #entete {
	background: url(/images/structure/entete/district03/poste_294.jpg) no-repeat left top; }
#indexPoste294 #menu {
	background: url(/images/structure/entete/district03/menu_294.jpg) no-repeat left top; }

#poste297 #entete, #indexPoste297 #entete {
	background: url(/images/structure/entete/district01/poste_297.jpg) no-repeat left top; }
#indexPoste297 #menu {
	background: url(/images/structure/entete/district01/menu_297.jpg) no-repeat left top; }

#poste298 #entete, #indexPoste298 #entete {
	background: url(/images/structure/entete/district01/poste_298.jpg) no-repeat left top; }
#indexPoste298 #menu {
	background: url(/images/structure/entete/district01/menu_298.jpg) no-repeat left top; }

#poste299 #entete, #indexPoste299 #entete {
	background: url(/images/structure/entete/district01/poste_299.jpg) no-repeat left top; }
#indexPoste299 #menu {
	background: url(/images/structure/entete/district01/menu_299.jpg) no-repeat left top; }

#poste302 #entete, #indexPoste302 #entete {
	background: url(/images/structure/entete/district01/poste_302.jpg) no-repeat left top; }
#indexPoste302 #menu {
	background: url(/images/structure/entete/district01/menu_302.jpg) no-repeat left top; }

#poste304 #entete, #indexPoste304 #entete {
	background: url(/images/structure/entete/district10/poste_304.jpg) no-repeat left top; }
#indexPoste304 #menu {
	background: url(/images/structure/entete/district10/menu_304.jpg) no-repeat left top; }

#poste305 #entete, #indexPoste305 #entete {
	background: url(/images/structure/entete/district01/poste_305.jpg) no-repeat left top; }
#indexPoste305 #menu {
	background: url(/images/structure/entete/district01/menu_305.jpg) no-repeat left top; }

#poste307 #entete, #indexPoste307 #entete {
	background: url(/images/structure/entete/district01/poste_307.jpg) no-repeat left top; }
#indexPoste307 #menu {
	background: url(/images/structure/entete/district01/menu_307.jpg) no-repeat left top; }

#poste308 #entete, #indexPoste308 #entete {
	background: url(/images/structure/entete/district01/poste_308.jpg) no-repeat left top; }
#indexPoste308 #menu {
	background: url(/images/structure/entete/district01/menu_308.jpg) no-repeat left top; }

#poste310 #entete, #indexPoste310 #entete {
	background: url(/images/structure/entete/district08/poste_310.jpg) no-repeat left top; }
#indexPoste310 #menu {
	background: url(/images/structure/entete/district08/menu_310.jpg) no-repeat left top; }

#poste311 #entete, #indexPoste311 #entete {
	background: url(/images/structure/entete/district01/poste_311.jpg) no-repeat left top; }
#indexPoste311 #menu {
	background: url(/images/structure/entete/district01/menu_311.jpg) no-repeat left top; }

#poste312 #entete, #indexPoste312 #entete {
	background: url(/images/structure/entete/district01/poste_312.jpg) no-repeat left top; }
#indexPoste312 #menu {
	background: url(/images/structure/entete/district01/menu_312.jpg) no-repeat left top; }

#poste313 #entete, #indexPoste313 #entete {
	background: url(/images/structure/entete/district10/poste_313.jpg) no-repeat left top; }
#indexPoste313 #menu {
	background: url(/images/structure/entete/district10/menu_313.jpg) no-repeat left top; }

#poste345 #entete, #indexPoste345 #entete {
	background: url(/images/structure/entete/district06/poste_345.jpg) no-repeat left top; }
#indexPoste345 #menu {
	background: url(/images/structure/entete/district06/menu_345.jpg) no-repeat left top; }

#poste351 #entete, #indexPoste351 #entete {
	background: url(/images/structure/entete/district03/poste_351.jpg) no-repeat left top; }
#indexPoste351 #menu {
	background: url(/images/structure/entete/district03/menu_351.jpg) no-repeat left top; }

#poste352 #entete, #indexPoste352 #entete {
	background: url(/images/structure/entete/district04/poste_352.jpg) no-repeat left top; }
#indexPoste352 #menu {
	background: url(/images/structure/entete/district04/menu_352.jpg) no-repeat left top; }

#poste373 #entete, #indexPoste373 #entete {
	background: url(/images/structure/entete/district06/poste_373.jpg) no-repeat left top; }
#indexPoste373 #menu {
	background: url(/images/structure/entete/district06/menu_373.jpg) no-repeat left top; }

#poste378 #entete, #indexPoste378 #entete {
	background: url(/images/structure/entete/district05/poste_378.jpg) no-repeat left top; }
#indexPoste378 #menu {
	background: url(/images/structure/entete/district05/menu_378.jpg) no-repeat left top; }

#poste410 #entete, #indexPoste410 #entete {
	background: url(/images/structure/entete/district08/poste_410.jpg) no-repeat left top; }
#indexPoste410 #menu {
	background: url(/images/structure/entete/district08/menu_410.jpg) no-repeat left top; }

#poste540 #entete, #indexPoste540 #entete {
	background: url(/images/structure/entete/district06/poste_540.jpg) no-repeat left top; }
#indexPoste540 #menu {
	background: url(/images/structure/entete/district06/menu_540.jpg) no-repeat left top; }

/* ********************* district ****************************** */
/* Defini les images de background des sections selon le ID du BODY */
/* background du menu de gauche                                      */ 

#district01 #entete, #indexDistrict01 #entete {
	background: url(/images/structure/entete/district01/district_01.jpg) no-repeat left top; }
#indexDistrict01 #menu {
	background: url(/images/structure/entete/district01/menu_d01.jpg) no-repeat; }

#district02 #entete, #indexDistrict02 #entete {
	background: url(/images/structure/entete/district02/district_02.jpg) no-repeat left top; }
#indexDistrict02 #menu {
	background: url(/images/structure/entete/district02/menu_d02.jpg) no-repeat; }
  
#district03 #entete, #indexDistrict03 #entete {
	background: url(/images/structure/entete/district03/district_03.jpg) no-repeat left top; }
#indexDistrict03 #menu {
	background: url(/images/structure/entete/district03/menu_d03.jpg) no-repeat; }
  
#district04 #entete, #indexDistrict04 #entete {
	background: url(/images/structure/entete/district04/district_04.jpg) no-repeat left top; }
#indexDistrict04 #menu {
	background: url(/images/structure/entete/district04/menu_d04.jpg) no-repeat; }
  
#district05 #entete, #indexDistrict05 #entete {
	background: url(/images/structure/entete/district05/district_05.jpg) no-repeat left top; }
#indexDistrict05 #menu {
	background: url(/images/structure/entete/district05/menu_d05.jpg) no-repeat; }
  
#district06 #entete, #indexDistrict06 #entete {
	background: url(/images/structure/entete/district06/district_06.jpg) no-repeat left top; }
#indexDistrict06 #menu {
	background: url(/images/structure/entete/district06/menu_d06.jpg) no-repeat; }
  
#district07 #entete, #indexDistrict07 #entete {
	background: url(/images/structure/entete/district07/district_07.jpg) no-repeat left top; }
#indexDistrict07 #menu {
	background: url(/images/structure/entete/district07/menu_d07.jpg) no-repeat; }
  
#district08 #entete, #indexDistrict08 #entete {
	background: url(/images/structure/entete/district08/district_08.jpg) no-repeat left top; }
#indexDistrict08 #menu {
	background: url(/images/structure/entete/district08/menu_d08.jpg) no-repeat; }
  
#district09 #entete, #indexDistrict09 #entete {
	background: url(/images/structure/entete/district09/district_09.jpg) no-repeat left top; }
#indexDistrict09 #menu {
	background: url(/images/structure/entete/district09/menu_d09.jpg) no-repeat; }
  
#district10 #entete, #indexDistrict10 #entete {
	background: url(/images/structure/entete/district10/district_10.jpg) no-repeat left top; }
#indexDistrict10 #menu {
	background: url(/images/structure/entete/district10/menu_d10.jpg) no-repeat; }

#poste120 #menu,
#poste071 #menu,
#poste086 #menu,
#poste097 #menu,
#poste098 #menu,
#poste099 #menu,
#poste100 #menu,
#poste102 #menu,
#poste103 #menu,
#poste107 #menu,
#poste108 #menu,
#poste112 #menu,
#poste113 #menu,
#poste114 #menu,
#poste115 #menu,
#poste116 #menu,
#poste117 #menu,
#poste118 #menu,
#poste121 #menu,
#poste131 #menu,
#poste135 #menu,
#poste136 #menu,
#poste137 #menu,
#poste142 #menu,
#poste143 #menu,
#poste144 #menu,
#poste145 #menu,
#poste149 #menu,
#poste156 #menu,
#poste157 #menu,
#poste158 #menu,
#poste159 #menu,
#poste160 #menu,
#poste161 #menu,
#poste165 #menu,
#poste171 #menu,
#poste172 #menu,
#poste174 #menu,
#poste178 #menu,
#poste239 #menu,
#poste122 #menu,
#poste241 #menu,
#poste242 #menu,
#poste243 #menu,
#poste245 #menu,
#poste247 #menu,
#poste252 #menu,
#poste253 #menu,
#poste254 #menu,
#poste255 #menu,
#poste256 #menu,
#poste264 #menu,
#poste265 #menu,
#poste266 #menu,
#poste270 #menu,
#poste271 #menu,
#poste272 #menu,
#poste274 #menu,
#poste275 #menu,
#poste276 #menu,
#poste280 #menu,  
#poste281 #menu,
#poste283 #menu,
#poste284 #menu,
#poste285 #menu,
#poste287 #menu,
#poste288 #menu,
#poste294 #menu,
#poste297 #menu,
#poste298 #menu,
#poste299 #menu,
#poste302 #menu,
#poste304 #menu,
#poste305 #menu,
#poste307 #menu,
#poste308 #menu,
#poste310 #menu,
#poste311 #menu,
#poste312 #menu,
#poste313 #menu,
#poste345 #menu,
#poste351 #menu,
#poste352 #menu,
#poste373 #menu,
#poste378 #menu,
#poste410 #menu,
#poste540 #menu {
	background: #fff url(/images/structure/menu-gauche/votre-poste.gif) no-repeat; }

#district01 #menu,
#district02 #menu,
#district03 #menu,
#district04 #menu,
#district05 #menu,
#district06 #menu,
#district07 #menu,
#district08 #menu,
#district09 #menu,
#district10 #menu {
	background: #fff url(/images/structure/menu-gauche/votre-district.gif) no-repeat; }

/*****************************************************/
/* ***** Section FAQ ***** */
/* ***** page principale **** */
/*****************************************************/

#sectionFAQ .gaucheFAQ img,
#sectionFAQ .droiteFAQ img {
	float: left;
	padding: 0 10px 0 0;
  margin: 0 0 3px 0;
	clear: right;
}
#colCentre .gaucheFAQ, #colCentre .droiteFAQ {
	display: table;
	clear: left;
	float: left;
	width: 270px;
	height: 200px;
	margin: 2px 1px 2px 0px;
  border-top: 2px solid #8c1a1a;
	border-left: 2px solid #8c1a1a;
	background: #FFFFFF url(/images/structure/fond-transparent-coin-rouge.gif) no-repeat 100% 100%;
	/*border-top: 2px solid #c3600f;
	border-left: 2px solid #c3600f;
	background: #FFFFFF url(/images/structure/general/coin_orange_fond_blanc.gif) no-repeat 100% 100%;*/
}
#colCentre .droiteFAQ {
	clear: right;
	float: right;
	margin: 2px 0px 2px 10px;
}
.gaucheFAQ dl, .droiteFAQ dl {
	float: left;
	width: 125px;
	margin: 4px 0 0 5px;
	text-align: left;
}
.gaucheFAQ dd, .droiteFAQ dd {
	margin: 4px 0;
}
/*****************************************************/
/* ***** page liste par mot clés **** */
/*****************************************************/
#texte dl.motCle {
	display: block;
	float: left;
	width: 90%;
	padding: 0 5px 0 0;
  margin: 5px 0;
	height: 100%;
}
#texte dl.motCle dd {
	display: block;
  float: left;
  margin: 4px 0;
  width: 32%;
}

h1.message{
    padding-left:27px;
}

#texte p.message{ 
    padding-left:8px;
}

#texte p.maj{
    text-align:right;
}

/*****************************************************/
/* ***** page liste par mot clés **** */
/*****************************************************/
#sectionFAQ #listeGauche,
#sectionFAQ #listeCentre,
#sectionFAQ #listeDroite,
#sectionConduireSecurite #listeGauche,
#sectionConduireSecurite #listeCentre,
#sectionConduireSecurite #listeDroite,
#sectionCybersurveillance #listeGauche,
#sectionCybersurveillance #listeCentre,
#sectionCybersurveillance #listeDroite,
#sectionPrevenirCriminalite #listeGauche,
#sectionPrevenirCriminalite #listeCentre,
#sectionPrevenirCriminalite #listeDroite {
	display: block;
	float: left;
	width: 168px;
	padding-right: 0px;
	}
	
#sectionFAQ #motCleList #listeGauche li,
#sectionFAQ #motCleList #listeCentre li,
#sectionFAQ #motCleList #listeDroite li,
#sectionConduireSecurite #motCleList #listeGauche li,
#sectionConduireSecurite #motCleList #listeCentre li,
#sectionConduireSecurite #motCleList #listeDroite li,
#sectionCybersurveillance #motCleList #listeGauche li,
#sectionCybersurveillance #motCleList #listeCentre li,
#sectionCybersurveillance #motCleList #listeDroite li,
#sectionPrevenirCriminalite #motCleList #listeGauche li,
#sectionPrevenirCriminalite #motCleList #listeCentre li,
#sectionPrevenirCriminalite #motCleList #listeDroite li {
	background-image: none !important;
  list-style-type: none;
	padding-left: 0px;
  margin: 0 0 8px 0;
}

/*****************************************************/
/* ***** FAQ questions/réponses **** */
/*****************************************************/
#colCentre .faqQuestion {
	font-weight: bold;
  margin: 10px 0 5px 0;
	padding: 0 0 0 10px;
}
/**************** tableau FAQ******************/
#tableau_faq {
	width: 500px;
	margin:0;
	padding:0;
	display:block;
	clear: both;
	/*margin-left: 10px;*/
}
#tableau_faq tr {
	display: none;
}
/* ****** */
#sectionFAQ #faq { 
	display: none;
}

/* **************************************** */
/*           TABLEAUX SPECIFIQUES
/* **************************************** */

/* *************** tableau liste gagants foncation ***************** */

#tableauListeGagnant {
 width: 555px;
}
#tableauListeGagnant th {
 width: 33.33%;
 text-align: left;
}

/**************** tableau liste FAQ******************/
#tableau_liste_faq {
	width: 555px;
	margin:0 14px 0 10px;	
}

#tableau_liste_faq tr {width:33.33%}

#tableau_liste_faq td {
text-align: left;
}

#tableau_liste_faq a{
text-decoration: none;
}

/**************** tableau evenement = actualites******************/
#tableau_actualite_liste {
	width: 555px;
	margin:0 14px 0 10px;
	border-collapse: collapse;
	display: table;
	table-layout:auto;
}

#tableau_actualite_liste tr { /* laisse au comptuer le soin d'afficher les lignes */
	display :none;
	background: url(/images/structure/accueil/recherches/tableau_ligne_bas.gif) repeat-x left bottom;
	height: 30px;

}

#tableau_actualite_liste tr:first-child
{
	/*background:none;*/
}

#tableau_actualite_liste #entete_evenements {
	display :block;
	/*width: 33%;*/
	height: 42px;
	vertical-align:bottom;
}

#tableau_actualite_liste #entete_evenements td {
	height: 25px;
}

#tableau_actualite_liste #orderDate {
	width: 160px;
}

#tableau_actualite_liste #entete_evenements img {
 width:160px;
 height:25px;
 text-align: right;
 padding-bottom:1px;
}

#tableau_actualite_liste caption {display: none;}

#tableau_actualite_liste td {
	height: 30px;
}

#tableau_actualite_liste p {
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
	width: 160px;
}

#tableau_actualite_liste th {
	height: 40px;
}

#tableau_actualite_liste .vide {
	width:10px;
	}
	
#tableau_actualite_liste td.ordreDate {
	width:160px;
	height:inherit;
	margin-bottom: 5px;
}

#tableau_actualite_liste td.communique {
	width:355px;
	height:inherit;
}

/****************  tableau_suspects_recherches diaporama  ******************/

#colCentre #gauche, #colCentre #droite {
	text-align: left;
	display: block;
}

#colCentre #gauche {
	width: 340px;
	float: left;
	padding-right: 20px;
}

#colCentre #droite {
	width: 200px;
	float:left;
	padding-right:0px;
}

.encadre{
	float:right;
	width:160px;
	border: solid 2px #e8ff96;
	padding: 8px 20px 8px 10px;
}

#tableau_suspects_recherches_diapo {
text-align:left;
width: 555px;
margin:0 14px 0 0px;
clear:both;
padding-top:20px;
}

#tableau_suspects_recherches_diapo caption {display: none;}

#tableau_suspects_recherches_diapo tr {
height:35px;
}

#tableau_suspects_recherches_diapo tr, #tableau_suspects_recherches_diapo td{
vertical-align:top;
text-align: left;
}

#colCentre #tableau_suspects_recherches_diapo img {
border: solid 2px #e8ff96;
}

#suspect_grand{
	border: 2px solid #e8ff96;
	margin-right:2px;
}

#tableau_suspects_recherches_diapo .cadrephoto {
width: 196px;
float: left;
margin:0 0px;
}

#tableau_suspects_recherches_diapo #suspectRecherche,
#tableau_suspects_recherches_diapo #suspectArrete  {
	border: 2px solid #969d38;
	width: 60px;
	height: 90px; 
	margin: 0px 8px 8px 0; 
 }

/**************** tableau_suspects_recherches_fiche******************/

#suspect_grand_fiche{
	border: 2px solid #e8ff96;
	margin-right:12px;
}


/**************** tableau_suspects_recherches_liste******************/
/****************            et disparus                  ******************/


#tableau_suspects_recherches_liste{
	width: 555px;
	margin:0 0 0 10px;
	text-align:left;
}

#tableau_suspects_recherches_liste caption {display:none;}

#tableau_suspects_recherches_liste th #photo{
	width:60px;
	background: none;
}

#tableau_suspects_recherches_liste th #claserDate,
#tableau_suspects_recherches_liste th #claserLieu {
	width:170px;
	text-align:right;
}

#tableau_suspects_recherches_liste th #claserNom {
	width:160px;
	padding-right:0px;
	}

#tableau_suspects_recherches_liste td {
	vertical-align: top;
	padding-top: 10px;
	height: 24px;
	text-align: left;
	background: url(/images/structure/accueil/recherches/tableau_ligne_bas.gif) repeat-x left bottom;	
}

#tableau_suspects_recherches_liste th #claserDate,
#tableau_suspects_recherches_liste th #claserLieu
#tableau_suspects_recherches_liste th #claserNom
{
	width:180px;
}

#tableau_suspects_recherches_liste .photoCell{
	background: none;
}

#tableau_suspects_recherches_liste .photoCell img {
	width: 60px;
	height: 90px;
	border: solid 2px #e8ff96;
	margin-right: 2px;
}

#tableau_suspects_recherches_liste #ordreDate,
#tableau_suspects_recherches_liste #ordreLieu,
#tableau_suspects_recherches_liste #ordreNom {
	width: 160px;
	height: 25px;
	border-style: none;
	padding-right: 5px;
}

#tableau_suspects_recherches_liste .colDate {
	text-indent: 14px;
	font-weight: bold;
	width: 165px;
}

#suspectRecherche_liste {
	border: 2px solid #969d38;
	margin-right: 0px;
	width: 60px;
	height: 90px; 
	margin:0 2px 0px 0;
}
#tableau_suspects_recherches_liste .vide {
	background: none;
	width: 10px;
}

/* ********************************************* */
/* Tableaux de contenu a deux couleurs */ 
/****  COULEURS  ****/

/* #C2600F ancien orange */
/* #e8ff96 vert fluo */

/* #e1e1e1 gris foncé */
/* #8c1a1a rouge */
/* #244401 vert forêt */

/**********************************/
#colCentre #texte .tableau-couleur {
	width: 80%;
	margin-bottom: 30px;
	padding: 0px;
	text-align: left;
}
.tableau-couleur th {
	background-color: #8c1a1a;
	text-align: center;
	color: #ffffff;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
	border: 1px solid #FFFFFF;
}
.tableau-couleur td {
	margin: 0px;
	padding: 6px 2px;
}
.tableau-couleur .tableau-colonne-alt {
	background-color: #e1e1e1;
	vertical-align: top;
	color: #000;
}
.tableau-couleur .tableau-titre-fonce {
	color: #ffffff;
	background-color: #244401;
}
/* nouveau noms avec tableau dans le nom 2008-11-21*/
.tableau-couleur .tableau-ligne-alt  {
  background-color: #e1e1e1;
}
.tableau-couleur .tableau-ligne-alt-fonce {
	color: #000000;
  background-color: #c3c694;
}

/*****************************************************************************/
/**************** Tableau recherche de communiqués ******************/
.tableau-liste-communiques {
	width:100%;
	margin-bottom: 30px;
	padding: 0px;
	text-align: left;
}
.tableau-liste-communiques  th {
	background-color: #FFFFFF;
	/*text-align: center;*/
	color: #000000;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
	border: 1px solid #FFFFFF;
}
.tableau-liste-communiques  td {
	margin: 0px;
	padding: 6px 2px;
}
.tableau-liste-communiques .tableau-ligne-alt  {
  background-color: #e1e1e1;
}
.tableau-liste-communiques .tableau-ligne-alt-fonce {
	color: #000000;
  background-color: #c3c694;
}
/*****************************/
/**************** à supprimer éventuellement après tous les changements ******************/

#colCentre #texte .tableauDeuxCouleurs {
	width: 80%;
	margin-bottom: 30px;
	padding: 0px;
	text-align: left;
}
.tableauDeuxCouleurs th {
	background-color: #8c1a1a;
	text-align: center;
	color: #ffffff;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
	border: 1px solid #FFFFFF;
}
.tableauDeuxCouleurs td {
	margin: 0px;
	padding: 6px 2px;
}
.tableauDeuxCouleurs .tableau-titre-fonce {
	color: #ffffff;
	background-color: #244401;
}
/* nouveau noms avec tableau dans le nom 2008-11-21*/
.tableauDeuxCouleurs .tableau-ligne-alt  {
  background-color: #e1e1e1;
}
.tableauDeuxCouleurs .tableau-ligne-alt-fonce {
	color: #ffffff;
  background-color: #c3c694;
}

.tableauDeuxCouleurs .tableauLigneAlt  { /* à supprimer  IR 2008-10-30 et changer en edit*/
	background-color: #e1e1e1; /* gris foncé avant f0f0f0; gris pale pourtour */ /*#e8ff96;*/
}
#tableauDeuxCouleurs #ligneAlt  { 
/*a changer pour ligne-alt dans composantes et ensuite supprimer
LE TABLEAU NE PEUX PAS ETRE UN DIV, CE DOIT ETRE UNE CLASSE*/
	background-color: #e1e1e1; /* gris foncé avant f0f0f0; gris pale pourtour */ /*#e8ff96;*/
}
.tableauDeuxCouleurs .ligne-alt  {
  background-color: #e1e1e1; /* gris foncé avant f0f0f0; gris pale pourtour */ /*#e8ff96;*/
}
.tableauDeuxCouleurs .ligne-alt-fonce { /* à modifier de IR 2008-11-06 ligne-alt */
	color: #ffffff;
  background-color: #c3c694; /* vert plus beige   #5e6323; /* vert kaki */
}
#tableauDeuxCouleurs .colonnerouge { /*** IR 2008-11-06 à effacer après changement en edit  -- >  devrait utiliser th
Utilisé dans composantesTuiles\pageListeCommuniques.jsp
et /salle-de-presse/communiques/communiques-sq.jsp */
	background-color: #8c1a1a; /* #C2600F; orange*/
	text-align: left;
	color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
  padding-left: 10px;
}

#tableauDeuxCouleurs .colonneverte {/*** IR 2008-11-06 à effacer après changement en edit  -- >  devrait utiliser th
Utilisé dans composantesTuiles\pageListeCommuniques.jsp
et /salle-de-presse/communiques/communiques-sq.jsp */
	background-color: #8c1a1a; /*#969d38; vert */
	max-width: 20px;
	text-align: left;
	color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
  padding-left: 10px;
}
/*.tableauDeuxCouleurs .tableauHeaderAlt { 

/* à supprimer IR 2008-11-03 
pas utilisé 
http://dev-ciw.surete.qc.ca/actualites/2008/fete-nationale-long-conge-surete-bien-presente.jsp

	background-color: #bfce67;
	text-align: center;
	color: #000;
}*/

.tableauDeuxCouleurs .tableauLigneAltFonce {
	color: #000000;
  background-color: #c3c694; /* vert plus beige   #5e6323; /* vert kaki */
  /*background-color: #bfce67;
  background-color: #e1e1e1;
	color: #000;
}
.tableauDeuxCouleurs .tableauTrTdBold { /** à supprimer après changement edit IR 2008-11-07
http://dev-ciw.surete.qc.ca/salle-de-presse/dossiers-de-presse/coup-oeil-surete.jsp */
	font-weight: bold;
}
.tableauDeuxCouleurs .tableauTitreNoir { /* à supprimer  IR 2008-10-20 après changement edit*/
	color: #ffffff;
	background-color: #244401;
}
.tableauDeuxCouleurs .tableauColonneAltFonce {
	background-color: #e1e1e1; /*#bfce67;*/
	vertical-align: top;
	color: #000;
}

/********************************************************************************************/
/* *********************************************************** */
/*                 moteur de recherche                         */
/* *********************************************************** */
#sectionInformations .nombre-resultat-recherche {
	font-weight: bold;
  margin-bottom: 5px;
}
#sectionInformations .message-recherche {
	font-weight: bold;
  padding: 3px 0;
  margin-bottom: 15px;
  background-color: #e8ff96;
}
#sectionInformations .resultat-recherche {
	margin: 15px 0;
}
#sectionInformations .petit {
	font-size: 0.8em;
  margin: 1px 0;
}
#sectionInformation .surligne-jaune {
  background-color: #e8ff96;
}

#motRechMap{
    margin-left:7px;
    margin-bottom:1px;
}
#permis table.tableau-couleur{
    width:550px;
    margin:auto;
}

.tableau-liste-communiques TH  .bothDate{
    background-color:#bfce67;
    background-image: url(../../images/communiques/bouton_ordre_date.gif); 
}

.tableau-liste-communiques TH  .descDate {
    background-color:#bfce67;
    background-image: url(../../images/communiques/bouton_ordre_date_desc.gif); 
}

.tableau-liste-communiques TH .ascDate {
    background-color:#bfce67;
    background-image: url(../../images/communiques/bouton_ordre_date_asc.gif); 
}

.tableau-liste-communiques TH  .bothTitre{
    background-color:#bfce67;
    background-image: url(../../images/communiques/bouton_ordre_titre.gif); 
}

.tableau-liste-communiques TH  .descTitre {
    background-color:#bfce67;
    background-image: url(../../images/communiques/bouton_ordre_titre_desc.gif); 
}

.tableau-liste-communiques TH .ascTitre {
    background-color:#bfce67;
    background-image: url(../../images/communiques/bouton_ordre_titre_asc.gif); 
}

.tableau-liste-communiques TH .sortable{
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.tableau-liste-communiques TH .th-inner {
    padding: 8px;
    line-height: 24px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
}

.lienCommuniques a {
    text-align: right;
    line-height: 30px;
    color: #969c38;
    text-decoration: none;
    font-weight:bold;
}
.lienCommuniques a:hover {
     color: #969c38;
}
.lienArchives a {
    text-align: right;
    line-height: 30px;
    padding-left: 50px;
    color: #969c38;
    text-decoration: none;
    font-weight:bold;
}
.lienArchives a:hover {
     color: #969c38;
}