/*
 * reset
 */

iframe {
	border: 0;
} 
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset, img { border: 0; }

 
a:focus { outline: none; }

 
html {
	height: 100%;
	margin-bottom: 1px;
}

/*
 * default values
 */

/* 
p {
	margin-top: 10px;
	margin-bottom: 15px;
}
*/
 
ul, ol, dl {
	margin: 10px 0;
	padding-left: 30px
}

dl { margin: 10px 0; }
dd { padding-left: 40px; }

 
td, th { padding: 0px; }

 
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

 
fieldset {
	margin: 10px 0 10px 0;
	padding: 0 10px 10px 10px;
	border: 1px solid #c8c8c8;
}

legend {
	padding: 0 10px 0 10px;
	background: #ffffff;
}

form div { margin: 5px 0; }

textarea { padding: 1px 0 1px 5px; }

option { padding: 0 0 1px 5px; }

input[type='hidden'] { display: none; }

/*
input[type='text'],
input[type='password'] { padding: 1px 0 1px 5px; }

button,
input[type='button'],
input[type='submit'] {
	padding: 2px 4px 2px 1px;
	line-height: 100%;
}

textarea,
input[type='text'],
input[type='password'],
select {
	border: 1px solid #c8c8c8;
	background: #ffffff;
}

 
textarea:hover,
input[type='text']:hover,
input[type='password']:hover,
select:hover { border-color: #aaaaaa; }

 
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
select:focus {
	border-color: #8c8c8c;
	outline: 2px solid #dcdcdc;
}


*/

input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select,
button { cursor: pointer; }
 
 
hr {
	margin: 15px 0 15px 0;
	display: block;
	background: #c8c8c8;
	height: 1px;
	border: none;
}

 
q { font-style: italic; }

 
pre {
	margin: 10px 50px;
	padding: 5px 0 5px 10px;
	border-left: 5px solid #2e8857;
	background: #fafafa;
	font-size: .9rem;
	color: #2E8B57;
	font-family: "Courier New", Courier, monospace;
	white-space: pre-wrap;
	line-height: 1.2rem;
}

 
acronym, abbr {
	border-bottom: 1px dashed #969696;
	cursor: help;
	font-variant: small-caps;
	text-transform: lowercase;
}

body {
	font-family: var(--dapolice-babar);
	font-size: 1.2rem;
	line-height: 30px;
	color: #303030;
	font-weight: 250;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background: rgba(93, 227, 216, .20);
}

.wrapper { margin: auto; }

#header {
	position: relative;
	z-index: 10;
	height: 200px;
	clear: both;
}

#top {
	overflow: hidden;
	clear: both;
	margin: 0 0 8px 0;
}

#top .topbox { margin-top: 0; }

#middle {
	padding: 0px 0px 50px 0px;
	clear: both;
}

#bottom {
	overflow: hidden;
	clear: both;
}

#bottom .bottombox { }  

#footer {
	position: relative;
	padding: 20px 0;
	clear: both;
	text-align: center;
}

 
 
#middle {
	width: 100%;
	overflow: hidden;  
	position: relative;  
}

#middle-expand {
	width: 200%;
}

 
#main {
	position: relative;
	left: 50%;
	width: 50%;
	float: left;
}

#main-shift {
	position: relative;
	left: -100%;
	overflow: hidden;
}

 
#left {
	position: relative;
	left: -50%;
	float: left;
	overflow:hidden;
}

 
#right {
	float: left;
	overflow:hidden;
}

 

div#maintop,
div#contenttop {
	margin: 0px 0px 15px 0px;
	overflow: hidden;
}

div#contentbottom,
div#mainbottom {
	margin: 15px 0px 0px 0px;
	overflow: hidden;
}

 
 
#mainmiddle {
	width: 100%;  
	overflow: hidden;  
	position: relative;  
}

#mainmiddle-expand {
	width: 200%;
}

 
#content {
	position: relative;
	left: 50%;
	width: 50%;
	float: left;
}

#content-shift {
	position: relative;
	left: -100%;
	overflow: hidden;
}

 
#contentleft {
	position: relative;
	left: -50%;
	float: left;
	overflow:hidden;
}

 
#contentright {
	float: left;
	overflow:hidden;
}

 

.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

 
/*
body.yoopage { background: #FAFAFA url(/templates/pac_pho/images/page_bg_b.png) 0 100% repeat-x fixed; }
#page-body { background: url(/templates/pac_pho/images/page_bg_t.png) 0 0 repeat-x fixed; }

.wrapper-bg1 {}
.wrapper-bg2 { padding: 0px 15px 0px 15px; }

body.yoopage { background: #C8C8C8 url(/templates/pac_pho/images/page_bg2.png) 0 0 repeat scroll; }
*/
body.yoopage {
	background: linear-gradient(180deg, rgb(237 237 237) 0%, rgb(254 254 254) 35%, rgb(237 237 237) 100%);
    background-size: 250% 600%;
}

#page-body { background: none; }

/* .wrapper-bg1 { background: #ECECEC url(/templates/pac_pho/images/page_bg_wrapper.png) 0 0 repeat-x; } */
.wrapper-bg1 {background-color: rgba(224, 224, 224, 0.40); background: linear-gradient(120deg, rgba(255, 255, 255, 0.4) 25%, rgba(224, 224, 224, 0.5)); border-radius: 2px; position: relative;}
.hab{backdrop-filter: blur(5px) grayscale(50%); border-radius: 2px; position: relative;}
.hab-f {background:linear-gradient(160deg, rgba(23, 23, 23, 0.45), rgba(224, 224, 224, 0.52) 20%); backdrop-filter: blur(5px) grayscale(50%); border-radius: 2px; position: relative;}
.wrapper-bg2 { padding:0px; }

#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}

#breadcrumbs {
	font-size: .75rem;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 1.75px;
}

#breadcrumbs a,
#breadcrumbs span {	display: inline-block; }

/*#breadcrumbs a:not(.lastbreadcrumb),*/
#breadcrumbs span.separator {
	padding: 0px 15px 0px 0px;
}

 
#toolbar {
	height: 25px;
	overflow: visible;
	line-height: 20px;
	font-size: 11px;
	text-transform: uppercase;
	padding: 20px 0px 0px 25px;
	letter-spacing: 2.5px;
	float: right;
}

#date {
	margin: 0px 20px 0px 0px;
	float: left;
}

#headerbar {
	height: 115px;
	padding-left: 220px;
	overflow: hidden;
}

#menubar { }

#menubar div.menubar-2 {
	padding: 0px 20px 0px 20px;
	background: linear-gradient(whitesmoke,rgba(255, 255, 255, 0.56));
    border-radius: 2px 2px 0 0;
}

#menubar div.menubar-3 {
	height: 73px;
}

 
#logo {
	position: absolute;
	top: 100px;
	left: 0px;
	padding: 20px 0;
	width: 100%;
	transform: rotate(-1.2deg);
	user-select: none;
}

#menu {
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 11;
	user-select: none;
}

#search {
	position: absolute;
	top: 58px;
	right: 20px;
	z-index: 12;
	height: 32px;
	border-radius: 0px 4px 0px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#banner {
	position: absolute;
	top: 100px;
	right: -15px;
	width: 0px;
	z-index: 3;
}

 

#footer a:link, #footer a:visited { }

#footer a:hover { }

#footer a.anchor {
	position: absolute;
	right: 0px;
	top: 3px;
	width: 30px;
	height: 5px;
	background: url(/templates/pac_pho/images/footer_anchor.png) 0 -10px no-repeat;
	display: block;
	text-decoration: none;
}

 

div.mainmiddle-wrapper-tl { background: url(/templates/pac_pho/images/module_rounded_white_corners.png) 0 0 no-repeat; }

div.mainmiddle-wrapper-tr {
	padding: 0px 10px 0px 10px;
	background: url(/templates/pac_pho/images/module_rounded_white_corners.png) 100% -15px no-repeat;
}

div.mainmiddle-wrapper-t {
	border-top: 1px solid #D2D2D2;
	background: #ffffff;
}

div.mainmiddle-wrapper-t div.contentright-bg { height: 9px; }

div.mainmiddle-wrapper-m {
	padding: 8px;
	background: #ffffff;
}

div.mainmiddle-wrapper-m div.contentright-bg {
	padding: 6px 10px; 
	overflow: hidden;
}

div.mainmiddle-wrapper-bl { background: url(/templates/pac_pho/images/module_rounded_white_corners.png) 0 -30px no-repeat; }

div.mainmiddle-wrapper-br {
	padding: 0px 10px 0px 10px;
	background: url(/templates/pac_pho/images/module_rounded_white_corners.png) 100% -45px no-repeat;
}

div.mainmiddle-wrapper-b {
	height: 9px;
	border-bottom: 1px solid #D2D2D2;
	background: #ffffff;
}

div.mainmiddle-wrapper-b div.contentright-bg { height: 9px; }

.column-contentleft div.contentleft-bg { background: url(/templates/pac_pho/images/contentleft_bg.png) 0 0 repeat-y; }
/* .column-contentright div.contentright-bg { background: url(/templates/pac_pho/images/contentright_bg.png) 100% 0 repeat-y; } */


@font-face {
    font-family: 'Amatic';
    src: url(/templates/pac_pho/css/amatic-sc-v15-latin-ext_latin-regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Amatic';
    src: url(/templates/pac_pho/css/amatic-sc-v15-latin-ext_latin-700.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
  font-display: swap;
  font-family: 'Antonio';
  font-style: normal;
  font-weight: 100;
  src: url(/templates/pac_pho/css/antonio-v19-latin-ext-100.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Antonio';
  font-style: normal;
  font-weight: 300;
  src: url(/templates/pac_pho/css/antonio-v19-latin-ext-300.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Antonio';
  font-style: normal;
  font-weight: 400;
  src: url(/templates/pac_pho/css/antonio-v19-latin-ext-regular.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Antonio';
  font-style: normal;
  font-weight: 600;
  src: url(/templates/pac_pho/css/antonio-v19-latin-ext-600.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Antonio';
  font-style: normal;
  font-weight: 700;
  src: url(/templates/pac_pho/css/antonio-v19-latin-ext-700.woff2) format('woff2');
}


/*
 * headings
 */
 
h1, h2, h3, h4, h5, h6 {
	font-family: var(--dapolice-caenvoie);
	margin: 20px 0 15px 0;
	padding: 0px 5px;
	}

#page h1 a {
	color: var(--accentohcon);
	text-decoration: none;
}

h1{color: var(--accentohcon);font-size:2.4rem;line-height:1.2em;font-weight:bold;}
div.joomla h1.title{margin:0px;padding: 5px 50px 25px 0;text-align: center;font-size: 3.9rem;letter-spacing: -2px;}
h2{color: #50555A;font-size:2rem;line-height:2rem;}
h2.title{font-size:1.22rem;line-height:1.1em;margin: 5px;letter-spacing: -.5px;}
h2.meta{font-size:1.22rem;line-height:2.2rem;font-weight:100;}
h2.cdh{color: #50555A;font-size:1.15rem;line-height:1.2rem;font-weight:700;text-transform: uppercase;overflow: hidden; margin: 15px; padding:0;letter-spacing: 1px;}
h2.anpm{color:white;margin:8px;font-size:1rem;}
#left .mod-trans h2.cdh, #contentright .mod-trans h2.cdh{margin: 10px 90px;text-align:center;line-height:1.4rem;font-weight: 200;font-size: 1.1rem;}
h3{color: var(--accentohcon);font-size:1.65rem;line-height:1.9rem;}
h3.meta{font-size:1.15em;line-height:1.2em; font-weight: 200; padding: 0 0 0 0;text-transform: none;margin:0;}
h4{color: #50555A;font-size:1.65rem;line-height:1.9rem;}
h4.cdi{font-size:16px;font-weight:bold;white-space:nowrap;text-transform: uppercase;}
h4.menu-du-jour{font-weight:400;white-space:nowrap;text-transform:uppercase;margin:0;}
h5{color: var(--accentohcon);font-size:1.4rem;line-height:1.3rem;}
h6{color: #50555A;font-size:1.4rem;line-height:1.3rem;}

.prout a:link, .prout a:visited, .ipb_content a:link, .ipb_content a:visited {font-weight: 500;}
sup {vertical-align: text-bottom;}
sub {vertical-align: text-top;}
b {font-weight: 500;}
strong {font-weight: 500;}

/*
 * anchor
 */

a:link{ color: var(--accentohcon); }
a:visited { color: var(--accentpssshht); }
a:link:hover, a:visited:hover { color: var(--accentfouyouyou); }

a:link, a:visited{
text-decoration:none;
transition:color .2s ease-out, background 0.4s ease-in;
 }
table.cdi a:link, table.cdi a:visited{
color : #737373;
transition:color .2s ease-out, background 0.4s ease-in;
 }
table.cdi a:hover { color: var(--accentfouyouyou); }

div.readtime {
	line-height: 1.1rem;
	font-size: .8rem;
    color: #242525;
    font-weight: 300;
    padding: 0 4px 15px 0;
	text-transform: uppercase;
    letter-spacing: 1.75px;
}
div.readtime svg {vertical-align: text-bottom;}

a.icon-folder {
        padding-left: 17px;
        background: url(/templates/pac_pho/images/typography/icon_folder.png) 0 40% no-repeat;
}

a.icon-file {
        padding-left: 17px;
        background: url(/templates/pac_pho/images/typography/icon_file.png) 0 40% no-repeat;
}

a.icon-download {
        padding-left: 17px;
        background: url(/templates/pac_pho/images/typography/icon_download.png) 0 40% no-repeat;
}

a.icon-external {
        padding-left: 17px;
        background: url(/templates/pac_pho/images/typography/icon_external.png) 0 40% no-repeat;
}

a.icon-pdf {
        padding-left: 17px;
        background: url(/templates/pac_pho/images/pdf_button.png) 0 40% no-repeat;
}

/*
 * emphasis
 */

em.box { 
	padding: 0px 3px 0px 3px;
	border: 1px dotted #aaaaaa;
	background: #f5f6f7;
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

/*
 * unsorted lists
 */

div.prout ul {
	padding: 10px 28px 10px 38px;
}

div.prout li {
	padding: 5px 0px;
}

ul.arrow,
ul.checkbox,
ul.check,
ul.star {
	margin: 10px 0px 10px 0px;
	padding-left: 20px;
	list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
	margin: 5px 0px 5px 0px;
	padding-left: 35px;
	font-weight: bold;
	line-height: 26px;  
}

ul.arrow li { background: url(/templates/pac_pho/images/typography/list_arrow.png) 0 0 no-repeat; }
ul.checkbox li { background: url(/templates/pac_pho/images/typography/list_checkbox.png) 0 0 no-repeat; }
ul.check li { background: url(/templates/pac_pho/images/typography/list_check.png) 0 0 no-repeat; }
ul.star li { background: url(/templates/pac_pho/images/typography/list_star.png) 0 0 no-repeat; }


/*
 * ordered lists
 */

ol.disc {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 45px;
	background: url(/templates/pac_pho/images/typography/list_disc.png) 20px 0px repeat-y;
}

ol.disc li {
	margin: 5px 0px 5px 0px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 26px;  
}

/*
 * horizontal rule
 */
 
hr.dotted {
	margin: 25px 0px 25px 0px;
	display: block;
	background: url(/templates/pac_pho/images/typography/line_dotted.png) 0 0 repeat-x;
	height: 1px;
	border: none;
}


/*
 * highlighted div and span tags
 */

span.note,
span.info,
span.alert,
span.download,
span.tip ,
span.lien { display: block; }

div.note, span.note {
	margin: 25px 60px;
	padding: 40px;
	background: whitesmoke;
	border-top: 1px solid var(--accentfouyouyou);
	/*border-bottom: 1px solid #aab4be;*/
	font-size: 1.1rem;
	text-align:justify;
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.lien, span.lien {
	margin: 25px 0px;
	padding: 30px 30px 30px 60px;
	font-size: 1.1rem;
	}


div.lien, span.lien { 
    background: rgb(93 227 216 / 10%);
    border-top: 3px solid var(--accentohcon-dark);
    position: relative;
	text-align: center;
}

div.lien::before, span.lien::before {
	background-image:url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 16 16' fill='%235de3d8' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' d='M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E %3C/svg%3E");
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    left: 20px;
    top: calc(50% - 10px);
}

div.info, span.info { 
    background: var(--accentohcon-dark);
    border-top: 3px solid var(--accentfouyouyou-dark);
    position: relative;
	line-height: 1.75rem;
}

div.info::before, span.info::before {
    background-image:url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 16 16' fill='%233bbdb3' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z'/%3E %3Cpath fill-rule='evenodd' d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'/%3E %3C/svg%3E");
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    left: 20px;
    top: calc(50% - 10px);
}

div.alert, span.alert { 
    background: #6fffa3;
    border-top: 3px solid #f0f1f2;
    position: relative;
}

div.alert::before, span.alert::before {
 	background-image:url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' d='M8.065 2.016a.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.162.162 0 0 1-.054.06.115.115 0 0 1-.066.017l-6.856-.017V2a.13.13 0 0 1 .063.016zm-1.043-.45a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767L7.022 1.566z'/%3E %3C/svg%3E");
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    left: 20px;
    top: calc(50% - 10px);
}


div.download, span.download { 
    background: #f2fff5;
    border-top: 3px solid #84e6a4;
    position: relative;
	text-align: center;
}

div.download::before, span.download::before {
	background-image:url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 16 16' fill='%2384e6a4' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4 0h5.5v1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h1V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z'/%3E %3Cpath d='M9.5 3V0L14 4.5h-3A1.5 1.5 0 0 1 9.5 3z'/%3E %3Cpath fill-rule='evenodd' d='M8 6a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 10.293V6.5A.5.5 0 0 1 8 6z'/%3E %3C/svg%3E");
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    left: 20px;
    top: calc(50% - 10px);
}

div.tip, span.tip {
	background: var(--accentohcon-yallah);
	/* border-top: 4px solid #ffe000; */
	line-height: 2.1rem;
	margin: 10px 50px;
	padding: 40px;
}


/*
 * tables
 */

table.cdh{border-collapse:collapse;vertical-align:middle;padding:5px 0px;font-family:'segoe UI', sans-serif;font-weight: 400;}
table.cdh td{text-align:center;padding:5px 5px;font-size:.9rem;line-height: 1.2rem;}
table.cdh th{background:var(--accentohcon);color:white;font-weight:400;padding:6px 8px;font-size:0.85rem;line-height: 1.3rem;text-transform:uppercase;position:sticky;top: 0;}
table.cdh tr{transition:background 0.25s ease-out}
table.cdh tr:nth-child(odd){background:#f1f1f1}
table.cdh td:first-of-type {font-weight:300;padding-right:2px;font-family:var(--dapolice-caenvoie);font-size:1.1rem;line-height:1.5rem;letter-spacing: .5px;}
table.cdh tr:nth-child(even){background:white}


table.cdh2{border-spacing:0px;vertical-align:middle;padding:10px 32px;font-family:'segoe UI', sans-serif;font-weight: 400;}
table.cdh2 td{text-align:center;padding:5px 5px;font-size:.9rem;line-height: 1.2rem}
table.cdh2 th{background:var(--accentohcon);color:white;font-weight:300;font-family:var(--dapolice-caenvoie);padding:6px 8px;font-size:1.1rem;}
table.cdh2 td:first-of-type{width:135px;font-size:0.75rem;line-height: 1.3rem;text-transform:uppercase;background:#f1f1f1;letter-spacing: .5px;}

table.cdh3{border-collapse:collapse;vertical-align:middle;padding:5px 0px;font-family:'segoe UI', sans-serif;font-weight: 400;}
table.cdh3 td{text-align:center;padding:5px 5px;font-size:.9rem;line-height: 1.2rem;}
table.cdh3 th{background:var(--accentohcon);color:white;font-weight:200;padding:6px 8px;font-size:0.75rem;line-height: 1.3em;text-transform:uppercase;}
table.cdh3 tr{transition:all 0.3s ease-out; border-top:1px dotted #d0d0d0}
table.cdh3 td:first-of-type {font-weight:300;padding-right:2px;font-family:var(--dapolice-caenvoie);font-size:1.4rem;line-height: 1.3rem;background:white;letter-spacing: .5px;}

table.cdh td.hover, table.cdh2 td.hover, table.cdh3 td.hover{background:#444444;color:white; transition:all 0.2s ease-out;}

 
table.listing {
	width: 100%;
	margin-bottom: 30px;
	font-size: 11px;
}

table.listing thead th {
	height: 30px;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
	background: none;
	vertical-align: top;
	font-size: 14px;
	font-weight: normal;
}

table.listing tbody td {
	height: 20px;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
}

table.listing tr.odd td { background: #fafafa; }
table.listing tr.even td { background: #ffffff; }

table.listing td.bold {
	font-weight: bold;
	font-size: 12px;
}

/*
 * blockquotes
 */
blockquote {
	margin: 10px 0 10px 15px;
	font-style: italic;
	font-size: 1.35rem;
	font-weight: 200;
	letter-spacing: -.2px;
}
blockquote > *:first-child:first-letter { font-size: 1.8rem }


q.blockquote {
	margin: 10px 0 10px 15px;
	font-style: italic;
	font-size: 1.4rem;
}

q.blockquote:first-letter { font-size: 2.5rem; }
q.blockquote:before,q.blockquote:after { content: ""; }

blockquote.quotation {
	margin: 10px 80px;
	padding: 10px 40px 10px 100px;
	border: none;
	background: url(/templates/pac_pho/images/typography/blockquote.png) 0 40% no-repeat;
	line-height: 2rem;
	font-family: var(--dapolice-babar-slimfast);
	letter-spacing: -.2px;
}

blockquote.quotation p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	/*background: url(/templates/pac_pho/images/typography/blockquote_end.png) 100% 100% no-repeat;*/
}

/*
 * floating boxes
 */

body .inset-left {
	margin: 15px 15px 10px 0px;
	float: left;
}

body .inset-right {
	margin: 15px 0px 10px 15px;
	float: right;
}

/* autres */
code {word-wrap : break-word;}
/*
 * top and footer menu
 */

 
#toolbar ul.menu,
#footer ul.menu {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer ul.menu {
	display: block;
	line-height: 14px;
}

#toolbar .menu li,
#footer .menu li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

#toolbar .menu li a,
#footer .menu li a {
	display: inline-block;
	padding: 0px 10px 0px 10px;
	background: url(/templates/pac_pho/images/topmenu_item_bg.png) 0 50% no-repeat;
	overflow: hidden;  
}

#toolbar .menu a.first,
#footer .menu a.first {
	padding: 0px 10px 0px 0px;
	background: none;
}

#toolbar .menu a.last,
#footer .menu a.last { padding: 0px 0px 0px 10px; }

#toolbar .menu a:link,
#toolbar .menu a:visited { color: #646464; }
#toolbar .menu a:hover { color: var(--accentohcon); }



#footer .menu a:link,
#footer .menu a:visited { color: #646464; }
#footer .menu a:hover { color: var(--accentohcon); }

/*
 * menu
 */

 
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	position: relative;
	z-index: 5;  
	margin: 0px;
	padding: 0px;
}

#menu a,
#menu span { display: block; }
#menu a { text-decoration: none; }

 
#menu span.icon {
	background-repeat: no-repeat;
	background-position: 0 50%;
}

 
#menu ul.menu {float: left;}

#menu li.level1 {
	margin-right: 5px;
	float: left;
	padding-top: 20px;
	height: 53px;
}

#menu a.level1,
#menu span.level1 { float: left; }

#menu a.level1 span.bg,
#menu span.level1 span.bg {
	height: 40px;
	padding: 0px 12px;
	float: left;
	line-height: 35px;
	color:#454545;
	font-size:18px;
	font-family:var(--dapolice-babar-slimfast);
}

 
/* #menu li.level1:hover { background: url(/templates/pac_pho/images/menu_level1_item.png) 0 0 no-repeat; } */
#menu li.level1:hover {background: linear-gradient(#454545,#202020); border-radius: 2px 2px 0 0;}

/* #menu li:hover a.level1,
#menu li:hover span.level1 { background: url(/templates/pac_pho/images/menu_level1_item.png) 100% -40px no-repeat; } */

#menu li:hover a.level1 span.bg,
#menu li:hover span.level1 span.bg { color: white; }

 
#menu li.remain { background: linear-gradient(#454545,#202020); }
#menu li.remain a.level1,
#menu li.remain span.level1 { background: linear-gradient(#454545,#202020); }
#menu li.remain a.level1 span.bg,
#menu li.remain a.level1 span.bg,
#menu li.remain span.level1 span.bg { color: white; }

 
#menu li.active a.level1 span.bg,
#menu li.active span.level1 span.bg { color: var(--accentohcon); }

#menu li.active:hover a.level1 span.bg,
#menu li.active:hover span.level1 span.bg { color: #ff0000; }
#menu li.active.remain a.level1 span.bg,
#menu li.active.remain span.level1 span.bg { color: #ff0000; }


#menu a.level1 span.title, #menu span.level1 span.title {
	font-family:var(--dapolice-babar-slimfast);
	font-size:12px;
	line-height:25px;
	font-weight:900;
	text-transform: uppercase;
	letter-spacing: 2px;
}

 
#menu a.level1 span.subtitle,
#menu span.level1 span.subtitle {
	margin-top: -2px;
	font-size: 9px;
	font-weight: normal;
	color: #bdbdbd;
	line-height: 10px;
	text-transform: none;
	letter-spacing: 0px;
	font-family:'segoe UI', sans-serif;
	text-align: center;
}


#menu li:hover a.level1 span.subtitle,
#menu li:hover span.level1 span.subtitle { color: white; }
#menu li.remain a.level1 span.subtitle,
#menu li.remain span.level1 span.subtitle { color: white; }

 
#menu .dropdown {
	position: absolute;
	top: 65px;
	left: -999em;  
	z-index: 100;
	 
}

#menu li:hover .dropdown,
#menu li.remain .dropdown { left: 0px; }

#menu .dropdown-t2 {
	padding: 0px 5px 0px 0px;
	background: url(/templates/pac_pho/images/menu_dropdown_corners.png) 100% 0 no-repeat;
}

#menu .dropdown-t3 {
	height: 5px;
	background: #1e1e1e
}

#menu .dropdown-1 { 
	border: 2px solid rgb(38 38 38 / 60%);
	border-radius: 0 0 2px 2px;
	border-top: 10px solid #242424;
}
#menu .dropdown-2 { overflow: hidden; }

#menu .dropdown-3 {
	/*padding: 0px 4px 0px 4px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;*/
	background: #262626;
	overflow: hidden;
}

#menu .dropdown-b1 {
	background: url(/templates/pac_pho/images/menu_dropdown_corners.png) 0 -5px no-repeat;
}

#menu .dropdown-b2 {
	padding: 0px 5px 0px 5px;
	background: url(/templates/pac_pho/images/menu_dropdown_corners.png) 100% -10px no-repeat;
}

#menu .dropdown-b3 {
	height: 4px;
	border-bottom: 1px solid #000000;
	background: #1e1e1e
}

#menu li.level2 { margin-bottom: 0px; }
#menu li.level1 li.last { margin-bottom: 0px; }

/* #menu .group-box1 { background: #ffffff url(/templates/pac_pho/images/menu_level2_group_b.png) 0 100% repeat-x; } */
#menu .group-box1 { background: linear-gradient(whitesmoke,white); }
/*#menu .group-box2 { background: url(/templates/pac_pho/images/menu_level2_group_corners.png) 0 0 no-repeat; }
#menu .group-box3 { background: url(/templates/pac_pho/images/menu_level2_group_corners.png) 100% 0 no-repeat; }
#menu .group-box4 { background: url(/templates/pac_pho/images/menu_level2_group_corners.png) 0 100% no-repeat; } */
#menu .group-box5 {
	/*
	padding: 1px;
	background: url(/templates/pac_pho/images/menu_level2_group_corners.png) 100% 100% no-repeat; */
	overflow: hidden;
}

#menu .hover-box4 {
	overflow: hidden;
}

 
#menu li.level1 li.parent .hover-box1 {
	width: 55%;
	float: left;
}

 
#menu .hover-box1:hover { }
#menu .hover-box1:hover .hover-box2 { background: transparent; }
#menu .hover-box1:hover .hover-box3 { }
#menu .hover-box1:hover .hover-box4 { }

#menu ul.level2 li.separator .hover-box1:hover,
#menu ul.level2 li.separator .hover-box1:hover .hover-box2,
#menu ul.level2 li.separator .hover-box1:hover .hover-box3,
#menu ul.level2 li.separator .hover-box1:hover .hover-box4 { background: transparent; }

#menu a.level2 span.bg,
#menu span.level2 span.bg {
	height: 42px;
	line-height: 42px;
	/* text-indent: 10px; */
	color: #323232;
	font-weight: 500;
	font-size: 11px;
	font-family:var(--dapolice-babar-slimfast);
	text-transform:uppercase;
	padding: 0px 10px;
	letter-spacing: -.2px;
}



#menu a.level2 span.icon,
#menu span.level2 span.icon {
	text-indent: 10px;
}

 
#menu li.level2 a.current span.bg { font-weight: 600; } 

 
#menu a.level2 span.title, #menu span.level2 span.title {
	line-height: 30px;
}

 
#menu a.level2 span.subtitle, #menu span.level2 span.subtitle {
	margin-top: -8px;
	font-size: 12px;
	font-weight: normal;
	color: #252525;
	line-height: 15px;
	text-transform: none;
	font-weight: 200;
}

 
#menu .sub {
	width: 45%;
	padding: 5px 0px 5px 0px;
	float: left;
}

#menu ul.level3 {
	margin: 0px 0px 0px 1px;
	padding-left: 5px;
	border-left: 1px solid #c8c8c8;
}

#menu a.level3:hover { text-decoration: underline; }

#menu a.level3 span.bg,
#menu span.level3 span.bg {
	padding-left: 13px;
	background: url(/templates/pac_pho/images/menu_level3_item.png) 1px 5px no-repeat;
	line-height: 17px;
	font-size: 11px;
}

 
 
 
 

#menu .columns2 ul.level2,
#menu .columns3 ul.level2,
#menu .columns4 ul.level2 { float: left; }

#menu .columns2 ul.level2 {	width: 50%; }

#menu .columns3 ul.level2 { width: 34%; }
#menu .columns3 ul.first,
#menu .columns3 ul.last { width: 33%; }

#menu .columns4 ul.level2 { width: 25%; }

#menu .columns2 li.level2 .group-box1,
#menu .columns3 li.level2 .group-box1,
#menu .columns4 li.level2 .group-box1 { margin-right: 0px; }

#menu .columns2 ul.last li.level2 .group-box1,
#menu .columns3 ul.last li.level2 .group-box1,
#menu .columns4 ul.last li.level2 .group-box1 { margin-right: 0px; }


/*
 * sub menus
 */
 
 
div.mod-menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
}

div.mod-menu ul.menu li {
	margin: 0px;
	padding: 0px;
}

div.mod-menu ul.menu a,
div.mod-menu ul.menu span { display: block; }
div.mod-menu ul.menu a { text-decoration: none; }

 
div.mod-menu ul.menu span.icon {
	background-repeat: no-repeat;
	background-position: 5px 50%;
	text-indent: 35px;
}

 
div.mod-menu ul.menu li.parent span.separator { cursor: pointer; }

 
div.mod-menu ul.menu span.subtitle { display: none; }


/*
 * sub menu: mod-chrome
 */

div.mod-chrome ul.menu span.bg {
	height: 25px;
	line-height: 24px;
	color: #c8c8c8;
	text-indent: 15px;
}

 
div.mod-chrome ul.menu a.current span.bg { font-weight: bold; }

 
 

 
div.mod-chrome ul.menu li.level1 { background: url(/templates/pac_pho/images/submenu_level1_item_black.png) 50% 0 no-repeat; }

div.mod-chrome ul.menu li.parent a.level1,
div.mod-chrome ul.menu li.parent span.level1 { background: url(/templates/pac_pho/images/submenu_level1_parent.png) 100% 0 no-repeat; }

div.mod-chrome ul.menu li.parent a.active,
div.mod-chrome ul.menu li.parent span.active { background-position: 100% -25px; }

div.mod-chrome ul.menu a.level1 span.icon,
div.mod-chrome ul.menu span.level1 span.icon { text-indent: 35px; }

 
div.mod-chrome ul.menu li.level2 span.bg {
	height: 20px;
	line-height: 20px;
}

div.mod-chrome ul.menu a.level2 span.bg { text-indent: 30px; }

 
div.mod-chrome ul.menu a.level3 span.bg { text-indent: 40px; }

 
div.mod-chrome ul.menu a.level4 span.bg { text-indent: 50px; }

 
div.mod-chrome-black ul.menu span.bg,
div.mod-chrome-orange ul.menu span.bg,
div.mod-chrome-blue ul.menu span.bg,
div.mod-chrome-green ul.menu span.bg { color: #323232; }

div.mod-chrome-black ul.menu li.level1,
div.mod-chrome-orange ul.menu li.level1,
div.mod-chrome-blue ul.menu li.level1,
div.mod-chrome-green ul.menu li.level1 { background: url(/templates/pac_pho/images/submenu_level1_item_white.png) 50% 0 no-repeat; }

/*
 * sub menu: mod-line
 */
 
div.mod-line ul.menu span.bg {
	height: 23px;
	border-top: 1px solid white;
	border-bottom: 1px solid #E6E6E6;
	line-height: 23px;
	color: #646464;
	text-indent: 15px;
}

#contentleft div.mod-line ul.menu span.bg {
	background: white url(/templates/pac_pho/images/contentleft_bg.png) -5px 0 repeat-y;
	text-indent: 5px;
}
#contentright div.mod-line ul.menu span.bg { background: white url(/templates/pac_pho/images/contentright_bg.png) -1px 0 repeat-y; }

 
div.mod-line ul.menu a.current span.bg { font-weight: bold; }
/*
 * module headers
 */

.module h3.header {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #323232;
	font-weight: normal;
}

.module span.header-2,
.module span.header-3 { display: block; }

 
.module h3.header span.title {
	display: block;
	font-size: 15px;
	line-height: 27px;
	font-weight: bold;
}

.module h3.header span.subtitle {
	display: block;
	margin-top: -5px;
	line-height: 10px;
	font-size: 9px;
	font-weight: normal;
	color: #646464;
	letter-spacing: 0px;
	text-indent: 1px;
}

/*
 * space between modules
 */

div.separator .module { margin: 0px 15px 0px 0px; }

#left .module,
#right .module,
#contentleft .module,
#contentright .module { margin: 0px 0px 15px 0px; }

#left .last,
#right .last,
#contentleft .last,
#contentright .last { margin: 0; }

#top .topblock .module { margin: 0; }

#bottom .bottomblock .module { padding: 0px 0px 25px 0px; }

/*
 * header module positions
 */

#toolbar .left .module,
#headerbar .left .module {
	margin-right: 20px;
	float: left;
}

#toolbar .right .module,
#headerbar .right .module {
	margin-left: 20px;
	float: right;
}

/*
 * #contentleft and #contentright
 */

#contentleft .module { margin-right: 15px; }
#contentright .module { margin-left: 15px; }

/*
 * badge styles
 */
 
div.module { position: relative; }
 
div.module div.badge {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 39px;
	height: 39px;
	background: url(/templates/pac_pho/images/module_badges.png) 0 0 no-repeat;
	overflow: hidden;
	z-index: 1;
}
 
div.module div.badge-hot { background-position: 0 0; }
div.module div.badge-top { background-position: 0 -40px; }
div.module div.badge-pick { background-position: 0 -80px; }
div.module div.badge-new { background-position: 0 -120px; }

/*
 * icon styles
 */
 
div.module h3.header span.icon {
	display: block; 
	position: relative;
	left: -5px;
	width: 30px;
	height: 30px;
	background: url(/templates/pac_pho/images/module_icons.png) 0 0 no-repeat;
	overflow: hidden;
	float: left;
}

div.module h3.header span.icon-feed { background-position: 0 0; }
div.module h3.header span.icon-download { background-position: 0 -30px; }
div.module h3.header span.icon-twitter { background-position: 0 -60px; }
div.module h3.header span.icon-mail { background-position: 0 -90px; }
div.module h3.header span.icon-message { background-position: 0 -120px; }
div.module h3.header span.icon-users { background-position: 0 -150px; }
div.module h3.header span.icon-shopping { background-position: 0 -180px; }
div.module h3.header span.icon-lock { background-position: 0 -210px; }

/*
 * module: blank
 */
 
div.mod-blank { overflow: hidden; }

/*
 * module: dropdown
 */

#menu .mod-dropdown .module {
	padding: 5px;
	overflow: hidden;
}

#menu .mod-dropdown .dropdown { width: 300px; }

/* module:trans */
div.mod-trans {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 10%); padding: 10px 12px}
div.mod-trans div.box-1{overflow:hidden;}
div.mod-trans span.header-3{height:30px; line-height:27px;}


/*
 * module: rounded
 */
 
div.mod-rounded {background-color: rgba(255,255,255,1); border-radius: 2px; padding: 10px 0px}
div.mod-rounded div.box-1{overflow:hidden;padding:0 10px;}


/*
div.mod-rounded div.box-t1 { background: url(/templates/pac_pho/images/module_rounded_white_corners.png) 0 0 no-repeat; }

div.mod-rounded div.box-t2 {
	padding: 0px 10px 0px 10px;
	background: url(/templates/pac_pho/images/module_rounded_white_corners.png) 100% -15px no-repeat;
}

div.mod-rounded div.box-t3 {
	height: 9px;
	border-top: 1px solid #D2D2D2;
	background: #ffffff;
}

div.mod-rounded div.box-1 {
	padding: 0px 14px 0px 14px;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	background: #ffffff;
	overflow: hidden;
}

div.mod-rounded div.box-b1 { background: url(/templates/pac_pho/images/module_rounded_white_corners.png) 0 -30px no-repeat; }

div.mod-rounded div.box-b2 {
	padding: 0px 10px 0px 10px;
	background: url(/templates/pac_pho/images/module_rounded_white_corners.png) 100% -45px no-repeat;
}

div.mod-rounded div.box-b3 {
	height: 9px;
	border-bottom: 1px solid #D2D2D2;
	background: #ffffff;
}

*/
div.mod-rounded span.header-3 {
	height: 30px;
	line-height: 27px;
}

/* color: grey */
div.mod-rounded-grey div.box-t1 { background-image: url(/templates/pac_pho/images/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-t2 { background-image: url(/templates/pac_pho/images/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-b1 { background-image: url(/templates/pac_pho/images/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-b2 { background-image: url(/templates/pac_pho/images/module_rounded_grey_corners.png); }
div.mod-rounded-grey div.box-1 { background: #F5F6F7 url(/templates/pac_pho/images/module_rounded_grey_corners.png) 0 -60px repeat-x; }
div.mod-rounded-grey div.box-b3 { background: #F5F6F7; }

div.mod-rounded-grey em.box { background: #ffffff; }

/* module: header based on rounded */
div.mod-rounded-header div.box-1 { padding: 30px 14px 0px 14px; }

div.mod-rounded-header h3.header {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background: url(/templates/pac_pho/images/module_rounded_white_header.png) 0 0 no-repeat;
}

div.mod-rounded-header span.header-2 {
	padding: 0px 10px 0px 10px;
	background: url(/templates/pac_pho/images/module_rounded_white_header.png) 100% -40px no-repeat;
}

div.mod-rounded-header span.header-3 {
	height: 35px;
	background: url(/templates/pac_pho/images/module_rounded_white_header.png) 100% -80px repeat-x;
	line-height: 35px;
}
div.mod-rounded-header h3.header span.icon { top: 2px; }

/* color: greyheader */
div.mod-rounded-header-grey h3.header {
	background-image: url(/templates/pac_pho/images/module_rounded_grey_header.png);
	color: #ffffff;
}

div.mod-rounded-header-grey h3.header span.subtitle { color: #ffffff; }

div.mod-rounded-header-grey span.header-2 { background-image: url(/templates/pac_pho/images/module_rounded_grey_header.png); }
div.mod-rounded-header-grey span.header-3 { background-image: url(/templates/pac_pho/images/module_rounded_grey_header.png); }

/*
 * module: chrome
 */

div.mod-chrome div.box-t1 { background: url(/templates/pac_pho/images/module_chrome_white.png) 0 0 no-repeat; }

div.mod-chrome div.box-t2 {
	padding: 0px 15px 0px 15px;
	background: url(/templates/pac_pho/images/module_chrome_white.png) 100% -45px no-repeat;
}

div.mod-chrome div.box-t3 {
	height: 40px;
	background: url(/templates/pac_pho/images/module_chrome_white.png) 0 -90px repeat-x;
}

div.mod-chrome div.box-1 {
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	background: #F0F1F2;
}

div.mod-chrome div.box-2 {
	padding: 0px 8px 0px 8px;
	background: #141414 url(/templates/pac_pho/images/module_chrome_white.png) 0 -195px repeat-x;
	overflow: hidden;
	color: #c8c8c8;
}

div.mod-chrome div.box-b1 { background: url(/templates/pac_pho/images/module_chrome_white.png) 0 -135px no-repeat; }

div.mod-chrome div.box-b2 {
	padding: 0px 15px 0px 15px;
	background: url(/templates/pac_pho/images/module_chrome_white.png) 100% -155px no-repeat;
}

div.mod-chrome div.box-b3 {
	height: 15px;
	background: url(/templates/pac_pho/images/module_chrome_white.png) 0 -175px repeat-x;
}

div.mod-chrome h3.header {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	padding-left: 15px;
	line-height: 35px;
	overflow: hidden;
}
div.mod-chrome h3.header span.subtitle { margin-top: -5px; }
div.mod-chrome h3.header span.icon { top: 2px; }


/* color: black */
div.mod-chrome-black div.box-t1 { background-image: url(/templates/pac_pho/images/module_chrome_black.png); }
div.mod-chrome-black div.box-t2 { background-image: url(/templates/pac_pho/images/module_chrome_black.png); }
div.mod-chrome-black div.box-t3 { background-image: url(/templates/pac_pho/images/module_chrome_black.png); }

div.mod-chrome-black div.box-1 {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #1E1E1E;
}

div.mod-chrome-black div.box-2 {
	background: #F0F1F2 url(/templates/pac_pho/images/module_chrome_black.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-black div.box-b1 { background-image: url(/templates/pac_pho/images/module_chrome_black.png); }
div.mod-chrome-black div.box-b2 { background-image: url(/templates/pac_pho/images/module_chrome_black.png); }
div.mod-chrome-black div.box-b3 { background-image: url(/templates/pac_pho/images/module_chrome_black.png); }

div.mod-chrome-black h3.header { color: #ffffff; }
div.mod-chrome-black h3.header span.subtitle { color: #c8c8c8; }

/* color: orange */
div.mod-chrome-orange div.box-t1 { background-image: url(/templates/pac_pho/images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-t2 { background-image: url(/templates/pac_pho/images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-t3 { background-image: url(/templates/pac_pho/images/module_chrome_orange.png); }

div.mod-chrome-orange div.box-1 {
	border-left: 1px solid #9B3E00;
	border-right: 1px solid #9B3E00;
	background: #D95700;
}

div.mod-chrome-orange div.box-2 {
	background: #F0F1F2 url(/templates/pac_pho/images/module_chrome_orange.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-orange div.box-b1 { background-image: url(/templates/pac_pho/images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-b2 { background-image: url(/templates/pac_pho/images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-b3 { background-image: url(/templates/pac_pho/images/module_chrome_orange.png); }

div.mod-chrome-orange h3.header { color: #ffffff; }
div.mod-chrome-orange h3.header span.subtitle { color: #ffffff; }

/* color: blue */
div.mod-chrome-blue div.box-t1 { background-image: url(/templates/pac_pho/images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-t2 { background-image: url(/templates/pac_pho/images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-t3 { background-image: url(/templates/pac_pho/images/module_chrome_blue.png); }

div.mod-chrome-blue div.box-1 {
	border-left: 1px solid #075485;
	border-right: 1px solid #075485;
	background: #0269AD;
}

div.mod-chrome-blue div.box-2 {
	background: #F0F1F2 url(/templates/pac_pho/images/module_chrome_blue.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-blue div.box-b1 { background-image: url(/templates/pac_pho/images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-b2 { background-image: url(/templates/pac_pho/images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-b3 { background-image: url(/templates/pac_pho/images/module_chrome_blue.png); }

div.mod-chrome-blue h3.header { color: #ffffff; }
div.mod-chrome-blue h3.header span.subtitle { color: #ffffff; }

/* color: green */
div.mod-chrome-green div.box-t1 { background-image: url(/templates/pac_pho/images/module_chrome_green.png); }
div.mod-chrome-green div.box-t2 { background-image: url(/templates/pac_pho/images/module_chrome_green.png); }
div.mod-chrome-green div.box-t3 { background-image: url(/templates/pac_pho/images/module_chrome_green.png); }

div.mod-chrome-green div.box-1 {
	border-left: 1px solid #496A0D;
	border-right: 1px solid #496A0D;
	background: #6B980E;
}

div.mod-chrome-green div.box-2 {
	background: #F0F1F2 url(/templates/pac_pho/images/module_chrome_green.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-green div.box-b1 { background-image: url(/templates/pac_pho/images/module_chrome_green.png); }
div.mod-chrome-green div.box-b2 { background-image: url(/templates/pac_pho/images/module_chrome_green.png); }
div.mod-chrome-green div.box-b3 { background-image: url(/templates/pac_pho/images/module_chrome_green.png); }

div.mod-chrome-green h3.header { color: #ffffff; }
div.mod-chrome-green h3.header span.subtitle { color: #ffffff; }

div.mod-chrome-black em.box,
div.mod-chrome-orange em.box,
div.mod-chrome-blue em.box,
div.mod-chrome-green em.box { background: #ffffff; }

/*
 * module: chrome with menu
 */

div.mod-menu-chrome div.box-2 { padding: 0px; }

/*
 * module: tab
 */
 
div.mod-tab {
	padding: 15px 0px 0px 0px;
}

div.mod-tab div.box-1 {
	background: url(/templates/pac_pho/images/module_tab_l.png) 0 0 repeat-y;
}

div.mod-tab div.box-2 {
	background: url(/templates/pac_pho/images/module_tab_t.png) 0 0 repeat-x;
}

div.mod-tab div.box-3 {
	background: url(/templates/pac_pho/images/module_tab_tr.png) 100% 0 no-repeat;
}

div.mod-tab div.box-4 {
	padding: 20px 15px 10px 15px;
	background: url(/templates/pac_pho/images/module_tab_bl.png) 0 100% no-repeat;
}

div.mod-tab h3.header {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/templates/pac_pho/images/module_tab_header.png) 0 0 no-repeat;
	line-height: 30px;
}

div.mod-tab span.header-2 {
	padding: 0px 20px 0px 15px;
	background: url(/templates/pac_pho/images/module_tab_header.png) 100% -35px no-repeat;
}

div.mod-tab span.header-3 {
	height: 30px;
	background: url(/templates/pac_pho/images/module_tab_header.png) 0 -70px repeat-x;
}

/*
 * module: line
 */

#contentleft div.mod-line { margin-right: 1px; }
#contentright div.mod-line { margin-left: 1px; }

div.mod-line div.box-1 {
	padding: 0px 0px 15px 0px;
	overflow: hidden;
}

#contentleft div.mod-line div.box-1 { padding-right: 14px; }
#contentright div.mod-line div.box-1 { padding-left: 14px; }

div.mod-line h3.header {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 6px 0px;
	background: url(/templates/pac_pho/images/module_line.png) 0 100% repeat-x;
}

#contentleft div.mod-line h3.header { margin-right: -14px; }
#contentright div.mod-line h3.header { margin-left: -14px; text-indent: 14px; }

/*
 * module: line with menu
 */

#contentleft div.mod-menu-line div.box-1 { padding-right: 0px; }
#contentright div.mod-menu-line div.box-1 { padding-left: 0px; }

div.mod-menu-line h3.header { margin: 0px; }

#contentleft div.mod-menu-line h3.header { margin-right: 0px; }
#contentright div.mod-menu-line h3.header { margin-left: 0px; }

/*
 * module: polaroid
 */

div.mod-polaroid div.badge-tape {
	position: absolute;
	top: -13px;
	left: 50%;
	width: 114px;
	height: 38px;
	margin-left: -57px;
	background: url(/templates/pac_pho/images/module_polaroid_tape.png) 0 0 no-repeat;
	z-index: 1;
}

div.mod-polaroid div.box-1 {
	margin-top: 13px;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	background: #ffffff url(/templates/pac_pho/images/module_polaroid_bg.png) 0 100% repeat-x;
	overflow: hidden;
}

div.mod-polaroid div.box-2 {
	margin-bottom: 5px;
	background: #000000;
}


div.mod-polaroid div.box-3 {
	padding:10px 4px 4px 10px;
	overflow: hidden;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #C8C8C8;
}

div.mod-polaroid div.box-b1 {
	background: url(/templates/pac_pho/images/module_polaroid_shadows.png) 0 0 no-repeat;
	padding:10px 10px 20px;
}

div.mod-polaroid div.box-b2 {
	padding: 0px 70px 0px 70px;
	background: url(/templates/pac_pho/images/module_polaroid_shadows.png) 100% -5px no-repeat;
}

div.mod-polaroid div.box-b3 {
	height: 5px;
	background: url(/templates/pac_pho/images/module_polaroid_shadows.png) 0 -10px repeat-x;
}

div.mod-polaroid h3.header {
	height: 25px;
	margin: 0px 0px 0px 0px;
	font-size: 140%;
	line-height: 25px;
	text-align: center;
	letter-spacing: -1px;
	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #323232;
}

/*
 * module: postit
 */

div.mod-postit {
    font-size: 1rem;
    line-height: 1.5rem;
}

table.pollstyle-postit {
	border-spacing: 15px;
}

div.mod-postit div.box-1 {
	background: #FFFFAA;
	color: #323232;
}

div.mod-postit div.box-2 {
	padding: 15px 15px 0px 15px;
	overflow: hidden;
	font-family:'Open Sans Condensed',sans-serif;
}

div.mod-postit div.box-b1 {
	background: url(/templates/pac_pho/images/module_postit_shadows.png) 0 0 no-repeat;
}

div.mod-postit div.box-b2 {
	padding: 0px 90px 0px 60px;
	background: url(/templates/pac_pho/images/module_postit_shadows.png) 100% -40px no-repeat;
	line-height: 1.25em;
}

div.mod-postit div.box-b3 {
	height: 40px;
	background: url(/templates/pac_pho/images/module_postit_shadows.png) 0 -80px repeat-x;
}

div.mod-postit h3.header {
	height: 50px;
	margin: -15px -15px 5px -15px;
	background: #FFFFDA;
	text-transform: uppercase;
	line-height: 50px;
	text-indent: 22px;
	letter-spacing: 1.5px;
	color: #323232;
}

/*
 * global CSS
 * not inside joomla CSS class
 */
/*
@-moz-document url-prefix() {
    div.prout > p {
        padding: 0px 60px;
        line-height: 2.15rem;
    }

    div.prout > p > img, div.prout > p > iframe {
        padding: 0;
        line-height: normal;
    }

    div.prout > p > img[style*="float"] {
        padding: 0px 60px;
        line-height: 2.15rem;
    }
}
*/

div.prout > p:not(:has(img)):not(:has(iframe)), div.prout > p:has(img[style*="float"]) {padding: 0px 60px;line-height: 2.2rem;}
p:not(div.info p):not(span.info p):not(table p):not(.profil-bg > p):not(.profil-pseudal):not(.thermo p) {margin:4px 0;}
p:empty {height: 1.75rem;}
div.prout p.middle, div.prout div.middle {display: flex; align-items: center; justify-content: center;}

/* div.prout > p:not(:empty):first-of-type::first-letter */
 div.prout > p.prems::first-letter{
    display: block;
    margin: 12px 8px 0 0;
    line-height: 3.2rem;
    float: left;
    font-size: 5.5rem;
    font-weight: bold;
    font-family: var(--dapolice-caenvoie);
    initial-letter: 3;
}
div.prout > p > img, div.prout > p > iframe {margin: 10px 0;}

/* readmore button */
p.readmore { overflow: hidden; }
div.module p.readmore {	margin-bottom: 0px; }

a.readmore {
	display: block;
	width: 100px;
	height: 20px;
	background: transparent url(/templates/pac_pho/images/readmore.png) 0 0 no-repeat;
	float: left;
	line-height: 20px;
	text-indent: 10px;
	font-size: 90%;
	color: #505050;
	text-decoration: none;
}

a.readmore:hover {
	background: transparent url(/templates/pac_pho/images/readmore.png) 0 -25px no-repeat;
	color: #000000;
}

div.mod-rounded-header-grey a.readmore {
	background: transparent url(/templates/pac_pho/images/readmore.png) 0 -50px no-repeat;
	color: #dcdcdc;
}

div.mod-rounded-header-grey a.readmore:hover {
	background: transparent url(/templates/pac_pho/images/readmore.png) 0 -75px no-repeat;
	color: #ffffff;
}

/* tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(/templates/system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/*
 * general
 * used by Jommla core components
 */

/* div.joomla h1 { letter-spacing: -1px; } */

div.joomla h1.pagetitle { margin-top: 0px; }

div.joomla div.description {
	margin: 10px 0px 10px 0px;
	overflow: hidden;
}

div.joomla div.description img.left {
	margin-right: 15px;
	float: left;
}

div.joomla div.description img.right {
	margin-left: 15px;
	float: right;
}

div.joomla div.filter { margin: 10px 0px 10px 0px; }

div.joomla table.joomlatable th {
	padding: 5px 5px 5px 5px;
	background: #ebebeb;
	border-bottom: 1px solid #b4b4b4;
	font-weight : bold;
}

div.joomla table.joomlatable tr.even td {
	padding: 5px 5px 5px 5px;
	background: #f0f0f0;
	border-bottom: 1px solid #dcdcdc;
}

div.joomla table.joomlatable tr.odd td {
	padding: 5px 5px 5px 5px;
	background: #fafafa;
	border-bottom: 1px solid #dcdcdc;
}

 
div.joomla span.number {
	color: #969696;
	font-style: italic;
}

/*
 * com_content
 * blog layout (frontpage, category, section)
 * sub selectors: blog
 */
 
div.joomla div.blog div.description {  
	margin: 10px 0px 15px 0px;
	padding-bottom: 20px;
	background: url(/templates/pac_pho/images/article_separator.png) 50% 100% repeat-x;
}

div.joomla div.leadingarticles { overflow: hidden; }
div.joomla div.teaserarticles { overflow: hidden; }

div.joomla div.item { margin-bottom: 15px; }

div.joomla div.item-bg {
	padding-bottom: 5px;
	background: url(/templates/pac_pho/images/article_separator.png) 50% 100% repeat-x;
	overflow: hidden;
}

div.joomla div.multicolumns div.item { margin: 0px 15px 15px 15px; }

div.joomla div.multicolumns div.first div.item { margin-left: 0px; }
div.joomla div.multicolumns div.last div.item { margin-right: 0px; }

div.joomla div.morearticles { margin: 10px 0px 10px 0px; }

div.joomla div.pagination { text-align: center; }

div.joomla div.pagination p.results {}

/*
 * com_content
 * list layout (frontpage, category, section)
 * sub selectors: sectionlist, categorylist
 */

/*
 * com_content
 * article layout
 * sub seletors: article
 */

div.joomla div.headline {
	overflow: hidden;
	padding-bottom: 2px;  
}

div.joomla h1.title {
	margin: 0px;
}

div.joomla div.multicolumns h1.title {
	font-size: 200%;
	letter-spacing: -1px;
}

div.joomla div.icons { float: right; }

div.joomla div.icon {
	margin-top: 10px;
	float: right;
}

div.joomla div.multicolumns div.icon { margin-top: 5px; }

div.joomla div.edit {
	margin-left: 10px;
	float: left;
}

div.joomla div.pdf { margin-right: 5px; }
div.joomla div.print { margin-right: 5px; }
div.joomla div.email {}
div.joomla div.printscreen {}

div.joomla p.iteminfo {	margin: 0px 0px 15px 0px; }

div.joomla p.articleinfo {
	width:auto;
	text-align:center;
	margin:0px;
	text-transform: uppercase;
	font-size: .8rem;
	letter-spacing: 1.75px;
	color: #242525;
	padding: 10px 0 35px 0;
}

.articleinfo img {vertical-align:sub;padding: 0px 0px 0px 5px;}
span.articleinfo-separator {
	letter-spacing : -1px;
	padding: 0px 4px;
	user-select: none;
}

div.joomla p.articleinfo span.modified,
div.joomla p.articleinfo span.author,
div.joomla p.articleinfo span.created,
div.joomla p.articleinfo span.url {	white-space: nowrap; }
div.joomla p.articleinfo span[itemprop="name"] { font-weight: bold; }

/*
div.joomla p img:parent {padding: 0px;}
*/

/*
 * com_content
 * editing an article
 * sub seletors: edit-article
 */

div.joomla div.edit-article fieldset { margin-bottom: 30px; font-size: 14px; }
div.joomla div.edit-article fieldset div { overflow: hidden; }
div.joomla div.edit-article label.label-left {
	display: block;
	width: 200px;
	float: left;
}

div.joomla div.edit-article div.save {
	margin: 0px;
	float: right;
}

div.joomla div.edit-article div#editor-xtd-buttons {
	margin-bottom: 0px;
	overflow: hidden;
}

div.joomla div.edit-article div#editor-xtd-buttons div { margin: 0px; }
div.joomla div.edit-article div#editor-xtd-buttons div.button2-left { margin-right: 5px; }
div.joomla div.edit-article div#editor-xtd-buttons a:link,
div.joomla div.edit-article div#editor-xtd-buttons a:visited,
div.joomla div.edit-article div#editor-xtd-buttons a:hover { color: #323232; }

/*
 * com_weblinks
 * sub seletors: weblinks
 */

div.joomla div.weblinks fieldset {}
div.joomla div.weblinks fieldset div { overflow: hidden; }
div.joomla div.weblinks label.label-left {
	display: block;
	width: 150px;
	float: left;
}

/*
 * com_search
 * sub seletors: search
 */

div.joomla div.search p.info {
	margin: 0px;
	color: #969696;
	font-style: italic;
}

div.joomla div.search span.highlight {
	background: #ffffff;
	color: #323232;
}

/*
 * com_poll
 * sub seletors: poll
 */

div.joomla div.poll fieldset { margin: 15px 0px 10px 0px; }

/*
 * com_contact
 * sub seletors: contact
 */

div.joomla div.contact h1 {
	margin-bottom: 0px;
	font-size: 250%;
	font-weight: normal;
	letter-spacing: -1px;
}

div.joomla div.contact h2 {
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;
}

div.joomla div.contact div.image { float: right; }

div.joomla div.contact table { margin-bottom: 10px; }

div.joomla div.contact label.label-top { display: block; }

/*
 * com_user
 * sub seletors: user
 */

div.joomla div.user label.label-left,
div.joomla div.user span.label-left  {
	display: block;
	width: 130px;
	float: left;
}

/*
 * com_wrapper
 */

iframe.wrapper {
	width: 100%;
}

/*
 * mod_newsflash
 */

div.module-newsflash { overflow: hidden; }

div.module-newsflash div.item {
	padding-bottom: 15px;
	overflow: hidden;
}

div.module-newsflash div.last { padding-bottom: 0px; }

/*
 * mod_search
 */

.default-search div.searchbox {
	width: 120px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: url(/templates/pac_pho/images/searchbox_bg.png) 0 0 no-repeat; /* ie6png:crop */
}

.default-search div.searchbox:hover  { background: url(/templates/pac_pho/images/searchbox_bg.png) 0 -18px no-repeat; }
.default-search div.searchbox:hover input { color: #000000; }
.default-search div.searchbox input:focus { color: #000000; }

.default-search div.searchbox input {
	width: 102px;
	height: 15px;
	padding: 3px 0px 0px 0px;
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #646464;
	font-size: 11px;
}

.default-search div.searchbox button {
	width: 18px;
	height: 18px;
	padding: 0px;
	border: none;
	float: left;
	cursor: pointer;
	line-height: 0px;
}

.default-search div.searchbox button.search-magnifier { background: url(/templates/pac_pho/images/search_magnifier_icon.png) 0 0 no-repeat; }

/*
 * legacy Joomla styling only for third party components
 */

.contentheading,
.componentheading {
	margin: 0px;
	padding: 5px 0px;
	font-family:var(--dapolice-babar-slimfast);
	font-size: 250%;
	line-height: 100%;
	font-weight: 400;
	color: black;
	letter-spacing: -1px;
	text-transform: uppercase;
}

.prefixe-titre {
	margin: 0px;
	padding: 0px;
	font-family:var(--dapolice-babar-slimfast);
	font-size: .75rem;
	line-height: 100%;
	font-weight: 700;
	color: white;
	letter-spacing: 2px;
	text-transform: uppercase;
	vertical-align: middle;
}

/*
 * Joomla! system CSS file: system.css
 */
 
/* OpenID icon style */
input.system-openid {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/*
 * Joomla! system CSS file: general.css
 */
 
 /* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(/templates/system/images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(/templates/system/images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(/templates/system/images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(/templates/system/images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(/templates/system/images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(/templates/system/images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}

.img_caption .right {
	float: right;
	margin-left: 1em;
}

.img_caption .left p {
	clear: left;
	text-align: center;
}

.img_caption .right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(/templates/system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

#left #form-login fieldset {
	border: none;
}

/*
 * YOOsearch
 */

#page div.yoo-search div.resultbox {
	position: absolute;
	right: 0px;
	top: 32px;
	z-index: 20;
}

/*
 * YOOtweet
 */

#page div.list div.yoo-tweet ul li {
	border-top: none;
}

#page div.list div.yoo-tweet ul li.first {
	border: none;
}

#page div.list div.yoo-tweet ul li.odd {
	background: url(/templates/pac_pho/images/article_separator.png) 50% 100% repeat-x;
}

#page div.list div.yoo-tweet ul li.even {
	background: url(/templates/pac_pho/images/article_separator.png) 50% 100% repeat-x;
}

/*
 * YOOcarousel
 */

div.mod-border div.yoo-carousel {
	margin: -10px -15px -10px -15px;
}

/*
 * YOOlogin
 */

 
/* quick */
#menu span.quick span.yoo-login { 
}

#menu span.quick span.yoo-login span.login {
	width: 231px;
}

#menu span.quick span.yoo-login span.login span.login-button-text,
#menu span.quick span.yoo-login span.login span.login-button-icon {
	margin-right: 0px;
}

#menu span.quick span.yoo-login span.login span.lostpassword, 
#menu span.quick span.yoo-login span.login span.lostusername,
#menu span.quick span.yoo-login span.login span.registration {
	margin-top: 5px;
}

#menu span.quick span.yoo-login span.logout {
	margin-top: 10px;
	overflow: visible;
}

#menu span.quick span.yoo-login span.logout span.logout-button-text,
#menu span.quick span.yoo-login span.logout span.logout-button-icon {
	margin-right: 0px;
}

/* nifty quick */
#menu span.niftyquick span.yoo-login { 
}

#menu span.niftyquick span.yoo-login span.login {
	width: 268px;
	height: 50px;
}

#menu span.niftyquick span.yoo-login span.login span.login-button {
	margin-right: 0px;
}

#menu span.niftyquick span.yoo-login span.login span.lostpassword, 
#menu span.niftyquick span.yoo-login span.login span.lostusername,
#menu span.niftyquick span.yoo-login span.login span.registration {
	margin-top: 5px;
}

#menu span.niftyquick span.yoo-login span.logout {
	margin-top: 10px;
	overflow: visible;
}

#menu span.niftyquick span.yoo-login span.logout span.logout-button {
	margin-right: 0px;
}

 
#menu span.niftyquick span.yoo-login span.login span.username input,
#menu span.niftyquick span.yoo-login span.login span.password input {
	width: 95%;
	height: 12px;
	background: #ffffff;
	border: 1px solid #ffffff;
	overflow: hidden;
}
/*
CSS custom file (bah ouais ouais ouais et ouais)
Version 2023.08.plein par Pac
*/

:root {
	--cpu-mobo-ram : rgba(200, 0 , 29, 0.95);
	--gpu : rgba(211, 43, 182, 0.95);
	--stockage-periph : rgba(115, 68, 255, 0.95);
	--cooling : rgba(93, 227, 216, 0.95);
	--software : rgba(91, 233, 154, 0.95);
	--boitiers-alim : rgba(93, 227, 216, 0.95);
	--divers : rgba(66, 66, 66, 0.95);
	--guide : rgba(245, 255, 0, 0.95);
	--hard-du-hard : rgba(245, 255, 0, 0.95);
	--accentohcon : rgba(200, 0 , 29, 1);
	--accentohcon-yallah : rgba(245, 255, 0, 1);
	--accentfouyouyou : rgba(222, 0 , 0, 1);
	--accentpssshht : rgba(161, 18 , 51, 1);
	--accentohcon-dark : rgba(93, 227, 216, 1);
	--accentohcon-yallah-dark : rgba(245, 255, 0, 1);
	--accentfouyouyou-dark : rgba(59, 189, 179, 1);
	--accentpssshht-dark : rgba(69, 167, 159, 1);
	--ok : rgba(91, 233, 154, 0.95);
	--dapolice-caenvoie: Antonio, Helvetica, Arial, sans-serif;
	--dapolice-babar: 'DM Sans', Roboto, Arial, sans-serif;
	--dapolice-babar-slimfast: 'DM Sans', 'segoe UI', sans-serif;
	--dapolice-rag: Amatic, Helvetica, Arial, sans-serif;
}


html {
  scroll-behavior: smooth;
}

#comptoir-b {
	position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

#comptoir-b span {
	font-size: 29vw;
	/* color: rgb(230 230 230 / 32%); */
	color: rgb(255 255 255 / 45%);
    flex: 0 0 120px;
    line-height: 18vw;
	font-family: var(--dapolice-caenvoie);
	font-weight:900;
	text-transform: uppercase;
	user-select: none;
}

.progress svg:nth-child(2),.progress svg:nth-child(3){display:none;}


span.meta {
	color:#fff;
	background-color:#242525;
	padding: 3px 4px;
    display: inline;
    white-space: pre-wrap;
    -webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

	
div.home_content_articles h3{
	font-size:1rem;
	line-height:1.1rem;
	font-family: var(--dapolice-babar-slimfast);
	font-weight: 200;
	letter-spacing: 0.3px;
	text-overflow: ellipsis;
    overflow: hidden;
	text-transform: none;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	padding: 0;
	letter-spacing:-.2px;
}


#num_ragots {
	font-family:var(--dapolice-rag);
	font-size: 4.2rem;
	width: 290px;
}
	
#yapa_ragots {
	font-size: 1.6rem;
    font-weight: 100;
    font-family: var(--dapolice-babar-slimfast);
	padding: 0 25%;
    line-height: 2rem;
	letter-spacing: -.2px;
}

#breadcrumbs{margin-bottom:0px}


div.module div.yoo-gallery{
margin:15px auto 5px auto;
width:600px;
}

button.front-sauver, button.front-passauver {
    padding: 10px;
    border-radius: 3px;
    border: 1px solid lightgrey;
    font-size: 12px;
    text-transform: uppercase;
	transition: letter-spacing 0.75s;
}
	
button.front-sauver:hover, button.front-passauver:hover {
    border: 1px solid black;
	letter-spacing: 1.4px;
	transition: letter-spacing 0.1s;
}

button.front-sauver {
	background: var(--accentohcon-dark);
}

button.front-passauver {
	background: var(--accentfouyouyou);
	color: white;
}

div.separator .module{margin:0 5px 0 0;}
div.zoom{width:660px;padding-left:9px;}


img.zoum{
	box-sizing:border-box;
	padding:0;
	transition:all 0.2s ease-out;
	filter: none;
	overflow:hidden;
	}
	
img.zoum:hover{
	backface-visibility: hidden;
	transform:scale(1.03) translateZ(0);
    overflow:hidden;
	filter: brightness(1.2) contrast(1.2) grayscale(1);
}

img.zoum2{
	box-sizing:border-box;
	padding:0;
	transition:all 0.25s ease-out;
	overflow:hidden;
	filter: none;
	}
img.zoum2:hover{
	backface-visibility: hidden;
	transform:scale(1.1) rotate(-2deg) translateZ(0);
	overflow:hidden;
}


/* sociaux & bouliches */

.bouliche-ovh {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -160px -280px;
}
.bouliche-ovh:after {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -160px -220px;
	content: "";
	width: 60px;
	height: 60px;
	opacity: 0;
	transition: opacity 0.35s;
}
.bouliche-ovh:hover:after {
	opacity: 1;
}

.bouliche-neeed{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -100px -280px;
}
.bouliche-neeed:after {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -100px -220px;
	content: "";
	width: 60px;
	height: 60px;
	opacity: 0;
	transition: opacity 0.35s;
}
.bouliche-neeed:hover:after {
	opacity: 1;
}

.bouliche-fb{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -100px -160px;
}
.bouliche-fb:after {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -100px -100px;
	content: "";
	width: 60px;
	height: 60px;
	opacity: 0;
	transition: opacity 0.35s;
}
.bouliche-fb:hover:after {
	opacity: 1;
}

.bouliche-tw{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -160px -160px;
}
.bouliche-tw:after {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -160px -100px;
	content: "";
	width: 60px;
	height: 60px;
	opacity: 0;
	transition: opacity 0.35s;
}
.bouliche-tw:hover:after {
	opacity: 1;
}

.bouliche-rss{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -220px -160px;
}
.bouliche-rss:after {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -220px -100px;
	content: "";
	width: 60px;
	height: 60px;
	opacity: 0;
	transition: opacity 0.35s;
}
.bouliche-rss:hover:after {
	opacity: 1;
}

.bouliche-nobs{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -220px -280px;
}
.bouliche-nobs:after {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -220px -220px;
	content: "";
	width: 60px;
	height: 60px;
	opacity: 0;
	transition: opacity 0.35s;
}
.bouliche-nobs:hover:after {
	opacity: 1;
}


.bouliche-flip{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -160px 0px;
}
.bouliche-flip:after {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/templates/pac_pho/images/ihm3.png) no-repeat;
	background-position: -100px 0px;
	content: "";
	width: 60px;
	height: 60px;
	opacity: 0;
	transition: opacity 0.35s;
}
.bouliche-flip:hover:after {
	opacity: 1;
}


/*  member zone */

img.member_register{cursor:pointer;width:auto;height:90px;background:url(/templates/pac_pho/images/inscription-b.gif);background-size: cover!important;clip-path: circle(45px at center);margin-top:8px;transition: all 0.5s;}
img.member_register:hover{filter: contrast(0.9) brightness(1.3);}
div.member_submit{display: inline-block!important;position:absolute;right:0px;width:32px;height:32px;margin:5px 0px 0px 0px;border:0px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -80px -80px;}
div.member_submit:hover{border:0px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -111px -80px;}
div.member_submit input{background:0;border:0px;outline:0px;height: 32px;width: 32px;display: block;}

#montre-toa {
	height: 22px;
    width: 22px;
    vertical-align: middle;
    fill: grey;
    cursor: pointer;
    position: absolute;
    left: -20px;
    top: 8px;
    z-index: 1;
}

#montre-toa.active {
	fill: var(--accentohcon-yallah);
	transition : fill 0.2s ease;
}

#registrationTable input[type=text],
#registrationTable input[type=password]{
	height: 26px;
	width: calc(100% - 40px);
	border : none;
	font-family: var(--dapolice-caenvoie);
    font-size: 20px;
	background-color: whitesmoke;
}

#registrationTable input[type=text]:focus, #registrationTable input[type=password]:focus {
    background-color: var(--accentohcon-yallah);
}

#registrationTable input[type=text]:focus, #registrationTable input[type=password]:focus {
	outline: none;
}

#registrationTable select.inputbox {
	height: 1.5rem;
    border-radius: 2px;
}

#registrationTable button.g-recaptcha {
	/*height: auto;
    font-weight: normal;
    letter-spacing: 5px;
    line-height: 1.6rem;
    max-width: 90%;
    text-transform: uppercase;
	border-radius: 3px;
    border-width: 2px;
	padding: 10px 40px;
	font-family: var(--dapolice-caenvoie);
    font-size: 1rem;*/
}

#registrationTable button.g-recaptcha:hover, #registrationTable button.g-recaptcha:focus {
   /* background-color: var(--accentohcon-yallah);
    transition: background-color 0.4s;*/
}

/* visiteurs */
.colonne-a{margin: 0 auto;border-radius: 50%;border: 2px solid #d3d3d3;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;text-align: center;}
.colonne-b{margin: 0 auto; width: 110px;}
.ligne1 a{color: #fff!important;}
.mdp_fdp {text-transform: uppercase; font-size: 0.75rem; font-family:var(--dapolice-babar-slimfast); width: 160px; text-align: center;letter-spacing:1px;margin: 10px auto 0px auto;letter-spacing:-.2px;}
.mdp_fdp a:hover {color: var(--accentohcon-yallah)!important;}
				
.ha-screen-reader{
width: 1px;
height: 1px;
padding: 0;
border: none;
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
}
				
.field__input{
background-color: transparent;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;;
text-align: center;
box-sizing: border-box;
width: 100%;
height: 2rem;
padding: 1rem 0.25rem .5rem 0.25rem;
border-bottom: 2px solid rgba(256, 256, 256, .25);
color: white;
font-size: 14px;
font-family: var(--dapolice-babar-slimfast);
letter-spacing:-.2px;
}

.field__input.pseudal{
font-size: 16px;
font-family: var(--dapolice-caenvoie);
}

.field__input:focus::-webkit-input-placeholder{
color: grey;
font-size: 12px;
}
.field__input:focus::-moz-placeholder{
color: grey;
font-size: 12px;
}
				
.field{
display: inline-flex;
position: relative;
font-size: 0.8rem;
color:white;
}

.field__input:focus{
outline: none;
}

.field__input::-webkit-input-placeholder{
opacity: 0;
transition: opacity .2s ease-out;
}

.field__input::-moz-placeholder{
opacity: 0;
transition: opacity .2s ease-out;
}

.field__input:focus::-webkit-input-placeholder{
opacity: 1;
transition-delay: .2s;
}

.field__input:focus::-moz-placeholder{
opacity: 1;
transition-delay: .2s;
}

input:-webkit-autofill, input:-webkit-autofill:focus, input:-internal-autofill-selected {
    transition: background-color 5000s;
    -webkit-text-fill-color: white;
}

.field__label-wrap{
box-sizing: border-box;
pointer-events: none;
cursor: text;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

.field__label-wrap::after{
content: "";
box-sizing: border-box;
width: 100%;
height: 0;
opacity: 0;
position: absolute;
bottom: 0;
left: 0;
}

.field__input:focus ~ .field__label-wrap::after{
opacity: 1;
}

.field__label{
position: absolute;
left: 0.25rem;
top: calc(50% - .2em);
line-height: 1;
font-family: 'segoe UI', sans-serif;
font-size: .7rem;
transition: top .2s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity .2s ease-out, font-size .2s ease-out, color 0.3s ease-out;
}

.field__input:focus ~ .field__label-wrap .field__label, .field__input:not(:placeholder-shown) ~ .field__label-wrap .field__label{
top: 0;
color: lightgrey;
font-size: 0.6rem;
transition: color .2s ease-out;
}

.login-mdp .field__label-wrap{
overflow: hidden;
}

.login-mdp .field__label-wrap::after{
border-bottom: 2px solid var(--accentohcon-yallah);
transform: translate3d(-105%, 0, 0);
transition: transform .285s ease-out .2s, opacity .2s ease-out .2s;
}

.login-mdp .field__input:focus ~ .field__label-wrap::after{
transform: translate3d(0, 0, 0);
transition-delay: 0;
}


img.pwd-boulet{
	cursor: pointer;
    padding: 0px;
    width: 30px;
    height: 25px;
    background: url(/templates/pac_pho/images/sprite-login.png) no-repeat 0px 0px;
    filter: saturate(0);
    background-size: 450%;
    transition: filter 1s;
}

img.pwd-boulet:hover{
	filter: saturate(1);
	transition: filter 0.5s;
}

/* membres */

.profil{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	}

.profil>div>p{
	width:140px;
	text-transform: uppercase;
	font-size:1.6rem;
	line-height: 1.6rem;
	color:white;
	font-weight:normal;
	overflow-wrap: break-word;
	font-family: var(--dapolice-caenvoie);
	letter-spacing: 4px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	}
			
.profil-official {
	font-size: 0.8rem;
	line-height: 1.1rem;
	letter-spacing: 2px;
	font-family: var(--dapolice-caenvoie);
	text-transform: uppercase;
	font-weight: 500;
	}
			
.profil-bg {
	background-size: cover;
	background-position: center;
	background-clip: text;
	-webkit-background-clip: text;
	color: rgba(255, 255, 255, 0.25)!important;
	font-family: 'Impact', sans-serif;
	width: 90px;
	margin: 0px auto;
	overflow: hidden;
	filter: brightness(1.1) contrast(1.1);
	}
.profil-bg a{
	color: rgba(255, 255, 255, 0.25)!important;
	}
			
.profil-bg a:hover {
	color: white!important;
	}
.profil-pseudal{
    margin-bottom: 20px;
	max-height: 700px;
	overflow: hidden;
    }
.profil-edit{
	font-size: 32px!important;
	letter-spacing: 0px!important;
	text-transform: uppercase;
	font-weight:bold;
	}
			
.profil-logout{
	text-transform: uppercase;
	font-size: 24px;
	font-weight:bold;
	line-height: 24px;
	letter-spacing: 2.2px;
	}	

/*pub parralax*/
.ligne {
	padding:10px 0;
	/* background: rgba(21, 21, 21, 0.78); */
	background-color : #151515e6;
	height:250px; /*220 au 30052024 */
	}
.colonne-9{
	float:left;
	width:970px;
	padding: 0px;
	}
.colonne-3{
	float:right;
	width:160px;
	padding: 5px 0;
    }
.contenant{
	margin: 0 auto;
    /* overflow: hidden; */
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	}
.content {
	position: absolute;
	transform: translateY(-6.2%); /* -15% au 30052024 */
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: transform 0.05s ease-out;
	}
/*
#contenant-ban {height: 220px;}
.content-ban{height: 250px;}
*/
#contenant-ban {height: 250px;} /*230 au 30052024 */
.content-ban{height: 265px;}

.contenant-bar {height:650px; }
.content-bar{height:580px;padding-top: 20px;}

#contenant-barlight {height:670px;width: 126px;}
.content-barlight{height:600px;max-height:600px!important;margin-top:86px;}

.flexx{
	display: flex;
	align-items: center;
	justify-content: center;
	height:220px;
	}

.divisionpartrentesix {
    width: 100%;
    overflow: hidden;
    line-height: 0;
	transform: rotateY(180deg);
}

.divisionpartrentesix svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 30px;
}


.divisionpartrentesix .shape-fill {
    /* fill: #151515C7; */
	fill: #151515e6;
}

.divisionparquarentedouze {
    width: 100%;
    overflow: hidden;
    line-height: 0;
	transform: rotateX(180deg);
}

.divisionparquarentedouze.bottom {
	transform: rotateX(180deg) rotateY(180deg);
}

.divisionparquarentedouze.bottom2 {
	transform: rotateX(360deg) rotateY(180deg);
}

.divisionparquarentedouze.bottom2 svg{
	height: 45px;
}

.divisionparquarentedouze.bottom3 {
	transform: none;
}

.divisionparquarentedouze svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 30px;
}

.divisionparquarentedouze .shape-fill {/* fill: #151515C7; */ fill: #151515e6;}
.divisionparquarentedouze .shape-blanc {fill: #fff;}
.divisionparquarentedouze .shape-trans {fill: rgba(255,255,255,0.75);}


/* HOME */
.hrsprite{width:25px;background:url(/templates/pac_pho/images/home/sprite-home.png) -900px 29px}

.home_titre {
    display: block;
    height: 55px;
    line-height: 40px;
    background: transparent;
	margin-bottom: 24px;
	border-bottom: 4px solid #2e2e2e;
	border-radius: 2px;
	overflow: hidden;
}
.home_titre h3 {
    position: relative;
    display: inline-block;
    font-family: var(--dapolice-caenvoie);
    font-size: 33px;
	font-weight: normal;
    text-transform: uppercase;
    /* height: 30px; */
    line-height: 40px;
    margin: 0;
    padding: 8px 10px 7px 15px;
    color: #50555A;
	/*background: #ededed;*/
	}
/*.home_titre h3:after {
    content: "";
    display: block;
    position: absolute;
    right: -25px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #ededed;
}
*/

.side_titre {
    display: block;
    height: 36px;
    line-height: 28px;
    background: transparent;
	margin-bottom: 4px;
	border-bottom: 4px solid #2e2e2e;
	border-radius: 2px;
	overflow: hidden;
	text-align: right
}
.side_titre h4 {
    position: relative;
    display: inline-block;
    font-family: var(--dapolice-babar);
    font-size: 20px;
	font-weight: 100;
    text-transform: uppercase;
    /* height: 30px; */
    line-height: 28px;
    margin: 0;
    padding: 4px 15px 4px 10px;
    color: #50555A;
	background: #ededed;
	}
.side_titre h4:before {
    content: "";
    display: block;
    position: absolute;
    left: -18px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid #ededed;
}

table.menu-du-jour {
	text-align: right;
    text-transform: uppercase;
    line-height: 1.7rem;
    font-weight: 200;
    width: 100%;
    font-family: var(--dapolice-caenvoie);
	font-size: 1.35rem;
	margin-bottom: 15px;
}

span.menu-du-jour {font-size: 1.1em;letter-spacing: 1px;font-weight:500;}

.lastArticles{cursor:pointer;display:inline-block;text-align:center;line-height:32px;font-family:'segoe UI',sans-serif;font-size:11px;border:2px solid #e5e5e5;width:30px;height:30px;border-radius:100%;color:black;transition:color .15s ease-out, background 0.25s ease-in, border 0.75s ease-in;}
.lastArticles:hover{border:2px solid white;color:var(--accentohcon);transition:color .15s ease-out, background 0.25s ease-in, border 0.3s ease-in; }
.lastArticlesSelected{cursor:pointer;display:inline-block;text-align:center;line-height:32px;font-size:11px;border:2px solid black;width:30px;height:30px;border-radius:100%;background-color:black;color:white}
div.home_news_rss{position:absolute;margin:15px 0px 0px 558px}
div.home_zoom_title{background:url(/templates/pac_pho/images/home/sprite-home.png) no-repeat 0px 0px;width:678px;height:45px;line-height:28px;padding:18px 0px 0px 15px;font-size:26px;font-family:var(--dapolice-caenvoie);text-transform:uppercase}
div.home_articles_rss{position:absolute;margin:15px 0px 0px 280px}
div.focus{position:absolute;width:383px;height:108px;background:url(/templates/pac_pho/images/home/sprite-home.png) no-repeat 0px -640px}
#focus{padding-top:6px;width:383px;height:134px}
#scroll_bottom{left:-500px;top:48px;position:fixed!important;position:absolute;top:expression(body.clientHeight+body.scrollTop-144);cursor:pointer;width:96px;height:96px;background:url(/templates/pac_pho/images/scrolling.gif)}
b.home_title{color:var(--accentohcon-yallah);}
img.home_hr{width:380px;height:20px;background:url(/templates/pac_pho/images/home/sprite-home.png) no-repeat 0px -580px}
td.loading{width:32px;text-align:center}
img.loading{width:22px;height:22px;background:url(/templates/pac_pho/images/loading.gif)}
td.home_news,td.home_news_art{width:100%;padding:0px 20px;}
table.home_news_art h2.title{text-align:center;}
table.home_news_quick h2.title{margin-top:-4px!important}

td.home_news_logo{width:128px;padding:0px 10px 0px 0px;text-align:center;vertical-align:middle}
div.home_drivers{height:410px;overflow-y:scroll;overflow-x:hidden;width:100%;border-top:1px dashed #CCCCCC;border-bottom:1px dashed #CCCCCC;scrollbar-width: none;-ms-overflow-style:none;font-size:0.75rem;line-height:.9rem;font-weight:400;background:rgba(255, 255, 255, 0.75);font-family:var(--dapolice-babar);}
div.home_drivers::-webkit-scrollbar{display:none;overflow:hidden;}
tr.home_driv{text-transform:uppercase;transition:all 0.15s;}
tr.home_driv:hover{color:#444444;text-decoration:none; transition:all 0.2s;}
tr.home_driv:hover a{color:#444444}
tr.home_driv .version {color:grey; font-size:0.85em; transition:color 0.15s;}
tr.home_driv:hover .version {color:#00e8c6; transition:color 0.3s;}

td.home_cat{font-style:italic;font-size:.7em;padding:0px 10px 0px 5px;line-height:15px;white-space:nowrap}
a.home_cat{font-style:italic;font-size:.8rem;margin:0;font-weight:200;line-height:15px;white-space:nowrap;letter-spacing:0;text-transform:uppercase;font-family:var(--dapolice-babar-slimfast);letter-spacing:-.2px;}
img.home_comm{width:17px;height:12px;background:url(/templates/pac_pho/images/home/home_comm.png) no-repeat}
td.home_comm_img{width:100%;text-align:right}
td.home_comm{white-space:nowrap;color:#474747;font-size:11px;padding-left:0px 0px 0px 20px;line-height:15px}
div.home_comm{z-index:5;color:#aaa;font-weight:400;font-size:11px;padding:5px;width:255px!important;text-align:left;line-height:14px;font-family: roboto,'segoe UI', arial, sans-serif;}
.news1{margin-right:5px;height:48px;overflow:hidden}
.news2{margin-right:5px;overflow:hidden; border-radius:3px;}
.news3{margin-right:5px;height:100px;overflow:hidden;border-radius:3px;}
div.home_comm b{color:white}
div.home_content_news{z-index:10;padding:0px 0px 0px 23px;overflow:hidden;font-size:1rem;height:50px;line-height:100%;font-family:var(--dapolice-babar-slimfast);font-weight:250;hyphens: auto;letter-spacing:-.2px;}
div.home_content_news a,div.home_content_news a:hover{color:#5E5E5E;text-decoration:none}
span.home_content_date{font-size: 0.75rem;float: right;letter-spacing: 1px;display: none;}
div.home_content_articles{z-index:10;padding:0px 5px;text-align:center;overflow:hidden;}
div.home_content_articles a, div.home_content_articles a:hover{color:#5E5E5E;text-decoration:none}
td.dot{padding:0px;background:url(/templates/pac_pho/images/home/home_news_dot.png) no-repeat}
table.home_comm{width:100%;border:0px}
table.home_comm td.top{height:14px;background:url(/templates/pac_pho/images/home/sprite-home.png) no-repeat -1307px -613px;padding:0px}
table.home_comm td.middle{background:url(/templates/pac_pho/images/home/home_comment_tooltip_middle.png);padding:0px 5px 0px 5px;color:#C0C0C0}
table.home_comm td.middle b{color:white}
table.home_comm td.bottom{height:6px;background:url(/templates/pac_pho/images/home/sprite-home.png) no-repeat -1307px -630px;padding:0px}
.bot{background:white;width:9px;height:0px;margin:0px}
#div_admin {margin-bottom: 20px;}
#div_admin table.home_news {padding: 0; margin: 0;}
#div_admin div.bull_ragots {width: 25px; height:25px;margin-left: 216px;}
#div_admin h2.title {font-size: 1rem;letter-spacing: 0;}
#div_admin div.home_content_articles, #div_admin div.home_content_news{font-family: var(--dapolice-babar-slimfast);font-size:.8rem;line-height:.9rem;overflow:hidden;text-align:left;letter-spacing:-.2px;}
#div_admin span.odette{float:right;letter-spacing:2px;}
#div_admin span.prefixe-titre{color:black!important};
table.home_news_first{height:60px;width:100%;overflow:hidden;display:inline-table}
table.home_news_first_art{height:50px;width:100%;overflow:hidden;display:inline-block}
table.home_news_quick{height:60px;width:100%;margin:12px 0px;background-image: linear-gradient(to left, #fbfbfb 10%, rgba(255,255,255,0) 60%);overflow:hidden;display:inline-block}
table.home_news_quick div.news2 img {top: -3px; position: relative;}
img.first{height:41px}
table.home_news_over:hover{text-decoration:none}
table.home_articles_over_cat{width:99%;margin:5px 0;}
table.home_articles_over_cat:hover{text-decoration:none}

table.home_news_first div.news2 div,
table.home_news_first_art div.news2 div,
table.home_news_quick div.news2 div,
table.home_news div.news2 img,
table.home_news_art div.news2 img,
table.home_news_quick div.news2 img,
table.home_news div.news3 img,
table.home_news_art div.news3 img {transition: transform 3s ease-in-out, filter 0.2s ease-in-out;}

table.home_news_first:hover div.news2 div,
table.home_news_first_art:hover div.news2 div,
table.home_news_quick:hover div.news2 div,
table.home_news:hover div.news2 img,
table.home_news_art:hover div.news2 img,
table.home_news_quick:hover div.news2 img,
table.home_news:hover div.news3 img,
table.home_news_art:hover div.news3 img {filter: brightness(1.35) contrast(1.35) grayscale(1); transform:scale(1.1) rotate(-2deg) translateZ(0); overflow:hidden;}

table.home_news{margin-bottom:5px;padding:16px 0px;}

table.home_news_art{
	margin:	15px 0;
	padding: 30px 0 20px 0px;
	transition: background-color 0.3s ease-out;
	border-radius:3px;
	background-image: linear-gradient(to bottom, #202020, #505050);
}


table.home_news_art td:first-child {padding: 0;}
.artc table.home_news_art {margin: 10px 0;}

a.home_news{color:#50555A}
table.home_news:hover a.home_news, table.home_news_quick:hover a.home_news{text-decoration:none;color:black}
td.home_author{color:#8A8A8A;font-size:11px;padding:0px 0px 0px 0px;height:18px;line-height:13px;white-space:nowrap}
span.home_author{color:#DDD;text-transform: uppercase;font-style:italic;font-size:.8rem;letter-spacing:0;line-height:1rem;white-space:nowrap;font-family:var(--dapolice-babar-slimfast);font-weight: 200;letter-spacing:-.2px;}
.home_news_art h3, .home_news_first_art h3{color:#E2E2E2!important;transition: color .2s ease-out}
.home_news_art a.home_news,.home_news_first_art a.home_news{text-decoration:none;color:whitesmoke!important}
table.home_news_art:hover a.home_news, table.home_news_art_first:hover a.home_news, table.home_news_art:hover h3, table.home_news_art_first:hover h3{text-decoration:none;color:white!important}


/* Home Stick */
table.home_news_first h2 a {
    color: #e2e2e2!important;
    text-align: center;
	display: inline-block;
    padding: 0 25px!important;
	font-size: .9rem;
	letter-spacing: .5px;
	text-transform: uppercase;
	font-weight: 200;
}

table.home_news_first:hover a.home_news {
	text-decoration:none;
	color: white!important;
}

table.home_news_first {
    background: #202020;
}

table.home_news_first td.home_news{
	display: flex;
    padding: 0px!important;
    height: 60px!important;
    align-items: center;
}


table.home_news_first:first-child {
    padding: 20px 0 0px 0;
    border-radius: 3px 3px 0px 0px;
	box-sizing: content-box;
	margin-top:	-10px;
}

table.home_news_first_last{
    padding: 0px 0 22px 0;
    border-radius: 0px 0px 3px 3px;
	background-image: linear-gradient(to bottom, #202020, #4B4B4B);
	margin-bottom: 26px!important;
	box-sizing: content-box;	
}

table.home_news_first_last:first-child{
    padding: 20px 0 18px 0!important;
    border-radius: 3px 3px 3px 3px!important;
	background-image: linear-gradient(to bottom, #202020, #4B4B4B);
	margin-bottom: 26px!important;
	box-sizing: content-box;	
}

.home_news_first_last_hr {
    background: var(--accentfouyouyou);
    /* width: 250px; */
    padding: 2px 8px;
    right: 10px;
    margin-top: -40px;
    z-index: 2;
    position: absolute;
    height: 24px;
    overflow: hidden;
	display: flex;
    align-items: center;
}

.home_news_first_last_hr span {
	color: white;
	font-family:var(--dapolice-babar-slimfast);
	text-transform: uppercase;
	font-size: .7rem;
	line-height: 24px;
	letter-spacing: .5px;
	white-space: nowrap;
}
.bull1 {z-index:10;font-size:12px;color:white;position:absolute;margin-left:158px;margin-top:60px;width:265px;padding:8px;background:rgba(0, 0, 0, 0.9);border-radius:2px;display:none}
.bull1:after {
	bottom: 100%;
	left: 26%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(33, 30, 31, 0);
	border-bottom-color: rgba(0, 0, 0, 0.9);
	border-width: 7px;
	margin-left: -7px;
}
.home_news_art .bull1:after {
	left: 60%;
}

img.home_news_rss {margin:0px 0px 5px 10px;width:16px;height:16px;background:url(/images/M_images/livemarks.png) no-repeat}
table.home_bottom {margin:30px 0px 10px 0px;color:gray;font-size:0.9em}
table.home_bottom th, table.home_bottom td {padding: 5px;}
img.home_news_reload {margin:0px 5px 0px 0px;width:36px;height:35px;background:url(/templates/pac_pho/images/home/home_news_reload.png) no-repeat}
td.home_news_page {cursor:pointer;width:55px;padding:0px;background:url(/templates/pac_pho/images/home/home_news_page.png) no-repeat;text-align:center;vertical-align:middle}
td.home_news_select_small {width:110px;height:20px;text-align:left;vertical-align:middle;padding:1px 5px 0px 5px}
td.home_news_select_small select {color:white; background:#a7cb28;width:100px;border-radius:3px}
td.home_news_select {width:200px;height:20px;text-align:left;vertical-align:middle;padding:0px 5px 0px 5px}
td.home_news_select select {color:white; background: var(--accentohcon);width:175px;border-radius:3px;padding: 0 5px;height: 2.5rem;}
td.home_news_page_over {width:55px;padding:0px;background:url(/templates/pac_pho/images/home/home_news_page_over.png) no-repeat;text-align:center;vertical-align:middle}
td.home_news_page a,td.home_news_page_over a {color:#575757;font-size:13px;font-weight:400;text-decoration:none}
a.zoom {text-decoration:none;color:#69676C}
bold.big {font-size:13px}
div.home_articles_new {width:370px;margin:0 auto 50px auto;height:130px}
div.home_articles_new2 {width:660px;margin-bottom:0px;height:200px;margin-left: 14px;}
div.home_articles_new2 div.home_articles_img {z-index:1;width:660px;height:200px;overflow:hidden;border-radius: 2px;}
div.home_articles_title1 {width:320px;z-index:2;margin:85px 0 0 25px;background:white;position:absolute;height:50px!important;text-align:center;padding:8px 0;border-radius:2px;transition:background-color 0.2s linear}
div.home_articles_title1 a {text-decoration:none;color:#4B4B4B}
div.home_articles_title1anpm {width:580px;z-index:10;margin:60px 0 0 40px;position:absolute;height:50px!important;text-align:center;padding:15px 0;border-radius:2px;transition:background-color 0.2s linear; overflow:hidden;}
div.home_articles_title2 {text-align:right;line-height:1.3rem;font-size:.9rem;padding-right:10px; font-family: var(--dapolice-babar);}
div.home_articles_title2 span {max-width:275px;display:inline-block;height:19px;overflow:hidden;}
div.home_articles_new img {transition: all 4s ease-out;}
div.home_articles_new div.home_articles_img {z-index:1;width:370px;height:114px;overflow:hidden;border-radius: 2px;}
div.home_articles_new:hover img {
	filter: blur(1.5px) brightness(1.5) contrast(1.5) grayscale(1);
	transition: filter 0.3s ease;
	}

 
.home_articles_new:hover > .back_cpu-mobo-ram:first-child,
.home_articles_new:hover > .back_processeurs:first-child,
.home_articles_new:hover > .back_cartes-meres:first-child {background:var(--cpu-mobo-ram)!important}
.home_articles_title1.back_cpu-mobo-ram, .home_articles_title1.back_processeurs, .home_articles_title1.back_cartes-meres {border-top: 2px solid var(--cpu-mobo-ram);}
.home_articles_new:hover > .back_cpu-mobo-ram:first-child > a,
.home_articles_new:hover > .back_cpu-mobo-ram:first-child > a h2,
.home_articles_new:hover > .back_processeurs:first-child > a,
.home_articles_new:hover > .back_processeurs:first-child > a h2,
.home_articles_new:hover > .back_cartes-meres:first-child > a,
.home_articles_new:hover > .back_cartes-meres:first-child > a h2 {color:white}
.back_cpu-mobo-ram:hover, .back_processeurs:hover, .back_cartes-meres:hover, .back_oc:hover, .back_ram:hover{background:var(--cpu-mobo-ram);}
.back_cpu-mobo-ram:hover a, .back_cpu-mobo-ram:hover h2, .back_processeurs:hover a, .back_processeurs:hover h2, .back_cartes-meres:hover a, .back_cartes-meres:hover h2, .back_ram:hover a, .back_ram:hover h2, .back_oc:hover a, .back_oc:hover h2{color:#fff}

.home_articles_new:hover > .back_software-jeux-video:first-child {background:var(--software)!important}
.home_articles_title1.back_software-jeux-video {border-top: 2px solid var(--software);}
.home_articles_new:hover > .back_software-jeux-video:first-child > a,
.home_articles_new:hover > .back_software-jeux-video:first-child > a h2 {color:white}
.back_software-jeux-video:hover, .back_jeux-video:hover, .back_software-pilotes:hover {background:var(--software)}
.back_software-jeux-video:hover a,.back_software-jeux-video:hover h2, .back_jeux-video:hover a,.back_jeux-video:hover h2, .back_software-pilotes:hover a,.back_software-pilotes:hover h2{color:#fff}

.home_articles_new:hover > .back_cartes-graphiques:first-child {background:var(--gpu)!important}
.home_articles_title1.back_cartes-graphiques {border-top: 2px solid var(--gpu);}
.home_articles_new:hover > .back_cartes-graphiques:first-child > a,
.home_articles_new:hover > .back_cartes-graphiques:first-child > a h2 {color:white}
.back_cartes-graphiques:hover {background:var(--gpu)}
.back_cartes-graphiques:hover a, .back_cartes-graphiques:hover h2{color:#fff}

.home_articles_new:hover > .back_divers-a-fonkeries:first-child {background:var(--divers)!important}
.home_articles_new:hover > .back_divers-a-fonkeries:first-child > a,
.home_articles_new:hover > .back_divers-a-fonkeries:first-child > a h2 {color:white}
.back_business:hover, .back_divers-a-fonkeries:hover {background:var(--divers)}
.back_business:hover a,.back_business:hover h2, .back_divers-a-fonkeries:hover a, .back_divers-a-fonkeries:hover h2{color:#fff}

.home_articles_new:hover > .back_stockage-cartes:first-child,
.home_articles_new:hover > .back_peripheriques:first-child,
.home_articles_new:hover > .back_stockage:first-child {background:var(--stockage-periph)!important}
.home_articles_title1.back_stockage-cartes {border-top: 2px solid var(--stockage-periph);}
.home_articles_new:hover > .back_stockage-cartes:first-child > a,
.home_articles_new:hover > .back_stockage-cartes:first-child > a h2,
.home_articles_new:hover > .back_peripheriques:first-child > a,
.home_articles_new:hover > .back_peripheriques:first-child > a h2,
.home_articles_new:hover > .back_stockage:first-child > a,
.home_articles_new:hover > .back_stockage:first-child > a h2 {color:white!important}
.back_stockage-cartes:hover, .back_stockage:hover, .back_peripheriques:hover {background:var(--stockage-periph)}
.back_stockage-cartes:hover a,.back_stockage-cartes:hover h2, .back_stockage:hover a, .back_stockage:hover h2, .back_peripheriques:hover a, .back_peripheriques:hover h2{color:#fff}

.home_articles_new:hover > .back_boitiers-alimentations:first-child,
.home_articles_new:hover > .back_alimentations:first-child {background:var(--boitiers-alim)!important}
.home_articles_title1.back_boitiers-alimentations {border-top: 2px solid var(--boitiers-alim);}
.home_articles_new:hover > .back_boitiers-alimentations:first-child > a,
.home_articles_new:hover > .back_boitiers-alimentations:first-child > a h2,
.home_articles_new:hover > .back_alimentations:first-child > a,
.home_articles_new:hover > .back_alimentations:first-child > a h2 {color:white!important}
.back_boitiers-alimentations:hover, .back_alimentations:hover, .back_boitiers-barebones:hover{background:var(--boitiers-alim)}
.back_boitiers-alimentations:hover a,.back_boitiers-alimentations:hover h2, .back_alimentations:hover a, .back_alimentations:hover h2, .back_boitiers-barebones:hover a, .back_boitiers-barebones:hover h2{color:black}

.home_articles_new:hover > .back_hard-du-hard:first-child,
.home_articles_new:hover > .back_guide:first-child {background:var(--hard-du-hard)!important}
.home_articles_title1.back_hard-du-hard {border-top: 2px solid var(--hard-du-hard);}

.home_articles_new:hover > .back_quelques-heures-sur-le-comptoir:first-child {background:var(--divers)!important}
.home_articles_title1.back_quelques-heures-sur-le-comptoir {border-top: 2px solid var(--divers);}
.home_articles_new:hover > .back_quelques-heures-sur-le-comptoir:first-child > a,
.home_articles_new:hover > .back_quelques-heures-sur-le-comptoir:first-child > a h2 {color:white}
.back_quelques-heures-sur-le-comptoir:hover {background:var(--divers)}
.back_quelques-heures-sur-le-comptoir:hover a, .back_quelques-heures-sur-le-comptoir:hover h2{color:#fff}

.home_articles_new:hover > .back_refroidissement:first-child {background:var(--cooling)!important}
.home_articles_title1.back_refroidissement {border-top: 2px solid var(--boitiers-alim);}
.home_articles_new:hover > .back_refroidissement:first-child > a,
.home_articles_new:hover > .back_refroidissement:first-child > a h2 {color:white}
.back_refroidissement:hover{background:var(--cooling)}
.back_refroidissement:hover a, .back_refroidissement:hover h2{color:#fff}

.back_modding-et-systemes:hover, .back_vr:hover{background:var(--divers)}
.back_modding-et-systemes:hover a, .back_modding-et-systemes:hover h2, .back_vr:hover a, .back_vr:hover h2{color:#fff}


.anpm_cpu-mobo-ram, .anpm_processeurs, .anpm_cartes-meres, .anpm_oc, .anpm_ram{background:var(--cpu-mobo-ram)!important}
.anpm_cpu-mobo-ram a, .anpm_cpu-mobo-ram h4, .anpm_processeurs a, .anpm_processeurs h4, .anpm_cartes-meres a, .anpm_cartes-meres h4, .anpm_ram a, .anpm_ram h4, .anpm_oc a, .anpm_oc h4{color:white}
.anpm_software-jeux-video, .anpm_jeux-video, .anpm_software-pilotes{background:var(--software)!important}
.anpm_software-jeux-video a,.anpm_software-jeux-video h4, .anpm_jeux-video a,.anpm_jeux-video h4, .anpm_software-pilotes a,.anpm_software-pilotes h4{color:white}
.anpm_cartes-graphiques{background:var(--gpu)!important}
.anpm_cartes-graphiques a, .anpm_cartes-graphiques h4{color:white}
.anpm_business, .anpm_divers-a-fonkeries{background:var(--divers)!important}
.anpm_business a,.anpm_business h4, .anpm_divers-a-fonkeries a, .anpm_divers-a-fonkeries h4{color:white}
.anpm_stockage-cartes, .anpm_stockage, .anpm_peripheriques{background:var(--stockage-periph)!important}
.anpm_stockage-cartes a,.anpm_stockage-cartes h4, .anpm_stockage a, .anpm_stockage h4, .anpm_peripheriques a, .anpm_peripheriques h4{color:white}
.anpm_boitiers-alimentations, .anpm_alimentations, .anpm_boitiers-barebones{background:var(--boitiers-alim)!important}
.anpm_boitiers-alimentations a,.anpm_boitiers-alimentations h4, .anpm_alimentations a, .anpm_alimentations h4, .anpm_boitiers-barebones a, .anpm_boitiers-barebones h4{color:white}
.anpm_quelques-heures-sur-le-comptoir {background:var(--divers)!important}
.anpm_quelques-heures-sur-le-comptoir a, .anpm_quelques-heures-sur-le-comptoir h4 {color:white}
.anpm_refroidissement{background:var(--cooling)!important}
.anpm_refroidissement a, .anpm_refroidissement h4{color:white}
.anpm_modding-et-systemes, .anpm_vr{background:var(--divers)!important}
.anpm_modding-et-systemes a, .anpm_modding-et-systemes h4, .anpm_vr a, .anpm_vr h4{color:white}
.anpm_reference, .anpm_hard-du-hard{background:rgba(0, 0, 0, 0.8)!important}
.anpm_reference a, .anpm_reference h4, .anpm_hard-du-hard a, .anpm_hard-du-hard h4{color:white}

.cdhANPM:hover > div:first-child{background:rgba(255, 255, 255, 0.9)!important; box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.65);}
.cdhANPM:hover > div:first-child > a, .cdhANPM:hover > div:first-child > a h2{color:black;}

.cdhANPM img{
    filter: blur(4px) brightness(0.9) contrast(1.6) grayscale(1);
	transition: filter 4s ease;
}
.cdhANPM:hover img{
    filter: blur(0px) brightness(1) contrast(1) grayscale(0);
	transition: filter .3s ease;
}

div.ANPM {
	background: linear-gradient(#000000, #4e4e4e);
	border-radius:4px;
	width:695px;
	color:white;
}
div.ANPM .title {
	font-family:var(--dapolice-babar-slimfast);
	margin:8px;
	font-size:85px;
	text-align:center;
	line-height:90px;
	font-weight:100;
	height:70px;
	text-transform:uppercase;
	letter-spacing:-.2px;
}

div.ANPM .subtitle {
	font-family:var(--dapolice-babar-slimfast);
	margin:8px;
	font-size:48px;
	text-align:center;
	line-height:38px;
	font-weight:100;
	height:50px;
	padding-left:108px;
	letter-spacing:-.2px;
}

div.home_articles{width:385px;height:128px;padding:5px 0px 0px 3px;overflow:hidden;cursor:pointer;margin-bottom:15px}
div.home_articles_over{width:385px;height:128px;background:url(/templates/pac_pho/images/home/sprite-home.png) no-repeat right 0px;overflow:hidden;padding:5px 0px 0px 3px;cursor:pointer;margin-bottom:15px}
div.home_articles_content{text-align:justify;padding:0px;display:inline-block}
div.home_articles_content td{padding:3px 0px 0px 0px}
div.home_articles_content td b{font-size:12px}
div.home_articles_content a{font-size:11px;line-height:15px;text-decoration:none;color:#69676C}
div.home_articles_content img{padding:5px 10px 0px 0px}
table.home_articles_bottom{width:381px}td.articles_title{width:370px}


@keyframes defilehooui {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
 }

@keyframes gainsbarre {
  0% { transform: translateX(0); }
  10% { transform: translateX(0); }
  45% { transform: translateX(calc(-100% + 155px)); }
  55% { transform: translateX(calc(-100% + 155px)); }
  90% { transform: translateX(0); }
  100% { transform: translateX(0); }
}

#cdh_youtube{
	/* background:#202020;
	border-radius:50%; */
	margin:30px 0px;
	padding:15px 0px;
}
#cdh_youtube img.title{
	position: absolute;
    margin-top: -23px;
	width:314px;
	height:22px;
    margin-left: 28px;
}

#cdh_youtube span{
	width:112px;
	height:112px;
	border-radius:100%;
	border:2px solid white;
	display:inline-flex;
	margin:8px 4px 0px 4px;
	overflow:hidden;
	background:black;
}
#cdh_youtube img{
	width: 120px;
    height: 90px;
    margin-top: 10px;
    margin-left: -4px;
}

#cdhYoutubeTitle{
	background: #D63227;
    display: inline-flex;
    width: 314px;
    height: 24px;
    position: absolute;
    margin-top: -25px;
    margin-left: 28px;
	overflow:hidden;
	background-image:url(/templates/pac_pho/images/home/sprite-home.png);
	background-position: -6px -501px;
	transition: background-image 1s ease-in-out;
	border-radius: 2px;
	font-size: 1rem;
	}
#cdhYoutubeTitle b{
    animation:ease-out defilehooui 5s infinite;
	color:white;
	line-height:23px;
	white-space: nowrap;
	padding-left: 100%;
	text-indent: 0px;
}

div.play{
	position: absolute;
    background-image: url(/templates/pac_pho/images/home/sprite-home.png);
    width: 50px;
    height: 37px;
    background-position: -575px -205px;
    margin: 38px 0 0 32px;
    background-size: 786px 400px;
    opacity: 0.55;
	z-index:5;
	pointer-events: none;
	transition: opacity 0.1s linear;
	}
#cdh_youtube span:hover > div:first-child{
    position: absolute;
    opacity: 0.95;
	transition: opacity 0.15s linear;
}

/* twitchage */
.focus.twitch{
	height:50px;
}
#twitchblocked{
	display:none;
	opacity:0;
    position: absolute;
	transition:opacity ease-in-out 0.5s;
    background: rgba(255,255,255,0.95);
    width: 210px;
    text-align: center;
    font-family: var(--dapolice-caenvoie);
    color: black;
    font-size: 14px;
    padding: 5px;
    border: 3px solid rgba(0,0,0,0.8);
    border-radius: 6px;
    margin: 25px 0 0 163px;
    font-weight: normal;
    text-transform: uppercase;}


#twitch_close{
	display: inline-block;
	cursor:pointer;
    width: 17px;
    height: 17px;
    position: absolute;
    margin-left: 365px;
    background: url(/templates/pac_pho/images/plus17b.png);
	border-radius:50%;
	border: 2px solid #fff;
	transition:all 0.15s ease-in-out;
    transform: rotate(45deg);
    margin-top: 5px;
	opacity: 0.6;
}
#twitch_close:hover{
    background: url(/templates/pac_pho/images/plus17.png);
	border: 2px solid var(--accentohcon);
    transform: rotate(45deg);
	opacity: 1;
	transition:all 0.3s ease-in-out;
}
#twitch_line{
	overflow:hidden;
	width: 320px;
    background: linear-gradient(to right, #000, #ededed);
    display: inline-flex;
    margin-top: 53px;
    height: 25px;
    color: white;
    padding: 5px 5px 6px 5px;
    line-height: 26px;
    position: absolute;
	font-family:var(--dapolice-caenvoie);
	font-size: larger;
	border-radius: 0px 0px 50px 6px;
}
#twitch_line span{
    animation: ease-in-out gainsbarre 4s infinite;
}

table.home_topics_ibf {user-select: none;}
table.home_topics_ibf td{padding:6px 25px;line-height:.9rem;cursor:pointer;border-radius: 3px;}
td.home_topics_title div{font-size:.7rem;line-height:1rem;padding: 0px 0 5px 0;letter-spacing: -.2px;}
td.home_topics_title{color:#69676C;font-weight:300;font-size:.78rem;transition:background-color 0.2s linear;}
td.home_topics_title:hover{background:#EDEDED;color:black;}
td.home_topics_title a{color:#404040;text-decoration:none;}
td.home_topics_title:hover a{color:black;}
td.home_topics_forum{font-style:italic;color:#999999;font-size:10px;line-height:10px;text-align:right;font-size:10px;}
td.home_topics_forum a{color:#7b971e;font-weight:bold;font-size:10px;line-height:10px;}
td.home_topics_br{height:5px;}
td.home_topics_hr{height:6px;background:url(/templates/pac_pho/images/home/home_topics_hr.png);}
b.hour{font-weight:400;color:var(--accentpssshht-dark);}
b.calc{color: var(--accentohcon);}

/* + d'infos */
table.aumemesujet{line-height: 1.2em;user-select:none;}
table.actus_topics_ibf{width:300px;}
table.actus_topics_ibf td{padding:6px 10px;line-height:.9rem;border-top:1px dashed lightgrey;}
td.actus_topics_br{height:5px;}
td.actus_topics_hr{height:6px;background:url(/templates/pac_pho/images/home/home_topics_hr.png);}
td.actus_topics_title{background:url(/templates/pac_pho/images/ipb/quote_simple.png) no-repeat;background-position:right top;color:#868686;font-weight:400;font-size:11px;cursor:pointer;transition:background-color 0.2s linear;}
td.actus_topics_title:hover{background:#DDDDDD;color:#868686;font-weight:400;font-size:11px}
td.actus_topics_title:hover a{color:black}
td.actus_topics_title a{color:#404040;text-decoration:none}
td.actus_topics_forum div{text-align:right;width:100%;background:#CCCCCC}
td.actus_topics_forum b{color:#868686;font-weight:bold}
td.headday{border:0px;color:black;font-size:18px;text-align:center;font-family:var(--dapolice-caenvoie);height:50px;font-weight: 700;letter-spacing: 1px;}
td.day{border:0px;color:#5a5a5a;width:34px;height:20px;text-align:center;font-size: 80%}
td.hday{width:35px;height:20px;background:#5f5f5f;text-align:center;transition: all 0.15s;border-radius:4px}
td.oday{width:35px;height:20px;background:#e7e7e7;text-align:center;transition: all 0.15s;border-radius:4px}
td.iday{width:35px;height:20px;border:0px;text-align:center}
td.eday{background:#b1b1b1;width:35px;height:20px;text-align:center;border-radius:4px}
td.nday{background:#cdcdcd;width:35px;height:20px;text-align:center;border-radius:4px}
td.mon{border:0px;text-align:center}
img.week{cursor:pointer;background:url(/modules/mod_comptoir_info/images/week.png) no-repeat;width:8px;height:20px;text-align:center}
img.week_over{cursor:pointer;background:url(/modules/mod_comptoir_info/images/week_over.png) no-repeat;width:8px;height:20px;text-align:center}
select.inputbox{background:#D3D3D3;border:1px solid white}
table.calendar_select{width:275px;height:30px}
table.calendar_select select.month{color:white;width:160px;margin:0px 5px 0px 5px;background:#757575;border:1px solid white; border-radius:3px;}
table.calendar_select select.year{color:white;width:95px;margin:0px 5px 0px 0px;background:#757575;border:1px solid white; border-radius:3px;}

table.nextprev{padding: 30px 25px 10px 25px;user-select: none;}
td.home_news_next{width:50%;text-align:right;padding:0px 10px 0px 20px}
td.home_news_prev{width:50%;text-align:left;padding:0px 20px 0px 10px}
img.news_prev{width:25px;height:25px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat 0px -140px;filter: saturate(0);transition:filter 0.5s;transform: rotate(180deg);}
img.news_prev:hover{width:25px;height:25px;filter: saturate(1);transition:filter 0.2s;}
img.news_nxt{width:25px;height:25px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat 0px -140px;filter: saturate(0);transition:filter 0.5s;}
img.news_nxt:hover{width:25px;height:25px;filter: saturate(1);transition:filter 0.2s;}

div.cdi{font-size:.85rem;line-height:.95rem;overflow:hidden;margin:0px;padding:4px 0px 4px 5px; font-family: var(--dapolice-babar), sans-serif; font-weight:250;}
div.cdi a { color: #404040}
div.cdi a:visited {color: #4c151d}
div.cdi a:visited:hover {color: var(--accentfouyouyou)}
div#cdi_plus{overflow:hidden;height:0px}

/* BREF */
#sunday_top {padding: 50px 0px; display: none;}
div.bref-week {font-family:var(--dapolice-babar-slimfast);font-weight:700;position:absolute;font-size:120px;line-height:92px;margin-top:94px;width:200px;text-align:center;letter-spacing:-.2px;}
div.bref-rag {font-family:var(--dapolice-babar-slimfast);font-weight:700;position:absolute;color:#d1d1d1;font-size:60px;line-height:58px;letter-spacing:5px;margin-top:256px;width:200px;text-align:center;letter-spacing:-.2px;}
div.bref-car {font-family:var(--dapolice-babar-slimfast);font-weight:700;position:absolute;font-size:17px;line-height:16px;color:#8f8f8f;letter-spacing:0.5px;margin-top:338px;margin-left:42px;width:40px;text-align:center;letter-spacing:-.2px;}
#sunday_top div.recap {width: 200px;height: 430px;background: url(/templates/pac_pho/images/bref_des_breves.png);background-position: center;}
.artc > #sunday_top{display:none!important;}

/* BOX PRICES */
input.cdpside, input.cdpside:hover, input.cdpside:focus {margin: 4px 0px 20px 0px!important;width:100%;border-top: 2px solid #353535;height: 30px;border-right: none;border-bottom: none;border-left: none;padding-left: 26px;background-color:rgba(255,255,255,0.65);background-image:url(/templates/pac_pho/images/search.gif);background-repeat: no-repeat;background-position: 2px 6px; font-style: italic; font-variant: small-caps; letter-spacing: -0.4px; outline: none;}
input.cdpside::-webkit-search-cancel-button {position:relative; right:15px; color:red}

/* RAGOTS */
table.globaloragots{user-select: none; caret-color: transparent;}
table.ipb_comment{width:100%;border:0px; padding: 0px 0px 15px 0px;}
table.ipb_quote{margin: 20px 30px 10px 30px; border:0px;padding:0px;background-color: rgba(0, 0, 0, 0.05);border-left: 5px solid var(--accentohcon);border-radius: 0 8px 8px 0;min-width: 40%;}
div.ipb_content table.ipb_quote:first-child {margin-top: 0px;}
td.ipb_quote_mid{padding:0px 10px 10px 10px;font-style:italic;line-height:130%;font-size:90%;}
td.ipb_quotedate{text-align:right;white-space:nowrap}
td.ipb_num{text-align:right;padding-right:5px}
td.ipb_deleted{padding:10px 0 10px 30px;color:#91c99d;font-style:italic;}
td.ipb_comment1{padding:0px 5px 10px 5px;border:0px;width:100%;vertical-align:top;background-color:ghostwhite;border-radius:3px}
td.ipb_comment2{padding:0px 5px 10px 5px;border:0px;width:100%;vertical-align:top;border-radius:3px}
td.ipb_comment_bot{height:14px;padding:0px}
td.ipb_author{width:80px;border:0px;padding:0px 15px 15px 0px;text-align:center}
td.ipb_author img{border-radius: 3px;transition: filter 1s;}
td.ipb_edit{width:40px}
td.ipb_comment1 div.ipb_user, td.ipb_comment2 div.ipb_user{padding:15px 10px 20px 0px;color:grey;text-align:right;vertical-align:middle;font-weight:400;font-size:90%;line-height:1.5rem;}
div.ipb_quote{padding:5px 10px 0px 10px;color:#999999;vertical-align:bottom;font-weight:400;font-size:.8rem;line-height:1.6rem;text-align:right;}
b.ipb_member_q{font-family:var(--dapolice-babar-slimfast);font-size:1rem;}
div.ipb_comment{padding:0px 10px 0px 10px;overflow:hidden;line-height:1.6rem;word-break: break-word;}
div.ipb_content{padding:0 20px;display:inline-block;user-select: text;caret-color: var(--accentfouyouyou);}
textarea.signal{width:500px;height:175px;background: #efefef;font-style: italic;border: 0px;padding: 10px;transition: background 0.4s;font: 300 1.05rem roboto,'segoe UI',sans-serif;text-align: left!important;line-height: 1.3rem;margin: 10px 0px;caret-color: currentcolor;}
textarea.signal:focus{background:#eeecff; transition: background 0.8s;}
textarea.ipb{width:780px;height:175px;background:#efefef;font-style:italic;border: 0px;padding: 10px; transition: background 0.4s;font: 300 1.05rem roboto,'segoe UI',sans-serif;text-align: left!important;line-height: 1.3rem; margin: 10px 0px;caret-color: currentcolor;}
textarea.ipb:focus{background:#eeecff; transition: background 0.8s;}
/* table.ipb_add td{padding-left:5px} */
table #ipb_add, table #ipb_signal {margin: 0 auto;padding-bottom: 25px; font-size: 0.95rem;line-height: 1.3rem;}
img.ipb_i{cursor:pointer;width:16px;height:16px;vertical-align:middle;margin: 5px 5px;padding: 0px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -30px -170px;filter: saturate(0); transition: filter 0.5s;}
img.ipb_i:hover{cursor:pointer;padding:0px;width:16px;height:16px;filter: saturate(1); transition: filter 0.2s;}
img.ipb_b{cursor:pointer;width:16px;height:16px;vertical-align:middle;margin: 5px 5px;padding: 0px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -60px -170px;filter: saturate(0); transition: filter 0.5s;}
img.ipb_b:hover{cursor:pointer;padding:0px;width:16px;height:16px;filter: saturate(1); transition: filter 0.2s;}
img.ipb_u{cursor:pointer;width:16px;height:16px;vertical-align:middle;margin: 5px 5px;padding: 0px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -90px -170px;filter: saturate(0); transition: filter 0.5s;}
img.ipb_u:hover{cursor:pointer;padding:0px;width:16px;height:16px;filter: saturate(1); transition: filter 0.2s;}
img.ipb_s{cursor:pointer;width:16px;height:16px;vertical-align:middle;margin: 5px 5px;padding: 0px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -120px -170px;filter: saturate(0); transition: filter 0.5s;}
img.ipb_s:hover{cursor:pointer;padding:0px;width:16px;height:16px;filter: saturate(1); transition: filter 0.2s;}
img.ipb_url{cursor:pointer;width:16px;height:16px;vertical-align:middle;margin: 5px 5px;padding: 0px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -150px -170px;filter: saturate(0); transition: filter 0.5s;}
img.ipb_url:hover{cursor:pointer;padding:0px;width:16px;height:16px;filter: saturate(1); transition: filter 0.2s;}
input.ipb_submit,input.cell {
	width:220px;
	height:50px;
    margin:5px 0px;
	padding:0px 10px;
    color:white;
    border:none;
    background-image:linear-gradient(to bottom, #404040, #505050);
    border-radius: 6px;
	font-family:var(--dapolice-caenvoie);
    font-size:1.05rem;
    letter-spacing:1.2px;
	font-weight:300;
	transition:font 0.5s ease-in, letter-spacing 0.55s ease;
	caret-color: currentcolor;
	}
input.cell.signaler{
	width:500px;
	transition: none;
}

input.ipb_submit:hover,input.cell[type="submit"]:hover {font-weight: 800;letter-spacing: 0;transition: font 0.15s ease-in, letter-spacing 0.3s ease;}
input.ipb_calc{width:25px; border-width: 0 0 3px 0; border-color: black;transition: border 0.15s ease-out;text-align: center;font-family:'segoe UI',sans-serif;font-weight:700;line-height:18px;caret-color: currentcolor;}
input.ipb_calc:focus{border-color: var(--accentohcon);outline: none;transition: border 0.25s ease-in;}
input.ipb_pseudo{text-align: center; padding: 0 5px; height: 30px; margin: 0 5px; border-width: 0 0 3px 0;border-color: black;font-family:var(--dapolice-caenvoie);letter-spacing:1px;width:200px;line-height:30px;transition:border 0.15s ease-out;caret-color: currentcolor;}
input.ipb_pseudo:focus{border-color: var(--accentohcon);outline: none;transition: border 0.25s ease-in;}
div.div_comm {font-size:.82em; padding-left:5px;}
b.ipb_guest{display:inline-block;font-family:var(--dapolice-caenvoie);font-size:1.2rem;vertical-align:text-bottom;font-weight:200;}
b.ipb_member{display:inline-block;color:black;font-family:var(--dapolice-caenvoie);font-size:1.25rem;vertical-align:text-bottom;font-weight:700;}
b.ipb_admin{display:inline-block;color:black;font-family:var(--dapolice-caenvoie);font-size:1.25rem;vertical-align:text-bottom;font-weight:700;}
b.ipb_admin::before {
    content: 'guru';
    display: inline;
    background-color: var(--accentohcon-yallah);
    color: black;
    font-size: 0.65rem;
    padding: 2px 8px;
    border-radius: 2px;
    text-transform: uppercase;
    vertical-align: text-bottom;
    font-weight: 400;
    font-family: var(--dapolice-babar-slimfast);
	line-height: 1.3rem;
	letter-spacing:-.2px;
}
b.ipb_modo{display:inline-block;color:black;font-family:var(--dapolice-caenvoie);font-size:1.25rem;vertical-align:bottom;font-weight:700;}
b.ipb_modo::before {
    content: 'flic';
    display: inline;
    background-color: var(--accentohcon-dark);
    color: white;
    font-size: 0.65rem;
    padding: 4px 8px;
    border-radius: 2px;
    text-transform: uppercase;
    vertical-align: text-bottom;
    font-weight: 400;
    font-family: var(--dapolice-babar-slimfast);
	line-height: 1.3rem;
	letter-spacing:-.2px;
}

td.automodo{color:#606060;line-height: 1.1rem;font-size:1rem;font-weight:300;cursor: default;font-family:var(--dapolice-caenvoie);padding: 0px 5px;}
img.automodo{cursor:pointer;margin:0px 10px 0px 5px;width:18px;height:22px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat 0px -170px; transition: filter 0.5s}
img.automodo:hover{cursor:pointer;filter: hue-rotate(240deg);transition: filter 1s;}
img.ipb_quote{cursor:pointer;margin:0px 3px 4px 12px;padding:0px;width:16px;height:16px;vertical-align: middle;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -230px -90px;filter: invert(1); transition: filter 0.5s;}
img.ipb_quote:hover{cursor:pointer;filter: invert(0); transition: filter 0.2s;}
img.ipb_edit{cursor:pointer;margin:0px 3px 4px 3px;padding:0px;width:16px;height:16px;vertical-align: middle;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -230px -110px;filter: saturate(0); transition: filter 0.5s;}
img.ipb_edit:hover{cursor:pointer;filter: saturate(1); transition: filter 0.2s;}
img.ipb_delete{cursor:pointer;margin:0px 3px 4px 3px;padding:0px;width:16px;height:16px;vertical-align: middle;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -230px -130px;filter: saturate(0); transition: filter 0.5s;}
img.ipb_delete:hover{cursor:pointer;filter: saturate(1); transition: filter 0.2s;}
img.ipb_alert{cursor:pointer;margin:0px 3px 4px 3px;padding:0px;width:16px;height:16px;vertical-align: middle;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -230px -150px;filter: saturate(0); transition: filter 0.5s;}
img.ipb_alert:hover{cursor:pointer;filter: saturate(1); transition: filter 0.2s;}
img.ipb_snapback{width:12px;height:15px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat 0px -110px;vertical-align:middle; padding:0px 4px; filter: saturate(0) opacity(0.5); transition: filter 0.5s;}
img.ipb_snapback:hover{filter: saturate(0) opacity(0.75); transition: filter 0.2s;}

a.impact{font-family:var(--dapolice-caenvoie);font-size:14px;font-weight:900}
img.plus17{cursor: pointer;width:17px;height:17px;background:url(/templates/pac_pho/images/plus17b.png);border-radius:50%; border: 2px solid #fff;transition:All 0.25s ease-in-out;}
img.plus17:hover{background:url(/templates/pac_pho/images/plus17.png);border: 2px solid var(--accentohcon);}
img.moins17{cursor: pointer;width:17px;height:17px;background:url(/templates/pac_pho/images/plus17b.png);border-radius:50%; border: 2px solid #fff;transition:All 0.25s ease-in-out;transform:rotate(45deg);}
img.moins17:hover{background:url(/templates/pac_pho/images/plus17.png);border: 2px solid var(--accentohcon);transform:rotate(45deg);}
img.plus25{cursor: pointer;width:25px;height:25px;background:url(/templates/pac_pho/images/plus25b.png);border-radius:50%; border: 2px solid #fff;transition:All 0.25s ease-in-out;}
img.plus25:hover{background:url(/templates/pac_pho/images/plus25.png);border: 2px solid var(--accentohcon);}

img.ipb_less{cursor:crosshair;width:19px;height:19px;transform:rotate(45deg);background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -182px -40px;margin-right:10px;}
img.ipb_less_over{cursor:pointer;width:19px;height:19px;transform:rotate(45deg);background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -201px -40px;margin-right:10px;}
img.ipb_less:hover{cursor:pointer;width:19px;height:19px;transform:rotate(45deg);background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -201px -40px;margin-right:10px;}

img.ipb_more_piti{cursor:pointer;width:9px;height:9px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -196px -73px;margin-left:5px;vertical-align:middle;}
img.ipb_bull{margin:0px 0px 0px 2px;width:139px;height:54px;background:url(/templates/pac_pho/images/home/sprite-home.png) no-repeat -386px -424px;}
div.ipb_pages{text-align:right;padding-right:50px;}
div.ipb_sk{padding:35px 10px;background-color: rgb(245, 245, 245);border-radius:2px;}
input.twit{cursor:default;text-align:right;border:0px;font-family:'segoe UI',sans-serif;font-size:24px;color:var(--accentohcon);line-height:20px;height:30px;padding-top:0px;}
img.ipb_smiley{cursor:pointer;}
img.bbc_emoticon {vertical-align: middle;}
img.rafraichir{width:16px;margin:5px;cursor:pointer;height:16px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -230px -170px;transition:All 0.4s ease-in-out;vertical-align:inherit;}
img.rafraichir:hover{transform:rotate(-360deg);}
img.ordreragots_up{width:16px;cursor:pointer;margin:5px;height:16px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -200px -110px;transition:All 0.25s ease-in-out;vertical-align:inherit;}
img.ordreragots_up:hover{transform:rotate(180deg);}
img.ordreragots_down{width:16px;cursor:pointer;margin:5px;height:16px;background:url(/templates/pac_pho/images/sprite-login.png) no-repeat -200px -110px;transform:rotate(180deg);transition:All 0.25s ease-in-out;vertical-align:inherit;}
img.ordreragots_down:hover{transform:rotate(360deg);}
div #div_page, div #div_page2 {padding: 15px 0;display: flex;justify-content: center;}
img.actusall{background:url(/templates/pac_pho/images/home/sprite-home.png) -1000px 0px;width:130px;height:30px}
img.actusall_over{background:url(/templates/pac_pho/images/home/sprite-home.png) -1000px -30px;width:130px;height:30px}
img.aujourdhui{background:url(/templates/pac_pho/images/home/sprite-home.png) -1000px -60px;width:130px;height:30px}
img.aujourdhui_over{background:url(/templates/pac_pho/images/home/sprite-home.png) -1000px -90px;width:130px;height:30px}
img.ragoter{background:url(/templates/pac_pho/images/home/sprite-home.png) -1000px -180px;width:130px;height:30px}
img.ragoter:hover{background:url(/templates/pac_pho/images/home/sprite-home.png) -1000px -210px;width:130px;height:30px}
img.signaler{background:url(/templates/pac_pho/images/home/sprite-home.png) -1000px -240px;width:130px;height:30px}
img.signaler_over{background:url(/templates/pac_pho/images/home/sprite-home.png) -1000px -270px;width:130px;height:30px}
img.yaunan{background:url(/templates/pac_pho/images/home/sprite-home.png) -1000px -300px;width:130px;height:30px}
img.yaunan_over{background:url(/templates/pac_pho/images/home/sprite-home.png) -1000px -330px;width:130px;height:30px}


	
.ragoter2 {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 130px;
	height: 30px;
	background: url(/templates/pac_pho/images/home/sprite-home.png) no-repeat;
	background-position: -1000px -180px;
}
.ragoter2:after {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/templates/pac_pho/images/home/sprite-home.png) no-repeat;
	background-position: -1000px -210px;
	content: "";
	width: 130px;
	height: 30px;
	opacity: 0;
	transition: opacity 0.35s;
}
.ragoter2:hover:after {
	opacity: 1;
}



/* Pagination */
#pagination-digg {border:0;margin:0;padding:0;}
#pagination-digg li{border:0;margin:0px 2px 3px 0px;padding:0px;font-size:1.2rem;list-style:none;float:left;width:30px; height:30px;text-align:center;font-weight: 300;}
#pagination-digg li.big{border:0;margin:0px 2px 3px 0px;padding:0px;font-size:1.2rem;list-style:none;float:left;width:30px; height:30px;text-align:center;font-weight: 300;}
#pagination-digg li.page{border:0;margin:0px 10px 3px 10px;padding:0px;font-size:1.2rem;list-style:none;float:left;width:30px; height:30px;border-radius:50%;font-weight: 300;}
#pagination-digg li.next{border:0;margin:0px 6px 3px 6px;padding:0px;font-size:1.2rem;list-style:none;float:left;width:30px; height:30px;font-weight: 300;}
#pagination-digg li.active a {color:white!important;}
#pagination-digg li.active a:hover {color:white;background:black!important;}
#pagination-digg a{color:#000;border-radius:50%}
#pagination-digg .off,#pagination-digg .next-off{color:#888888;font-weight:300;display:block;width:30px; height:30px;}
#pagination-digg .active{background:#000;color:#fff;display:block;border-radius:50%}
#pagination-digg .activebig{background:#000;color:#fff;font-weight:700;display:block;border-radius:50%;width:30px; height:30px;}
#pagination-digg a:link,#pagination-digg a:visited{display:block;text-decoration:none;transition: color .1s ease-out, background 0.15s ease-in;}
#pagination-digg a:hover{background:#f4f78b;text-decoration:none}


div.page{transition: all 0.5s ease-out; background:#f4f78b}

/* Modules info_supp */
div.meta {text-align:right;padding: 10px 10px 25px 10px;}
div.sommaire {text-align:right;padding-bottom:25px;padding-top:10px;user-select: none;}
div.tiptappe {	
			overflow: hidden;
			border-right: .15em solid #c7081f;
			margin: 0 auto;
			letter-spacing: .02em;
			animation: typing 2s steps(40, end), blink-caret 2s step-end infinite;
		}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% {border-color: #c7081f;}
}

div.cat_actus{margin:0px;width:200px;height:35px;}
div.cat_actus:hover{background:url(/modules/mod_comptoir_info/images/donf_cat.png) no-repeat;}
div.cat_actus_:hover a{text-decoration:none;}
div.cat_articles{margin:0px;width:100%;height:35px;}
div.cat_articles:hover{background:url(/modules/mod_comptoir_info/images/donf_cat.png) no-repeat;}
div.cat_articles:hover a{text-decoration:none;}
div.cat-miam{position:absolute;margin-left:20px;height:35px;}
div.cat-miam-nom{color:black;font-size:14px;font-family:var(--dapolice-caenvoie);text-transform:uppercase;letter-spacing:1.8px;line-height:14px;}
div.cat-miam-sub{color:grey;font-size:10px;font-family:'segoe UI',sans-serif;line-height:10px;}

input#contest_countdown{font-family:var(--dapolice-caenvoie);font-weight:900;font-size:2.8em;border:0px;text-align:center;background:transparent;width:100%;letter-spacing: 1.4px;outline:none}

/*pilotes2021*/
.plts{font-family:var(--dapolice-caenvoie);font-weight:900;text-transform: uppercase;font-size:.95rem;margin:9px 0px 5px 0px;}
.isflex{display: flex;align-items: center;justify-content: center;line-height: .95rem;cursor:pointer}
.textos {line-height: .8rem;display: inline-block;padding-left: 4px;}
.opacity_on {opacity: 1;padding-left:4px}
.opacity_off{opacity: 0.4;padding-left:4px}

.Xwin10x64_on,.Xwin10x64_off:hover{background:url(/templates/pac_pho/images/ihm3.png) -4px 0px;width:30px;height:30px;opacity: 1;transition: all 0.15s ease-out;}
.Xwin10x64_off{background:url(/templates/pac_pho/images/ihm3.png) -4px 0px;width:30px;height:30px;opacity:0.4}
.Win11_on,.Win11_off:hover{background:url(/templates/pac_pho/images/ihm3.png) -4px -30px;width:30px;height:30px}
.Win11_off{background:url(/templates/pac_pho/images/ihm3.png) -4px -30px;width:30px;height:30px;opacity:0.4}
.Linux_on,.Linux_off:hover{background:url(/templates/pac_pho/images/ihm3.png) -4px -60px;width:30px;height:30px}
.Linux_off{background:url(/templates/pac_pho/images/ihm3.png) -4px -60px;width:30px;height:30px;opacity:0.4}
.Fbios_on,.Fbios_off:hover{background:url(/templates/pac_pho/images/ihm3.png) -4px -90px;width:30px;height:30px}
.Fbios_off{background:url(/templates/pac_pho/images/ihm3.png) -4px -90px;width:30px;height:30px;opacity:0.4}

.opacity_off:hover,.tltip:hover>*{opacity: 1;transition: all 0.15s ease-out;}
.isflex span.tiprag {top:75px!important;}

.table_pilotes div.home_drivers {overflow: auto;border-radius: 3px;}
.icon-scroll, .icon-scroll:before {position: absolute;right:15px;}
.icon-scroll {
	width: 16px;
	height: 35px;
	margin-left: -20px;
	top: 392px;
	margin-top: -35px;
	box-shadow: inset 0 0 0 1px #555;
	border-radius: 25px;
	right: 26px;
}
.icon-scroll:before {
	content: '';
	width: 4px;
	height: 4px;
	background: #525252;
	margin-left:-2px;
	top: 8px;
	border-radius: 4px;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-name: scroll-drivers;
	left: 50%;
}

@keyframes scroll-drivers {
	0% {
	opacity: 1;
	}
	100% {
	opacity: 0;
	transform: translateY(15px);
	}
}



td.driv{font-family:'segoe UI',sans-serif;line-height:1.2em;font-size:0.8em;}
td.driv:hover .text_on td{color:white; text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);}
.drivers_off{background:url(/templates/pac_pho/images/home/sprite-home.png) -1200px -128px;width:373px;height:64px;opacity:0.5}

.tab110{height:160px}
.amd_crimson_off{background:url(/templates/pac_pho/images/ihm3.png) -160px -340px;width:60px;height:60px;margin-bottom: 5px;position:relative;z-index: 0;display: inline-block;}
.amd_crimson_off::after{content: "";background:url(/templates/pac_pho/images/ihm3.png) -220px -340px;width:60px;opacity: 0;height:60px;transition: opacity 0.5s;
	position:absolute;top: 0;
	right: 0;
	bottom: 0;
	left: 0;z-index: 10;
}
.amd_crimson_off:hover::after {
	opacity: 1;
	transition: opacity 0.5s;
}

.nvidia_geforce_off{background:url(/templates/pac_pho/images/ihm3.png) -40px -340px;width:60px;height:60px;margin-bottom: 5px;position:relative;display: inline-block;}
.nvidia_geforce_off::after{content: "";background:url(/templates/pac_pho/images/ihm3.png) -100px -340px;width:60px;height:60px;opacity: 0;transition: opacity 0.5s;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;z-index: 10;}
.nvidia_geforce_off:hover::after {
	opacity: 1;
	transition: opacity 0.5s;
}

.intel_gpu_off{background:url(/templates/pac_pho/images/ihm3.png) -40px -220px;width:60px;height:60px;margin-bottom: 5px;position:relative;display: inline-block;}
.intel_gpu_off::after{
	content: "";background:url(/templates/pac_pho/images/ihm3.png) -40px -280px;
	width:60px;
	height:60px;
	opacity: 0;
	transition: opacity 0.5s;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;z-index: 10;}
.intel_gpu_off:hover::after {
	opacity: 1;
	transition: opacity 0.5s;
}

.tdgpu{line-height:1.05rem;font-family:var(--dapolice-babar-slimfast);font-size:.9rem;font-weight:600;letter-spacing:1.5px;position:relative;}
.tdgpu a:link{color:#50555A!important;}
.tdgpu a:visited{color:#50555A!important;}
.tdgpu a:hover::after{
	position: absolute;
	content: "→";
	right: -3px;
	top: 66%;
	font-size: 1rem;
	font-weight: 900;
}
.tdgpu span{font-size:.8rem;font-weight:initial;color:#858585;letter-spacing:1.4px}

.home_comm_ragot{cursor:normal;width:18px;height:15px;background:url(/templates/pac_pho/images/home/sprite-home.png) no-repeat -542px -449px;text-align:center;vertical-align:top;padding:2px 0px 2px 0px;vertical-align:top;text-decoration:none;color:white;font-family:roboto,'segoe UI',sans-serif;font-size:11px;font-weight:400;line-height:10px}
.home_comm_ragot_100{cursor:normal;width:28px;height:15px;background:url(/templates/pac_pho/images/home/sprite-home.png) no-repeat -542px -424px;text-align:center;vertical-align:top;padding:2px 0px 2px 0px;vertical-align:top;text-decoration:none;color:white;font-family:roboto,'segoe UI', sans-serif;font-size:11px;font-weight:400;line-height:10px}
.home_comm_ragot a,.home_comm_ragot_100 a{text-decoration:none;color:white;font-family:roboto,'segoe UI', sans-serif;font-size:11px;font-weight:400;line-height:10px}

img.partenaires_cdi{background:url(/templates/pac_pho/images/ihm3.png) -100px -70px;width:15px;height:16px}
img.partenaires_cdh{background:url(/templates/pac_pho/images/ihm23png) -115px -70px;width:15px;height:16px}
img.partenaires_cdp{background:url(/templates/pac_pho/images/ihm3.png) -130px -70px;width:15px;height:16px}
img.partenaires_fdc{background:url(/templates/pac_pho/images/ihm3.png) -145px -70px;width:15px;height:16px}
img.partenaires_mf{background:url(/templates/pac_pho/images/ihm3.png) -160px -70px;width:11px;height:16px}
img.rss{cursor:pointer;width:14px;height:14px;background:url(/templates/pac_pho/images/ihm3.png) -80px 0px}


.cat3_reference{width:6px;height:100%;padding:0px;background-color: var(--guide);}
.cat3_guide-d-achat{width:6px;height:100%;padding:0px;background-color: var(--guide);}
.cat3_hard-du-hard{width:6px;height:100%;padding:0px;background-color: var(--hard-du-hard);}
.cat3_bons-plans-du-comptoir{width:6px;height:100%;padding:0px;background-color: var(--guide);}
.cat3_concours{width:6px;height:100%;padding:0px;background-color: var(--guide);}
.cat3_cpu-mobo-ram{width:6px;height:100%;padding:0px;background-color: var(--cpu-mobo-ram);}
.cat3_processeurs{width:6px;height:100%;padding:0px;background-color: var(--cpu-mobo-ram);}
.cat3_cartes-meres{width:6px;height:100%;padding:0px;background-color: var(--cpu-mobo-ram);}
.cat3_ram{width:6px;height:100%;padding:0px;background-color: var(--cpu-mobo-ram);}
.cat3_oc{width:6px;height:100%;padding:0px;background-color: var(--cpu-mobo-ram);}
.cat3_software-jeux-video{width:6px;height:100%;padding:0px;background-color: var(--software);}
.cat3_jeux-video{width:6px;height:100%;padding:0px;background-color: var(--software);}
.cat3_software-pilotes{width:6px;height:100%;padding:0px;background-color: var(--software);}
.cat3_vr{width:6px;height:100%;padding:0px;background-color: var(--divers);}
.cat3_modding-et-systemes{width:6px;height:100%;padding:0px;background-color: var(--divers);}
.cat3_cartes-graphiques{width:6px;height:100%;padding:0px;background-color: var(--gpu);}
.cat3_business{width:6px;height:100%;padding:0px;background-color: var(--divers);}
.cat3_divers-a-fonkeries{width:6px;height:100%;padding:0px;background-color: var(--divers);}
.cat3_stockage-cartes{width:6px;height:100%;padding:0px;background-color: var(--stockage-periph);}
.cat3_stockage{width:6px;height:100%;padding:0px;background-color: var(--stockage-periph);}
.cat3_boitiers-alimentations{width:6px;height:100%;padding:0px;background-color: var(--boitiers-alim);}
.cat3_alimentations{width:6px;height:100%;padding:0px;background-color: var(--boitiers-alim);}
.cat3_boitiers-barebones{width:6px;height:100%;padding:0px;background-color: var(--boitiers-alim);}
.cat3_quelques-heures-sur-le-comptoir{width:6px;height:100%;padding:0px;background-color: var(--divers);}
.cat3_peripheriques{width:6px;height:100%;padding:0px;background-color: var(--stockage-periph);}
.cat3_refroidissement{width:6px;height:100%;padding:0px;background-color: var(--cooling);}


#ragots_big, #aragots_big, #aragots_big_l, #ragots_big_l, .ragots_big{width:60px;height:60px;border-radius: 50%;text-align:center;margin:5px;}
#ragots_big_bot{width:80px;height:80px;border-radius: 50%;text-align:center;display:inline-block; line-height: 80px;color:white;}
span#ragots_big_bot {letter-spacing: -5px;}
#ragots_big a, #aragots_big a, #aragots_big_l a, #ragots_big_l a{color: #fff;font-size: 1.8rem;line-height: 1.4rem;display: flex;justify-content: center;height: 60px;align-items: center;font-family: var(--dapolice-caenvoie); font-weight: 100;}
div.bull_ragots{width:35px;height:35px;position:absolute;margin-left:210px;margin-top:10px;text-align:center; z-index: 3;border: 2px solid #ffffff;border-radius:50%;display: flex; align-items: center; justify-content: center}
table.home_news_first div.bull_ragots {margin-top:8px;}

div.bull_ragots_art{width:35px;height:35px;position:absolute;margin-left:305px;margin-top:5px;text-align:center; z-index: 3;border: 2px solid #ffffff;border-radius:50%;display: flex; align-items: center; justify-content: center}
div.bull_ragots a, div.bull_ragots_art a{font-size:.96rem;line-height:1rem;font-family:var(--dapolice-caenvoie);font-weight:100;margin-top:-2px;}
div.bull_ragots font,div.bull_ragots_art font{font-size:10px;line-height:10px;margin-top:-2px;display:inline-block;font-family:'segoe UI', sans-serif;vertical-align: middle;transform: rotate(-20deg);}
div.bull_ragots font img,div.bull_ragots_art font img{margin-top:0;transform: translate3d(-1px, 3px, 0px);}
div.bull_ragots a:hover,div.bull_ragots_art a:hover{text-decoration:none}
div.bull_ragots:hover div,div.bull_ragots_art:hover div{display:block}
div.bull_ragots div,div.bull_ragots_art div{display:none}

.bull_reference, .bull_bons-plans-du-comptoir, .bull_concours, .bull_guide-d-achat {background-color: var(--guide); border: 1px solid #c2be48}
.bull_hard-du-hard {background-color: var(--hard-du-hard); border: 1px solid #c2be48}
.bull_cpu-mobo-ram, .bull_processeurs, .bull_cartes-meres, .bull_ram, .bull_oc{background-color: var(--cpu-mobo-ram); border: 1px solid #89162a}
.bull_software-jeux-video, .bull_software-pilotes, .bull_jeux-video{background-color: var(--software); border: 1px solid #279f5c}
.bull_quelques-heures-sur-le-comptoir, .bull_vr, .bull_modding-et-systemes, .bull_business, .bull_divers-a-fonkeries{background-color: var(--divers); border: 1px solid #413838}
.bull_cartes-graphiques{background-color: var(--gpu); border: 1px solid #9c366c}
.bull_stockage-cartes, .bull_stockage, .bull_peripheriques{background-color: var(--stockage-periph); border: 1px solid #4121a1}
.bull_boitiers-alimentations, .bull_alimentations, .bull_boitiers-barebones{background-color: var(--boitiers-alim); border: 1px solid #4fb3bb}
.bull_refroidissement{background-color: var(--cooling); border: 1px solid #109f93}

.bull_bons-plans-du-comptoir a,
.bull_concours a,
.bull_reference a,
.bull_guide-d-achat a,
.bull_hard-du-hard a {color:#2e2e2e!important}

.bull_cpu-mobo-ram a,
.bull_processeurs a,
.bull_cartes-meres a,
.bull_ram a,
.bull_oc a,
.bull_software-jeux-video a,
.bull_jeux-video a,
.bull_software-pilotes a,
.bull_cartes-graphiques a,
.bull_business a,
.bull_divers-a-fonkeries a,
.bull_stockage-cartes a,
.bull_stockage a,
.bull_quelques-heures-sur-le-comptoir a,
.bull_peripheriques a,
.bull_refroidissement a,
.bull_vr a,
.bull_modding-et-systemes a,
.bull_boitiers-alimentations a,
.bull_alimentations a,
.bull_boitiers-barebones a,
.bull_cpu-mobo-ram font,
.bull_processeurs font,
.bull_cartes-meres font,
.bull_ram font,
.bull_oc font,
.bull_software-jeux-video font,
.bull_jeux-video font,
.bull_software-pilotes font,
.bull_cartes-graphiques font,
.bull_business font,
.bull_divers-a-fonkeries font,
.bull_stockage-cartes font,
.bull_stockage font,
.bull_quelques-heures-sur-le-comptoir font,
.bull_peripheriques font,
.bull_refroidissement font,
.bull_vr font,
.bull_modding-et-systemes font,
.bull_boitiers-alimentations font,
.bull_alimentations font,
.bull_boitiers-barebones font {color:white!important}

/* thermocomptoir */
.thermocomptoir{
     display: flex;
     justify-content: space-between;
     margin:0px 50px;
	 font-family: var(--dapolice-babar-slimfast);
	 letter-spacing:-.2px;
	 font-size: 1rem;
	 font-weight: 400;
}

 .thermo {
     display: flex;
     align-items: center;
     justify-content: center;
	 transition: background-color 0.15s ease-out;
	 border-radius: 5px; 
}

.cool{background-color:rgb(0 235 105 / 12%);}
.cool:hover{background-color:rgb(0 235 105 / 25%);}
.moinscool{background-color:rgb(233 20 20 / 12%);}
.moinscool:hover{background-color:rgb(233 20 20 / 25%);}
.aucentre img{max-width:300px;}
.thermo.cool, .thermo.moinscool {width:calc(100% - 320px);}
.thermo.aucentre{width:300px; padding: 15px 20px;}
.thermo span{display:block;margin:15px 10px;clear: both;}
.thermo p{display:block;margin:15px 10px;clear: both;}
.thermo div{text-align: center;}


.prout tbody td[rowspan], .prout tr td {transition:all 0.25s ease-out;}

.progress{height:100px}
.progress > svg{height:100%;display:block}


/* Tooltip v2 */
.tltip span.tip{cursor:default;pointer-events:none;z-index:999;position:absolute;margin-top:-25;margin-left:0;min-width:150px;max-width:350px;min-height:30px;opacity:0;padding:10px;color:#fff;border-radius:3px;background:rgba(0,0,0,0.8);box-shadow:3px 3px 5px rgba(0,0,0,0.25);transition:all 0.22s ease-in-out;border:0}
.tltip span.tip:after{content:'';position:absolute;top:20px;left:0;margin-left:-12px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid rgba(0,0,0,0.8)}
.tltip:hover span.tip{opacity:1;margin-left:20px}
.tltip span.tiprag{cursor:default;text-align:center;pointer-events:none;z-index:999;position:absolute;margin-top:25;margin-left:0;width:135px;min-height:20px;opacity:0;padding:10px;color:#fff;border-radius:3px;background:rgba(0,0,0,0.8);box-shadow:3px 3px 5px rgba(0,0,0,0.25);transition:all 0.22s ease-in-out;border:0;text-decoration:none}
.tltip span.tiprag:after{content:'';position:absolute;top:-12px;left:77px;margin-left:-12px;border-right:12px solid transparent;border-left:12px solid transparent;border-bottom:12px solid rgba(0,0,0,0.8)}
.tltip:hover span.tiprag{opacity:1;margin-top:45px;transition-delay: 1s;}
.tltip span.tippage{pointer-events:none;z-index:999;position:absolute;margin-top:-57px;margin-left:-108px;width:205px;min-height:15px;opacity:0;padding:10px;color:#fff;border-radius:3px;background:rgba(0,0,0,0.8);box-shadow:0 3px 5px rgba(0,0,0,0.25);transition:all 0.22s ease-in-out;border:0}
.tltip span.tippage:after{content:'';position:absolute;top:36px;left:0;margin-left:100px;border-right:12px solid transparent;border-left:12px solid transparent;border-top:12px solid rgba(0,0,0,0.8)}
.tltip:hover span.tippage{opacity:1;margin-top:-52px;}
.tltip span.tipbull{pointer-events:none;z-index:999;position:absolute;margin-top:-41px;margin-left:-320px;width:205px;min-height:30px;opacity:0;padding:10px;color:#fff;border-radius:3px;background:rgba(0,0,0,0.8);box-shadow:0 3px 5px rgba(0,0,0,0.25);transition:all 0.22s ease-in-out;border:0}
.tltip span.tipbull:after{content:'';position:absolute;top:24px;right:0;margin-right:-12px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid rgba(0,0,0,.65);box-shadow:none}
.tltip:hover span.tipbull{opacity:1;margin-left:-340px}
.tltip span.tipbull_1{pointer-events:none;z-index:999;position:absolute;margin-top:100px;margin-left:73px;width:205px;min-height:30px;opacity:0;padding:10px;color:#fff;border-radius:3px;background:rgba(0,0,0,0.8);box-shadow:3px 3px 5px rgba(0,0,0,0.25);transition:all 0.22s ease-in-out;border:1px solid rgba(255,255,255,0.5)}
.tltip span.tipbull_1:after{content:'';position:absolute;top:0;left:0;margin-top:-12px;margin-left:101px;border-right:12px solid transparent;border-left:12px solid transparent;border-bottom:12px solid rgba(0,0,0,0.8)}
.tltip:hover span.tipbull_1{opacity:1;margin-top:120px;}
.tltip span.tipbull_2{pointer-events:none;z-index:999;position:absolute;margin-top:100px;margin-left:156px;width:205px;min-height:30px;opacity:0;padding:10px;color:#fff;border-radius:3px;background:rgba(0,0,0,0.8);box-shadow:3px 3px 5px rgba(0,0,0,0.25);transition:all 0.22s ease-in-out;border:1px solid rgba(255,255,255,0.5)}
.tltip span.tipbull_2:after{content:'';position:absolute;top:0;left:0;margin-top:-12px;margin-left:155px;border-right:12px solid transparent;border-left:12px solid transparent;border-bottom:12px solid rgba(0,0,0,0.8)}
.tltip:hover span.tipbull_2{opacity:1;margin-top:120px;}
.tltip span.tipbull_1 .cat, .tltip span.tipbull_2 .cat{font-size:.9rem; font-style:italic; text-align:center;font-family: var(--dapolice-babar-slimfast);letter-spacing:-.2px;}
.tipon{opacity:1;margin-top:10px;transition:all 0.22s ease-in-out;border:0}
.tipoff{opacity:0;margin-left:0px;transition:all 0.22s ease-in-out;border:0}
.imagetip div{display:none;color:black;transition:color 1s linear}
.imagetip:hover div{position:absolute;background:rgba(0,0,0,0.5);text-align:center;display:table}
.imagetip:hover div span{color:white;vertical-align:middle;height:100%;display:table-cell}
.divbull{position:absolute;overflow:hidden;border-radius:45px;height:90px;margin:5px;width:90px;-webkit-mask-image:-webkit-radial-gradient(circle, white, black)}
.divbull img{width:236px!important;border-radius:45px;height:90px!important;margin-left:-50%}
.tipbull div{float:left;min-height:50px;margin-right:5px}
.tipbull h6{color:white}
.tipbull .cat{font-size:75%; font-style:italic; text-align:center; line-height: 18px;}
.divbull_1{z-index:8;position:absolute;overflow:hidden;border-radius:50%;height:90px;margin:19px 5px 5px 142px;width:90px;-webkit-mask-image:-webkit-radial-gradient(circle, white, black);background-color:#3a3a3a;}
.divbull_1 img,.divbull_2 img{height:90px;margin-left:-50%}
.divbull_2{z-index:8;position:absolute;overflow:hidden;border-radius:50%;height:90px;margin:19px 5px 5px 279px;width:90px;-webkit-mask-image:-webkit-radial-gradient(circle, white, black);background-color:#3a3a3a;}
.divbull_onair{display: flex;position:absolute;overflow:hidden;border-radius:100%;height:80px;margin:12px 0px 0px 290px;width:80px;color: white;border:2px solid #2e2e2e;align-items: center;justify-content: center;font-size: 24px;font-family:var(--dapolice-caenvoie);background: linear-gradient(137deg, #f791a0, var(--accentohcon));background-size: 400% 400%; animation: bite 10s ease-out infinite;
}

@keyframes bite { 
    0%{background-position:32% 0%}
    50%{background-position:69% 100%}
    100%{background-position:32% 0%}
}

.divbull_twitch{position:absolute;overflow:hidden;border:3px solid black;border-radius:100%;height:130px;margin:0px 0px 0px 162px;width:130px;background-color:#3a3a3a;}
.tiprago_1{z-index:8;position:absolute;width:34px;height:34px;line-height:33px;color:white;margin:85px 0 0 116px;text-align:center;font-size:18px;border-radius:50%;padding:5px;background-color:#2e2e2e;font-family:var(--dapolice-caenvoie);}
.tiprago_2{z-index:8;position:absolute;width:34px;height:34px;line-height:33px;color:white;margin:85px 0 0 252px;text-align:center;font-size:18px;border-radius:50%;padding:5px;background-color:#2e2e2e;font-family:var(--dapolice-caenvoie);}
.sticky {position: sticky; top: 10px}

/*social*/
.resp-sharing-button__link,
.resp-sharing-button__icon {
  /* display: inline-block; */
  display: block;
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 2px;
}

.resp-sharing-button {
  border-radius: 50%;
  padding: 5px 5px;
  font-family: 'segoe UI', arial, sans-serif;
  transition: all 0.25s ease-out;
  line-height: 16px;
  width: 21px;
  margin: 0 auto;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  vertical-align: top;
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
}

.resp-sharing-button__icon {
  stroke: #fff;
  fill: none;
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #a7a7a7;
  stroke: none;
}

.resp-sharing-button__icon--solid:hover,
.resp-sharing-button__icon--solidcircle:hover {
  fill: #fff;
  }

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--reddit:hover,
.resp-sharing-button--reddit:active {
  background-color: #ff5700;
  border-color: #ff5700;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #25D366;
  border-color: #25D366;
}


.custommarquee {
	overflow:visible !important;
	max-width: unset !important;
	width: 100% !important;
	display: block !important;
}

.custommarqueeinside {
	white-space:nowrap;
	max-width: unset !important;
	width: unset !important;
}

.stick{
	transform: translateZ(0);
	position:fixed;
	top:0;
	width:320px;
}

#middle-expand{
	display: flex;
}

/*DONS PAYPAL*/

/* The Modal (background) */
.modal2 {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 10000; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content2 {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

#select-mobile {display:none}

b.ipb_mobile {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 4px;
	vertical-align: middle;
	-webkit-mask: url(/images/mobiloragot.svg) no-repeat 100% 100%;
	mask: url(/images/mobiloragot.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
	mask-size: cover;
    background-color: currentColor;
}


/* neeed */
.neeed .triangle-haut {
	display: inline-block;
	height: 0;
	width: 0;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #c30f2a;
	border-left: 6px solid transparent;
	position: relative;
}

.neeed .triangle-bas {
	display: inline-block;
	height: 0;
	width: 0;
	border-top: 10px solid #00e8c6;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	position: relative;
}

.neeed .triangle-droite {
	margin-left: 5px;
	display: inline-block;
	height: 0;
	width: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid white;
}

.neeed .triangle .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: rgb(71, 71, 71);
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 0px 0;
	position: absolute;
	z-index: 1;
	top: -19px;
	border: 1px solid #999;
	font-size: 12px;
}

.neeed .triangle-bas .tooltiptext {
	top: -19px;
}

.neeed .triangle-haut .tooltiptext {
	top: -7px;
}

.neeed .triangle-droite .tooltiptext {
	top: 0px;
}

.neeed .triangle:hover .tooltiptext {
	visibility: visible;
}

.neeed img {
	vertical-align: text-top;
}

.neeed a {
	text-decoration: none;
	font-size: 14px;
	transition: all 0.15s ease;
}

.neeed .vert span {
	color: #eff51b !important;
}

.neeed a {
	color: #eff51b !important;
	font-size: 13px;
}

.neeed a .gris {
	color: #fff !important;

}

.neeed a:link {
	color: #eff51b !important;
}

.neeed .logo-fixe {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 72px;
	background: black;
	height: 45px;
	z-index: 100;
	line-height: 35px;
	padding-left: 5px;
}

.neeed {
	position: relative;
	margin: 0;
	padding: 0;
	height: 45px;
	overflow: hidden;
	width: 100%;
	margin: 0px auto;
}

.neeed .bold {
	font-weight: 600
}

.neeed .wrap {
	margin: 0 auto;
	width: 100%;
}


.neeed .wrap--logobar {
	background-color: black;
	height: 45px;
	overflow: hidden;
	position: relative;
}

.neeed .list {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	margin-left: 0;
	letter-spacing: .5px;
}

.neeed .list__item {
	flex-grow: 0;
	flex-shrink: 0;
	padding: 6px 4px;
	text-align: center;
}


/* dark-light */
.radio-toolbar {display:flex;margin-right:10px;background-color: rgba(45, 45, 45, 1); transition: all 0.2s ease-in;}
#logo-dark {background:#737373;transition: all 0.2s ease-in;}
#logo-light{background:white;transition: all 0.2s ease-in;}

.radio-gaga { display: inline-block;cursor: pointer;margin:0px 2px}
#radio-toolbar {width:58px;height:24px;border-radius:10px;display:flex;align-items:center;justify-content:center;}
#radio-toolbar.nuit {background-color: rgba(45, 45, 45, 1); transition: all 0.2s ease-in;}
#radio-toolbar.jour {background-color: rgba(45, 45, 45, 1); transition: all 0.2s ease-in;}
#logo-auto {display:block;width:8px;text-align:center;color:#d5d5d5;font-size:10px;line-height: 19px;border-radius:2px}
#dark{width:16px;height:16px;border-radius:50%;background-color: #2f2f2f;position:relative}
#logo-dark {position:absolute;top:-2.1px;display:block;width:8px;height:16px;border-top-left-radius:10px;border-bottom-left-radius:10px;transform: rotate(30deg);}
#logo-light {display:block;width:16px;height:16px;border-radius:50%;}
.nuit #logo-dark {background:white;transition: all 0.2s ease-in;}
.jour #logo-dark {background:#737373;transition: all 0.2s ease-in;}
.nuit #logo-auto {background-color: var(--accentohcon-dark);color:black}
.jour #logo-auto {background-color: var(--accentohcon-dark);color:black}
.auto #logo-auto {background-color: var(--accentohcon-yallah-dark);transition: all 0.2s ease-in;color:black}
.nuit #logo-light{background:#464646;transition: all 0.2s ease-in;}
.jour #logo-light{background:white;transition: all 0.2s ease-in;}


/* lightbox */
.boite-modal {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	bottom:0;
	overflow: auto;
	animation: 0.6s ease-in 0.1s forwards cayflou,0.1s open;
	text-align: center;
}

@keyframes open {
	0%   {opacity: 0; }
	100% {opacity: 1;}
}

@keyframes cayflou {
	from {
		backdrop-filter: blur(0px);
	}
	to {
		backdrop-filter: blur(5px);
	}
}


.boite-modal-content {
	position: relative;
	background-color: white;
	padding: 0;
	display: block;
	margin: auto;
}

.boitealumiere-close {
	color: #000000;
	position: absolute;
	top: 25px;
	right: 25px;
	font-size: 60px;
	font-weight: bold;
	line-height: 40px;
	cursor: pointer;
}

.boitealumiere-close:hover,
.boitealumiere-close:focus {
	color: #424242;
	text-decoration: none;
	cursor: pointer;
}

.grozzimages {
	display: none;
	text-align: center;
	padding: 20px 82px;
	height: 100%;
}

.grozzimages img {
	max-height: calc(100vh - 130px);
	max-width: 100%

}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.boitealumiere-prev,
.boitealumiere-next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	font-weight: bold;
	color: black;
	font-size: 50px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}
.boitealumiere-prev{
	left:0;
}

.boitealumiere-next {
	right:0;
}

/* Position the "next button" to the right */
.boitealumiere-next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

a.boitealumiere-prev, a.boitealumiere-next {text-decoration: none;}

.boitealumiere-prev:hover,
.boitealumiere-next:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color:white;
}

.numbertext {
	color: #747474;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

.boitealumiere-container {
	text-align: center;
	background-color: #000000c4;
	padding: 8px 0;
	color: white;
	bottom: 0;
	width: 100%;
	font-family: var(--dapolice-caenvoie);
	font-size: 30px;
	letter-spacing: 1.75px;
	line-height: 27px;
}

img.caymieuxengrand {
	width: auto;
	max-height: 13vh;
	margin: 10px 14px 0 auto;
}

.boitealumiere-active,
.caymieuxengrand:hover {
	opacity: 0.9;
	cursor: pointer;
}


@media (max-height: 660px) {
	.grozzimages img {
		height: calc(100% - 155px);
	}
}
@media (max-width: 768px) {

	.grozzimages{
		padding-right:10px;
		padding-left: 10px;
		display:flex;
		align-items: center;}

	.grozzimages img {
		height:auto;
		width:100%;
		max-height: calc(100vh - 100px);
		max-width: 100%;
	}

	.boite-modal {
		top: 0;
		width: 100%;
		height: calc(100vh);
		padding:0;
		margin:0;
		background: white;
		z-index: 10000;
	}
	.boite-modal-content {
		padding: 48px 0;
		margin:0;
		width: 100%;
		background-color: white;

	}
	.boitealumiere-container {
		bottom: 0;
		position: fixed;
	}

	.boitealumiere-close {
		top:5px;
	}

}

/* des bouttons qui vont bien */

.bouton_de_comptoir,
#registrationTable button.g-recaptcha,
.pollstyle-postit .button,
#aiContactSafeSendButton
{
  padding: 20px 40px;
  background-color: #000;
  border:0;
  color: #fff;
  text-transform: uppercase;
  font-family: var(--dapolice-caenvoie);
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 3px;
  position: relative;
  transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
  display: block;
  margin: 0px 10px;
  border-radius: 4px;
  max-width: 175px;
}
#registrationTable button.g-recaptcha,
.pollstyle-postit .button,
#aiContactSafeSendButton
{
	padding: 20px 40px!important;
	margin: 0px 10px!important;
}

.bouton_de_comptoir.multi {
    font-size: 1.05rem;
    line-height: 1.08rem;
    padding: 15px 40px;
}

.bouton_de_comptoir.multi:hover {
    padding: 15px 60px 15px 20px;
}

.bouton_de_comptoir::after,
.bouton_de_comptoir::before,
#registrationTable button.g-recaptcha::before,
#registrationTable button.g-recaptcha::after,
.pollstyle-postit .button::before,
.pollstyle-postit .button::after,
#aiContactSafeSendButton::before,
#aiContactSafeSendButton::after
{
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  opacity: 0;
  transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#registrationTable button.g-recaptcha {
	max-width:100%!important;
}

.bouton_de_comptoir::after,#registrationTable button.g-recaptcha::after,.pollstyle-postit .button::after,#aiContactSafeSendButton::after{
    width: 30px;
    height: 1px;
    background: white;
    transform: translateX(-3px);
    margin-top: 0px;
}

.bouton_de_comptoir::before,#registrationTable button.g-recaptcha::before,.pollstyle-postit .button::after,#aiContactSafeSendButton::after{
    transform: rotate(-135deg) translateX(50%);
    width: 11px;
    height: 11px;
    background: transparent;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
	margin-top: -1px;
}

.bouton_de_comptoir:not(.multi):hover,#registrationTable button.g-recaptcha:hover,.pollstyle-postit .button:hover,#aiContactSafeSendButton:hover{
  padding: 20px 60px 20px 20px!important;
}

.bouton_de_comptoir.bull_reference:hover, .bouton_de_comptoir.bull_guide-d-achat:hover, .bouton_de_comptoir.bull_reference.active, .bouton_de_comptoir.bull_guide-d-achat.active, .bouton_de_comptoir.bull_bons-plans-du-comptoir:hover,.bouton_de_comptoir.bull_bons-plans-du-comptoir.active, .bouton_de_comptoir.bull_concours:hover, .bouton_de_comptoir.bull_concours.active{background-color: var(--guide);}
.bouton_de_comptoir.bull_hard-du-hard:hover,.bouton_de_comptoir.bull_hard-du-hard.active{
	background-color: var(--hard-du-hard);
}
.bouton_de_comptoir.bull_cpu-mobo-ram:hover,.bouton_de_comptoir.bull_cpu-mobo-ram.active,
.bouton_de_comptoir.bull_processeurs:hover,.bouton_de_comptoir.bull_processeurs.active,
.bouton_de_comptoir.bull_cartes-meres:hover,.bouton_de_comptoir.bull_cartes-meres.active,
.bouton_de_comptoir.bull_ram:hover, .bouton_de_comptoir.bull_ram.active,
.bull_oc:hover,.bull_oc.active{
	background-color: var(--cpu-mobo-ram);
}
.bouton_de_comptoir.bull_software-jeux-video:hover,.bouton_de_comptoir.bull_software-jeux-video.active,
.bouton_de_comptoir.bull_software-pilotes:hover,.bouton_de_comptoir.bull_software-pilotes.active,
.bouton_de_comptoir.bull_jeux-video:hover,.bouton_de_comptoir.bull_jeux-video.active{
	background-color: var(--software);
}
.bouton_de_comptoir.bull_quelques-heures-sur-le-comptoir:hover,.bouton_de_comptoir.bull_quelques-heures-sur-le-comptoir.active,
.bouton_de_comptoir.bull_vr:hover,.bouton_de_comptoir.bull_vr.active,
.bouton_de_comptoir.bull_modding-et-systemes:hover,.bouton_de_comptoir.bull_modding-et-systemes.active,
.bouton_de_comptoir.bull_business:hover,.bouton_de_comptoir.bull_business.active,
.bouton_de_comptoir.bull_divers-a-fonkeries:hover,.bouton_de_comptoir.bull_divers-a-fonkeries.active{
	background-color: var(--divers);
}
.bouton_de_comptoir.bull_cartes-graphiques:hover,
.bouton_de_comptoir.bull_cartes-graphiques.active{
	background-color: var(--gpu);
}
.bouton_de_comptoir.bull_stockage-cartes:hover,.bouton_de_comptoir.bull_stockage-cartes.active,
.bouton_de_comptoir.bull_stockage:hover,.bouton_de_comptoir.bull_stockage.active,
.bouton_de_comptoir.bull_peripheriques:hover,.bouton_de_comptoir.bull_peripheriques.active{
	background-color: var(--stockage-periph);
}
.bouton_de_comptoir.bull_boitiers-alimentations:hover,.bouton_de_comptoir.bull_boitiers-alimentations.active,
.bouton_de_comptoir.bull_alimentations:hover,.bouton_de_comptoir.bull_alimentations.active,
.bouton_de_comptoir.bull_boitiers-barebones:hover,.bouton_de_comptoir.bull_boitiers-barebones.active{
	background-color: var(--boitiers-alim);
}
.bouton_de_comptoir.bull_refroidissement:hover,.bouton_de_comptoir.bull_refroidissement.active{
	background-color: var(--cooling);
}

.bouton_de_comptoir:hover::after,
.bouton_de_comptoir:hover::before,
#registrationTable button.g-recaptcha:hover::before,
#registrationTable button.g-recaptcha:hover::after,
.pollstyle-postit .button:hover::before,
.pollstyle-postit .button:hover::after,
#aiContactSafeSendButton:hover::before,
#aiContactSafeSendButton:hover::after
{
  opacity: 1!important;;
  right: 15px!important;;
}

.form-group {width: 50%; margin: auto;}

div .twitter-tweet.twitter-tweet-rendered {
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 0!important;
    width: 30rem!important;
    justify-content: center;
}

div .bluesky-embed {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0 !important;
    width: 30rem !important;
    justify-content: center;
}

div #displayAiContactSafeForm_1 {font-size: .9rem}
div#aiContactSafe_mainbody_1 div.aiContactSafe_contact_form_field_label_left {width: 115px;}
div#aiContactSafe_mainbody_1 div#div_captcha{paddint-top: 25px;}

.plupeti {
	font-size: .9rem;
    line-height: 1.4rem;
}