@charset "utf-8";
@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}
	

}


}

/* 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: "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;
	font-size: 14px;
	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) repeat-x center;
}


h1 {
	font-size: 48px;
	font-family: 'Century Gothic';
	padding: 0;
	margin: 0;
	color: #D62C00;
}
h1 span{
	
	color: #333;
}
h3 { font-family: 'Century Gothic'; font-size: 18px; text-transform: none; color: #D62C00; font-weight: 700; margin: 0; 
}

h2 span , h3 span {
	background: #fff;
	padding: 0px 5px 0px 0px;
	margin: 0;
}
p, ul, ol { margin-top: 0px; line-height: 150%; padding: 0px 0px 10px; margin: 0; 
}
ul, ol {
}
a { text-decoration: none; color: #D62C00; 
	
}

.menu 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/slogan1.jpg) no-repeat right bottom;
	margin-bottom: 10px;
}
.menu { margin-bottom: 10px; height: 37px; line-height: 37px; padding-left: 10px; background-color: #333333; 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;}
.home::before {
	font-family: 'typicons';
content: '\e08a'; padding-right:10px;
 color:#fff;}
.menu ul li.selected, .menu ul li:hover  {
	color: #fff;
	background-color: #D62C00;
}

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

.col1 { float:left; max-width:400px;width:100%;}

.col2 {
	float: right;
	width: 296px;
	background: url(../images/temoignage.png) no-repeat;
	height: 250px;
	color: #FFF;
	text-align: justify;
	padding: 80px 24px 20px 220px;
	font-size: 14px;
}

.col2 h3{
	color: #FFF;
	text-align: right;
}


.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;
	height: 225px;
	color: #FFF;
	text-align: justify;
	padding: 20px 24px 20px 220px;
	font-size: 14px;
}

.col3 { float: left; width: 280px;  margin-right: 50px; 
}
.col3.last { float: right; width: 280px; margin-right: 0px; }

.col3  img { float: left; margin-right: 10px; margin-bottom: 10px; }
#footer { background-color: #D62C00; border-radius: 6px; color: #FFF; padding: 20px;  
}

#footer a {
	
	color: #FFF;
	
}