/* -----------------------------------
 * Tool tip Gmap
 * ----------------------------------- */
.infobox-wrapper {
    display:none;
}
#infobox {
    border:2px solid black;
    margin-top: 8px;
    background: #333;
    color: #FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    /*padding: .5em 1em;*/
    /*padding: .5em 14px .5em 10px;*/
    padding: .5em 0 .5em 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
/*    text-shadow:0 -1px #000000;*/
    -webkit-box-shadow: 0 0  8px #000;
    box-shadow: 0 0 8px #000;
}

.infoBoxContainer {
	background-image: url('images/tipbox.gif');
	background-repeat: no-repeat;
	background-position: center top; 
	opacity: 0.75;
	width: 250px;
}

#infobox {
	color: #FFF;
/*	padding-left: 20px;
	background-image: url('images/rightW.png');
	background-repeat: no-repeat;*/
}

#infobox div.title {
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	padding: 0 5px 0 10px;
}
#infobox div.body {
	padding: 0 5px 5px 10px;
}
#infobox div.body a {
	color: #FFF;
}
#infobox div.links {
	border-top: 1px solid #FFF;
	padding: 5px 0 0 10px;
	text-align: left;
	width: 100%;
}
#infobox div.links div {
	padding: 0 10px 0 10px;
} 
#infobox div.links a { 
	color: #FFF;
	text-decoration: none;
	padding: 0 10px 0 0; 
}
#infobox div.links a:hover {
	text-decoration: underline;
} 


.textRight {
	text-align: right;
}

/* -----------------------------------
 * Partie pour la pager
 * ----------------------------------- */

.pager
{
	margin: 16px 0;
}

.pager .pagePresentation
{
	display: flex;
	align-items: center;
	justify-content: center;
}

.pager .pagePresentation > *
{
	margin: 0 8px;
}

.pager .pagePresentation a
{
	color: #000;
}

.pager .pagePresentation .titlePrevious a,
.pager .pagePresentation .titleNext a
{
	display: flex;
	align-items: center;
	margin-top: 0;
}

.pager .pagePresentation .pageLink.current a
{
	color: rgb(22, 48, 163);
}

/*.pager {
	margin: 10px 0 0 0;
	bottom: 2px;
}
.pager table.pagePresentation {
	margin: 0 auto;
}
.pager table.pagePresentation td {
	border: none !important;
	padding: 0px !important;
	width: 20px;
}

.pager table.pagePresentation td.pageTD {
	width: 20px;
	color : rgb(66, 133, 244) !important;
}

.pager table td.titleSelected {
	color: red;
	font-weight: bold;
}

.pager table.pagePresentation td.pageTD.pageNumber:hover, .pager table.pagePresentation td.pageNext:hover, .pager table.pagePresentation td.pagePrevious:hover {
	text-decoration: underline;
}

.pager .previous {
	color: rgb(66, 133, 244);
	padding-right: 10px;
	text-align: left;
}

.pager .next {
	color: rgb(66, 133, 244);
	padding-left: 10px;
	text-align: right;
}

.pager .titlePrevious, .pager .titleNext {
	color: #4285F4;
}

.pager td.pagePrevious, .pager td.pageNext {
	width: 80px !important;
}

.pager table.pagePresentation td.pageTD.pageSelected {
	color: rgba(0, 0, 0, 0.870588) !important;
}

.pager a.pageNumber {
	color : rgb(66, 133, 244) !important;
}

.page a.pageSelected {
	color: rgba(0, 0, 0, 0.870588) !important;
}*/


/*.yt-uix-button-default:active, .yt-uix-button-subscription:active, .yt-uix-button-subscription.yt-uix-button-active, .yt-uix-button-text:active, .yt-uix-button-panel .yt-uix-button-text:active, .yt-uix-button-default.yt-uix-button-active, .yt-uix-button-default.yt-uix-button-toggled, .yt-uix-button-text.yt-uix-button-active {
	border-color: #888 #AAA #CCC;
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
	-ms-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25),0 1px 0 white;
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25),0 1px 0 white;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffc8c8c8,EndColorStr=#ffe6e6e6);
	background-image: -moz-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
	background-image: -ms-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
	background-image: -o-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#C8C8C8),color-stop(100%,#E6E6E6));
	background-image: -webkit-linear-gradient(top,#C8C8C8 0,#E6E6E6 100%);
	background-image: linear-gradient(to bottom,#C8C8C8 0,#E6E6E6 100%);
}
a.yt-uix-button {
	display: inline-block;
	line-height: 2.5em;
	height: 2.48em;
	text-decoration: none;
}
.yt-uix-button-default, .yt-uix-button-subscription, a.yt-uix-button-default .yt-uix-button-content {
	color: #555;
}
.yt-uix-button-default, .yt-uix-button-subscription, .yt-uix-button-panel:hover .yt-uix-button-text, body .yt-uix-button-default[disabled] {
	text-shadow: 0 1px 0 white;
	border-color: #CCC #CCC #AAA;
	background-color: #E0E0E0;
	-moz-box-shadow: inset 0 0 1px #fff;
	-ms-box-shadow: inset 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 1px white;
	box-shadow: inset 0 0 1px white;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
	background-image: -moz-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
	background-image: -ms-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
	background-image: -o-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,gainsboro));
	background-image: -webkit-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
	background-image: linear-gradient(to bottom,#FAFAFA 0,gainsboro 100%);
}
.yt-uix-button {
	height: 2.95em;
	padding: 0 .91em;
	border-width: 1px;
	border-style: solid;
	outline: 0;
	font-weight: bold;
	font-size: 13px;
	white-space: nowrap;
	word-wrap: normal;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.yt-uix-button-default:hover, .yt-uix-button-subscription:hover, .yt-uix-button-text:hover, .yt-uix-button-panel .yt-uix-button-text:hover {
	border-color: #AAA #AAA #999;
	color: #555;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
	-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),inset 0 0 3px white;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),inset 0 0 3px white;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff0f0f0,EndColorStr=#ffe6e6e6);
	background-image: -moz-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
	background-image: -ms-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
	background-image: -o-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F0F0F0),color-stop(100%,#E6E6E6));
	background-image: -webkit-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
	background-image: linear-gradient(to bottom,#F0F0F0 0,#E6E6E6 100%);
}
.yt-uix-button-default, .yt-uix-button-subscription, a.yt-uix-button-default .yt-uix-button-content {
	color: #555;
}
*/


#infobox .work, .work {
	line-height: 20px;
	background-image: url('images/work.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 25px;
}

#infobox .workHeader {
	background-position: 5px 5px;
	border-top: 1px solid white;
    padding-top: 5px;
    padding-left: 30px;
    font-size: 120%;
    font-style: italic;
}

#infobox .workInfoText {
	padding: 5px 5px 5px 10px;
	max-height: 100px;
	overflow-y: auto; 
}
#infobox .workInfoText ul {
	padding-left: 5px !important;
}

#infobox .cartoDetailsWork li, #infobox .workInfoText li {
	list-style-type: disc !important;
	list-style-position: outside;
	margin-left: 10px;
	margin-bottom: 0px !important;
	padding-left: 
}

.workInfoText::-webkit-scrollbar { width: 10px; height: 10px;}
.workInfoText::-webkit-scrollbar-button {  background-color: #666; }
.workInfoText::-webkit-scrollbar-track {  background-color: #999;}
.workInfoText::-webkit-scrollbar-track-piece { background-color: transparent;}
.workInfoText::-webkit-scrollbar-thumb { height: 50px; background-color: #666;}
.workInfoText::-webkit-scrollbar-corner { background-color: #999;}}
.workInfoText::-webkit-resizer { background-color: #666;}


.logitudLogo {
	background: url(./images/Logo-Logitud-Horiz-Couleur-n32.png) no-repeat;
	background-size: 165px 32px;
	background-position-x: center;
	width: 100%;
	height: 32px;
}

span.spanUpper {
	text-transform: uppercase;
}