@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 Document */
* { text-decoration:none}

@font-face {
 font-family: "Baton-Sans";
 src: url("../fonts/Baton-Sans.otf")
}
 @font-face {
 font-family: "helvetica";
 src: url("../fonts/futurabook.eot") /* EOT file for IE */
}
 @font-face {
 font-family: "Calibri";
 src: url("../fonts/Calibri.ttf") /* TTF file for CSS3 browsers */
}
 @font-face {
 font-family: "typicons";
 src: url("../fonts/typicons.eot") /* EOT file for IE */
}
 @font-face {
 font-family: "helvetica";
 src: url("../fonts/typicons.ttf") /* TTF file for CSS3 browsers */
}
 @font-face {
 font-family: "DIN Light";
 src: url("../fonts/DIN Light Regular.otf") /* TTF file for CSS3 browsers */
}
 @font-face {
 font-family: "DIN Bold";
 src: url("../fonts/DINBold.otf") /* TTF file for CSS3 browsers */
}

 @font-face {
 font-family: "Interstate";
 src: url("../fonts/Interstate-Regular_24143.ttf") /* TTF file for CSS3 browsers */
}
.wrapper_interne {
	width:100%;
	
}
.page_header {
	max-width: 1050px;width:100%; width:100%;
	margin:20px auto;
	clear: both;
	height: 90px;
	border-bottom: solid 2px #eb7f24;
}
#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 {
	
	padding: 0;
	background: #FFFFFF ;
	font-family: Arial, Helvetica, sans-serif;

}

@font-face {
 font-family: 'helvetica';
 src: url("../fonts/GOTHIC.eot") /* EOT file for IE */
}
@font-face {
 font-family:'helvetica';
 src: url("../fonts/GOTHIC.TTF") /* TTF file for CSS3 browsers */
}

h2{
font-size:20px;
text-align: center;
color:#b00925;
margin: 25px 0px;
}

h1 {
color:#000;
text-align:center;
font-family: "DIN Bold";
text-transform:uppercase;
font-size:24px;
}
.titre hr{
	width:70px;
	height:4px;
	background-color:#cfcfcf;
	border:none;
	margin-bottom:40px;
	margin-top:-10px;
	}
h3 {
color:#515151;

font-size:15px;
}

 ul, ol {
	margin-top: 0;
	line-height: 150%;
	
	font-family: Georgia, "Times New Roman", ;
}
ul, ol {
}
a {
	text-decoration: none;
	color: white;
}

.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*/

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

/*
	Slides container

*/

.slides_container {
	max-width: 1050px;width:100%; width:100%;
	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 {
	max-width: 1050px;width:100%; width:100%;
	height:385px;
	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;
}

p {
	line-height: 26px;
	font-size:16px;
	color:#797979;
	font-family:"DIN Light";
}

/*
	Pagination
*/

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


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

}
.typcn-phone::before {	font-family: 'typicons';
content: '\e0c5'; padding-right:8px;
color: #fff;

}
.typcn-device-phone::before {	font-family: 'typicons';
content: '\e05b'; padding-right:8px;
color: #fff;

}
.typcn-pin::before {
    color: #fff;
    content: "";
    font-family: "typicons";
    font-size: 20px;
    padding-right: 5px;
}
.fa-map-marker:before {
    content: "\f041";
	padding-right:8px;
color:#FFF;
}

.typcn-map::before {	font-family: 'typicons';
content: '\e0d4'; padding-right:8px;
color: #fff;
}

.typcn-social-facebook::before {
content: '\e0e5';  padding-right:8px;	font-family: 'typicons';
color: #fff; 
}

.typcn-world:before {
content: '\e149';padding-right:8px;	font-family: 'typicons';
color: #fff;
}

.social {
padding-right:40px;
 float:right
}
.typcn-social-twitter::before {
content: '\e0f9'; padding-right:8px; 	font-family: 'typicons';
color: #fff; float:right
}
.clear { clear:both;}
#wrapper{ clear:both}
#page {  clear:both; max-width: 1050px;width:100%; width:100%; margin:0 auto; font-family: 'helvetica';}
.header {
	margin-bottom: 10px;
}
.menu {
	margin-bottom: 10px;
	margin-top:-55px;
	float: right;

}
.menu ul {
	list-style: none;
}
.menu ul li { 
list-style:none; float:right; margin:0px 4px ;font-family:"DIN Bold"; height:40px; line-height:37px;  background:#404041; border-radius:5px;}
.menu ul li a { 
color:white; 
text-decoration:none;
padding:0px 25px;
}
.menu ul li:hover  { color:#fff; background:#c7007c;}

.menu ul li.selected{ 
background-color:#7a1b81;
height:40px;
}
.container {
	margin-bottom: 0px;
	clear: both;
	text-align: justify;
	    
}

#footer {
    background-color:#404041;
    border-radius: 4px;
    color: #FFF;
    margin-top: 30px;
    
    height: 27px;
    padding-top: 11px;
    text-align: center;
	font-family:"DIN Light";
}
#footer span{
	
	margin-right:10px;
}

.panel.panel-default {
    border-radius: 20px;
    color: #fff;

}
.col-md-4{
	display:inline-block;
	width:31%;
	margin-right: 4px;
	margin-left:3px;
	vertical-align:top;
	text-align: center;
	padding:20px 7px;
}
.col-md-4 p{
	color: white;
	font-size:13px;
}
.formation p{
	color: #515151;
	font-size:13px;
	text-align: justify;
}
.formation a {
	text-decoration:none;
	background:#b00925;
	
	padding:6px 10px;
}
.gris {
    background-color: #979899;
}
.rouge {
    background-color: #b00925;
}
.bleu {
    background-color: #1f4259;
}
.col-md-6 ul{
	margin-top: 15px;
	}
.seminaire ul li{
	background: url(images/puce.png) no-repeat 0px 9px;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/puce.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0px;
    background-position-y: 9px;
    background-size: auto auto;
    padding-left: 30px;
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin-left: 0px;
	line-height: 32px;
	font-size:15px;
	color:#515151;
}
.col-md-6 img{
	float:right;
	margin-top:-340px;
}
.col-md-3 {
	width:255px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	margin-top:15px;
}
.map { float:left;
border-radius:5px;}
.adresse {
	background:#7a1b81;  
    padding:20px 20px 10px 20px;
    color:#fff;max-width: 490px; width: 100%;
    float: right; 
	border-radius: 4px;    
	line-height: 24px;
	font-family:"DIN Light";
	}
.adresse .coordonnee-contact{
	margin-bottom:12px;
}
.adresse .coordonnee-contact span{
	font-size:14px;
}
.adresse .fa{
    font-size: 20px;
    width: 15px;
    text-align: center;
    margin-right: 10px;
}
.panel-heading h2{
font-size:16px;
color:#404041;
margin-bottom:0px;
font-family:"DIN Light";
line-height:28px;
}
.bloc-default{
	display:inline-block;
	vertical-align: middle;
}
.bloc-default img{
	margin-right: 27px;
}
.text-directeur{
	width: 80%;
    padding-left: 30px;
    border-left: 3px solid #c3017b;
    height: 125px;
}
.text-directeur p{
	font-family:"Calibri";
}
.text-directeur h4{
	color:#c3017b;
	font-family:"DIN Light";
	float:right;
	margin-top: -8px;
}
.les-valeurs{
	margin-top:60px;
	background-color:#f7f7f7;
}

.bloc-valeur{
	display:inline-block;
	vertical-align:middle;
}
.bloc-valeur ol{
	max-width:700px; width:100%;
}
.bloc-valeur img{
	width:260px;
}
.text-color{
	color: #cc007b;
    font-weight: 700;
}
.suivre{
	font-size:17px;
	font-weight:500;
	border-left: 3px solid #fff;
	padding-left:15px;
	margin-left:7px;
	color:#fff;
}
.ss .fa{
	color:#fff;
}
.ss .fa:hover{
	color:#fff;
}
/*==================================================
reset
==================================================*/