/* ==========================================================================
 *  Introduction
 *  ==========================================================================
 * 
 * Table of content
 * 1. Layout
 * 2. Navigation
 * 3. Blocks
 * 4. Forms
 * 5. Fonts
 * 
 * Build on Bootstrap v2.3.1
 * 
 */

/* 1. Layout
   ========================================================================== */

/* Sticky footer styles */
html,
body {
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	
	/* The html and body elements cannot have any padding or margin. */
}

.top{background-color:#0081af;height:50px;}

#wrap {
	/* Wrapper for page content to push down footer */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -30px;
}

.navbar-brand{height:auto;}
.navbar-inverse{background-color:#fff;border:none;}
.navbar{margin-bottom:0;}
.navbar-nav{margin:50px 0px 0px 20px;}
.navbar-header > a > img { width: 270px; }
.panel-heading { cursor: pointer; }
.image-qualite { text-align: center; padding: 15px; }
.liste-buttons {padding-bottom:10px; }
.boutons-inscription { padding-left:50px; }
.boutons-inscription a { width:100%; }

.login { padding-top:10px; }

#push {
	/* Set the fixed height of the footer here */
	height: 30px;
}

#footer {
	background-color:#3966af;
	height: auto;
	padding:10px 0px 10px 0px;
	color:#fff;
	margin-top:20px;
}
.infos{font-size:12px;}
.infos a{color:#00deff;}
.infos a:hover{color:#fff;}

.adresse{color:#fff;font-size:12px;}
.adresse h5{font-weight:600;}

/* Default */
#wrap > .container {
/*	padding-top: 60px;*/
}

.go-top {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  position: fixed;
  bottom: -40px;
  right: 30px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #3b66aa;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border:1px white solid;
}

.go-top.show { bottom: 50px; }

.go-top:hover {
  background-color: #3ea843;
  color: #FFFFFF;
}
.go-top:focus{color:#fff;outline:none;}

/********************** icone page accueil**********************/
.introico{margin-top:20px;}
.icones .contentdiv{margin-bottom:20px;margin-top:10px;}
.icones h3{font-weight:600;text-transform:uppercase;margin-top:20px;font-size:18px;color:#3966af;}
.icones .ico{border-radius:50%;width:80px;height:80px;margin:0 auto;line-height:70px;font-size:30px;background-color:#3966af;color:#fff;display:block;transition-property: transform;
	-webkit-transition-property: transform;
    transition-duration: .5s;
	transition-timing-function: ease-out;transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-in;
	}
.icones .ico:hover{
	transform: scale(1.3);
  -webkit-transform: scale(1.3);
  background-color:#3966af;
  color:#fff;
  }

#logos-partenaires-accueil { padding:0; margin:0; }


#logos-partenaires-accueil li {
	list-style-type:none;
	display:inline;
}

#logos-partenaires-accueil img {
	height:100px;
	margin: 15px auto;
}


.contenuintro{text-align:center;background-color:#ececec;padding:10px 0px 10px 0px;margin-bottom:20px;}
.contenuintro p{font-size:17px;}
/*#node-59 > div > div { width:44%; margin:auto;}*/
.promoted .col-md-6 .node-body {
	padding: 20px;
}


.introformations{background-color:#3ea843;padding:10px 0px 10px 0px;margin:10px 0px 10px 0px;color:#fff;text-align:justify;}
.introformations h3{font-size:24px;font-weight:600; color:#fff; }

.listeformations{background:url(../img/parallax.jpg);}
.categoriesformationshome { padding-top:50px; }
.block-categoriesformations{ padding-bottom:50px; }
.block-categoriesformations h4{font-size:30px;color:#3966af;font-weight:600;text-align:center;margin-bottom:20px;}
.block-categoriesformations ul{list-style:none;-moz-columns: 2 auto;}
.block-categoriesformations li a{color:#000;font-size:24px; white-space:nowrap; }
.block-categoriesformations li a:hover{color:#004c8b;text-decoration:none;}
.block-categoriesformations li::before{
    color: #3ea843;
    content: "\f0a9";
    font-family: FontAwesome;
    font-size: 34px;
    left: 0;
    position: absolute;
    top: 3px;
}
.block-categoriesformations li {
    line-height: 60px;
    margin-bottom: 0;
    padding-left: 50px;
    position: relative;
}

.parallax-overlay {
    background-color: rgba(255, 255, 255, 0.65);
}

.parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    overflow: hidden;
}

/* fonts et titres */
h1{color:#2c2c2c;font-size:48px;}
h3{color:#2c2c2c;margin:0px 0px 10px 0px;padding:0px;}
h4 { margin:10px 6px 0px 0px; font-size:14px; font-weight:bold; }

h2{
	font-size:20px;
	color:#2c2c2c;
	padding:8px 8px 8px 32px;
	margin-top:15px;
	background-color: #e8e8e8;
}

h2::before {
	color: #3ea843;
	content: "\f0a9";
	font-family: FontAwesome;
	font-size: 24px;
	position: absolute;
}

h2::before { left: 22px; }
.node-type-formations h2::before { left: 7px; }

/*****************EVENT***************************/
.duree-libelle, .tarif-libelle, .tarif-libelle, .horaires-libelle, .infosbaselibelle {
	font-size:12px; font-weight: bold; 
}
.event-date { font-size:12px; font-weight: bold; }
.event-comment { font-size:12px; text-align:right; }

.table-eventdate > tbody > tr > td, .table-eventdate > tbody > tr > th, .table-eventdate > thead > tr > td, .table-eventdate > thead > tr > th {
	vertical-align:middle;
}
.dejeunercompris { font-size: 10px; }
.moyenspedago { list-style-type:none; }
.moyenspedago li { display:inline; padding:5px; }
td[class^=tarif-] { background-color : #0081af; color: #fff; }

.table-infosbase {
	background-color : #b3e390;
	margin-bottom:5px;
	/*
	background: #b4e391;
	background: -moz-linear-gradient(left,  #b4e391 0%, #61c419 100%, #b4e391 100%);
	background: -webkit-linear-gradient(left,  #b4e391 0%,#61c419 100%,#b4e391 100%);
	background: linear-gradient(to right,  #b4e391 0%,#61c419 100%,#b4e391 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=1 );
	*/
}

.block-contact-inscription .block-body {
	text-align:center;
}

.block-contact-inscription {
	margin-top:15px;
	background-color: #0081af;
	padding:8px;
	color:#fff;
}
.block-contact-inscription h3 { color:#fff; }
.block-contact-inscription a { color:#fff; cursor:pointer; text-decoration:underline; }
.block-contact-inscription a:hover { text-decoration:none; }

.node-type-formations {
	padding-bottom:5px;
	border-bottom:3px solid #ddd;
	margin-bottom:10px;
}
.formationmodal { margin-right:15px; }

.block-menuformations { margin-top:15px; }
.block-menuformations ul { list-style-type:none; }

.block-menuformations #vocabulary-1 > .active > a, .block-menuformations #vocabulary-1 > .active > a:focus, .block-menuformations #vocabulary-1 > .active > a:hover {
	border-bottom:3px solid #3ea843;
	color: #3ea843;
	background-color:transparent;
}

.block-menuformations #vocabulary-1 ul > li:focus, .block-menuformations #vocabulary-1 ul > li:hover {
	border-bottom:3px solid #3966af;
	background-color: #61c419;
}

.block-menuformations #vocabulary-1 ul {
	margin:0; padding:0;
	
}

.block-menuformations #vocabulary-1 ul > li {
	padding: 4px 0px 4px 8px;
	background-color: #B3E390;
	border-bottom:3px solid #fff;
}

.block-init-catalogue { padding:15px; text-align:center; }
.btn-catalogue { margin-right:15px; }
a.btn { text-decoration:none; }

.block-menuformations #vocabulary-1 ul > li > a { color: #333; text-decoration:none; font-weight:600; }
/*.block h3 { font-size:16px; text-align:center; }*/
.liste-intervenants span { font-size:smaller; font-style:italic; padding-left:10px; }

/***** calendrier *****/
.glyphicon { padding:3px; }
#table-calendrier > tbody > tr > td.calendrier-small { white-space:nowrap; }
#table-calendrier > tbody > tr > td { font-size:12px; }
td.calendrier-categorie { font-weight:bold; }
td.calcat-1 { color:#FF8282; }
td.calcat-2 { color:#B164FF; }
td.calcat-3 { color:#379BFF; }
td.calcat-11 { color:#96FF2D; }
td.calcat-12 { color:#FF972F; }
td.calcat-13 { color:#828200; }
td.calcat-14 { color:#9B9B9B; }
.filter {
	background-color: #eee;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	text-align: center;
	padding:8px;
	margin-top:10px;
}
.item-actions { font-size:16px; white-space:nowrap; }
.table th a.asc:after{content:"\21e3"}
.table th a.desc:after{content:"\21e1"}

.btn-downloadcalendar { margin-left:15px; }

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ne fonctionne pas */
div#div-calendrier{
	margin:10px auto;
	width:100%;
	min-width:400px;
}
div#div-calendrier table{
	margin:0px;
	width:100%;
}

/*** formateurs ***/
.photocontact-row { margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid #ddd; }
.photocontact-photo { margin:auto; }
.photocontact-nom { font-size:18px; font-weight:bold; }
.photocontact-titre { font-style:italic; }

.formateurmodal {
	margin-top:50px;
}
/*
.vcenter {
	display: inline-block;
	vertical-align: center;
	float: none;
}
*/

.photocontact-listeformations { margin:6px 0px 0px 0px; list-style-type:none; padding:0; }
.photocontact-listeformations > li:focus, .photocontact-listeformations > li:hover {
	border-bottom:1px solid #3966af;
	background-color: #61c419;
}
.photocontact-listeformations > li {
	padding: 1px 0px 1px 5px;
	background-color: #B3E390;
	border-bottom:1px solid #fff;
}
.photocontact-listeformations > li:hover { cursor:pointer; }
.photocontact-listeformations > li > a {
	color: #333;
	font-size: 11px;
	text-decoration: none;
}
.photocontact-detail { margin-top:8px; }

/*** menu du footer ***/
#menu-2 a { color: #00deff; }
#menu-2 a:hover{ color:#fff; }
#menu-2 ul { list-style-type: none; }

/******* formation *********/
.formationnom, .formationpublic { font-size: 12px; font-weight:bold; }
.formationinterv, .formationvise { font-size:10px; font-style:underline; }
.formationcontact { padding:8px 0; }
.formationpublicvise { padding:0 0 8px 0; }

/* adaptation pour iframe */
#formationmodal .modal-open .modal {
	overflow: hidden;
}

#formationmodal .modal-content{
	display:flex;
	flex-direction:column;
	max-height:90vh;
}

#formationmodal .modal-body{
	overflow-y:auto;
	flex:1;
}

.in-iframe #formationmodal{
	max-height:44vh;
}

.in-iframe #formationmodal .modal-content{
	height:100%;
}

.in-iframe #formationmodal .modal-body{
	max-height:34vh;
	overflow-y:auto;
}

.modal-dialog,
.modal-content {
	height: 95%;
}

.modal-body {
	max-height: calc(100% - 120px);
	overflow-y: scroll;
}

/* crazy batman newspaper spinny thing */
 .rotate {
	transform:rotate(180deg);
	transition:all 0.5s;
}
.rotate.in {
	transform:rotate(360deg);
	transition:all 1.0s;
}

figure {
	margin: 0;
	padding: 5px;
}

figcaption {
	background: #f4f4f4 none repeat scroll 0 0;
	font-size:10px;
	border: 1px dotted #dadada;
	margin-top: 5px;
	padding: 3px;
}



/* 2. Navigation
   ========================================================================== */
.navbar-inverse .navbar-toggle { background:#337ab7; }
.navbar-inverse .navbar-nav > li > a {
	color: #000;
	font-size:16px;
	font-weight:600;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	border-bottom:10px solid #3ea843;
	color: #3ea843;
	background-color:transparent;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	border-bottom:10px solid #3966af;
	color: #3966af;
}

.navbar-nav > li > a {
	padding-bottom: 20px;
	padding-top: 0px;
}

/* 3. Blocks
   ========================================================================== */


/* 4. Forms
   ========================================================================== */
/*
.cform label {
	display: inline-block;
	font-weight: bold;
	margin: 4px 10px 0 0;
	vertical-align: top;
	width: 165px;
}
.cform .input { margin: 0px 0px 10px 0px; }

.cform .text input,
.cform .password input,
.cform .textarea textarea,
.cform input[type=email]{
	width: 280px; -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;border: 1px solid #0081af;
	padding:5px;
}

.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#CEDDDF; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#F3F8F8; 
}

.cform input[type=submit] {
	background-color: #337ab7;
	border-color: #2e6da4;
	color: #fff;
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.cform .submit { margin-left:180px; }
*/
.cform .submit { text-align:center; }
.cform .required > label:after, .cform .radio-label.required:after { content: ""; }
.cform fieldset {
	border:1px solid grey;
	border-radius:8px;
	padding:15px 15px 0 0;
	margin-bottom:10px;
}
.cform legend {
	border:1px solid grey;
	border-radius:4px;
	padding:4px;
	font-size:16px;
	text-align:center;
	margin:10px 100px;
	background-color: #e8e8e8;
	max-width:550px;
}

/*
.required > label:after, .radio-label.required:after {
	content: "*";
	color:red;
}

.reqtxt:before {
	content: "*";
	color:red;
}
.reqtxt {
	display: block;
	font-style: italic;
	padding-bottom: 12px;
}
*/

#flashmessage, .form-success {padding:5px;background-color:#dcff8e;border:1px dotted #4e8d00;}

.block-homeafipnovachim {
	padding: .8em;
	width: 99%;
	background: #d7d7d7;
	font-size: 16px;
	color: red;
	font-weight: bold;
}

.error, .notice, .success, .message, .form-success { padding: .8em; margin: 1em auto 1em auto; border: 3px solid #00A7D0; width:500px; }
.error { background: #e95f73; }
.notice, .message { background: #FFF6BF; color: #817134; }
.success { background: #CDDF86; color: #529214; }
.error a { color: #D12F19; }
.notice a, .message a { color: #817134; }
.success a { color: #529214; }

.contact-body{margin-top:20px;}
.contact-form{margin-top:20px;}
.contact-form .col-md-4, .contact-form .col-md-12{padding-left:0px;}
.contactdiv{padding-left:0px;}

.adressediv{margin-top:20px;}
.adressediv p{margin: 0 0 30px;padding:0;}
.adressediv i{margin-right:10px;float:left;margin-top:4px;}
.adressediv span{display:block;padding-left:20px;padding-top:-2px;}

/* 5. Fonts
   ========================================================================== */
h1{font-size:30px;color:#3966af;font-weight:600;}

/* 6. Surcharges
   ========================================================================== */


/* Phones to tablets */
@media (max-width: 767px) {
	/*
	#footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	*/
	.navbar-nav{margin:0px;}
	.parallax { background-position: center center !important; }
	.block-categoriesformations ul{ -moz-columns: 1 auto; }
	.block-categoriesformations li a {
		font-size: 18px;
		white-space: normal;
	}
}

@media (max-width: 1024px) {
	.navbar-nav{margin:0px;}
	.block-categoriesformations li a {
		white-space: normal;
	}
}

@media (min-width: 1024px) {
	.block-homeafipnovachim { margin-top: -7em; margin-bottom:3em; }
}