@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-size: 28px;
}
@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';
	margin-bottom: 10px;
    padding-left: 0px;

}


h1 {
font-size: 40px;
font-family: 'open sans';
margin: 0;
color: #263d80;
padding-bottom: 25px;
text-align: center;
}
h3 {
font-family: 'open sans';
font-size: 23px;
text-transform: none;
color: #0e807b;
font-weight: 400;
/*background: url(../images/trait_vert.png) repeat-x center;*/
margin: 0;
}

h2 span , h3 span {
	font-size: 33px;
     font-family: 'open sans';
	padding: 0px 5px 0px 0px;
	margin: 0;
}
p, ul, ol {
	margin-top: 0px;
	line-height: 187%;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-family: "open sans";
	font-size: 15px;
	text-align: justify;
		
}
ul, ol {
}
a {
text-decoration: none;
color: #FFF;
}
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:30px;
	clear: both;
}
/*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;
}

/*
	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 {
	width:1499px;
	height:400px;
	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:#263d80;}
.typcn-mail::before {font-family:'typicons';content:'\e0a5';padding-right:5px;color:#fff;font-size:20px;}
.typcn-phone::before {font-family:'typicons';content:'\e0c5';padding-right:5px;color:#fff;font-size:20px;}
.typcn-device-phone::before {font-family:'typicons';content:'\e05b';padding-right:5px;color:#fff;font-size:20px;}
.typcn-printer::before {font-family:'typicons';content:'\e0d4';padding-right:10px;color:#fff;}
.typcn-pin::before {font-family:'typicons';content:'\e09f';padding-right:5px;color:#fff;font-size:20px;}
.typcn-social-facebook::before {content:'\e0e5';padding-right:10px;font-family:'typicons';color:#fff4;font-size:20px;}
.typcn-social-youtube:before {content:'\e0fd'; padding-right:10px;	font-family: 'typicons';color:#fff;}
.typcn-world:before {content:'\e149';padding-right:10px;font-family:'typicons';color:#fff;font-size:20px;}
.typcn-social-linkedin:before {content:'\e0f1';padding-right:10px;font-family:'typicons';color:#fff;}
.typcn-social-twitter::before {content:'\e0f9';padding-right:10px;font-family:'typicons';color:#fff;}
.clear { clear:both;}
/*<!--#wrapper{ clear:both; background: #fdfdfd url(../images/bg.jpg) no-repeat center  bottom}-->*/
#page {  clear:both; width:100%; max-width:950px; margin:0 auto; font-family: 'Century Gothic';}

.header {
margin-bottom: 10px;
height: 119px;
border-bottom: 1px dashed #ccc;

}

.logo {
	float:left
}

.menu1 {
margin-bottom: 10px;
line-height: 37px;
padding-left: 10px;
float: right;
width: 103px;
font-size:24px


}


.menu1 ul {
	list-style: none;
	padding: 0;
	margin: 0px 0px 20px 0px;
}
.menu1 ul li {
list-style: none;
float: left;
margin: 0px 5px;
font-size:24px
}

.menu {
margin-bottom: 10px;
height: 37px;
line-height: 37px;
padding-left: 10px;
float: right;
max-width:500px;width:100%;
border-radius: 7px; /* W3C */
margin-top: -69px;
}
.menu ul {
	list-style: none;
	padding: 0;
	margin: 0px 0px 20px 0px;
}
.menu ul li {
list-style: none;
float:right;
margin: 0px 10px;
height:33px;
line-height:33px;
padding: 0px 20px;
border-radius: 3px;
font-size: 18px;
}
.menu ul li a {
	color: #1A171B;
	text-decoration: none
}
.menu ul li a.acc::before {
font-family: 'typicons';
content: '\e08a';
padding-right: 10px;
color: #263d80;
}
.menu ul li.selected, .menu ul li:hover, .menu ul li.selected a, .menu ul li:hover a  {
color: ;

}

.content {
	margin-bottom: 20px;
	clear: both;
}
.col6 {
	float: right;
    width: 296px;
    height: 222px;
    padding-top: 50px;
    padding-left: 20px;
    padding-bottom: 81px;
	 padding-left: 0px;
    padding-right: 106px;
    
}

.col5 {width:100%}
.col5contact { margin-bottom:30px;}
.col5 h2 {
    background: rgba(0, 0, 0, 0) url("../images/trait_bleu.png") repeat-x scroll center center;
    color: #ff6260;
    font-family: "open Sans",sans-serif;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 5px 5px 5px 0px;
	text-transform:uppercase;
	font-style:italic;
	font-size:25px;
	text-align: justify;

}


.col5  h2  span {
    background-color: #edeef2;
    margin: 0;
    padding: 0 5px 0 0; color:#0079c2;
}
.col1 { float:left; width:288px}

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

.col2 h3{
	color: #FFF;
	background: url(../images/trait_blanc.png) repeat-x center;
}


.col2 h2 span ,.col2  h3 span {
	padding: 0px 5px 0px 10px;
	margin: 0;
	background-color: #afcc30;
	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: 48%;
	
	text-align: left;
}
.col3contact {
    float: left;
    
    margin-right: 2%;
    text-align: justify;
    width:47%;
}
.col3.last { float:right; width:48%; }

.col3  img { float:left; margin-right:10px}
#footer {  background-color: #0e807b;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    padding: 20px 15px;
    width:100%; max-width:950px;
}
a.link_more {
	height: 20px;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
	background: #46A935; /* Old browsers */
	background: -moz-linear-gradient(top,  #46A935 0%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46A935), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #46A935 0%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #46A935 0%,#9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #46A935 0%,#9ecb2d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #46A935 0%,#9ecb2d 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
	color: #000;
	padding: 3px 6px;
	border-radius: 3px;	
}
.col4 a { color:#FFF}
.logo {

padding: 10px 10px 0px
}

.col3 {
	    margin-top: 50px;
    float: left;
    
    /* margin-right: 2%; */
    text-align: justify;
    width: 54%;
}



.col3 h2 {
  
    color: #ed1c24;
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
    margin: 0 0 10px;
    padding-left: 0px;
    padding-top: 10px;
	text-transform:uppercase;
	font-style:bold;
	text-align:left;
	font-size: 50x;

}


.col3 h3 {
    background: rgba(0, 0, 0, 0) url("../images/trait_bleu1.png") repeat-x scroll center center;
    color: #0366bf;
    font-family: "PT Sans",sans-serif;
    font-weight: normal;
    margin: 0 0 10px;
	font-style:italic;
	padding: 5px 5px 5px 96px;
	text-transform:uppercase;
	font-size: 16px;
	text-align:left;
}




#presentation  a { color:#263d80; text-transform:uppercase;}

#contact a { color:#263d80; text-transform:uppercase;}

#accueil a { color:#263d80; text-transform:uppercase;}


.col3contact {}


.col3contact h2 {
    background: rgba(0, 0, 0, 0) url("../images/trait_gris.png") repeat-x scroll center center;
    color: #414143;
    font-family: "PT Sans",sans-serif;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0;
	font-size:25px; 
}

.col3contact h2 span   {
    background-color: #edeef2;
    display: inline-block;
    margin: 0;
    padding: 0 5px 0 0;
}
. col3 h2 {
   background: rgba(0, 0, 0, 0) url("../images/trait_gris11.png")
   color: #414143;
}
   .content h2 {
    background: rgba(0, 0, 0, 0) url("../images/trait_gris11.png")no-repeat scroll right center;
    color: #263d80;
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
    margin: 0 0 10px;
    padding-left: 0;
    padding-top: 10px;
    text-align: left;
    text-transform: uppercase;}
	
	
	.content h3 {
    background: rgba(0, 0, 0, 0) url("../images/trait_gris12.png") no-repeat scroll right center;
    color: #0e807b;
    font-family: "Open Sans",sans-serif;
	font-size: 28px;
    font-weight: normal;
    margin: 0 0 10px;
    padding-left: 0;
    padding-top: 10px;
    text-align: left;
    text-transform: uppercase;}
	
	.iframe[Attributes Style] {
    width: 300px;
    height: 120px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 40px;
}
.map { float:right; width:50%}
.adresse { background:#0c80b0; float:; width:40%; padding:10px; color:#fff; border-radius:10px; line-height: 37px;}
.paragraphe { float:left; width:27%}