/*
Theme Name: CIC-IT - Final
Theme URI: 
Author: MBER & MFAU
Author URI: 
Description: Theme réalisé en 2015
Version: 0.0.1
License: Copyright CIC-IT
License URI: 
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: cic-it

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


	/* TABLE DES MATIERES 
	

			I. STRUCTURE GLOBALE (mise en place de la page)
			II. CONTENU DE INDEX.PHP
			III. CONTENU DE PAGE.PHP
			
			
	FIN TABLE DES MATIERES */

	
	
	
	/* STRUCTURE GLOBALE  */
	
	@font-face {
    font-family: 'ciclesemi';
    src: url('css/Cicle_Semi-webfont.eot');
    src: url('css/Cicle_Semi-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/Cicle_Semi-webfont.woff') format('woff'),
         url('css/Cicle_Semi-webfont.ttf') format('truetype'),
         url('css/Cicle_Semi-webfont.svg#ciclesemi') format('svg');
    font-weight: normal;
    font-style: normal;

	}

	a, a:visited {
		color: rgba(255, 127, 0, 1);
	}

	.glossary-tooltip a, .glossary-tooltip a:visited {
		color: inherit !important;
		/*font-weight: normal !important;*/
		font-style: italic !important;
	}

	.glossary-tooltip a, .glossary-tooltip-item a {
		background: inherit !important;
		padding: 0 !important;
	}
		

	/* Gestion de la page entière */
	
	html, body {
		margin: 0;
		padding: 0;
		height: 100%;
		font-family: 'ciclesemi';
		font-size: 13pt;
		line-height: 1.25;
		background-color: #F4EEE6;
		width: 100%;
		overflow-x: hidden;
	}
	
	
	/* Arrière-plan du site */
	
	body {
		color: #141412;
	}

	table, td {
		border: 0;
		margin: 0;
		padding: 0 5px;
		font-size: 13pt;
		line-height: 1.25;
	}

	h1, h2, h3, h4, h5 {
		font-family: 'ciclesemi';
		margin: 7px 0;
	}

	h1, h3, h5 {
		color: rgba(171, 218, 77, 1);
	}

	h2, h4 {
		color: rgba(255, 127, 0, 1);
	}

	h1 {
		font-size: 18pt;
	}

	h2 {
		font-size: 16pt;
	}

	h3 {
		font-size: 14pt;
	}

	h4 {
		font-size: 12pt;
	}

	p {
		margin: 0 0 7px;
	}

	.hentry {
		padding: 0;
	}

	.glossary-tooltip-item {
		background: none;
		padding: 0;
	}

	#header, #footer, #page-title {
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
		background-color: #888888;
		text-align: center;
		color: #FFFFFF;
	}

	#page-title {
		margin-bottom: 10px;
	}

	#header {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#header a {
		color: #FFFFFF;
		text-align: center;
		margin: 0 auto 0 auto;
		text-decoration: none;
		vertical-align: middle;
	}

	#header img {
		max-height: 100px;
		margin: 0 10px;
	}

	#cicit-title, #cicit-descr {
		display: inline-block;
		vertical-align: middle;
	}

	#cicit-title {
		text-align: right;	
	}

	#cicit-descr {
		text-align: left;
	}

	#cicit-title p {
		margin-bottom: 10px;
		font-size: 16pt;
		letter-spacing: 2pt;
	}
	
	#cicit-title h1 {
		margin: 0px;
		font-size: 20pt;
	}

	#cicit-descr {
		font-size: 14pt;
		letter-spacing: 2pt;
	}

	.nav {
		display: table;
		width: 100%;
		list-style-type: none;
	}

	.nav li {
		display: table-cell;
	}

	.nav li a {
		color: #000000;
	}

	#page-title > h1 {
		text-align: left;
		padding-left: 15px;
		margin-bottom: 10px;
		width: 70%;
		color: #FFFFFF;
	}
	
	#container {
		margin: 0 auto;
		display: block;
		width: 1024px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: white;
		min-height: 100%;
		border-right: 1px solid #333333;
		border-left: 1px solid #333333;
		position: relative;
		background-color: white;
	}

	#global {
		width: 97%;
		margin: 0 auto;
		padding-bottom: 150px;
		position: relative;
	}

	#fleche-top {
		position: fixed;
		top: 80%;
		right: 5%;
	}

	#contenu {
		height: 100%;
	}

	.post-content p:last-child {
		margin-bottom: 0;
	}

	#prefooter {
		width: 97%;
		position: absolute;
		bottom: 50px;
		left: 1.5%;
	}

	.promo, #institut {
		display: inline-block;
		vertical-align: middle;
		width: 33%;
	}

	.promo {
		position: relative;
	}

	.promo img {
		height: 75px;
		width: auto;
	}

	.promo-img, .promo-text {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}

	.promo-img {
		padding: 10px;
		width: 30%;
	}

	.promo-text {
		color: #FFFFFF;
		font-weight: bold;
		width: 72%;
		height: 95px;
		position: absolute;
		right: 0;
		padding-top: 25px;
	}

	.promo-text > div {
		max-width: 230px;
		font-size: 13pt;
		margin: 0 auto;
	}

	@-moz-document url-prefix() {
		.promo-text > div {
			font-size: 12.4pt;
		}
	}

	.promo:nth-child(1) {
		background-color: rgba(213, 236, 166, 1);
	}

	.promo:nth-child(1) .promo-text {
		background-color: rgba(171, 218, 77, 1);
	}

	.promo:nth-child(2) {
		background-color: rgba(255, 176, 97, 1);
	}

	.promo:nth-child(2) .promo-text {
		background-color: rgba(255, 127, 0, 1);
	}

	#institut {
		text-align: center;
	}

	#institut > a {
		margin: 0 5px;
		display: inline-block;
		vertical-align: middle;
	}

	#institut > a:nth-child(2) > img {
		padding-top: 10px;
	}

	#institut img {
		height: 38px;
		dispaly: inline-block;
	}

	#footer {
		height: 40px;
		position: absolute;
		left: 0;
		bottom: 0;
		overflow: hidden;
	}

	#footer > div {
		width: 90%;
    display: inline-block;
	}

	#bottom-arrow {
		display: none
  }

	.menu {
		font-size: 14pt;
		margin: 0;
		padding: 0;
	}
	
	.menu li {
		list-style-type: none;
		display: inline-block;
		margin-right: 3%;
	}
	
	.menu li a {
		color: #FFFFFF;
	}

	.menu-item img {
		height: 27px;
	}

	.infos {
		display: inline-block;
    position: relative;
		min-height: 100px;
		min-width: 125px;
		width: auto;
		padding: 35px 30px 30px 30px;
		margin: 10px;
		text-align: center;
	}

	.infos-icon, .infos-title {
		display: inline-block;
		vertical-align: middle;
	}

	.infos-icon {
		background: url('images/infos.png');
		height: 60px;
		width: 60px;
		margin-top: -10px;
		margin-left: -5px;
	}

	.infos-icon2 {
		background: url('images/infos2.png');
	}

	.infos-title {
		width: 65%;
		text-align: left;
		font-weight: bold;
		font-size: 14pt;
		color: #ABDA77;
	}		

	.corner {
			position: absolute;
			background: url('images/corner.png');
			height: 75px;
			width: 75px;
	}

	.TL {
			top: -10px;
			left: -10px;
	}

	.TR {
			top: -10px;
			right: -10px;
			-ms-transform: rotate(90deg); /* IE 9 */
   		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    	transform: rotate(90deg);
	}

	.BL {
			bottom: -10px;
			left: -10px;
			-ms-transform: rotate(-90deg); /* IE 9 */
   		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    	transform: rotate(-90deg);
	}

	.BR {
			bottom: -10px;
			right: -10px;
			-ms-transform: rotate(180deg); /* IE 9 */
   		-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    	transform: rotate(180deg);
	}

	#next-bar, .sidebar-container {
		display: inline-block;
		vertical-align: top;
	}

	#next-bar {
		width: 800px;
		margin-right: 40px;
	}

	.sidebar-container {
		width: 14%;
	}

	#content-search {
    right: 20px;
    position: absolute;
    top: -52px;
    z-index: 999;
    opacity: 0.85;
		display: inline-block;
		width: 25%;
	}

    .visual-form-builder * {
		font-size: inherit !important;
    }

    .visual-form-builder h4 {
		font-weight: bold;
        color: #000000;
    }

    .visual-form-builder label {
		font-weight: normal;
    }

	/* CONTENU DE INDEX.PHP */
	#home {
		width: 100%;
		position: relative;
	}

	#home .wp-posts-carousel-details {
		    background-color: rgba(77, 77, 77, 0.6) !important;
	}

	#home .carousel-replacement, #home .carousel-replacement2 {
		display: none;	
	}

	#home .simple-theme.wp-posts-carousel {
		height: auto;
		max-width: 1024px;
	}

	#home #home-search {
    left: 78%;
    position: relative;
		width: 20%;
    top: -50px;
    z-index: 999;
    opacity: 0.85;
		display: inline-block;
	}

	#post-home {
		padding-bottom: 150px;
		/*width: 65%;*/
		margin: -30px auto 0 auto;
	}

	#post-home img {
		width: 47%;
	}

	#post-home > .column {
		width: 50%;
		margin-right: -10px;
		display: inline-block;
		vertical-align: top;
	}

	#post-home > .column:nth-child(1) div {
		text-align: right;
		margin-right: 5px;
	}

	#post-home > .column:nth-child(2) div {
		margin-left: 5px;
	}

	#post-home .element {
		margin: 5px;
	}

	#post-home .element a {
		color: #000000;
	}

	#post-home .element div:hover {
		text-decoration: underline;
	}

	#post-home .element div {
		display: inline-block;
		vertical-align: middle;
		width: 51%;
    font-size: 15pt;
	}

	#home .promo-text div  {
		max-width: 230px;
	}

	.simple-theme.wp-posts-carousel .owl-nav div:before {
		margin-top: -4px;
	}

	@media all and (min-height: 940px) {
		#post-home {
			width: 75%;
		}
	}

	@media all and (min-height: 975px) {
		#post-home {
			width: 83%;
		}
	}

	@media all and (min-height: 1020px) {
		#post-home {
			width: 90%;
		}
	}

	@media all and (min-height: 1060px) {
		#post-home {
			width: 100%;
		}
	}

	/* Responsive design */
	@media all and (max-width: 1260px) {
		#top-arrow {
			display: none;
		}
		
		#bottom-arrow {
			display: inline-block;
		}
	}

	@media all and (max-width: 1080px) {
		#container {
			width: 100%;
			border: 0;
		}
		
		#next-bar {
			width: 100%;
		}
		
		.nav li {
			display: inline-block;
			margin: 0 10px;
		}
		
		.post-content {
			padding-bottom: 55px;
		}
		
		.post-content *:not(.glossary-tooltip-content) {
			max-width: 100%;
		}
		
		.post-content .owl-carousel, .post-content .owl-carousel * {
			max-width: initial;
		}
	
		#institut {
			display: block;
			width: 100%;
			text-align: center;
    	margin-bottom: 10px;
		}
		
		#institut img {
			height: 50px;
		}
		
		#home .promo, .promo {
			display: inline-block;
			width: 49%;
			margin-bottom: 10px;
		}
		
		#post-home {
			padding-bottom: 225px;
		}
		
		.sidebar-container {
			width: 100%;
			margin-bottom: 50px;
		}
		
		.sidebar-container li {
			display: inline-block;
			margin-right: 10px;
		}
	}

	@media all and (max-width: 875px) {
		.post-content td {
			display: block;
			width: auto !important;
	 	}
	}

	@media all and (max-width: 800px) {
		#home > #prefooter, #prefooter, #footer {
			display: block;
			width: 100%;
			position: relative;
			bottom: 0;
		}
	
		#post-home {
			width: 100%;
			padding-bottom: 0 !important;
		}
	
		#home, #global {
			padding-bottom: 10px;
		}
	
		#footer {
			height: auto;
		}
	}

	@media all and (max-width: 550px) {
		#post-home > .column {
			width: 100%;
		}
	
		#home .promo, .promo {
			width: 100%;
		}
		
		#home .owl-carousel {
			display: none;
		}
		
		#home .carousel-replacement, #home .carousel-replacement2 {
			display: block;	
		}
		
		#home .carousel-replacement2 {
			height: 60px;
		}
		
		#home .wp-posts-carousel-image {
			overflow:hidden;
			width: 100%;
		}
		
		#home .wp-posts-carousel-image img {
			height: 100%;
			min-width: 100%;
			left: 50%;
			position: relative;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			max-width: none;
			width: 1024px;
		}
		
		#home #home-search {
			width: 100%;
			left: 10%;
		}
	}

	@media all and (max-width: 420px) {
		#cicit-title, #cicit-descr {
			text-align:center;
		}
	}