@charset "utf-8";

/* CSS connect */
* { text-decoration:none}

 @font-face {
 font-family: "Futura W01 Book";
 src: url("../fonts/futurabook.eot") /* EOT file for IE */
}
@font-face {
 font-family: "Century Gothic";
 src: url("../fonts/GOTHICB.TTF") /* EOT file for IE */
}
 @font-face {
 font-family: "Futura W01 Book";
 src: url("../fonts/futurabook.ttf") /* TTF file for CSS3 browsers */
}
.wrapper_interne {
	width:100%;
	background:url(../images/wrapper_bg.png) repeat-x 0px 70px;
}
.page_header {
	width:100%;max-width:993px;
	margin:0 auto;
	clear: both;
	height: 90px;
}
#logo_tanitjobs {
	position:relative;
	margin-top: 10px;
}
#logo_tanitjobs img {
	border:0
}
.slogan {
	color: #999999;
	font-family: "Futura W01 Book";
	font-size: 11px;
	font-weight: normal;
	left: 52px;
	letter-spacing: 0.3px;
	position: absolute;
	top: 43px;
	visibility: visible;
}
body {
	margin-top: 60px;
	padding: 0;
	background: #FFFFFF url(images/img01.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	
	color: #181B20;
}
strong {
	font-weight: bold;
	line-height: 170%;
}
@font-face {
 font-family: 'Century Gothic';
 src: url("../fonts/GOTHIC.eot") /* EOT file for IE */
}
@font-face {
 font-family:'Century Gothic';
 src: url("../fonts/GOTHIC.TTF") /* TTF file for CSS3 browsers */
}
 h2{
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #96959b;
	font-family: 'Century Gothic';
	background:url(../images/trait_gris.png) center center repeat-x;
	
}


h1 {
	font-size: 40px;
	font-family: 'Century Gothic';
	padding: 0;
	margin: 0;
	color: #2d427c;
}

h3 {
	font-family: 'Century Gothic';
	font-size: 18px;
	text-transform: none;
	color: #2d427c;
	font-weight: 400;
	margin: 0;
}
h2 {
	font-size:18px;
	font-family: 'Century Gothic';
	padding: 0;
	margin: 0;
	color: #96959b;
}
h2 span , h3 span {
	background: #fff;
	padding: 0px 5px 0px 0px;
	margin: 0;
}
p, ul, ol {
	margin-top: 0px;
	line-height: 150%;
	padding: 10px;
	padding-top: 30px;
	padding-right: 24px;
	text-align: justify;
	line-height:30px;
}
ul, ol {
}
a {
	text-decoration: none;
	/*color: #FFFFFF;*/
}
a:hover {
	text-decoration: underline;
}
img.border {
	margin-bottom: 20px;
	border: 6px solid #EEE7DF;
}
img.alignleft {
	float: left;
	margin-right: 25px;
}
img.alignright {
	float: right;
}
img.aligncenter {
	margin: 0px auto;
}
.clear{
	clear:both;
}
#wrapper {
	margin: 0 auto;
	padding: 0;
}
@font-face{font-family:'typicons';src:url(../fonts/typicons.eot);src:url(../fonts/typicons.eot?#iefix) format('embedded-opentype'),url(../fonts/typicons.woff) format('woff'),url(/sites/all/themes/ogim/fonts/typicons.ttf) format('truetype');font-weight:normal;font-style:normal;}
/* Header */



#banner {
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	border-radius: 5px;
}
/*slide*/



/*
	Slideshow
*/

#slides {
	top:0px;
	left:10px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:100%; max-width:950px;
	overflow: hidden;
	position: relative;
	display: none;
	border-radius: 5px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_control {width: 100% !important;} .slides_container a {
	max-width:940px;width:100%;
	height:300px;
	display:block;
}

.slides_container a img { max-width:100%; 
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
	display:none
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

fieldset { border:1px solid #ccc; padding:10px; margin-bottom:20px} 
.typcn-home::before {
	font-family: 'typicons';
content: '\e08a'; padding-right:10px;
color: #fff;
}
.typcn-mail::before {	font-family: 'typicons';
content: '\e0a5'; padding-right:10px;
color: #fff;

}
.typcn-phone::before {	font-family: 'typicons';
content: '\e0c5'; padding-right:10px;
color: #fff;
}
.typcn-printer::before {	
content: '\e0d4'; padding-right:10px;font-family: 'typicons';
color: #fff;
}
.typcn-social-viadeo::before {
content: '\e0fa';font-family: 'typicons'; padding-right:10px;
color: #fff;float:right
}
.typcn-social-facebook::before {
content: '\e0e5';  padding-right:10px;	font-family: 'typicons';
color: #fff; float:right
}
.typcn-social-youtube:before {
content:'\e0fd'; padding-right:10px;	font-family: 'typicons';
color: #fff; float:right
}
.typcn-world:before {
content: '\e149';padding-right:10px;	font-family: 'typicons';
color: #fff;
}
.typcn-social-linkedin:before {
content: '\e0f1';padding-right:10px;	font-family: 'typicons';
color: #fff; float:right
}
.typcn-social-twitter::before {
content: '\e0f9'; padding-right:10px; 	font-family: 'typicons';
color: #fff; float:right
}

.typcn-location:before {
  content: '\e0a0'; padding-right:10px;font-family: 'typicons';
color: #fff;
}
.clear { clear:both;}
#wrapper{ clear:both}
#page {  clear:both; width:100%; max-width:950px; margin:0 auto; font-family: 'Century Gothic';}

.header {
	background: url(../images/header_bg.png) no-repeat right bottom;
	margin-bottom: 10px;
}
.menu {
	margin-bottom: 10px;
	height: 37px;
	line-height: 37px;
	padding-left: 10px;
	background-color: #7E7E7E;
	border-radius: 5px;
}
.menu ul {
	list-style: none;
	padding: 0;
	margin: 0px 0px 20px 0px;
}
.menu ul li { list-style:none; float:left; margin:0px 10px ; height:37px; line-height:37px; padding:0px 10px }
.menu ul li a { color:#fff; text-decoration:none}
.menu ul li a.acc::before {
	font-family: 'typicons';
content: '\e08a'; padding-right:10px;
 color:#fff;}
.menu ul li.selected, .menu ul li:hover  {
	color: #fff;
	background-color: #2d427c;
}

.content {
	margin-bottom: 20px;
	clear: both;
	text-align:left;
}

.col1 { float:left; width:390px }
.col2 {
    float: right;
    width: 296px;
    background: url(../images/temoignage.png) no-repeat;
    height: 222px;
    color: #FFF;
    text-align: justify;
    padding: 100px 170px 20px 70px;
	margin-top: 49px;
    font-size: 14px;
}

.col2 h3{
	color: #FFF;
	text-align: left;
	margin-left:-210px;
	
	
}


.col2 h2 span ,.col2  h3 span {
	padding: 0px 5px 0px 10px;
	margin: 0;
	background-color: #7E7E7E;
	font-size: 16px;
	font-weight: 700;
}
.col4 {
	
    float: right;
   /* width: 296px;*/
    background: url(../images/office.png) no-repeat right;
    height: 250px;
    color: #FFF;
    text-align: justify;
    padding: 38px 24px 20px 54px;
	
    font-size: 14px;
}

.col3 {
	float: left;
	width: 48%;
	
}
.col3.last { float:right; width:48%; }

.col3  img { float:left; margin-right:10px}
#footer {
	background-color: #2d427c;
	border-radius: 6px;
	color: #FFF;
	padding: 20px;;     line-height: 30px;
	
}

#footer a {
	
	color: #FFF;
	
}

.col4  a { color:#fff;}


@media (max-width: 767px) {
 .col3 , .col3.last { float: none ;  width: 100%; }.slogan { font-size: 1rem; } #footer { line-height:30px;}
.page_header { height: 75px; }

 html {
  	font-size: 100%;
  }

img {max-width:100%;} 
td, tr, th {
    display: block;
    padding: 0px;
    margin: 5px;
    width: 100%; clear:both}
	
	
	.menu ul li a {

    padding: 0 15px;
  
}


.menu ul li {
   
    float: none;}
	
	
	.menu {

    height: auto;}
	

}