@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: "Futura W01 Book";
 src: url("../fonts/futurabook.ttf")  TTF file for CSS3 browsers 
}
@font-face {
 font-family: "impact";
 src: url("../fonts/impact.ttf")  EOT file for IE 
}
@font-face {
 font-family: "impact";
 src: url("../fonts/impact.eot")  EOT file for IE 
}
.wrapper_interne {
	width:100%;
	background:url(../images/wrapper_bg.png) repeat-x 0px 70px;
}
.page_header {
	max-width: 1050px;width:100%; width:100%;
	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: 20px;
	padding: 0;
	background: #FFFFFF url(images/img01.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	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 */
}

h1 {
	font-size: 36px;
	font-family: 'helvetica';
	padding: 0;
	margin-bottom:5px;
	color: #422774;
    text-align:center;	
}
.titre hr{
	width:80px;
	height: 3px;
    background-color: #a5c635;
    border: none;
}
.titre {
    margin-bottom:30px;
}
p, ul, ol {
	margin-top: 0px;
	line-height: 180%;
	
	margin: 0px;
	text-align:justify;
}

a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: underline;
}

.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;
	max-width: 1050px;width:100%; width:100%;

}
/*slide*/



/*
	Slideshow
*/

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

.slides_container {
	max-width: 1050px;width:100%;

	overflow: hidden;
	position: relative;

	border-radius: 3px;
}

.slides_control {width: 100% !important;} .slides_container a {
	max-width: 1050px;width:100%; width:100%;

	display:block;
}

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

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

#slides .next {
	left:585px;
}

.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} 

#page {  clear:both; max-width: 1050px;width:100%; width:100%; margin:0 auto; font-family: 'Century Gothic';}

.header {
	margin-bottom: 10px;
	height: 60px;
	width:100%;
}

.logo {
	float:left;
	margin-left:10px;
	margin-top:4px;
	width:150px;
}
.menu {
	color:white;
	    margin-top: 50px;
	float: right;

	border-radius: 2px;
	
}
.menu ul {
	list-style: none;
	padding: 0;
	
	margin-top:9px;
}
.menu ul li { list-style:none; float:left;  margin: 7px 14px;}
.menu ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

.bt1{
	background-color:#007eb9 ;
	padding:10px 20px;
	border-radius:5px;
}
.bt2{
	background-color:#007fb9 ;
	padding:10px 20px;
	border-radius:5px;
}
.bt2:hover{
	background-color:#412673 ;
}
.bt3{
	background-color:#412673 ;
	padding:10px 20px;
	border-radius:5px;
}
.content {
	clear: both;
	text-align: justify;
	max-width: 1050px;width:100%; width:100%;
}
.content p{
	font-size:15px;
    color:#8a8a8a;
}
h4 {
    color: #006aa6;
    text-align: center;
    
    height: 35px;
    margin-top: 0px;
    padding-top: 10px;
	margin-bottom: 0px;
	font-size: 22px;
}
.metier h4{
  color: #005caa; 
  text-align:left;
}
.content .bloc1 ul{
	    padding: 0px 30px;
}
.content .bloc1 li{
	font-size:15px;
    color:#fff;
	line-height:24px;
	text-align:left;
	list-style-type:none;
}
.content .bloc1 li .fa{
	padding-right:10px;
}
.description{
	vertical-align:200px;
	margin-top:10px;
}
.bloc1 li::before {
  color: #005caa; 
}
.adresse {background:#007fb9;  padding:15px 25px;  margin-left: 548px; margin-top: -215px; border-radius:5px;}
.adresse a {color:#fff;}
.adresse span {
	color:#fff;
	font-size: 16px;
    line-height: 35px;
}
.adresse .fa {
	padding-right:15px;
	font-size:20px;
	    width: 20px;
}
#footer {
	margin-top:30px;
    background:#191d1f;
	line-height: 33px;
    padding-top: 12px;
	border-radius:5px;
	color:#fff;
}
#footer span {
	font-size: 14px;
    color: #fff;
    margin: 0px 21px;

}
#footer .fa {
	font-size:16px;
	padding-right:10px;
	color: #a4c635;
}
#carousel {
position: relative;
width:60%;
margin:0 auto;
}



.droite{
	float:right;
	margin:inherit;
}
.presentation{
	max-width:500px;width:100%;
	display:inline-block;
	margin-bottom:20px;
}

.text .fa{
	color:#ffff00;
	font-size:18px;
	padding-right:5px;
}
.text h4{
	color: #53555c;
    text-align: left;
    margin: 5px 0px;
}
.text p{
	line-height:22px;
}
.col3 {
	float: left;
	width: 48%;
	
	margin-bottom:20px;
}
.col3 p{
	font-size: 15px;
    color: #8a8a8a;
    line-height: 22px;
}
.col3 h3 {
	color:#c15278;
}
.col3.last { float:right; width:48%; }

.col3  img { float:left; margin-right:10px;margin-top: 18px;}


.date{
	width:115px;
}

.bloc1{
	display: inline-block;
    margin:10px 0px;
    text-align: center;
    top: 0px;
    vertical-align: middle;
}
.text{
	border-left:3px #a5c735 solid;
	    padding-left: 15px;
}
.text-b{
	max-width:900px;width:100%;
}
.bloc1 h3{
	margin:5px 0px;
	color:#007eb9;
}
.droite{
	float:right;
	    margin:25px 0px !important;
}

.bloc-valeur{
	display:inline-block;
	width:310px;
	margin:25px 20px;
	text-align:center;
	    vertical-align: top;
}
.list-event {
	list-style-type: circle;
    padding: 5px 33px;
    font-size: 15px;
    color: #044f72;
}
.active{
	background:#a5c735;
}
.responsabilite{
	display:inline-block;
	max-width:480px;width:100%;
	margin:25px 20px;
	    top: 0;
    vertical-align: middle;
}
.description span{
	color:#422774;
	font-weight:600;
}
	 .recrutement h3{
		 color:#007fb9;
	 }
	 
	 .recrutement p{
		 color:#422774;
		 font-size:18px;
		 font-weight:600;
	 }
	 .recrutement span{
		 color:#422774;
		 line-height:30px;
		 font-weight:600;
	 }
	 .recrutement a{
		 color:#422774;
		 font-weight:600;
	 }
	 .recrutement .fa{
		 color:#007fb9;
		 line-height:30px;
		 width: 30px;
	 }
	 
	 
	 @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}
	

.adresse {
    background: #007fb9;
    padding: 15px 25px;
    margin-left: 0px;
    margin-top: 0px;
    border-radius: 5px;
}


}