@charset "UTF-8";
/* CSS Document */

* {
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

IMG {
border:0px
}

A {
text-decoration:none;
}

A:HOVER {
text-decoration:underline;
}

BODY {
text-align:center;
background-color:#ffffff;
margin-top:5px;
}

DIV#page {
position:relative;
width:955px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:left;
}

DIV#header {
position:relative;
float:left;
width:955px;
height:166px;
background-image:url(../media/image/header.jpg);
background-repeat:no-repeat;
}

DIV#header A#logo{
position:absolute;
left:6px;
top:3px;
width:161px;
height:83px;
z-index:9;
cursor:pointer;
}

DIV#header A#unitepolice{
position:absolute;
left:842px;
top:20px;
width:104px;
height:49px;
z-index:9;
cursor:pointer;
}


DIV#header UL#mainmenu{
position:absolute;
left:180px;
top:14px;
width:760px;
height:20px;
z-index:9;
list-style:none;
display:inline;
}

DIV#header UL#mainmenu LI {
position:relative;
padding:0px;
margin:0px;
border:0px;
list-style:none;
display:inline;
border-left:1px solid #000000;
width:auto;
}

DIV#header UL#mainmenu LI A {
font-family:"Times New Roman", Times, serif;
font-size:17px;
font-weight:bold;
color:#000000;
text-transform:capitalize;
padding-left:5px;
padding-right:5px;
width:auto;
}

DIV#header UL#mainmenu LI:first-child {
border-left:0;
}


DIV#header A.lienunite{
position:absolute;
left:830px;
top:73px;
width:auto;
height:auto;
z-index:9;
font-size:13px;
color:#000066;
font-weight:bold;
white-space:nowrap;
}


DIV#header UL.submenu{
position:absolute;
left:183px;
top:42px;
width:760px;
height:12px;
z-index:9;
list-style:none;
display:inline;
padding-left:3px;
line-height:10px;
}

DIV#header UL.submenu LI {
position:relative;
padding:0px;
margin:0px;
border:0px;
list-style:none;
display:inline;
line-height:10px;
}

DIV#header UL.submenu LI A {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
padding-left:3px;
padding-right:3px;
border-right:1px solid #000000;
text-transform:uppercase;
}

DIV#header DIV#bandeau{
position:absolute;
left:1px;
top:117px;
width:953px;
height:41px;
background-image:url(../media/image/bandeau.gif);
background-repeat:no-repeat;
overflow:hidden;
}

DIV#myhtmlticker  {
position:absolute;
left:0px;
top:0px;
width:890px;
height:25px;
margin-left:20px;
overflow:hidden;
margin-top:10px;
margin-bottom:5px;
}

A#closeticker {
position:absolute;
left:934px;
top:3px;
width:17px;
height:16px;
cursor:pointer;
z-index:100;
}

.messagediv {
display: none;
font-size:18px;
color:#b9233d;
font-weight:bold;
z-index:99;
text-align:center;
}


DIV#body {
position:relative;
float:left;
width:953px;
height:auto;
border-left:1px solid #666666;
border-right:1px solid #666666;
padding-left:0px;
padding-right:0px;
}

DIV#colonnedroite {
position:relative;
float:left;
width:325px;
left:4px;
height:auto;
}

DIV.blocdroite{
position:relative;
float:left;
width:325px;
height:auto;
padding-top:10px;
}

DIV#sondage{
position:relative;
float:left;
width:319px;
height:auto;
padding:2px;
padding-top:0px;
border:1px solid #999999;
}

DIV.blocdroite H2 {
position:relative;
float:left;
width:315px;
height:18px;
overflow:hidden;
background-image:url(../media/image/tetiere.jpg);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
text-transform:uppercase;
font-size:14px;
padding-top:1px;
padding-left:10px;
padding-bottom:10px;
}

DIV.blocdroite H2.newsletter {
position:relative;
float:left;
width:315px;
height:18px;
overflow:hidden;
color:#666666;
text-transform:uppercase;
font-size:14px;
padding-top:1px;
padding-left:10px;
padding-bottom:10px;
background-image:none;
}

DIV#body DIV#colonnegauche {
position:relative;
float:left;
width:620px;
height:auto;
background-image:url(../media/image/filet-vertical.jpg);
background-position:right;
background-repeat:repeat-y;
}

DIV#colonnegauchebloc1{
position:relative;
float:left;
width:590px;
left:15px;
margin-top:5px;
padding-bottom:15px;
height:auto;
background-image:url(../media/image/filet-horizontal.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

DIV#colonnegauchebloc1 H1 A{
font-size:30px;
color:#b9233d;
text-transform:uppercase;
padding-bottom:1px;
display:block;
text-align:left;
}

DIV#colonnegauchebloc1 H1 A:HOVER{
color:#890f24;
text-decoration:none;
}

DIV#colonnegauchebloc1 EM{
font-size:12px;
color:#666666;
text-transform:capitalize;
font-style:italic;
padding-bottom:10px;
display:block;
}

DIV#colonnegauchebloc1 H2{
text-align:justify;
font-size:16px;
font-weight:bold;
color:#666666;padding-bottom:10px;
display:block;
}

DIV#colonnegauchebloc2{
position:relative;
float:left;
width:580px;
left:15px;
padding-left:0px;
margin-right:5px;
margin-top:5px;
padding-bottom:15px;
height:auto;
background-image:url(../media/image/filet-horizontal.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

DIV.bloctiers {
position:relative;
float:left;
width:185px;
margin-right:8px;
margin-top:5px;
padding-bottom:5px;
height:auto;
}

DIV.visuelbloc2{
position:relative;
float:left;
width:183px;
height:150px;
border:1px solid #666666;
background-color:#999999;
}

SPAN.textebloc2 {
position:relative;
float:left;
width:180px;
margin-top:7px;
height:100%;
background-image:url(../media/image/coin-gauche.jpg);
background-position:left top;
background-repeat:repeat-y;
padding-left:5px;
padding-top:3px;
}

SPAN.textebloc2 A.titre {
font-size:16px;
font-weight:bold;
color:#666666;
text-align:justify;
padding-bottom:6px;
text-transform:uppercase;
}

SPAN.textebloc2 H2 {
font-size:13px;
font-weight:bold;
color:#666666;
text-align:left;
}

DIV.colonnegauchebloc3{
position:relative;
float:left;
width:580px;
left:15px;
margin-right:5px;
padding-top:10px;
padding-bottom:15px;
display:block;
}

DIV.colonnegauchebloc3 TABLE.table3 {
position:relative;
float:left;
padding-top:10px;
padding-bottom:10px;
}

DIV.colonnegauchebloc3 DIV.visuelbloc3 {
width:183px;
height:150px;
border:1px solid #666666;
}

DIV.colonnegauchebloc3 DIV.visuelbloc3 .inner{
position:relative;
float:left;
left:5px;
top:5px;
width:173px;
height:138px;
overflow:hidden;
background-image:url(/media/image/logo-sgp-unite-police.gif);
background-position:center;
background-repeat:no-repeat;
}

DIV.colonnegauchebloc3 H2 A{
font-size:28px;
color:#b9233d;
text-align:left;
}

DIV.colonnegauchebloc3 EM{
font-size:12px;
color:#666666;
text-transform:capitalize;
font-style:italic;
padding-bottom:10px;
}

DIV.colonnegauchebloc3 H3{
font-size:12px;
color:#000000;
font-weight:bold;
font-style:italic;
padding-bottom:10px;
text-align:justify;
}

DIV.colonnegauchebloc4{
position:relative;
float:left;
width:590px;
left:15px;
margin-right:15px;
padding-bottom:15px;
background-image:url(../media/image/filet-horizontal.jpg);
background-position:top;
background-repeat:no-repeat;
}

DIV.colonnegauchebloc4 H2 A{
position:relative;
float:left;
width:560px;
font-size:30px;
color:#b9233d;
padding-bottom:5px;
display:block;
text-align:left;
font-weight:bold;
margin-top:5px;
}

DIV#body A.lire{
position:relative;
float:left;
font-size:10px;
color:#666666;
font-style:italic;
}

DIV#body A.commentaire{
position:relative;
display:block;
font-size:10px;
color:#666666;
font-style:italic;
left:70px;
}

DIV#footer {
position:relative;
float:left;
width:953px;
height:25px;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
padding-bottom:15px;
padding-top:15px;
}

DIV#footer DIV#footerleft {
position:relative;
float:left;
width:185px;
height:28px;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
}

DIV#footer UL#footerright {
position:relative;
float:left;
width:720px;
height:28px;
padding-left:30px;
padding-top:6px;
}

DIV#footer UL#footerright LI {
position:relative;
list-style:none;
display:inline;
font-size:14px;
color:#000000;
}

DIV#footer UL#footerright LI A {
font-size:14px;
color:#000000;
}

DIV#footer DIV#footerleft A.rss {
position:relative;
float:right;
padding-top:7px;
padding-right:4px;
font-size:14px;
color:#000000;
}

DIV#footer DIV#footerleft IMG {
position:relative;
float:right;
padding-top:2px;
padding-right:2px;
font-size:14px;
color:#000000;
}

DIV#barremenu {
position:absolute;
left:0px;
top:93px;
width:955px;
height:23px;
background-image:url(../media/image/fond-rouge-menu.jpg);
background-position:top left;
background-repeat:no-repeat;
white-space:nowrap;
}

DIV#barremenu .innerbarremenu {
position:relative;
float:left;
width:auto;
color:#ffffff;
font-size:11px;
height:inherit;
text-transform:uppercase;
margin-top:5px;
margin-left:5px;
}

DIV#barremenu A.motdepasse {
position:relative;
float:left;
width:auto;
color:#ffffff;
font-size:10px;
height:inherit;
margin-top:5px;
margin-left:13px;
text-decoration:underline;
}

.input {
width:120px;
height:16px;
border:1px solid #666666;
font-size:12px;
color:#7b7b7b;
background-color:#ffffff;
font-size:12px;
}

DIV#barremenu .input {
position:relative;
float:left;
margin-top:3px;
margin-left:6px;
width:66px;
height:14px;
border: 1px solid #7b7b7b;
font-size:10px;
color:#7b7b7b;
background-color:#ffffff;
}

.bouton {
width:auto;
height:17px;
font-size:12px;
font-weight:bold;
color:#ffffff;
background-color:#919191;
text-transform:uppercase;
padding-left:2px;
padding-right:2px;
border:0px;
padding-bottom:1px;
cursor:pointer;
}

DIV#barremenu .bouton {
position:relative;
float:left;
margin-top:3px;
margin-left:5px;
width:auto;
padding-left:3px;
padding-right:3px;
padding-top:0px;
height:17px;
border: 1px solid #ffffff;
font-size:11px;
font-weight:bold;
color:#ffffff;
background-color:#919191;
text-transform:uppercase;
}

DIV.video-home {
position:relative;
float:left;
width:325px;
height:auto;
}

DIV.blocdroite A.titre {
position:relative;
width:305px;
font-size:12px;
font-weight:bold;
color:#000000;
display:block;
padding-left:10px;
padding-right:10px;
padding-bottom:3px;
text-transform:uppercase;
}

DIV.blocdroite SPAN.date {
position:relative;
width:305px;
display:block;
padding-left:10px;
padding-right:10px;
font-size:12px;
font-style:italic;
color:#666666;
padding-bottom:7px;
}

DIV.blocdroite P.chapo {
position:relative;
font-size:11px;
font-weight:normal;
color:#000000;
display:block;
padding-left:10px;
padding-right:10px;
padding-bottom:3px;
text-align:justify;
}

DIV#colonne {
display:block;
width:893px;
padding-top:5px;
padding-left:30px;
padding-right:30px;
padding-bottom:15px;
}

DIV#colonne H1{
display:block;
font-size:24px;
color:#b9233d;
font-weight:bold;
}

DIV#colonne H2{
display:block;
font-size:14px;
color:#666666;
font-weight:bold;
}

DIV#colonne IMG.filet {
position:relative;
display:block;
width:893px;
height:3px;
background-image:url(/media/image/filet-horizontal.jpg);
background-repeat:repeat-x;
margin-bottom:5px;
margin-top:5px;
}

DIV#colonne P.rubrique, DIV#colonne A.rubrique {
display:block;
font-size:36px;
color:#b9233d;
font-weight:bold;
}

DIV#colonne H1.titre, DIV#colonne A.titre {
position:relative;
padding-top:15px;
display:block;
font-size:22px;
color:#b9233d;
font-weight:bold;
width:auto;
}

DIV#colonne EM.date {
display:block;
font-size:12px;
color:#666666;
font-weight:normal;
font-style:italic;
}

DIV#colonne H2.chapo, DIV#colonne P.chapo  {
padding-top:8px;
padding-bottom:15px;
font-weight:normal;
font-size:16px;
font-weight:bold;
color:#666666;
text-align:justify;
}

P.video-titre, P.audio-titre {
font-size:11px;
color:#b9233d;
font-weight:bold;
padding-top:10px;
font-style:italic;
}

P.video-description {
font-size:9px;
color:#b9233d;
font-style:italic;
margin-left:10px;
display:block;
}

DIV.article {
position:relative;
display:block;
width:893px;
font-size:13px;
color:#333333;
font-weight:normal;
height:auto;
text-align:justify;
}

DIV.article P {
font-size:13px;
color:#333333;
font-weight:normal;
}

DIV.article A {
font-size:13px;
color:#333333;
font-weight:normal;
text-decoration:underline;
}

DIV#colonne A.telecharger {
display:block;
font-size:14px;
color:#b9233d;
font-weight:bold;
padding-bottom:10px;
padding-top:10px;
}

SPAN.pages {
font-size:12px;
color:#666666;
display:block;
text-align:center;
padding-top:15px;
}

SPAN.pages A {
font-size:12px;
color:#666666;
margin-right:5px;
padding:2px;
border: 1px solid #666666;
text-decoration:none;
}

SPAN.pages A.active, SPAN.pages A:hover {
font-size:12px;
color:#FFFFFF;
margin-right:5px;
padding:2px;
border: 1px solid #666666;
background-color:#666666;
text-decoration:none;
}

DIV.videocontainer {
position:relative;
display:block;
background-color:#ffffff;
background-image:url(../jquery/loading.gif);
background-repeat:no-repeat;
background-position:center;
}

IMG.imagedroite {
position:relative;
float:left;
margin-right:10px;
margin-left:10px;
}

TABLE#informezvous {
position:relative;
float:left;
}

TABLE#informezvous EM {
position:relative;
display:block;
font-size:12px;
color:#666666;
font-weight:normal;
font-style:italic;
padding-bottom:6px;
}

TABLE#informezvous TD A.titreinform {
position:relative;
display:block;
font-size:14px;
color:#b9233d;
font-weight:bold;
padding-bottom:6px;
}

TABLE#informezvous TD P.chapoinform {
position:relative;
display:block;
font-size:12px;
color:#666666;
font-weight:bold;
text-align:justify;
}

INPUT.champcss {
position:relative;
display:block;
height:17px;
width:600px;
border:1px solid #666666;
font-size:14px;
padding:2px;
font-weight:bold;
}

TABLE#tableinscription TD {
font-size:12px;
color:#000000;
}

TABLE#tableinscription TD.titre {
font-size:14px;
color:#000000;
font-weight:bold;
}

TABLE#tableinscription SELECT {
font-size:12px;
color:#000000;
width:250px;
border:1px solid #666666;
margin-bottom:6px;
}

TABLE#tableinscription INPUT {
font-size:12px;
color:#000000;
width:250px;
border:1px solid #666666;
margin-bottom:6px;
}

TABLE#tableinscription TEXTAREA {
font-size:12px;
color:#000000;
width:250px;
height:120px;
border:1px solid #666666;
margin-bottom:6px;
}


TABLE#tableinscription INPUT.bouton {
width:auto;
height:19px;
border: 1px solid #666666;
font-size:12px;
font-weight:bold;
color:#ffffff;
background-color:#919191;
text-transform:uppercase;
cursor:pointer;
}

.libelle {
font-size:12px;
color:#000000;
}

.libelle_error {
font-size:12px;
color:#FF0000;
}

P.alerte {
font-size:14px;
color:#FF0000;
font-weight:bold;
padding-bottom:10px;
}

.t12pxBoldBlack {
font-size:12px;
font-weight:bold;
color:#000000;
}

.t14pxBoldGrey {
font-size:14px;
font-weight:bold;
color:#666666;
}

.t12pxGrey {
font-size:12px;
color:#666666;
}

TEXTAREA.commentaire {
width:893px;
height:120px;
border: 1px solid #666666;
}

DIV#zonenewsletter {
position:relative;
float:left;
width:auto;
height:auto;
}

A.encadre {
width:auto;
height:17px;
font-size:12px;
font-weight:bold;
color:#ffffff;
background-color:#919191;
text-transform:uppercase;
padding-left:2px;
padding-right:2px;
border:0px;
padding-top:2px;
float:right;
cursor:pointer;
}

#gallery ul { list-style: none; padding-top:10px; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #000000;
border-width: 5px 5px 20px;
color: #000000;
}
#gallery ul a:hover { color: #fff; }