/* 
	Only GENERIC classes should be listed here 
	for residential css see /css/residential/residential.css
	for business css see /css/business/business.css
*/
body{min-width:960px;}
body.isResponsive, 
html.external-frame body {
	min-width:0;
}

a > img.extLink {display:inline;width:12px;height:9px;}
#header a > img.extLink {display:none;}
a > img + img.extLink {display:none;}

/*Styles de formulaire*/
input{
    border:1px solid #c8c8c8;
    color:#333333;
    padding:1px;
}

.lt-ie9 hr{
	height:1px;
}

div.tabs {
	width:auto;
	height:auto;
	padding:0;
	margin:0 0 15px 0;
}

div.tabs > a {
	text-decoration:none;
	font-size:1em;
	line-height:1.5em;
	float:left;
	width:auto;
	height:auto;
	border-width:1px;
	border-style:solid;
	border-color:#ddd #bbb #bbb #ddd;
	border-bottom:0;
	padding:8px 15px;
	margin:0 0 0 0;
	border-radius:5px 5px 0 0;
	background: #e5e5e5; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #e5e5e5); /* for firefox 3.6+ */ 
}

div.tabs > div {
	clear:both;
	display:block;
	width:100%;
	font-size:0;
	overflow:hidden;
	background-color:#fff;
	position:relative; /* Required for IE 7 with overflow */
}

div.tabs > div > div {
	font-size:0;
}

div.tabs > div > div > div{
	font-size:11px;
	position:relative;
	display:block;
	float:left;
	padding:0;
	margin:0;
}

div.tabs > a:hover, div.tabs > a.selected {
	color:#ffffff;
	background: #ffffff; /* for non-css3 browsers */
	filter: none;
	color:#333;
	border-color:rgba(0,0,0,0.1);
}

div.clearBoth {
	clear: both;
}
abbr{border:none;}
@media print {

}

/* ENVIRONMENT INFORMATION DEV CSS */
#devEnvDataInfo {
	position: fixed;
	border: 1px solid #909090;
	border-radius: 0 10px 10px;
	top:3px; left:3px;
	z-index:101;
	box-shadow: 3px 3px 1px rgba(0,0,0,.2);
	padding: 7px;
	font-size: 10px;
	/*max-width: 75px;*/
	max-height: 24px;
	overflow: hidden;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
	background-color:#eee;
	cursor: help;
}
#devEnvDataInfo.right {
	border-radius: 10px 0 10px 10px;
	box-shadow: -3px 3px 1px rgba(0,0,0,.2);
}
#devEnvDataInfo:hover {
	/*max-width:130px;
	max-height: 1000px;*/
}
#devEnvDataInfo h1 {
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 6px;
}
#devEnvDataInfo p {
	margin: 0 0 .5em;
}
#devEnvDataInfo.qml {
	background-color: #fc0;
}
#devEnvDataInfo.uat {
	background-color: #fffab7;
}
#devEnvDataInfo.preprod {
	background-color: #d4ffc3;
}

#devEnvDataInfo.branch {
	padding-right: 40px;
}
#devEnvDataInfo.branch:after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAYCAYAAAAlBadpAAABf0lEQVQ4T6WUPS9EQRSGrQ0SH40aUfkBIhpExYpGYmuFTiuqJfGxUYjED9DpkagQHyWbkMhqVBSCkmKtBFF43uRMMsa92RE3eXPuuXOeM3Nmzp1M3T+ejLGd2El738U+xuQUPIQOUIsBVewYOquVQPAVakajSP4RekV9MfAnQRuoYMFr2FnUFMBd+Hn7toN9cDNryf7MlWDmYfx9W6H4N5UmeMBqbrOsAlVzyZu5bCsZsdJOsFW32ys4ixZcxC4FS/7CX0fzXmlzDl72ACWS7z9uU3M2sza1EgsPWmmtllGnkYuFxayiBYNVVvEv8B7AhMHT2K1YWEd1irIGd2Pvk2Dt9iHqR+2oB6k5GgxUK4/rPQn+4HvYXW7nXyzpXRrsAkOr45pCN24gqUk09o620S16RhfoMswmOOxbxcygzbQl+DNf4zQi9W09OkZq/N4YOLFvAd3upubwL4MffQsRdRmob3Wu7hpS3+qXPI9ZtmI6kH9LPNUCNe6OKib2V8w3BW1TIm/QivQAAAAASUVORK5CYII=);
	position: absolute;
	width:15px; height:24px;
	right: 5px;
	top: 4px;
	background: #fff;
	border-radius: 50%;
	border: 3px solid #fff;
	border-left-width: 9px;
	border-right-width: 6px;
}
#devEnvDataInfo span.more-info {
	display: inline-block;
	width: 12px;
	height: 12px;
	font-size: 11px;
	line-height: 12px;
	background: #fff;
	text-align: center;
	border-radius: 50%;
	vertical-align: text-top;
	cursor: pointer;
	font-weight: bold;
	border: 1px solid #aaa;
	margin:-3px 3px 0 -3px;
}

#devEnvDataInfo span.more-info:hover {
	color: #00f;
	border-color: #00f;
}
div#devEnvDataInfo:hover:before {
	content: '‹›';
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0;
	background: #fff;
	color: #000;
	width: 16px;
	text-align: center;
	border-radius: 0 50% 0 0;
	line-height: 16px;
	font-weight: bold;
	font-size: 16px;
	border-top: 1px solid #909090;
	border-right: 1px solid #909090;
}
.with-cms-controls #devEnvDataInfo {
	top: 43px;
}
/* END OF : ENVIRONMENT INFORMATION DEV CSS */

/* CMS IN SITE CONTROLS */
.with-cms-controls body {
	margin-top:40px !important;
}
#cms-controls {
	position:fixed;
	top:0; left:0; right:0;
	height:40px;
	box-sizing: border-box;
	padding:0;
	background: rgb(69,72,77);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
	z-index: 10000;
}
#cms-controls:before {
	content: 'CMS';
	line-height: 40px;
	color:#ff0;
	font-size: 24px;
	display: inline-block;
	padding:0 15px;
	margin-right: 15px;
	border-right: 1px solid #e8e8e8;
}
.lt-ie9 #cms-controls {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}

#cms-controls > * {
	min-width: 50px;
	display: inline-block;
	height: 40px;
	vertical-align: top;
	line-height: normal;
	background: rgb(125,126,125);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1)));
	background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
	color: white;
	font-weight: bold;
	padding:.5em;
	box-sizing: border-box;
}
.lt-ie9 #cms-controls > * {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
}
/* END OF CMS IN SITE CONTROLS */
.pre {
    white-space: pre;
}

.bold {
    font-weight: bold;
}

.heading-underline {
    border-bottom: 1px solid #e0e0e0;
}
h2.heading-underline {
    padding-bottom: .5em;
}