body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #FFFFFF url('body_bg.png');
	height: 100%;
}

#page
{
	margin-top: 0px;
	margin-bottom: 0px;
	//background: #FFFFFF url('body_bg.png');
	color:#555;
}

#mastheader
{   height:0px;
	/* Anciens navigateurs */
	background: #ec890d;	
}


.gradient {
	background: transparent url("/css/gradient-ft-bg.png") center;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	box-shadow:inset 0 0 10px #777777;
}

#header
{
padding-top:0px;
height:140px !important;

}
.header-wrapper 
{
background:transparent url("/css/light_toast.png");box-shadow:inset 0 -1px 5px black;
-webkit-box-shadow: 0 5px 35px -6px #777;
-moz-box-shadow: 0 5px 35px -6px #777;
box-shadow: 0 5px 35px -6px #999;
padding:0 0 0 0;
position:fixed;
z-index:5;
width:100%;
height:130px !important;
}
#content
{
margin-top:130px;
padding: 20px 0 0 0;
z-index:0;
position:relative;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#topfooter {
padding:15px 0 0 0;
background:transparent url('top-footer-bg.png') top center no-repeat;
margin-top:20px;
}

#footer
{
font-size: 0.8em;
text-align: left;
padding:10px 0 0 0;
}

@media only screen and (max-width: 767px) {
  #footer {padding-top:120px;}
.ftlinks2 {float:none !important;text-align:center !important;}
.ftlinks ul.link-list li {margin:0;padding:0;width:100% !important;text-align:center !important;}
.ftlinks ul.link-list {margin:0;padding:0;}
.tclinks ul.link-list {margin:0;padding:0;}
.tclinks ul.link-list li {width:100%;text-align:center;padding:0;margin:0;}
.tclinks ul.link-list li a {padding:0;margin:0;}
.copywright {margin-top:10px !important;width:100%;text-align:center !important;}
}
.ftlinks ul.link-list li {margin:0;padding:0 0 0 20px;}
.footer-wrapper {z-index:38;position:relative ;bottom:0;width:100%;padding-top:0px;
  background:#eeeeee;
}
.ftlinks1 a, .ftlinks2 a {font-size:90%;letter-spacing:.2px;color:#555;font-weight:bolder;}
.ftlinks1 a:link, .ftlinks2 a:link {color:#555;}
.ftlinks1 a:hover, .ftlinks2 a:hover {color:#fff;text-shadow: 1px 1px 2px #1f1f1f;
        filter: dropshadow(color=#1f1f1f, offx=1, offy=1);}
.ftlinkslang {position:relative;margin-top:90px !important;margin-bottom:10px !important;}
.ftlinkslang a {color:#555;font-size:85%;}
.ftlinkslang a:hover {color:#fff;text-shadow: 1px 1px 2px #1f1f1f;
        filter: dropshadow(color=#1f1f1f, offx=1, offy=1);}
.tclinks a {margin-top:7px;font-size:0.8em;}
.ftlinks2 {float:right;}
.ftlinks3 a:hover {color:#6e8289;}
.copywright {margin-top:5px;font-weight:normal;margin-bottom:5px !important;text-align:right;float:right;color:#fff;font-size:0.9em;}
#logo
{
	padding: 3px 0px 0px 0px;
	font-size: 200%;
	color:#FFFFFF;
}

#logo a 
{
display:block;
height:40px;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity:0.90
}


#btmlogo a 
{
	margin:10px auto -90px auto;
	position:relative;
	z-index:39;
	height:150px;
	width:122px;
	margin-top:0px;
display:block;
}

#btmlogo a:hover {
-webkit-animation: brocante 0.9s;
   -moz-animation: brocante 0.9s;
    -ms-animation: brocante 0.9s;
     -o-animation: brocante 0.9s;
        animation: brocante 0.9s;
} 

#logo a:hover
{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
-webkit-transition:opacity,0.18s,linear;
-moz-transition:opacity,0.18s,linear;
-ms-transition:opacity,0.18s,linear;
-o-transition:opacity,0.18s,linear;
transition:opacity,0.18s,linear
}

#logo a:hover{
-webkit-animation: brocante  0.5s;
   -moz-animation: brocante  0.5s;
    -ms-animation: brocante  0.5s;
     -o-animation: brocante  0.5s;
        animation: brocante  0.5s;
}


@-webkit-keyframes brocante {
	0% {-webkit-transform: scale(1);}
	20%,60% {-webkit-transform: scale(1) rotate(-2deg);}
	40%,80% {-webkit-transform: scale(1) rotate(3deg);}	
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes brocante  {
	0% {-moz-transform: scale(1);}
	20%,60% {-moz-transform: scale(1) rotate(-2deg);}
	40%,80% {-moz-transform: scale(1) rotate(3deg);}	
	100% {-moz-transform: scale(1) rotate(0);}
}


@-ms-keyframes brocante  {
	0% {-ms-transform: scale(1);}
	20%,60% {-ms-transform: scale(1) rotate(-2deg);}
	40%,80% {-ms-transform: scale(1) rotate(3deg);}	
	100% {-ms-transform: scale(1) rotate(0);}
}

@-o-keyframes brocante  {
	0% {-o-transform: scale(1);}
	20%,60% {-o-transform: scale(1) rotate(-2deg);}
	40%,80% {-o-transform: scale(1) rotate(3deg);}	
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes brocante  {
	0% {transform: scale(1);}
	20%,60% {transform: scale(1) rotate(-3deg);}
	40%,80% {transform: scale(1) rotate(3deg);}	
	100% {transform: scale(1) rotate(0);}
}

#logo img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
zoom: 1;
}
img {border:none;}


.langSelect {background-color:transparent;}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}