html, body {
	width:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;	
}

* {
	font-family: "Tahoma", "Verdana", Serif;
	font-size:100%;
	color: #787878;
}

a { 
	color: #009CC9; 
	text-decoration:none;
}
a:hover, a:focus {	
	text-decoration:underline;
}
img { max-width:100%; }

header.mainHeader {
	width:100%;
	background:#FFF;
	margin:0;
	padding:0 0 0.5em;
	overflow:hidden;
	display:block;
}
.mainName {
	float:left;
	overflow:hidden;
	width:100%;
	border-bottom: 4px solid #BDFF00;
	background: #4F3826 url("images/header-default.jpg") center left repeat-x;
	position:relative;
}
.mainName #showLeftPush {
	float:left;
	border-right:1px solid #AAA;
	cursor:pointer;
	display:inline;
	margin:0;
	padding:3.5%;
	color:#FFF;
	height:100%;
}

.mainName #showLeftPush img {
	float:left;
	width:24px;
	max-width:100%;
	margin:0;
	padding:0;
}

.mainName h1 {
	float:left;
	margin:0;
	padding:0.4em 0 0 0.4em;
	display:inline;
	max-width:47%;
}
.mainName h1 img {
	width:100%;
	max-width:250px; 
}
.mainName #bgDecoration {
	position:absolute;
	overflow:hidden;
	bottom:0;
	right:-10%;
	display:inline;
	max-width:47%;
}

.mainName #bgDecoration img {	
	width:100%;
	max-width:250px; 
	float:right;
}
.mainHeader h2 {
	float:left;
	margin:0;
	padding:0 0 0 2%;
	width:100%;
	min-height:3px;
	color:#FFF;
	line-height:2em;
	font-size:1em;
	font-weight:bold;
	background:#FF5200;
	-moz-box-shadow: 0 0 10px #aaa; 
	-webkit-box-shadow: 0 0 10px #aaa; 
	box-shadow: 0 0 10px #555; 
}

.mainHeader h2 span.icon{
	float:left;
	width:30px;
	height:30px;
	background: url("images/sprite-espaceprod.png") 0px -38px no-repeat;
	overflow:hidden;
	display:inline;
}
.mainHeader h2 span.icon-publication{}
.mainHeader h2 span.icon-dernactus{}

#main {
	width:96%;
	max-width:700px;
	margin:0;
	padding:0 2%;
	float:left;
}

.invalidInput, .error{
	color:#8a1f11;
	background-color:#fbe3e4;
}

.error,.notice{
	padding:0.5em;
	margin:0.5em;
}

.error{
	border:2px solid #8a1f11;
	display:none;
}
.notice {
	background-color:#FFF6BF;
	color:#514721;
	border:2px solid #FFD324;
	display:none;
}

fieldset {	
	float:left;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	width:94%;
	max-width:700px;
	padding: 1% 3% 2%;
}
#field_compte { margin-top:20px; }
form{
	float:left;
	max-width:700px;
	width:100%;
	margin:0;
	padding:0;
}

form label{
	display:block;
	float:left;
}
form input, form select, form textarea{
	width:98%;
	padding:1%;
	margin:0 0 1em;
	float:left;
	border: 1px solid #ccc;
}
form .partage-checkboxes {
	float:left;
}

form button{	
	float:left;
	width:100%;
	max-width:700px;
	background: #ff5301;
	padding: 10px 0;
	border:0;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}
form button:hover{
	background: #009CC9;
}

p.explications {
	float:left;
	font-style:italic;
	font-size:0.9em;
	width:100%;
	max-width:700px;
}

#typeChoix {
	float: left;
    width: 100%;	
}
.typeMessage {
	width:60px;
	height:60px;
	border:1px solid #CCC;
	float:left;
	margin:5px;
	background:#FFF;
	text-align:center;
	text-decoration:none;
	color:#CCC;
}
.typeMessage:hover, .typeMessage.active { 
	background: #ff5301; 
	border:1px solid #ff5301;
	color:#FFF;
}
.typeMessage span.iconImg {
	display:block;
	margin:0 auto;
	width:25px;
	height:30px;
}
.typeMessage:hover span.iconImg, .typeMessage.active span.iconImg {
	display:block;
	margin:0 auto;
	width:25px;
	height:30px;
}
.iconText span.iconImg { background: url("images/sprite-espaceprod.png") -30px -106px no-repeat; }
.iconText:hover span.iconImg, .iconText.active span.iconImg { background: url("images/sprite-espaceprod.png") 0px -106px no-repeat; }
.iconPhoto span.iconImg { background: url("images/sprite-espaceprod.png") -120px -106px no-repeat; }
.iconPhoto:hover span.iconImg, .iconPhoto.active span.iconImg { background: url("images/sprite-espaceprod.png") -90px -106px no-repeat; }
/**
.iconAgenda span.iconImg { background: url("images/sprite-espaceprod.png") -210px -106px no-repeat; }
.iconAgenda:hover span.iconImg, .iconAgenda.active span.iconImg { background: url("images/sprite-espaceprod.png") -180px -106px no-repeat; }
*/
.ajax-content{
	font-weight:bold;
	font-size:1em;
	color: #ff5301;
	width: 100%;
	max-width:700px;
	float: left;	
	color: #ff5301;
	margin:10px auto;
	text-align:center;
}
.ajax-loader {
	margin:0 auto;
}
.ajax-loader img {
}
.ajax-loader span {
	line-height: 1em;
	color: #ff5301;
	margin-left:5px;
}
ul.partage-checkboxes {
	list-style: none;
	margin:0;
	padding:0;
	width:100%;
}

/** CSS specifiques pour la page de connexion */
.connectPage header.mainHeader {
	background-color: #80cee5;
}
.connectPage .mainHeader h2 {	line-height:0.5em; }
.connectPage .mainName #showLeftPush { cursor:default; }
.connectPage #main {
	background: url("images/main-bg-connexion.jpg") 0 -0.5em repeat-x;
}
.connectPage #main h2 {
	color: #ff5301;
	font-size:1.3em;
}
.connectPage #main h2 span {
	clear:both;
	color: #ff5301;
	display:block;
	font-size:0.7em;
}
.connectPage input#username, .connectPage input#username:focus { 
	padding: 1.5%;
	padding-left: 12%;
	width: 86%;
	display:block;
	float:left;
	overflow:hidden;
	background : url("images/icon-login.png") 5px center no-repeat;  
	-webkit-user-modify: read-write-plaintext-only;
	-moz-user-modify: read-write-plaintext-only;
}
.connectPage input#password, .connectPage input#password:focus { 
	padding: 1.5%;
	padding-left: 12%;
	width: 86%;
	background: url("images/icon-password.png") 5px center no-repeat; 
	-webkit-user-modify: read-write-plaintext-only;
	-moz-user-modify: read-write-plaintext-only;
}
.connectPage input#remember {
	border: none;
	float:left;
	width:auto;
}
/** Fin CSS Page connexion */



.icheckbox_square-blue {
	display: block;
	position:absolute; 
	margin: 0;
	padding: 0;
	top:24%;
	right:0.9em;
	width: 22px;
	height: 22px;
	background: url("images/sprite-espaceprod.png") no-repeat;
	border: none;
}
.partage-checkboxes li { 
	position:relative; 
	float:left; 
	width:100%; 
}
.partage-checkboxes label { 
	float:left; 
	background: #CCC;
	font-size:0.9em;
	font-weight:bold;
	width:96%; 	
	padding:1% 2%;
	color: #FFF;
	margin:0.2em 0;
	cursor: pointer;
	line-height: 2em;
}
.partage-checkboxes label span {	
	width:30px;
	height:30px;
	float:left;
	overflow:hidden;
	margin: 0 1% 0 0;
}
.partage-checkboxes label#lb-facebook span { background: url("images/sprite-espaceprod.png") -70px -70px no-repeat; }
.partage-checkboxes label#lb-facebook.active  { background:#0863BD; }
.partage-checkboxes label#lb-twitter span { background: url("images/sprite-espaceprod.png") -100px -70px no-repeat; }
.partage-checkboxes label#lb-twitter.active  { background:#3AA8DB; }

.icheckbox_square-blue {
	background-position: -135px 0;
}
.icheckbox_square-blue.checked {
	background-position: -160px 0;
}
.icheckbox_square-blue.disabled {
	background-position: -135px 0;
	cursor: default;
}

#listeActus {
	float: left;
	width: 100%;
	max-width: 700px;
}

.blocActu{
	padding:1em 3%;
	margin:0 0 1em;
	border:1px solid #ccc;
	width:94%;
	font-size:95%;
}
.blocActu img{
	max-width: 700px;
	width: 100%;
}

.blocActu span.icon {
	width:25px;
	height:25px;
	float:left;
	overflow:hidden;
	margin: 0 0.5em 0 0;
}
.blocActu span.icon-texte { background: url("images/sprite-espaceprod.png") -60px -108px no-repeat;}
.blocActu span.icon-photo { background: url("images/sprite-espaceprod.png") -150px -108px no-repeat;}
.blocActu .content {
	position:relative;
	margin:7px 0 10px;
	padding:0 25px 0 0;
}

form.supprimeActu {
	position:absolute;
	width:25px;
	height:25px;
	top:0; 
	right:0;
	overflow:hidden;
}
form.supprimeActu button {
	width:25px;
	height:25px;
	float:left;
	text-indent:-999px;
	background: transparent url("images/sprite-espaceprod.png") -180px -75px no-repeat;
}
form.supprimeActu button:hover {
	background-position: -205px -75px;
}

.blocActu  div.stats {
	background: #E4E4E4;
	color: #787878;
	font-size:0.9em;
	width:96%; 	
	padding:1% 2%;
	margin:0.2em 0;
	line-height: 1.5em;
}
.blocActu  div.stats span {
	width:25px;
	height:25px;
	float:left;
	overflow:hidden;
	margin: 0 0.2em 0 0;
	background: url("images/sprite-espaceprod.png") -158px -75px no-repeat;
}

#choixConnexion { margin-bottom: 20px; }
#choixConnexion h3 {	margin: 0; }
#choixConnexion ul {
	float: left;
	width: 100%;
	margin:0 0 10px 0;
	padding:0;
	list-style: none;
}
#choixConnexion ul li {
	float:left;
	clear:both;
	width: 96%;
	margin:3px 0;
}
#choixConnexion ul li input {
	width: auto;
	margin: 3px 2% 3px 3px;
}

input[type="radio"] { border:none; }
	

a.linkFacebook {
	width: 100%;
	float: left;
	text-align: center;
}

/* General styles for all menus */
.cbp-spmenu {
	background: #4F3826;
	position: fixed;
	padding-top: 20px;
	top:0;
}
.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	margin:0 1em;
	padding:1em 0 0.4em;
	border-bottom: 1px solid #FFF;
	text-decoration:none;
}
.cbp-spmenu a span { 
	width:25px;
	height:25px;
	float:left;
	overflow:hidden;
	margin: -8px 5px 0;
}	
.cbp-spmenu a.menu-home span { background: url("images/sprite-espaceprod.png") 0px -40px no-repeat; }
.cbp-spmenu a.menu-lastinfos span { background: url("images/sprite-espaceprod.png") -30px -40px no-repeat; }
.cbp-spmenu a.menu-stats span { background: url("images/sprite-espaceprod.png") -60px -40px no-repeat; }
.cbp-spmenu a.menu-cpte span { background: url("images/sprite-espaceprod.png") -90px -40px no-repeat; }
.cbp-spmenu a.menu-aide span { background: url("images/sprite-espaceprod.png") -120px -40px no-repeat; }
.cbp-spmenu a.menu-apropos span { background: url("images/sprite-espaceprod.png") -150px -40px no-repeat; }
.cbp-spmenu a.menu-logout span { background: url("images/sprite-espaceprod.png") -180px -40px no-repeat; }
.cbp-spmenu a:hover, .cbp-spmenu a:active { background: #ff5301; }
.cbp-spmenu a.disabled, .cbp-spmenu a.disabled:hover, .cbp-spmenu a.disabled:active {
	background: #4F3826;
	color: #6b5444;
	cursor: default;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
	width: 240px;
	height: 120%;
	z-index: 1000;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { left: -240px; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }

/* Push classes applied to the body */
.cbp-spmenu-push {
	background:#FFF;
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.cbp-spmenu-push-toright { left: 240px; }
.cbp-spmenu-push-toleft { left: -240px; }

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

/* Example media queries */
@media screen and (min-width: 420px){
	.mainHeader h2 {	padding-left: 2%; }
	.connectPage #main h2 { font-size:1.5em; }
	.connectPage #main h2 span { font-size:0.8em; }
	.mainName { background-position: top left; }
	.mainName #showLeftPush { padding:1.3em; }
	.mainName #showLeftPush img { width: 36px; }
	.mainName h1 { padding-top: 0.7em; width: 250px;}
	.mainName #bgDecoration { right:-1%;  width: 200px;}
	.connectPage input#username,  .connectPage input#username:focus, .connectPage input#password, .connectPage input#password:focus{ 
		width: 92%; 
		padding-left: 6%; 
	}
}

@media screen and (max-width: 55.1875em){
	
	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}