@charset "UTF-8";
#mainwrapper header {
	/*Header */
	background-color: rgba(208,207,207,1.00);
	overflow: auto;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}
#mainwrapper header #logo {
	/* Company Logo text */
	font-size: 1.2em;
	width: 80%;
	float: left;
	padding-top: 2px;
	line-height:3.4em;

	color: rgba(146,146,146,1.00);
}
#mainwrapper header nav {
	/*Nav bar containing links in header */
	text-align: right;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 2%;
	float: right;
	color: rgba(146,146,146,1.00);
}
#content #mainContent h1, #content #mainContent h2 {
	/* Styling for main headings */
	color: rgba(146,146,146,1.00);
	margin-bottom: .5em;
	padding-top: .5em;
}
#content #mainContent h3 {
	/*Captions ot Taglines */
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgba(146,146,146,1.00);
}
#content #mainContent #bannerImage {
	/*Container for main banner image */
	width: 100%;
	background-color: rgba(208,207,207,1.00);
	margin-bottom: 2em;
}
#content #mainContent p {
	/* All paragraphs under maincontent */
/*	color: rgba(146,146,146,1.00);*/
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;/*text-align: justify;*/
}
#content #mainContent label {
	
	color: #FFFFFF;
}
#content #mainContent #LoginInfo {
	/* Login info section */
	background-color: #336699;
	/*color:rgba(255,255,255,1.00);*/
	margin-bottom: 2em;
	padding-bottom: 1em;
}
#content #mainContent #ListInfo {
	/* Login info section */
	background-color: #C9999A;
	/*color:rgba(255,255,255,1.00);*/
	margin-bottom: 2em;
	padding-bottom: 1em;
}
#LoginInfo .btn {
	display: block;
	background: rgba(246,246,246,1.00);
	color: #336699;
	line-height: 1;
	font-weight: bold;
	border: 0;
	text-align: center;
/*	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; */
	border-radius: 4px;/* css 3 */
	width: 21.35em;
	font-size: 18px;
	height: 4em;
	margin-left: 2.9em;
	margin-bottom: 1em;
	cursor:pointer;
}
.mbtn {
	display: block;
	background: rgba(246,246,246,1.00);
	color: #336699;
	font-weight: bold;
	border: 0;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	border-radius: 4px;/* css 3 */
	width: 20em;
	font-size: 14px;
	height: 2em;
	margin :0em;
	cursor:pointer;
}
.mbtn:disabled {
  background: rgba(250,250,250,1.00);
  color: rgba(51,102,153,.5);
  cursor:default;
}
.sbtn {
	/*-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; */
	border-radius: 2px;/* css 3 */
	border: 0;
	display: inline-block;
	background: rgba(246,246,246,1.00);
	color: #336699;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	/*	width: 21.35em;*/
	font-size: 12px;
	height: 22px;
	padding:.6em;
	margin-left: .5em;
	margin-bottom: .5em;
	cursor:pointer;
}

#LoginInfo .noton:disabled{
	background-color:#E1E1E1;
	cursor:default;
}
input.dirty:not(:focus):invalid {
 background-color: #FFD9D9;
}
#content #mainContent a {
	/* Links in mainContent*/
	display: block;
	/*color: rgba(144,200,248,1.00);*/
	margin: 2em 0em 2em 8em;
}
#content #mainContent #authorInfo {
	/* Author info section */
	background-color: rgba(208,207,207,1.00);
	margin-bottom: 2em;
}
#content #mainContent #authorInfo h2, #content #mainContent #authorInfo p, #content #mainContent #LoginInfo h2 {
	color: rgba(255,255,255,1.00);
	padding-left: 2%;
	padding-top: 11px;
}
#content #mainContent #LoginInfo h5 {
	color: rgba(255,255,255,1.00);
	padding: 10px 0px ;
}
#content #mainContent #authorInfo h6 {
	color:#fff;
		padding-left: 2%;
		padding-bottom:0em;
}
#content #mainContent #authorInfo p {
	color: rgba(255,255,255,1.00);
	padding-left: 2%;
	padding-top: 0px;
	padding-bottom: 11px;
	padding-right: 2%;
}
footer article {
	/* Footer articles */
	text-align: center;
	width: 46%;
	float: left;
	padding-left: 2%;
	padding-right: 2%;
	/*text-align: justify;*/
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgba(146,146,146,1.00);
}
footer article h3 {
	/* Footer article titles */
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}
footer article p {
	/* Footer article titles */
	font-style: normal;
	padding-bottom: 28px;
}
#mainContent {
	/* Container for the blog post in individal blog view */
	padding-left: 2%;
	width: 71%;
	float: left;
	padding-right: 2%;
	padding-top: 41px;
}
#mainwrapper #content #sidebar {
	/* Sidebar*/
	width: 19%;
	padding-left: 2%;
	padding-right: 2%;
	float: left;
	background-color: rgba(246,246,246,1.00);
	margin-top: 41px;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
}
#mainwrapper {
	/* Container of all content */
	width: 92%;
	overflow: auto;
	margin-left: 4%;
}
#content #sidebar #adimage {
	/* Container for Image in sidebar */
	width: 100%;
	background-color: rgba(208,207,207,1.00);
	margin-bottom: 6%;
	margin-top: 6%;
	float: none;
	overflow: auto;
	border: solid 1px #000000;
}
nav ul li {
	list-style-type: none;
	padding-top: 8px;
	padding-bottom: 8px;
}
nav ul {
	padding-left: 0%;
}
#mainwrapper #mainContent #authorInfo p{
	font-weight: lighter;
	color : #707070;
}
nav ul li a {
	color: rgba(146,146,146,1.00);
	text-decoration: none;
}
#footerbar {
	/* Footer bar at the bottom of the page */
	height: 28px;
	clear: both;
	background-color: rgba(208,207,207,1.00);
	width: 100%;
}
footer {
	/* Container for footer artices */
	width: 71%;
	padding-left: 2%;
	padding-right: 2%;
}
.notOnDesktop { /*element to be displayed only in mobile view and tabet view */
	display: none;
}
#mainContent #bannerImage img { /* Actual banner image */
	width: 100%;
}
#sidebar #adimage img {
	/* Image in sidebar */
	width: 100%;
	float: left;
}
#mainwrapper header nav a {
	/* Links in header */
	color: rgba(146,146,146,1.00);
	text-decoration: none;
	font-size: 1.2em;
}
input {
        width: 550px;
	padding: 0 0 0 20px; 
	margin-bottom:14px;
}
input[type=file] {
	padding: 10px 0 0 0px;
}

/*Setup all notification*/
.info, .success, .error, .warning, .tip, .secure, .message, .download, .purchase, .print {
	margin: 20px 50px;
	padding: 10px;
/*
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;*/
	border-radius: 3px;
	/* SHADOW ?*/
	/*
	-moz-box-shadow: 0px 0px 16px #B9CCE9;
	-webkit-box-shadow: 0px 0px 16px #B9CCE9;*/
	box-shadow: 0px 0px 16px #B9CCE9;
}
/*Styling for text inside boxes*/
.info h4, .success h4, .error h4, .warning h4, .tip h4, .secure h4, .message h4, .download h4, .purchase h4, .print h4 {
	margin: 1em 1em 1em 4.6em;
	font-size: 1.3em;
}
.info p, .success p, .error p, .warning p, .tip p, .secure p, .message p, .download p, .purchase p, .print p {
	font-size: 1em;
	margin: 1em 1em 1em 6em;
	font-weight: lighter !important;
	font-style: italic !important;
}
.info a, .success a, .error a, .warning a, .tip a, .secure a, .message a, .download a, .purchase a, .print a {
	margin: 3em 1em 1.5em 6.3em;
	font-size: 1em;
	font-weight: bold;
}
/*notification*/
.info {
	border: 1px solid #0e7fad;
	color: #0e7fad !important;
	;
	background: #c0e9fa url('../images/info.png') no-repeat;
	background-position: 2.4em 3em;
}
.success {
	border: 1px solid #4f8746;
	color: #4f8746 !important;
	background: #d4ffcd url('../images/success.png') no-repeat;
	background-position: 2.4em 3em;
}
.error {
	border: 1px solid #641f1a;
	color: #641f1a !important;
	background: #ffd2d4 url('../images/error.png') no-repeat;
	background-position: 2.4em 3em;
}
.warning {
	border: 1px solid #9d9c49;
	color: #9d9c49 !important;
	background: #fdfdcb url('../images/warning.png') no-repeat;
	background-position: 2.4em 3em;
}
.tip {
	border: 1px solid #c77d10;
	color: #c77d10 !important;
	background: #f9d69e url('../images/tip.png') no-repeat;
	background-position: 2.4em 3em;
}
.secure {
	border: 1px solid #9638f1;
	color: #9638f1 !important;
	background: #e5cefc url('../images/secure.png') no-repeat;
	background-position: 2.4em 3em;
}
.message {
	border: 1px solid #000;
	color: #000 !important;
	background: #efefef url('../images/message.png') no-repeat;
	background-position: 2.4em 3em;
}
.download {
	border: 1px solid #04b5eb;
	color: #04b5eb !important;
	background: #f7f7f7 url('../images/download.png') no-repeat;
	background-position: 2.4em 3em;
}
.purchase {
	border: 1px solid #426164;
	color: #426164 !important;
	background: #c2e1e3 url('../images/purchase.png') no-repeat;
	background-position: 2.4em 3em;
}
.print {
	border: 1px solid #3c4b5e;
	color: #3c4b5e !important;
	background: #c8d9e3 url('../images/print.png') no-repeat;
	background-position: 2.4em 3em;
}
.info a {
	color: #0e7fad;
}
.success a {
	color: #4f8746 !important;
}
.error a {
	color: #641f1a !important;
}
.warning a {
	color: #9d9c49 !important;
}
.tip a {
	color: #c77d10 !important;
}
.secure a {
	color: #9638f1 !important;
}
.message a {
	color: #000 !important;
}
.download a {
	color: #04b5eb !important;
}
.purchase a {
	color: #426164 !important;
}
.print a {
	color: #3c4b5e !important;
}
#listecpt {
	border: 1px solid #ccc;
	margin-left: 1em;
	margin-right: 1em;
	color: #ccc;
	width: 98%;
}
#listecpt #nb {
	border-top: hidden;
	border-right: hidden;
	border-bottom: hidden;
	text-align: right;
}
#content #mainContent #listecpt #nb a {
	display: table-cell;
	padding-left: 1em;
}
td {color:#ccc;}
#listecpt td{vertical-align:middle;color: #ccc;}
.black{
	background-color:black;
	opacity:0.8;
	}

.mesradios {
	display: inline;
	width: auto;
	height: auto;
}
#pmarge p {
	margin: 0em;
}
rt {
	display:inline;
	font-size:smaller;
}
input#photo4 {
  background:url(../images/_FileNoPhoto.jpg) no-repeat;
	 padding: 0px 0px 0px 40px;
	 cursor:pointer;
	}
.green{
	background-color:green;
	opacity:0.5;
	}
	#operateur input {
   display: inline;
    height: 0px;
    width: 0;		
	}


.abtn {
    background: rgb(246, 246, 246) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    color: #336699;
    cursor: pointer;
    display: inline;
    font-size: 1em;
    font-weight: bold;
    padding: .4em;
    text-align: center;
    
}


.ab:link, .ab:visited {
    background-color: #ff6633;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block !important;
}

.ab:hover, .ab:active {
  background-color: #336699;
}
.ab.disabled {
    background-color: grey;
    pointer-events: none;
    cursor: default;
    color: #ccc;
}