/*
Theme Name:     Tiralo V2
Theme URI:      http://www.simtic.com/
Description:    Thème créé pour tiralo 2
Author:         Simtic
Author URI:     http://www.simtic.com/
Template:       twentytwelve                             
Version:        0.1.0
*/

/* @import url("../twentytwelve/style.css"); */
@import url("css/bootstrap.min.css");


@font-face {
    font-family: "OpenSans";
    src: url('fonts/Open_Sans/OpenSans-Regular.ttf');
}
@font-face {
    font-family: "OpenSans";
    font-style:normal;
    src: url('fonts/Open_Sans/OpenSans-Regular.ttf');
}
@font-face {
    font-family: "OpenSans";
    font-style:italic;
    src: url('fonts/Open_Sans/OpenSans-Italic.ttf');
}
@font-face {
    font-family: "OpenSans";
    font-weight: bold;
    src: url('fonts/Open_Sans/OpenSans-Bold.ttf');
}
@font-face {
    font-family: "OpenSans";
    font-weight: 100;
    src: url('fonts/Open_Sans/OpenSans-ExtraBold.ttf');
}
@font-face {
    font-family: "Glyphicons";
    src: url('fonts/glyphicons-halflings-regular.ttf');
}

/* ---------------------------------------------------- GENERAL  */
.clearer {clear:both; height:0; margin:0; padding:0; font-size:0;}
body {margin:0; padding:0; background-color:#ffffff;}
h1, h2, h3, h4, h5, h6 {font-family:"OpenSans";}
p {font-family:"OpenSans";}
a {font-family:"OpenSans";}
.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#imprime{display:none;}
/* ---------------------------------------------------- STYLES WP  */

#page.hfeed.site{
  width:100%; margin:0; padding:0;
  background-image:url("images/plage.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}

p.wp-caption-text {
    text-align: center;
}
/* ---------------------- HEADER */
header#masthead.site-header{width:100%;}
.tech {position:fixed; width:100%; background-color:#056374; top:30px; left:0;  z-index:100;}
.tech-inner {position:relative; width:100%; max-width:1000px; margin:0 auto;}

.boutons1 { float: left; }


a.bouton {
  display:inline-table; 
  width:55px; 
  height:45px; 
  text-align:center; 
  font-size:20px; line-height:45px; 
  margin:10px 1px; 
  background-color:#068ca4; 
  color:#fff;
  border:none;}
a.bouton span {display:none;}
a.bouton:hover , .social-toggle:hover, .menu-toggle:hover{text-decoration:none; 
  -webkit-box-shadow: 0 0 5px 2px #F1FF70;
  box-shadow: 0 0 5px 2px #F1FF70;}
a.accueil { background-color:#22b1cc; color:#fff;}
a.recherche {}

.social {
float:right;
}
.social span {
position: relative;
display: inline-table;
vertical-align: top;
max-width: 115px;
text-align: right;
color: #22b1cc;
font-size: 11px;
height: 45px;
margin: 10px 1px;
padding: 5px 0 0 0;
}
.social-toggle {
  display:none;
  background-image: url('images/share-bl.png');
}
.social-container {
  display: inline-table;
  z-index: 100;
  position: relative;
  right: 0;
  text-align: right;
}
.social-list { margin : 0; padding:0;}
.social-list li {display:inline-table; list-style:none; margin : 0; padding:0;}
.bouton.fb {
  background-image: url('images/fb-bl.png');
}
.bouton.tt {
  background-image: url('images/tt-bl.png');
}
.bouton.gg {
  background-image: url('images/g+-bl.png');
}
.bouton.yt {
  background-image: url('images/yt-bl.png');
}

.menu-action-container {
  height:45px;
  margin: 12px 1px 0 10px;
  float:left;
}
.menu-action-container ul {margin:0; padding:0; list-style:none; float:right; }
.menu-action-container ul li{display:inline-table; padding:5px; margin-left:1px; background-color:#017d93;}
.menu-action-container ul li a{color:#fff; font-weight:bold; text-transform:uppercase;}
.menu-action-container .sub-menu {display:none;}

hgroup {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}
.labelisation {width:100%; max-width:234px; margin:0 auto; text-align:center;}
.labelisation img{width:100%;  height:auto;}
h1.site-title {margin:0; text-align:center;}
h1.site-title a{display:block; width:100%;}
h1.site-title a img {width:100%; height:auto; max-width: 283px;}
h1.site-title a span{display:none;}
h2.site-description {
  width: 100%;
  max-width:226px;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  margin: 0 auto;
  padding: 7px 0;
  text-shadow: 0 0 2px #000;
}
h2.site-description img{width:100%; height:auto; padding-top: 10px;}

/* -------------- NAVIGATION */
nav#site-navigation.main-navigation {position: absolute; top: 70px;}
button.menu-toggle {display:none;}
a.assistive-text {display:none;}
.nav-menu {position:relative;}
ul.nav-menu {margin:0; padding:0; list-style:none;}
ul.nav-menu li{display:inline-table; padding:5px; margin-left:1px; -webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;}
ul.nav-menu li:first-child{margin-left:1px; }
ul.nav-menu li a{color:#fff; font-weight:bold; text-transform:uppercase;}
ul.nav-menu li.menu-item {background-color:#22b1cc;}
ul.nav-menu li.menu-item a{}
ul.nav-menu li.current-menu-item {position:relative; background-color:#056374; }
ul.nav-menu>li.menu-item:hover {background-color: #017d93;}
ul.nav-menu li.current-menu-item a{}
ul.nav-menu li.menu-item.menu_item_has_children {}
ul.nav-menu li.menu-item.menu_item_has_children a {}
ul.sub-menu {
  display:none;
  position: absolute;
  padding-left: 0;
  margin-left: -5px;
  background-color: #017d93;
  padding-bottom:3px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;}
ul.nav-menu>li.menu-item:hover>ul.sub-menu{
  display:block;
}
ul.sub-menu li.menu-item{display:block; background-color: #017d93;}
ul.sub-menu li.menu-item.menu_item_has_children{}

.search-box-wrapper {display:inline; }
.search-box { display:none;
position: absolute;
top: 46px;
left: 0;
background: #fff;
font-size: 16px;
/* height: 45px; */
line-height: 28px;
margin: 10px 1px;
background-color: #068ca4;
min-width: 310px;
padding: 5px;
-webkit-box-shadow:  0 2px 10px 0 #000;
box-shadow:  0 2px 10px 0 #000;
z-index:100;
}
.search-box label {display:none;}
.search-box input {display:inline-table;}

/* ---------------------- MAIN */
#main.wrapper {width:100%; max-width:1000px; margin:0 auto;}

/* -------------- PRIMARY */
#primary.site-content {
  float:right;
  width:70%;
  background-color: #fff;
  padding: 20px;
  margin-top: 150px;
}
#content {}
p#breadcrumbs {
  color: #86dbec;
  font-weight: bold;
}
#content #breadcrumbs>span>span {
  background-color: #d2ebf5;
  font-size: 12px;
  padding: 0 8px;
  font-weight: normal;
}
#content #breadcrumbs>span>span:last-child {
  background-color: #86dbec;
  color: #ffffff;
  font-weight: normal;
}
article {}
/* PAGE */
article.page.hentry {}
header.entry-header {}
h1.entry-title {
  background-color: #fbea1c;
  color: #007bc3;
  font-size: 25px;
  font-weight: bold;
  padding: 8px;
}
.entry-content {}
.entry-content h2 {
background-color: #068ca4;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  padding: 3px 14px;
  display: inline-block;
  margin: 11px 0;
}
.entry-content h3{
  color: #107789;
  font-weight: bold;
  font-size: 17px;
}
.entry-content p {
  text-align: justify;
  line-height: 18px;
}
.tableau {width:100%}
.tableau td {
  border: thin solid #000000;
  padding: 0 10px;
}
.tableau thead td {font-weight:bold}

footer.entry-meta {}
span.edit-link {}
a.post-edit-link {}

/* COMMENTS */
#comments.comments-area {}


/* -------------- SECONDARY */
#secondary.widget-area {
  float:left;
  width:28.3%;
  margin-top: 150px;
}

aside
.widget
.widget.widget_search {}

/* ---------------------- FOOTER */
footer#colophon {background-color:#056374; }
.footer-inner {width:100%; max-width:1000px; margin:0 auto;}
.zones-pied {width:100%; padding:15px 0; color:#fff; text-align: center;}
.zones-pied a {color:#fff;}
.zones-pied div{display:inline-table; vertical-align:middle; border-right:thin solid #82b1ba; padding:0 15px; text-align:left;}
.zones-pied div:last-child{border-right:0;}

.site-info {width:90%; text-align:right; color:#75ddf1; font-size:12px; padding-bottom:10px;}
.site-info a {color:#75ddf1;}
a.signature {padding-right:48px; background:url("images/simtic-logo.png") center right no-repeat;}


/* ---------------------------------------------------- ACCUEIL  */

.accroche {padding-top:130px;}
.accroche hgroup {float:left;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 30%;
}
.accroche h1.site-title {margin:0;}
.accroche h1.site-title a{display:block; width:100%;}
.accroche h1.site-title a img {width:100%; height:auto;}
.accroche h1.site-title a span{display:none;}
.accroche h2.site-description {
  width: 100%;
  max-width:226px;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  margin: 0 auto;
  padding: 7px 0;
  text-shadow: 0 0 2px #000;
}
.accroche h2.site-description img{width:100%; height:auto; padding-top: 10px;}

.videogroup { float:right; margin: 0 auto;
  padding: 0;
  position: relative;
  width: 70%;
  text-align:center;
  color:#007bc3;
  font-size:15px;}
.videogroup>div>img {width:100%; height:auto; }
.labelisation {width:100%; max-width:234px; margin:10px; text-align:left;}
.labelisation img{width:100%;  height:auto;}


.avantages {margin:0 auto; width:100%; max-width:1000px; padding:15px 0; text-align:center;}
.avantages>div {display:inline-table; vertical-align:top; width:32%; color:#fff; font-size:18px; font-weight:bold; text-align:center; -webkit-box-shadow:  0 2px 10px 0 #000;
box-shadow:  0 2px 10px 0 #000;}
.avantages>div>img{width:100%;}
.avantages>div>span {display: block; height: 90px; padding: 10px 0;}
.flotte {background-color:#22b1cc;}
.roule {background-color:#068ca4;}
.soleil {background-color:#32a3bb;}
.contenu {padding: 25px 0;}
.acccontent {width:69%; float:left; text-align:justify;}
.acccontent .une_img {float:right;width: 37.39%;height: auto;}
.acccontent .une_img>img {float:right; width:100%;}
.acccontent .une_content {width:60%; color:#107789; font-size:16px;}
.reseau {width:30%; float:right;}


/* ---------------------------------------------------- LANGUES  */
#lg_selector {
  position: absolute;
  top: 42px;
  left: 130px;
}
#lg_selector ul{  margin:0; padding:0;list-style:none;}
#lg_selector li{
  margin:0; padding:0; list-style:none;
  display: inline-block;
  background-image:url('images/flag.png'); background-repeat:no-repeat;
}
#lg_selector li a{display:block; width:20px; height:13px;}
#lg_selector li a span{display:none;}
#lg_fr { background-position:0 -1px;}
#lg_it { background-position:0 -60px;}
#lg_en { background-position:0 -30px;}
#lg_de { background-position:0 -88px;}
#lg_nl { background-position:0 -116px;}
#lg_ru { background-position:0 -146px;}

/* ---------------------------------------------------- RESPONSIVE  */

@media screen and (max-width: 1000px) {
  .acccontent .une_content { padding-left: 15px;}
}
  
@media screen and (max-width: 965px) {
  .tech {position:relative;}
  /*--- SOCIAL */
  .social-container {
    display:none;/*display:block;*/
    position: absolute;
  }
  .social span {display:none;}
  .social-toggle, .menu-toggle {
    display:inline-table; 
    width:55px; 
    height:45px; 
    text-align:center; 
    font-size:20px; line-height:45px; 
    margin:10px 1px; 
    background-color:#068ca4; 
    color:#fff;
    border:none;
  }
  /*--- Navigation */
  .boutons1 {margin-left:125px;}
  nav#site-navigation.main-navigation {position: absolute; float:left; left:0; top:0;}
  button.menu-toggle {display:inline; position:relative; }
  .nav-menu {position:relative; width:100%;}
  .menu-menu-principal-container {display:none; position:absolute; min-width: 300px;}
  ul.sub-menu {display:block; position:relative;  margin:0; padding:0;}
  ul.nav-menu li, ul.sub-menu {
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    }
  ul.nav-menu li {display:block; border-bottom:thin solid #fff; line-height: 45px;}
  .accroche {
  padding-top: 60px;
  }
  ul.nav-menu { }
  ul.nav-menu.toggled-on {display: block;}
  #lg_selector {
    position: absolute;
    top: 42px;
    left: 255px;
  }
}

@media screen and (max-width: 787px) {
  .acccontent { width: 100%; float: none;}
  .reseau { width: 100%; float: none; }
  .reseau>img { width: 100%;}
  .menu-action-container {
    text-align: center;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    top: 70px;}
  .menu-action-container ul {float:none;}
  .menu-action-container ul li{margin:3px 0;}
  .accroche { padding-top: 90px;  }
  .accroche h2.site-description, h2.site-description {color:#000; text-shadow:none;}
  h2.site-description>img { display:none;}
  .accroche h2.site-description>img { display:inline;}
  #primary.site-content { width: 100%; border-top:thin solid #ccc; margin-top:190px}
  #secondary.widget-area {
    position: absolute;
    width: 100%;
    margin-top: 70px;
  }
  .labelisation {display:none;}


}
@media screen and (max-width: 560px) {
  .zones-pied div {border:0; padding-bottom:20px;}

}


@media screen and (max-width: 460px) {
  #page.hfeed.site {background-image:none;}
  .accroche {padding-top: 120px;}
  .accroche hgroup {float:none; width:100%;}

  .videogroup {width:100%;}
  .avantages>div { display: block; width: 100%; margin-bottom: 10px;}

  .acccontent .une_img { float: none; width: 100%; height: auto;}
  .acccontent .une_content { width: 100%; padding:15px;}

  #primary.site-content { margin-top:230px}
  #secondary.widget-area {top : 110px}

  .zones-pied div {border:0; padding-bottom:20px;}
}



@media print {
  .imprime_efface{display:none;}
  #imprime{display:block; width:100%; position:absolute; top:10pt; left:0;}
  #imprime .imprime_coordonnees{position:absolute; top:0; left:0; width:40%; height:150pt; border:thin solid #000;}
  #imprime .imprime_adresse{position:absolute; top:5pt; left:50%; width:40%;}
  #imprime .imprime_adresse p{font-size:10pt; line-height:12pt; margin:0; padding:0;}
  .entry-title {color:#000; padding:0;}

  #primary.site-content {width:100%}
  header.site-header{display:none;}
  #secondary{display:none;}
  #breadcrumbs{display:none;}
  #primary.site-content {margin-top: 0; position:absolute; top:170pt;}
  footer {display:none}
}