/* G�n�ral */
body {  
	font-family: Arial,Helvetica,sans-serif;  
	font-size: 100%;    
	background: linear-gradient( to bottom, #E4E4E4, #FFFFFF) fixed;  
}

body, html {  
	height: 100%;  
	padding: 0;  
	margin: 0;
}

/* Page */

#page_wrapper {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
	background-image: url("../../images/img_bg.jpg"); 
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover !important;
	opacity: 0.35;
    filter: alpha(opacity=35); /* For IE8 and earlier */
    height: 100%;
    position: fixed;
    width: 100%;
}

#wrapper {  
	min-height: 100%;  
	margin-bottom: -62px;
	position: relative !important;	
}  

#wrapper:after {  
	content: "";  
	display: block;} .clear{  
	clear:both;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {  
	font-family:Arial,Helvetica,sans-serif;  
	line-height: 1.2;  
	font-weight: bold;  
	font-style: normal;  
	margin: 0px 0 10px 0;
}

h1 {
	font-size: 1.5em;  
	text-transform: uppercase;
}

h2 {  
	font-size: 1.25em;
}

h3 {  
	font-size: 1em;
}

h4 {  
	font-size: 0.9em;
}

h5 {  
	font-size: 0.8em;
}

/* Listes */
ul, ol {  
	margin: 5px 0 5px 32px;  
	padding: 0;  
	line-height: 1.5em;
}

/* Paragraphes */
p {  
	margin: 20px 0;  
	font-size: 0.8em;  
	line-height: 1.5em; 
}

/* Liens */
a { 
	color: #E3642D;  
	text-decoration:none;  
	outline: none;
}

a:link {
}

a:visited {  
	color: #E3642D;
}

a:hover, a:focus, a:active {  
	color: #000; 
	outline: none;
}

a:active {  
	outline: none;
}
	
a img {  
	border: none;
}

/* Divers */
em {  
	font-style: italic;}strong {  
	font-weight: bold;}sup, sub {  
	line-height: 0; 
}

/* Ent�te */
#header {  
	width:980px;  
	margin:0 auto;  
	padding:0;  
	height: 160px;
}

/* Logo */
#logo {  
	float:left;  
	height: 65px;  
	width: 490px; 
	margin: 20px 0;  
	position: relative;  
	z-index: 1;}#logo .svg-container {  
	display: inline-block;
}
	
#logo .svg {
	display: block;  
	position: relative;  
	z-index: -1000;
}
	
	#logo a {
	text-decoration: none;
} 

/* Moteur de recherche */
#search_container {  
	float: right;  
	height: 65px;  
	width: 490px;  
	margin: 20px 0 0 0;
}
	
#search {  
	float:right;  
	display: inline;  
	margin:40px 0 0 0;  
	padding:0;  
	background: none repeat scroll 0 0 #eae9e0;  
	height: 25px;  
	width: 220px;  
	/*border-radius: 10px;  
	-moz-border-radius: 10px;  
	-khtml-border-radius: 10px;  
	-webkit-border-radius: 10px;  */
	border:1px solid #9D9B9C;  
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);    
	background: #fff;
}

#search input {  
	font-size: 0.8em;  
	background: none repeat scroll 0 0 transparent;  
	border: medium none;  
	color: #9D9B9C;  
	margin: 0;  
	padding:0 0 0 10px;  
	/*height: 25px;*/  
	width: 175px;  
	vertical-align: middle;
}

#search .search_button {  
	margin:0;  
	padding:0;  
	background: url("../../images/magnifying-glass.png") no-repeat center left;  
	cursor: pointer;  
	height: 25px;  
	width: 30px;
}

#login_member {  
	float:left;  
	display: inline;  
	height: 25px;  
	width: 50px;  
	z-index: 9998;
	position:relative;
	margin: 40px 0 0;
}

#login_member .tx-felogin-pi1 {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e3e3e3;
    color: #8c8c8c;
    display: none;
    font-size: 11px;
    width: 250px;
    padding:15px;
}

#login_member .tx-felogin-pi1 label {
    width: 60px;
}


#login_member .tx-felogin-pi1 input {
    padding: 2px;
    width: 155px;
	border: 1px solid #dbdbdb;
}
	
/* Menu */
#menu {  
	clear:both;  
	background: url("../../images/menu_bg.png") repeat-x;  
	height: 62px;
}

#menu_nav {  
	width:980px;  
	margin:0 auto;  
	padding:0;
}

#mainMenu,#mainMenu ul {
	list-style: none outside none;    
	margin: 0;    
	padding: 0;
}

#mainMenu {  
	height: 62px;  
	width: 980px;  
	display: table;  
	position: relative;
}

#mainMenu ul {    
	background-color: #D55D2A;  
	opacity:0.95;  
	/*border-bottom-left-radius:5px;  
	-webkit-border-bottom-left-radius: 5px;  
	-moz-border-bottom-left-radius: 5px;  
	-ms-border-bottom-left-radius: 5px;  
	-o-border-bottom-left-radius: 5pxm;  
	border-bottom-right-radius:5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-moz-border-bottom-right-radius: 5px; 
	-ms-border-bottom-right-radius: 5px;  
	-o-border-bottom-right-radius: 5px; */   
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);      
	left: -9999px;    
	overflow: hidden;    
	padding: 5px 0;    
	position: absolute;    
	top: -9999px;    
	z-index: 9999;
	-moz-transform: scaleY(0);    
	-ms-transform: scaleY(0);    
	-o-transform: scaleY(0);    
	-webkit-transform: scaleY(0);    
	transform: scaleY(0);    
	-moz-transform-origin: 0 0;    
	-ms-transform-origin: 0 0;   
	 -o-transform-origin: 0 0;    
	 -webkit-transform-origin: 0 0;   
	 transform-origin: 0 0;    
	 -moz-transition: -moz-transform 0.1s linear;    
	 -ms-transition: -ms-transform 0.1s linear;    
	 -o-transition: -o-transform 0.1s linear;    
	 -webkit-transition: -webkit-transform 0.1s linear;    
	 transition: transform 0.1s linear;
 }
 
#mainMenu li {    
	 float: left;   
	 position: relative;
 }
 
#mainMenu li a {    
	color: #f3f3f3;
	display: block;  
	font-weight: bold;  
	font-size: 0.8em;  
	padding: 0 40px;  
	margin: 17px 0;  
	line-height: 28px;    
	text-decoration: none;  
	text-transform:uppercase;
	-webkit-transition: color .2s ease-in-out;  
	-moz-transition: color .2s ease-in-out;  
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);  
	-o-transition: color .2s ease-in-out;  
	-ms-transition: color .2s ease-in-out;  
	transition: color .2s ease-in-out;
}

#mainMenu li:first-child a { 
	padding: 0 40px 0 0;
 }
 
#mainMenu li:hover > a {  
	text-decoration:underline
 }
 
#mainMenu li:hover > a.hsubs {
 }
 
#mainMenu li:hover ul.subs {    
	 left: 0;    
	 top: 53px;    
	 width: 240px;    
	 -moz-transform: scaleY(1);    
	 -ms-transform: scaleY(1);    
	 -o-transform: scaleY(1);    
	 -webkit-transform: scaleY(1);
 }
 
#mainMenu ul li {    
	 width: 100%;  
	 /*background: url(../../images/picto_arrow_menu.png) no-repeat 25px 17px;*/  
	 background: url(../../images/picto_arrow_menu2.png) no-repeat 25px 16px;
 }
 
#mainMenu ul li:hover > a {    
	 /*background: url(../../images/picto_arrow_menu.png) no-repeat 25px 12px #C82122;*/  
	 background: url(../../images/picto_arrow_menu2.png) no-repeat 25px 11px #000000;  
	 text-decoration: none;
 }
 
#mainMenu ul li a {  
	 padding: 5px 40px;  
	 margin: 5px 0;  
	 line-height: 20px; 
	 text-transform: none;
 }
 
#mainMenu ul li:first-child a { 
	padding: 5px 40px;
 }
 
 /* Sous-Menu */
#subMenu {  
	float:left;    
	opacity: 0.8;
	width: 100%;    
	margin: 20px 0;  
	padding: 0;  
	text-align: left;  
	/*-moz-border-radius: 10px;  
	-khtml-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	border-radius: 10px; */ 
	border:1px solid #808080;  
	background: #ffffff;  
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
 
#subMenu h2, #subMenu h2 a {  
	 color: #000000;    
	 font-size: 0.9em;  
	 font-weight: bold;    
	 margin: 15px 0 0 7px;    
	 padding-left: 0;    
	 text-transform: uppercase;  
	 text-decoration:none;
}

#subMenu ul {    
	 list-style: none;    
	 margin: 0px;    
	 padding: 15px;
 }
 
#subMenu li {    
	 margin: 0;    
	 padding: 0 0 1px 0;
 }
 
#subMenu li a {    
	 display: block;    
	 line-height: 16px;    
	 margin: 0;    
	 padding: 7px 12px 7px 0;    
	 font-size: 0.8em;  
	 font-weight: bold;    
	 color: #000000;  
	 text-decoration:none;
 }
 
#subMenu > a, #subMenu ul li > a:hover, {
	color: #e3642d;
}
 
 /* 1er niveau */
#subMenu ul li {  
	 margin :0;    
	 padding: 0;
 }
 
#subMenu ul li a span {    
	 background: url(../../images/arrow_submenu_lev1.png) no-repeat;    
	 display: block;    
	 float: left;    
	 width: 4px;    
	 height: 14px;    
	 margin: 5px 11px 0 0;
 }
 
#subMenu .levelOneAct > a, #subMenu .levelTwoAct > a, #subMenu ul li.levelOne > a:hover, #subMenu ul li > a:hover {
	color: #e3642d;
 }
 
 /* 2�me niveau */
#subMenu ul li ul {    
	 margin: 0;    
	 padding: 0px 20px;
 }
 
#subMenu ul li ul li {    
	 margin:0;    
	 background: none;
 }
 
#subMenu ul li ul li a span {    
	 background: url(../../images/arrow_submenu_lev2.png) no-repeat;    
	 display: block;    
	 float: left;    
	 width: 3px;    
	 height: 5px;    
	 margin: 4px 5px 0 0;
 }
 
#subMenu ul li ul li a:hover span, #subMenu ul li ul li a span {
	background-position: bottom left;
}
	
#subMenu li ul li a {    
	display: block;    
	height: 14px;    
	line-height: 14px;    
	padding: 4px 12px 5px 0;    
	font-size: 0.7em;  
	font-style: italic;    
	color: #000000;
} 
 
 
 /* breadcrumb */
 #breadcrumb {  
	 width: 980px;  
	 margin: 10px auto 0 auto;  
	 height: 25px;
 }
 
 #breadcrumb ul {  
	 margin: 0;  
	 padding: 0;
 }
 
 #breadcrumb li:first-child {  
	 background: none;    
	 padding-left: 0;
 } 
 
 #breadcrumb ul li{  
	 background: url(../../images/picto_breadcrumb.png) no-repeat center left;  
	 float: left;  
	 text-transform: uppercase;  
	 list-style: none;  
	 padding : 0 6px 0 10px;  
	 font-weight: normal;  
	 font-size: 0.7em;    
	 color: #000000;
 }
 
 #breadcrumb ul li a{  
	 font-weight: bold;    
	 color: #E3642D;
 }
 

 /* Contenu */
 #page {    
	 width: 980px;  
	 margin: 0 auto;  
	 padding: 0;
 }
 
 #content ul,  #content_menu ul {  
	list-style: square outside none;
 }
 
 #content ul li, #content_menu ul li {
	font-size: 0.8em;
 }
 
 #col_left {
	 display: inline;    
	 float: left;    
	 margin-right: 20px 0;    
	 width: 220px;
 }
 
 /* Sponsoring col_left*/
 
#sponsoring_col_left{  
	 text-align: center;
 }
 
#sponsoring_col_left p{  
	  margin: 0 !important;
	  padding: 0 0 20px 0;
	  color: #6F6D67;
	  font-weight: bold;
 }
 
 /* Contenu principal */
 #content {  
	 display: inline;  
	 overflow:hidden;  
	 float: left;  
	 width: 693px; 
	 opacity:0.80; 	 
	 margin: 20px 25px 20px 0;  
	 padding: 15px 20px;  
	 /*border-radius: 10px;
	 -moz-border-radius: 10px;  
	 -khtml-border-radius: 10px;  
	 -webkit-border-radius: 10px;*/
	 border: 1px solid #808080;  
	 background: #FFFFFF;  
	 box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
 }
 
 #content_menu {  
	 display: inline;  
	 overflow: hidden;  
	 float: left;  
	 opacity: 0.80;
	 width: 693px;  
	 margin: 20px 0 20px 25px;  
	 padding: 15px 20px;  
	 /*-moz-border-radius: 10px;  
	 -khtml-border-radius: 10px;  
	 -webkit-border-radius: 10px;  
	 border-radius: 10px;  */
	 border:1px solid #808080;  
	 background: #FFFFFF;  
	 box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
 }
 
 #content img, #content_menu img {    
	 background-color: #FFFFFF;    
	 border: 1px solid #C7C7C7;    
	 float: left;    
	 margin-right: 11px;    
	 padding: 3px;
 }
 
 #content a:hover img, #content_menu  a:hover img {    
	opacity: 0.7;
 }
 
 /* Contenu droite */
 
 
 /* Sponsoring */
 
 #sponsoring{  
	 float: right;  
	 margin: 20px auto 0;  
	 padding: 0px;  
	 width: 220px;
	 text-align: center;
 }
 
#sponsoring p{  
	  margin: 0 !important;
	  padding: 0 0 20px 0;
	  color: #6F6D67;
	  font-weight: bold;
 }
 
  /* Sidebar */
  
#sidebar {  
	 overflow: hidden;  
	 float: right;  
	 margin: 20px 0;  
	 padding: 0px;  
	 width: 220px;
 }
 
 /* Contenu de gauche sous-menu */
 #sidenav {  
	 float:left;    
	 width: 100%;    
	 margin: 5px 0;  
	 padding: 0;
	 display:block;
 }
 
 /* Contenu de gauche sous-menu */ 
 /* Liens rapides */
 .links-element {    
	margin: 0 0 20px 0;
 }
 
 a.button {  
	 display: block;  
	 height: 65px;  
	 border: 1px solid #808080;    
	 background: #FFFFFF;  
	 color: #000000;    
	 font-size: 0.8em;  
	 font-weight: bold;  
	 letter-spacing: 0.04em;    
	 line-height: 65px;    
	 text-align: center;    
	 text-decoration: none;  
	 /*border-radius: 10px;  moz-border-radius: 10px;  
	 -khtml-border-radius: 10px;  
	 -webkit-border-radius: 10px;*/ 
	 box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
 }
 
 a.button.icon {
	 margin: 0;    
	 padding: 0 0 0 15px;
 }
 
 a.button.icon:hover {  
	 border:1px solid #888888;  
	 background:#CCCCCC;    
	 color: #E3642D;  
	 -moz-box-shadow: inset 1px 1px 1px #AFAFAF;  
	 -webkit-box-shadow: inset 1px 1px 1px #AFAFAF;  
	 box-shadow: inset 1px 1px 1px #AFAFAF;
 }
 
 a.button.icon span {  
	 margin: 0;    
	 padding: 16px 0 15px 40px;  
	 width: 160px;  
	 vertical-align: middle;  
	 display: inline-block;  
	 line-height: 1.3;  
	 text-align: left;  
	 background: url("../../images/icon/default.png") center left no-repeat;
 }
 
 a.button.icon.calendar span { background: url("../../images/icon/calendar.png") center left no-repeat;}
 a.button.icon.clock span { background: url("../../images/icon/clock.png") center left no-repeat;}
 a.button.icon.contact span { background: url("../../images/icon/contact.png") center left no-repeat;}
 a.button.icon.file span { background: url("../../images/icon/file.png") center left no-repeat;}
 a.button.icon.job span { background: url("../../images/icon/job.png") center left no-repeat;}
 a.button.icon.lightbulb span { background: url("../../images/icon/lightbulb.png") center left no-repeat;}
 a.button.icon.map span { background: url("../../images/icon/map.png") 2px center no-repeat;}
 a.button.icon.phone span { background: url("../../images/icon/phone.png") center left no-repeat;}
 
 

 /* Pied de page */
 #footer,  #wrapper:after {  
	height: 62px;
 }
 
 
 #footer{  
	 position: relative;  
	 clear: both;  
	 height: 62px;  
	 background: url("../../images/footer_bg.png") repeat-x;  
	 width: 100%;
 }
 
 #footer_contain {    
	 width: 980px;  
	 height: 32px;  
	 margin: 0 auto;  
	 padding-top: 30px;  
	 font-weight: bold;  
	 font-size: 0.8em;  
	 color: #f3f3f3;  
	 text-align:center;  
	 text-shadow: 1px 1px 1px rgba(0,0,0,.6);  
	 -webkit-transition: color .2s ease-in-out;  
	 -moz-transition: color .2s ease-in-out;  
	 -o-transition: color .2s ease-in-out;  
	 -ms-transition: color .2s ease-in-out;  
	 transition: color .2s ease-in-out;
 }
 
 #login_statut {  
	float: left;  
	width: 210px;  
	text-align: left;  
	display: inline-block;  
	vertical-align: middle;
 }
 
  #login_statut a {  
	color: #fff;
 }
   
#login_statut span {
    /*display: block;*/
    height: 19px;
    weight : 20px;
    margin: 0px;
    padding: 0px;
 }

 
#login_statut span.lock {
    background: url("../../images/icon_lock_unlock.png") no-repeat scroll right top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#login_statut span.unlock{
    background: url("../../images/icon_lock_unlock.png") no-repeat scroll right bottom;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
  
  
 
 #copyright{  
	 float: left;  
	 width: 745px;  
	 text-align: right;  
	 display: inline-block;  
	 vertical-align: middle;
 }
 
 #copyright:after {    
	 content: " | ";  
	 padding: 0 5px 0 5px;
}
	 
#login {  
	 float: right;  
	 text-align: center;  
	 width: 25px;  
	 display: inline-block;  
	 vertical-align: middle;
 }
 
#back-top {  
	position: fixed;  
	bottom: 30px;  
	margin-left: -150px;
  }
 
 /*Back to top button*/
 #back-to-top {
	 background: none repeat scroll 0 0 rgba(193, 193, 193, 0.8);
	 border-radius: 0;
	 bottom: 40px;
	 color: rgba(0, 0, 0, 0);
	 display: none;
	 font-size: 0;
	 height: 41px;
	 position: fixed;
	 right: 20px;
	 width: 45px;  -moz-border-radius: 5px;
	 -khtml-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 border-radius: 5px;
	 z-index:9998;
 }
 
 #back-to-top:hover {
	background: #888888;
}
 
 #back-to-top  i:before {
	 color: #FFFFFF !important;
	 font-size: 24px;
	 left: 5px;
	 position: absolute;
	 top: 5px;
}
	 
.arrow_up i:before {
	 content:url(../../images/back_top.png)
}
	 
.arrow_up i:before {
	 display: inline-block;
	 font-style: normal;
	 font-weight: normal;
	 line-height: 1em;
	 margin-left: 0.2em;
	 margin-right: 0.2em;
	 text-align: center;
	 text-decoration: inherit;
	 width: 1em;
 }
 
 /* Tableau */
 table.datagrid {  
	 border-collapse: collapse;  
	 margin: 0 0 20px 0;  
	 width: 500px;  
	 font-size: 0.8em;
 }
 
 table.datagrid td,  table.datagrid th {  
	 padding: 3px 10px;
}
	 
.datagrid {    
	 background: #FFFFFF;    
	 border: 1px solid #E3642D;    
	 border-radius: 3px;  
	 -moz-border-radius: 3px;  
	 -khtml-border-radius: 3px;  
	 -webkit-border-radius: 3px;    
	 overflow: hidden;
 }
 
 table thead th{    
	 background: #E3642D;    
	 color: #FFFFFF;  
	 text-align: center;
 }
 
 table.datagrid td {  
	 border: none;  
	 text-align: center;  
	 font-size: 0.9em;  
	 padding: 4px;}tr.tr-even {    
	 background:#fff;
 }
 
 tr.tr-odd {
	background:#E4E4E4;
 }  
 
 /* end Tableau */
 
 /* history */
 dl.history {   
	 width:100%;   
	 line-height: 1.2em;   
	 font-size:0.8em;
 }
 
 dl.history dt {  
	 clear:left;  
	 float:left;  
	 width:10%;  
	 font-weight:bold;  
	 padding: 10px 0;}dl.history dd {  
	 padding: 10px 0;  
	 width:90%;  
	 overflow:hidden;
 }
 /* end history */
 
  /* Mobile version */
 @media only screenand (min-device-width : 768px)and (max-device-width : 1024px)  {  

	 #header, #breadcrumb, #breadcrumb, #page {
		width: 900px;
		padding: 0 30px;
	 }
	 
	 #menu_nav, #mainMenu, #footer_contain {
		width: 900px;
	 }
	 
	 #logo, #search_container{
		width :450px;
	 }
	 #content{
		width:613px;
	 }
	 
	 #content_menu{
		width:613px;
	}

	 #col_left{
		width:220px;
	}

	#sidebar{
		width:220px;
	 }  
	 
	 
	#login_statut{
		width:210px;
	 }
	 
	 #copyright{
		width:665px;
	}

	 #login{
		width:25px;
	 }
	 
	 #mainMenu ul {
		display:none;
	}
	
	.tx-frportfolio-pi1 .list .item .data_wrapper .element ul  {
		width: 250px !important;
	}
	
}
  /* end Mobile version */