@font-face {
    font-family: 'rokkittbold';
    src: url('/fonts/rokkitt-bold.eot');
    src: url('/fonts/rokkitt-bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/rokkitt-bold.woff') format('woff'),
         url('/fonts/rokkitt-bold.ttf') format('truetype'),
         url('/fonts/rokkitt-bold.svg#rokkittbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rokkittregular';
    src: url('/fonts/rokkitt-regular.eot');
    src: url('/fonts/rokkitt-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/rokkitt-regular.woff') format('woff'),
         url('/fonts/rokkitt-regular.ttf') format('truetype'),
         url('/fonts/rokkitt-regular.svg#rokkittregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	
	background-color : #C9C9C9;
	background-image : url(/img/main-background-overlay.png);
	background-repeat : repeat-x;
	background-position : center top;
	
	height : 100%;
	
}
		
body {

	min-height : 100%;

	background-image : url(/img/main-background-pattern.png);	
	background-repeat : repeat;
	background-position : center top;
	
	margin : 0;
	padding : 0;
				
}

img {
	 max-width: 100%;
	 height: auto !important;
}
		
#wrapper {
	width : 656px;
	margin : 0 auto;
}

nav {
	margin-top : 10px;
	z-index : 999;
}

nav ul {
	padding : 0;
	margin : 0;
}

nav li {
	border-color : #FFF;
	border-style : solid;
	border-width : 1px 0 1px 1px;
}

nav li:first-child {
	border-width : 1px 0 0;
}



nav li, nav a {
	
	display : block;
	list-style : none;
	display : inline;
	padding : 0;
	margin : 0;
	float : left;
	text-align : center;
	width : 218px;
	
	height : 20px;
	line-height : 19px;
	font-size : 13px;
	
	background-image : url(/img/nav-back.jpg);
	
	background-repeat : no-repeat;
	background-position : left top;
	
	font-family : 'rokkittbold';
	font-weight : normal;
	color : #FFF;
	background-color : #696A6D;
	

}

nav li {
	position : relative;
}

nav a {
	height : 19px;
	padding-top : 1px;
}

nav a:hover, nav li:hover a, nav a.selected  {
	color : #FFF;
	background-color : #1CC2F3;
	text-decoration : none;
	
	background-position : left -20px;
}


/* Inner menu */

nav li ul {
	display : none;
}

nav li:hover ul {
	z-index : 999;
	display : block;
	position : absolute;
	top : 20px;
	left : 0;
	width : 198px;
	
	padding : 7px 10px 10px 10px;
	
	background-color: #FFFFFF;
	
	-moz-box-shadow: -1px 1px 5px 2px #c1c1c1;
	-webkit-box-shadow: -1px 1px 5px 2px #c1c1c1;
	-o-box-shadow: -1px 1px 5px 2px #c1c1c1;
	box-shadow: -1px 1px 5px 2px #c1c1c1;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c1c1c1, Direction=224, Strength=5);
	
}


nav li:hover ul ul {
	display:none;
}

nav li:hover ul li:hover ul {
	display:block;
	top:-8px;
	left:190px;
}

nav li:hover > a span.readmore {
	background-position : left -15px;
}

nav li:hover li {
	font-family: Verdana, Geneva, sans-serif;
	height : auto;
	
	background-color : #FFF;
	color : #58585A;
	font-size : 10px;
	float : none;
	display : block;
	background-image : none;
	width : auto;
	margin : 0;
	text-align: left;
	padding-left : 20px;
	line-height : 13px;
	
}

nav li:hover ul a {
	margin : 0;
	float : none;
	display : block;
	/*background-image : url(/img/small-link-arrow.png);
	background-position : 5px 7px;
	background-repeat : no-repeat;*/
	
	background : none;
	
	/*font-weight : bold;*/
	font-size : 10px;
	font-family: Verdana, Geneva, sans-serif;
	color : #58585A;
	background-color : #FFF;
	text-align : left;
	padding-left : 18px;
	padding-top : 5px;
	padding-bottom : 5px;
	width : 178px;
	height : auto;
	position : relative;
	left : -20px;
	line-height : 13px;
}

nav li:hover ul a:hover {
	/*color : #39A9DC;*/
	background-color : #FFF;
}

nav li:hover ul a span.readmore {
	position : absolute;
	top : 0;
	left : 4px;
	top : 5px;
}

span.readmore {
	position : relative;
	top : -10px;
	margin-bottom : 0;
}

a span.readmore  {
	display : block;
	width : 15px;
	height : 15px;
	background-image : url(/img/small-link-arrow-sprite.png);
	background-position : left top;
	background-repeat : no-repeat;
}

a:hover span.readmore {
	background-position : left -15px;
}

p.readmore {
	position : relative;
	top : -10px;
}

p.readmore a {
	display : block;
	padding-left : 13px;
	height : 15px;
	line-height : 15px;
	background-image : url(/img/small-link-arrow-sprite.png);
	background-position : left top;
	background-repeat : no-repeat;
	font-size : 9px;
	color : #39A9DC;
	-webkit-font-smoothing: antialiased;
}

p.readmore a:hover {
	color : #58585A;
	background-position : left -15px;
}

.ipiSlider article {
	display : block;
	position : relative;
	width : 656px;
	height : 283px;
}

.ipiSlider h1, .ipiSlider p {
	font-size : 0.9em;
}
.ipiSlider article {
	padding : 12px;
}

.ipiSlider .front {
	display : block;
	width : 290px;
	padding: 10px 30px;
	position : absolute;
	top : 110px;
	left :0;
}

.ipiSlider .back {
	display : block;
	width : 656px;
	height : 283px;
	overflow : hidden;
	position : absolute;
	top : 0;
	left : 0;
}

.extra {
	display : block;
	min-height : 174px;
	margin-top : 13px;
	background-color : #FFF;
}

.leftcol {
	float : left;
}

.rightcol {
	float : right;
}

section.news, section.documents {
	width : 327px;
	float : left;
}

.extra .leftcol {
	display : block;
	width : 200px;
}

.news header h1, .documents header h1 {
	border-bottom : 2px solid #d4d5d7;
	margin : 0 10px;
	padding : 10px 0;
	
	font-family : 'rokkittbold';
	
	font-weight : bold;
	
	font-size : 2em;
	
	line-height : 1em;
	-webkit-font-smoothing: antialiased;
}

.news header h1 a, .documents header h1 a {
	font-family : 'rokkittbold';
	
	font-weight : normal;
}

.extra h1, .extra p {
	font-size : 0.9em;
}

.extra article {
	padding : 10px;
}

.extra header {
	position : relative;
}

a.linkblock {
	font-weight : normal;
	display : block;
}

.extra header a.icon {
	position : absolute;
	bottom : 0;
	right : 6px;
	display : block;
}

section.news {
	border-right : 1px solid #D4D5D7;
}

section.documents {
	border-left : 1px solid #E2E3E4;
}


/* OTHER PAGES */
div.page {
	min-height : 470px;
}
div.page .inner {
	background-color : #FFFFFF;
	margin-top : 10px;
	padding : 12px;
	border : 1px solid #F9F9F9;
	font-size : 11px;
}

ul.sidemenu {
	display : block;
	width : 191px;
	float : left;
	margin : 0;
	padding : 0;
	list-style : none;
	font-size : 10px;
}

ul.sidemenu li {
	padding : 0;
}

ul.sidemenu li a {
	font-weight : normal;
}

ul.sidemenu > li > a {
	display : block;
	padding-left : 13px;
	height : 15px;
	line-height : 15px;
	background-image : url(/img/small-link-arrow-sprite.png);
	background-position : left top;
	background-repeat : no-repeat;
	
}


ul.sidemenu > li > a:hover, ul.sidemenu > li.open > a {
	background-position : left -30px;
}

.page article figure {
	padding : 0;
	margin : 0 0 1.5em;
}

ul.sidemenu ul {
	display : none;
	list-style : none;
	margin : 0;
	padding : 0;
}

ul.sidemenu li {
	padding : 4px 0;
}

ul.sidemenu li.open ul {
	display : block;
}

.page .col {
	float : left;
	padding-right : 12px;
	display : block;
	width : 191px;
}

.page h1 {
	font-family : 'rokkittbold';
	font-size : 2em;
	font-weight : normal;
	padding : 10px 0;
	border-bottom : 2px solid #D4D5D7;
	margin-bottom : 12px;
}


.news.page article h1, .news.page article h2 {
	border : 0 none;
	padding : 0;
	margin : 0;
	color : #39A9DC;
}

.news.page article h1 {
	margin-top: 20px;
}

.news.page article h2 {
	margin-bottom : 20px;
}

article p:last-child {
	margin-bottom : 0;
	padding-bottom : 5px;
}

article time {
	display : block;
	padding-top : 20px;
	font-weight : bold;
}

/* ACTUS */
.news.page article, .contact.page article {
	margin-left : 203px;
	border-left : 2px solid #D4D5D7;
	padding : 0 0 0 12px;
	min-height : 450px
}

/* AUTRES SITES */

.autres_sites.page ul, .autres_sites.page li {
	list-style : none;
	padding : 0;
	margin : 0;
}

.autres_sites.page li {
	padding : 5px 0;
}

.autres_sites.page ul a {
	display : block;
	position : relative;
	padding-left : 18px;
	padding-top : 4px;
	font-weight : normal;
}

.autres_sites.page ul a:hover {
	font-weight : normal;
	color :#58585A;
}

.autres_sites.page ul a:hover b {
	color : #39A9DC;
}

.autres_sites.page ul a span.readmore {
	position : absolute;
	top : 0;
	left : 4px;
	top : 5px;
}

.autres_sites.page h2 {
	margin-bottom : 10px;
	
	
}

.autres_sites.page h3 {
	font-weight : normal;
	display : block;
	padding-left : 13px;
	height : 15px;
	line-height : 15px;
	background-image : url(/img/small-link-arrow-sprite.png);
	background-position : left top;
	background-repeat : no-repeat;
	margin-bottom : 5px;
	
}

.autres_sites.page hr {
	border : 0;
	height: 2px;
	background-color : #D4D5D7;
	padding : 0;
	margin : 20px 0;
}

/* Plan du site */

.plan.page ul, .autres_sites.page li {
	list-style : none;
	padding : 0;
	margin : 0;
}

.plan.page li {
	padding : 5px 0;
}

.plan.page ul a {
	display : block;
	position : relative;
	padding-left : 18px;
	padding-top : 4px;
	font-weight : normal;
}

.plan.page ul a:hover {
	font-weight : normal;
	color :#58585A;
}

.plan.page ul a:hover b {
	color : #39A9DC;
}

.plan.page ul a span.readmore {
	position : absolute;
	top : 0;
	left : 4px;
	top : 5px;
}

.plan.page h2 {
	margin-bottom : 10px;
	
	
}

.plan.page h3 {
	font-weight : normal;
	display : block;
	padding-left : 13px;
	height : 15px;
	line-height : 15px;
	background-image : url(/img/small-link-arrow-sprite.png);
	background-position : left top;
	background-repeat : no-repeat;
	margin-bottom : 5px;
	
}

.plan.page hr {
	border : 0;
	height: 2px;
	background-color : #D4D5D7;
	padding : 0;
	margin : 20px 0;
}

/* Contact */

.contact.page .vcard p {
	margin-bottom : 0.5em;
}

/* Présentation */

.presentation.page .inner {
	padding-left : 0;
}

.presentation.page.fullwidth article {
	margin-left : 0;
}

.presentation.page article {
	margin-left : 220px;
	padding : 0 0 0 12px;
}

.presentation.page article h1 {
	margin-top : 0;
	padding-top : 0;
	font-size : 2.2em;
	margin-bottom : 10px;
	padding-bottom : 0px;
}

.presentation.page article h2 {
	font-family : 'rokkittregular';
	font-weight : normal;
	font-size : 1.6em;
	margin-bottom : 0;
	line-height : 1em;
}




/*DOCUMENTS */

.documents table.slide, .documents table.slide tr, .documents .slide td {
	margin : 0;
	padding : 0;
	border-collapse : collapse;
	border : 0 none;
	
}

.documents table.slide {
	border-top : 1px solid #D4D5D7;
	border-right : 1px solid #D4D5D7;
	margin-bottom : 40px;
	width : 629px;
}

.documents .slide .line td {
	border-left : 1px solid #D4D5D7;
	border-bottom : 1px solid #D4D5D7;
	width : 156px;
	
}

.documents .slide .line td a {
	display : block;
	position : relative;
	padding : 123px 0 10px 0;
	font-weight : normal;
	text-align : center;
	width : 156px;
}

.documents .slide .line td img {
	position : absolute;
	top : 0;
	left : 0;
}

.documents .slide .titles td {
	text-align : center;
	vertical-align : middle;
	border-bottom : 1px solid #D4D5D7;
	border-left : 1px solid #D4D5D7;
	padding : 5px;
	
}

.documents .slide .img td {
	vertical-align : middle;
	border-left : 1px solid #D4D5D7;
}

.documents .slide .titles a {
	font-weight : normal;
}


/* Métiers */

.products.page {
	min-height : 0;
}

.products.page .col p {
	margin-bottom : 0.5em;
}

.products.page article {
	margin-left : 203px;
	border-left : 2px solid #D4D5D7;
	padding : 0 0 0 12px;
	/*min-height : 150px;*/
	min-height : 10px;
}

.products.page article h1 {
	margin-top : 0;
	padding-top : 0;
	font-size : 2.2em;
	margin-bottom : 10px;
	padding-bottom : 0px;
}

.products.page article h2 {
	font-family : 'rokkittregular';
	font-weight : normal;
	font-size : 1.6em;
	margin-bottom : 0;
	line-height : 1em;
}


/* Footer */

footer {
	height : 36px;
	line-height : 36px;
	font-size : 0.75em;
}


footer ul {
	padding : 0;
	margin : 0;
}

footer li {
	
	list-style : none;
	display : inline;
	margin : 0;
	padding : 0;
	float : left;
	text-align : center;
	
	height : 36px;
	line-height : 36px;
}

footer .menu-meta li:first-child {
	padding : 0 0.5em 0 0;
}

footer li a  {
	border-width : 0 0 0 1px;
	padding : 0 0.6em;
	border-color : #58585A;
	border-style : solid;
	font-weight : normal;
	color : #58585A;
}

footer .menu-meta li:first-child a {
	border-width : 0;
	padding : 0 0.6em 0 0;
}



footer ul.lang {
	margin-top : 7px;
	float : right;
}

footer .lang li, footer .lang a {
	display : block;
	line-height : 1em;
	padding : 0;
	border : 0 none;
	
}

footer .lang a {

	  filter: alpha(opacity=50);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	  -moz-opacity: 0.5;
	  -khtml-opacity: 0.5;
	  -o-opacity: 0.5;
	  opacity: 0.5;
}

footer .lang a:hover, footer .lang a.selected {
	  filter: alpha(opacity=100);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  -moz-opacity: 1;
	  -khtml-opacity: 1;
	  -o-opacity: 1;
	  opacity: 1;
}

.adr a {
	white-space: nowrap;
	font-weight: normal;
	font-size: 0.9em;
}

 .adr strong a, .adr a strong, .adr b a, .adr a b  {
	white-space: nowrap;
	font-weight: bold;
	font-size: 1em;
}

.col hr {
	border: 0;
	/*width: 80%;*/
	height : 2px;
	color : #D4D5D7;
	background-color : #D4D5D7;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#logo {
    position: relative;
}

ul#social_links {
     bottom: 10px;
     list-style-type: none;
     margin: 0;
     position: absolute;
     right: 134px;
}

ul#social_links li {
     display: inline-block;
     margin-left: 5px;
}

ul#social_links li img {
    width: 24px;
}

@media all and (max-width: 1199px) {
     ul#social_links {
          bottom: 20px;
          right: 0;
    }
}

@media all and (max-width: 767px) {
     ul#social_links {
          bottom: 0;
          right: 0;
          top: 20px;
    }
}