/*
Theme Name: LSR Theme
Author: Antoinette TALMY
Author URI: http://www.mixyweb.fr
Description: Thème spécifique réalisé pour l'entreprise LES SAVOIRS RELIES à partir du thème Inpixelitrust Blank
Version: v1.0
License: GPL
License URI: http://codex.wordpress.org/License
Tags: one-column, two-columns, custom-header, custom-menu, editor-style
Text Domain: lsrtheme


/* !!! Important note : I used @import rule to be able to import the KNACSS build from the official repository more easily using either CSS, Less or Sass, but on a "real" project you might want to include an merge the CSS rules directly in your main stylesheet (or use a preprocessor to do the job) */
@import "css/knacss/knacss.min.css"; 

/* ----------------------------- */
/* == Fonts */
/* ----------------------------- */
body { 
	font: 16px/26px Calibri, Arial, sans-serif; 
	line-height: 1.231em; 
	color: #333;
}

/* ----------------------------- */
/* == General */
/* ----------------------------- */
*{
	outline:none;
}

h1, h2, h3, h4, h5, h6{ font-weight:normal;}

h2{
	color:#666;
}

p {
	font-size:1em;
	text-align:justify; 
}

img {
	border: 0px; 
	-ms-interpolation-mode: bicubic; 
	vertical-align: middle;
}

a {
	font-size:1em;
	color:#cc6666;
}

a:hover {
	text-decoration:none;
}

strong {
	font-family:"Kotta One";	
	font-size:1.1em;	
	color:#cc0000;
	font-weight:normal;
}

em {
	font-size:1em;
	color:#666;
}

em a{
	font-family:"Kotta One";	
}

.wrapper {
	width:85%;
	margin:0 auto;
	padding:0;
}

.left{
	/*float:left;
	width:20%;
	height:100%;*/
	display:block;
	width:0%;	
}

.right{
	/*float:right;
	width:80%;
	height:100%;*/
	display:block;
	width:100%;
}

.responsive {
	max-width:100%;
	height:auto;
}

.max {
	width:100%;
}

.red{
	border-top:10px solid #cc0000;
}

.yellow{
	background-color:#ffd600;
}

a.grey{
	color:#666;
	margin-left:10px;
}

.color-6,
.color-44,
.color-47,
.color-49 {
	background-color:#ff7800; /*  tangerine */
}

.color-8,
.color-27,
.color-29,
.color-16,
.color-231  {
	background-color:#cc2b2b; /* cc1f1f red */
}

.color-10 {
	background-color:#a02357; /* purple */
}

.color-12 {
	background-color:#cdcd00; /* green */
}

.color-14 {
	background-color:#ffd426; /* yellow */
}

.color-18 {
	background-color:#ffa500; /* orange */
}

.color-22 {
	background-color:#ff7800; /* tangerine */
}

.color-20,
.color-24 {
	background-color:#ffd426; /* yellow */
}

.sticky {
}

.bypostauthor {
}

.highlight {
	color:#cc0000;
}

table{
	margin-top:30px;
	margin-bottom:50px;
}

.btn {
	text-transform: uppercase;
	border-radius: 4px;
	font-size: 1em;
	font-weight:bold;	
	background: #666;
	border: 1px solid transparent; 
	padding: 10px 15px;	
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
}

.btn:hover {
	background: #cc1f1f;
}

.breadcrumb p {
	font-size:1em;
	text-align:center;	
}

.breadcrumb p,
.breadcrumb a{
	color:#fff;
}

.citation p{
	color:#fff;
	font-size:0.9em;	
	margin-top:5px;
	text-align:center;
}

.citation p span{
	/*font-size:0.9em;*/
}

/* ----------------------------- */
/* == Header */
/* ----------------------------- */
.site-title {
	text-indent:-9999px;
	display:none;
}

.site-description {
	margin: 0 0 1em;
	font-weight: normal;
}

.site-decoration{
	position:fixed;
	width:100%;
}

#bg-home{
	margin-top:80px;
	z-index:0;
}	

#bg-other {
	display:none;
}

#cloud-home .wrapper-object,
#cloud-other .wrapper-object {
	width:70%;
	margin-left:22.5%;
}

.wrapper-object object{
	margin-top:3%;
}

/*.entry-illustration {
	position:relative;
	text-align:center;
}

.entry-illustration img{
	max-width:150px;
	max-height:150px;
}*/

.entry-illustration {
	max-width:150px;
	max-height:150px;
	position: relative;
	z-index: 0;
	opacity: 0.999;
	margin:0 auto;
}

.shadow {
	box-shadow:inset 0 0 0 12px #cb0d1c;
	max-width:150px;
	max-height:150px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;	
	border-radius: 50%;
}

.shadow img {
	display:block;
	position: relative;
	z-index:-2;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	max-width:150px;
	max-height:150px;
}

/* ----------------------------- */
/* == Menu */
/* ----------------------------- */
/* Main menu (=header) */

#wprmenu_menu_ul li:first-child  {
	background-color:#ffd501 !important;  /*yellow */
}

#wprmenu_menu_ul li:nth-of-type(1) {
	background-color:#ffd501 !important;   /*yellow */
}

#wprmenu_menu_ul li:nth-of-type(2){
	background-color:#ff6600 !important;  /* tangerine */
}

#wprmenu_menu_ul li:nth-of-type(3){
	background-color:#cc0000 !important; /* red */
}

#wprmenu_menu_ul li:nth-of-type(4){
	background-color:#a00057 !important; /* purple */
}

#wprmenu_menu_ul li:nth-of-type(5){
	background-color:#cdbc00 !important; /* green */
}

#wprmenu_menu_ul li:nth-of-type(6){
	background-color:#ffcc00 !important; /* yellow */
}

#wprmenu_menu_ul li:nth-of-type(7){
	background-color:#ff9900 !important; /* orange */
}

#wprmenu_menu_ul li:nth-of-type(8){
	background-color:#ff6600 !important; /* tangerine */
}

#wprmenu_menu_ul li:nth-of-type(2) li{
	background-color:#ff6600 !important; /* tangerine */
}

#wprmenu_menu_ul li:nth-of-type(3) li{
	background-color:#cc0000 !important; /* red */
}

#wprmenu_menu_ul li:nth-of-type(2):hover {
   background-color: #ff7519 !important; /* tangerine */
}

#wprmenu_menu_ul li:nth-of-type(3):hover {
   background-color: #cc1919 !important; /* red */
}

/* Second level */
#wprmenu_menu_ul ul li:nth-of-type(2) li:hover{
	background-color: #ff7519 !important; /* tangerine */
}

#wprmenu_menu_ul ul li:nth-of-type(3) li:hover{
	background-color: #cc1919 !important; /* red */
}

/* Customisation menu responsive pour mobiles */
#wprmenu_bar {
	height:130px !important;
	border-bottom:5px solid #ededed;
}

#wprmenu_bar .bar_logo {
  margin-top: 5px !important;
  height: 100px !important;
}

#wprmenu_menu_ul {
  padding: 0 0 0 !important;
  margin: 90px 0 0 !important;
}

/* Secondary menu (=footer) */
ul#menu-footer{
	display:none;
}

#copyright{
	height:40px;
	line-height:40px;	
}

#copyright p{
	text-align:center;
}

/* Styling the toggle menu link and hiding it */
.navtoggle,
.toggle-link {
	display: none;
}

.main-menu .navtoggle {
	width: 100%;
	padding: .8em 1em;
	text-align: right;
	background: none;
	border: none;
	cursor: pointer;
}

.navtoggle:before {
	content: '\2630';
	padding-right: .5em;
	font-size: 1em;
}


/* ----------------------------- */
/* == Content */
/* ----------------------------- */
.lteie8 .container {
	/*width: 1024px;*/
}

/* nav */
.content nav {
	display: block;
	overflow: hidden;
}

.content nav .nav-previous {
	float: left;
	width: 50%;
}

.content nav .nav-next {
	float: right;
	width: 50%;
	text-align: right;
}

.content #nav-above {
	display: none;
}

.paged .content #nav-above,
.single .content #nav-above {
	display: block;
}

#nav-below {
	margin: 1em 0 0;
}

.page-link {
	margin: 0 0 1em;
}

/* table styling */

.content table,
.content td,
.content th {
	border: 1px solid rgb(191, 191, 190);
}

.content tbody tr:nth-child(odd) {
	background: #eee;
}

.entry-meta {
	font-size: 0.9em;
	font-style: italic;
}

/* Specific content */
/* PAGE ACCUEIL */
section h2{
	font-weight:bold;
	font-size:2.2em;
	margin-bottom:50px;
}

section p{
	font-size:1.1em;
	line-height:1.1em;
	margin-top:0px;
}

#citation{
	background-color:#cc0000;
}

#citation div.wrapper{
	padding:40px 0px;
}

#citation div.wrapper div{
	/*border-left:4px solid #fff;*/
}

#citation p{
	text-align:right;
	color:#fff;
	margin:0px;
}

#citation p:last-child{
	margin-top:15px;
}

#presentation{
	background-color:#eee;
	border-bottom:1px solid #ccc;
}

#presentation .illustration{
	display:block;
	width:100%;
	margin:0 auto;
	margin-left:-10%;
	margin-top:-30px;
}

#presentation .illustration img{
	width:100%;
	max-width:400px;
	max-height:400px;
}

#presentation .texte{
	display:block;
	width:100%;		
	margin-bottom:30px;
}

#presentation .texte h2{
	margin:50px 0px 0px;
	font-family: "Oswald";
}

#presentation .texte blockquote{
	margin:20px 0px 30px 0px;
	padding-left:80px;
	font-size:1.3em;
	line-height:1.1em;
	color:#626262;
	background:url(images/guillemet.png) no-repeat;
}

#presentation .texte blockquote p{
	text-align:left;
}

#presentation .texte img{
	position:relative;
	left:-70px;
	top:-50px;
}

#philosophie{
	background-color:#f6f6f6;
	padding:40px 0px;
	margin:0 auto;
	border-bottom:1px solid #ccc;
}

.ie7 #philosophie  h2{
	margin-top:70px;
}

#philosophie .bloc-philosophie{
	display:inline-block;
	width:100%;
	vertical-align:top;
	text-align:center;
	margin-bottom:30px;
}

.ie7 #philosophie .bloc-philosophie{
	display:inline;
}

#philosophie .bloc-philosophie img{
	width:100%;
	max-width:230px;	
	max-height:230px;
}

#philosophie .bloc-philosophie:not(:nth-of-type(1)){
	/*margin-left:2.25%;*/
}

#philosophie .bloc-philosophie:not(:nth-of-type(3)){
	/*margin-right:2.25%;	*/
}

#philosophie h2{
	text-align:center;
}

div.entry-content-home h2{
	font-family : "Oswald";	
	font-size:2em;
	font-weight:normal;	
}

.bloc-philosophie h3{
	font-family:"Oswald";
	font-size:1.5em;
	color:#cc0000;
	padding:10px 0px;
	margin-top:0px;
}

.bloc-philosophie p{
	margin:0px 10% 40px 10%;
	font-size:1.1em;
	text-align:center;
	color:#777;
}

#clients{
	padding:40px 0px;
	border-bottom:1px solid #ccc;	
}

#clients h2{
	margin-bottom:0px;
}

#clients h3{
	font-family:"Oswald";
	font-size:1.5em;
	color:#cc0000;
	margin-bottom:30px;
}

#appel-action{
	padding:40px 0px;
}

/* AUTRES PAGES */
header.entry-header{
	padding:40px 0px;
	margin-top:88px;	
	margin-bottom:50px;
}

.ie7 header.entry-header{
	padding:80px 0px;
}

h1.entry-title{
	font-family : "Oswald";
	font-size:2em;
	color:#fff;
	text-align:center;
	margin:10px 0px;
}

h1.entry-title.pad{
	margin:0px 0px;
}

div.entry-content h2{
	font-family : "Oswald";		
	font-size:1.5em;
	font-weight:normal;
	/*color: #e30613;*/
	margin:20px 0px 20px;
}

div.entry-content h3{
	font-family : "Oswald";		
	font-size:1.2em;
	font-weight:normal;
}

div.entry-content p{
	margin-bottom:30px;
	line-height:1.4em;
}

/* PAGE CONTACT */
div#entreprise{
	text-align:left;
	margin-bottom:20px;
}

div#entreprise img{
	max-width:200px;
	max-height:200px;
}

section#formulaire { 
	width:100%;
}

section#coordonnees {	
	width:100%; 
	border-top:1px dashed #666;	
	margin-top:20px; 
}

section#formulaire h3,
section#coordonnees h3 {
	margin-top:10px;
	margin-bottom:30px;
}

form span.obligatoire {
	color:#cc1f1f;
	text-transform:lowercase;
}

form p{
	margin-top:10px !important;
	margin-bottom:10px !important;
}

section#coordonnees p {
	margin-top:20px;
	margin-bottom:20px;
}

form img{
	max-width:72px;
	max-height:72px;
}

section#coordonnees p a[href^='tel']{
	color:#666;
	font-size:1.5em;
	line-height:1.5em;
}

section#coordonnees a{	
	font-family:"Oswald";
	text-decoration:none;
	font-weight:bold;
	color:#666;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	width:100%;
	height:35px;
}

textarea {
	width:100%;
	height:200px;
}

select {
	width:100%;
	height:37px;
}

textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input.wpcf7-captchar {
	width:250px;
}

textarea:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border-color: #cc1f1f;
	outline: 0;
	outline: thin dotted \9;/* IE6-9 */
}

input[type="search"]:focus {
	border-color: #ededed;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	font-size:12px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-size:12px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-size:12px;
}

input[type="submit"].btn {
	color:#fff;
	margin-top:20px;
}


/* Personnalisation du formulaire du plugin CONTACT FORM 7 */
div.wpcf7-mail-sent-ok {
	color: #ffcc00 !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	padding: 20px 0px 0px 0px !important;
	margin: 0px !important;
	border: none !important;
}

div.wpcf7-validation-errors ,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked {
	color:#cc1f1f !important;
	font-weight: bold !important;
	border: none !important;
	padding: 20px 0px 0px 0px !important;
	margin: 0px !important;
	text-transform: uppercase !important;
}

span.wpcf7-not-valid-tip {
	color:#cc1f1f !important;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: bold;
	padding: 0px !important;
}

span.wpcf7-not-valid-tip-no-ajax {
	color:#cc1f1f !important;
}

/* ----------------------------- */
/* == Footer */
/* ----------------------------- */


/* ----------------------------- */
/* == WordPress Plugins */
/* ----------------------------- */
/* TOC+ */
h3.toc_sitemap_pages{
	font-family : "Oswald";		
	font-size:1.7em;
	font-weight:normal;
	color:#666;	
	margin:20px 0px 20px;
}

ul.toc_sitemap_pages_list{
	list-style: none;
	padding-left:0px;
}

ul.toc_sitemap_pages_list li{
	float:left;
}

ul.toc_sitemap_pages_list li a{
	padding-right:10px;
}

/* ----------------------------- */
/* == WordPress Images */
/* ----------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

img.alignleft {
	margin-right: 1em;
}

img.alignright {
	margin-left: 1em;
}

.wp-caption {
	padding: .5em;
	text-align: center;
}

.wp-caption img {
	margin: .25em;
}

.wp-caption .wp-caption-text {
	margin: .5em;
}

.gallery-caption {
}

.gallery-item {
	float: left;
	width: 33%;
	margin-top: 10px;
	text-align: center;
}

/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

.ie7 img {
	-ms-interpolation-mode: bicubic;
}



/* ----------------------------- */
/* == WordPress alignement */
/* ----------------------------- */


/* Alignment */
.alignleft {
	display: inline;
	float: left;
}

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

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

/* ----------------------------- */
/* == Hidding / unhidding content */
/* ----------------------------- */

/* for image replacement */

.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}


/* Hide for both screenreaders and browsers 
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
} 

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.assistive-text, 
.visually-hidden {
	position: absolute !important;
	left: -7000px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

[dir=rtl] .visually-hidden {
	left: auto;
	right: -7000px;
}

a.assistive-text:active,
a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

/* skip-links */
.skip-links {
	position: absolute;
}

.skip-links a {
	position: absolute;
	left: -9999px;
	padding: 0.5em;
	background: #000;
	color: #fff;
	text-decoration: none;
}

.skip-links a:focus {
	position: static;
}

/* Mots-clés */
.wrapper-object {
position: relative;
}

.wrapper-object .img1 {
position: relative;
left:90px;
top:30px;
}

.wrapper-object .img2 {
position: relative;
left:100px;
top:50px;
}

.wrapper-object .img3 {
position: relative;
left:-530px;
top:100px;
}

.wrapper-object .img4 {
position: relative;
left:230px;
top:30px;
}

.wrapper-object .img5 {
position: relative;
left:260px;
top:40px;
}

.wrapper-object .img6 {
position: relative;
left:-400px;
top:100px;
}

.wrapper-object .img7 {
position: relative;
left:-370px;
top:100px;
}

.wrapper-object .img8 {
position: relative;
left:500px;
top:50px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


/* ----------------------------- */
/* == Medias Queries */
/* ----------------------------- */

/* Wide tablet */
@media screen and (min-width: 768px) {
/* PAGE ACCUEIL */
#presentation .illustration{
	float:left;
	width:50%;
	height:auto;
	margin-top:20px;
}

#presentation .texte{
	float:right;
	width:50%;
}

#presentation .texte blockquote{
	margin:20px 0px 30px -80px;
}

/* PAGE AUTRE */
h1.entry-title{
	font-size:2.2em;
}

/*.entry-illustration img{
	max-width:200px;
	max-height:200px;
}*/

	.entry-illustration {
		max-width:200px;
		max-height:200px;
	}

	.shadow {
		max-width:200px;
		max-height:200px;
	}

	.shadow img {
		max-width:200px;
		max-height:200px;
	}	

}

@media screen and (min-width: 899px) {
	#presentation .illustration{
		margin-top:-30px;
	}

	#philosophie .bloc-philosophie{
		display:inline-block;
		width:30%;
		vertical-align:top;
		text-align:center;
	}

	#philosophie .bloc-philosophie:not(:nth-of-type(1)){
		margin-left:1.25%;
	}

	#philosophie .bloc-philosophie:not(:nth-of-type(3)){
		margin-right:1.25%;	
	}	
	
	.bloc-philosophie p{
		width:100%;
		margin:0px 0px 40px;
		font-size:0.95em;
		text-align:justify;
	}	
}


/* Desktop */
@media screen and (min-width: 1024px) {
	.left{
		float:left;
		width:20%;
		height:100%;
	}

	.right{
		float:right;
		width:80%;
		height:100%;
	}
	
	/* HEADER */
	/* Logo */
	.ie7 #logo{
		height: 20%;
		background:#fff;
	}

	.ie7 #logo img{
		position:absolute;
		left:0px;
		bottom:80%;
	}	

	.ie8 #logo{
		height: 40%;
		background:#fff;
	}	
	
	#logo{
		height: 40%;
		background:url(images/bg-white.png);			
	}

	#logo img{
		position:absolute;
		left:0px;
		bottom: 60%;
	}

	
	#menu-bottom{
		height:60%;
		background:url(images/bg-red.png);	
	}
	
	/* Background */	
	#bg-other {
		display:block;
	}	
	
	#bg-home,
	#bg-other {
		margin-top:0px;
		z-index:0;
	}	
		
	.ie7 #bg-home img,
	.ie8 #bg-home img {
	    width:auto;
		max-width:100%;
		height:auto;
	}	

	#cloud-home{
		background:url(images/bg-header-bottom-bis.jpg) no-repeat;
		height:290px;
		-webkit-background-size: 100% auto; /* pour Chrome et Safari */
		-moz-background-size: 100% auto; /* pour Firefox */
		-o-background-size: 100% auto; /* pour Opera */
		background-size: 100% auto; /* version standardisée */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-header-bottom-bis.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-header-bottom-bis.jpg', sizingMethod='scale')";	
	}	

	#cloud-other{
		background:url(images/bg-header-other-bis.jpg) no-repeat;
		height:290px;
		-webkit-background-size: 100% auto; /* pour Chrome et Safari */
		-moz-background-size: 100% auto; /* pour Firefox */
		-o-background-size: 100% auto; /* pour Opera */
		background-size: 100% auto; /* version standardisée */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-header-other-bis.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-header-other-bis.jpg', sizingMethod='scale')";		
	}	
	
	/* Menu */
	/* Main menu (=header) */	
	#menu {
		position:fixed;
		top:10px;
		left:50px;
		width:17.5%;
		height:99%;	
		border-left:1px solid #eee;	
		border-right:1px solid #eee;	
		-moz-box-shadow: 1px 0px 15px 1px #e5e5e5;
		-webkit-box-shadow: 1px 0px 15px 1px #e5e5e5;
		-o-box-shadow: 1px 0px 15px 1px #e5e5e5;
		box-shadow: 1px 0px 15px 1px #e5e5e5;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#e5e5e5, Direction=90, Strength=10);
	}

	.menu {
		display: block;
		float: left;
		width: 100%;
		margin: 0 auto;
	}	
	
	/* Fisrt level */
	.menu ul{
	  padding:0;
	  margin:0;
	  list-style:none;
	  text-align: center;
	}
	
	/*.ie7 .menu ul li {
		height:25px;
		font-size:0.9em;
	}	*/
	
	.ie7 .menu ul li:first-child ,
	.ie8 .menu ul li:first-child {
		background-color:#ffd501;  /*yellow */
    }
    
	.ie7 .menu ul li:first-child + li ,
	.ie8 .menu ul li:first-child + li  {
		background-color:#ff6600; /* tangerine */
    }
    
	.ie7 .menu ul li:first-child + li  + li ,
	.ie8 .menu ul li:first-child + li  + li {
		background-color:#cc0000; /* red */
    }
	
	.ie7 .menu ul li:first-child + li  + li + li ,
	.ie8 .menu ul li:first-child + li  + li + li {
		background-color:#a00057; /* purple */
    }	
	
	.ie7 .menu ul li:first-child + li  + li + li  + li ,
	.ie8 .menu ul li:first-child + li  + li + li  + li   {
		background-color:#cdbc00; /* green */
    }

	.ie7 .menu ul li:first-child + li  + li + li  + li  + li,
	.ie8 .menu ul li:first-child + li  + li + li  + li  + li  {
		background-color:#ffcc00; /* yellow */
    }
	
	.ie7 .menu ul li:first-child + li  + li + li  + li  + li  + li,
	.ie8 .menu ul li:first-child + li  + li + li  + li  + li  + li {
		background-color:#ff9900; /* orange */
    }	
	
	.ie7 .menu ul li:first-child + li  + li + li  + li  + li  + li + li,
	.ie8 .menu ul li:first-child + li  + li + li  + li  + li  + li + li  {
		background-color:#ff6600; /* tangerine */
    }	
	
	.ie7 .menu ul li li{
		font-size:0.95em;
		margin:0px;
	}
	
	.ie7 .menu ul li:first-child + li  li:first-child,
	.ie7 .menu ul li:first-child + li  li:first-child + li,
	.ie7 .menu ul li:first-child + li  li:first-child + li + li,
	.ie8 .menu ul li:first-child + li  li:first-child,
	.ie8 .menu ul li:first-child + li  li:first-child + li,
	.ie8 .menu ul li:first-child + li  li:first-child + li + li{
		background:#ff6600;
	}		

	.ie7 .menu ul li:first-child + li + li  li:first-child,
	.ie7 .menu ul li:first-child + li + li  li:first-child + li,
	.ie7 .menu ul li:first-child + li + li  li:first-child + li + li,
	.ie7 .menu ul li:first-child + li + li  li:first-child + li + li +li,
	.ie8 .menu ul li:first-child + li + li  li:first-child,
	.ie8 .menu ul li:first-child + li + li  li:first-child + li,
	.ie8 .menu ul li:first-child + li + li  li:first-child + li + li {
		background:#cc0000;
	}		

	.menu ul li:nth-of-type(1) {
		background-color:#ffd501;  /*yellow */
	}

	.menu ul li:nth-of-type(2){
		background-color:#ff6600; /* tangerine */
	}

	.menu ul li:nth-of-type(3){
		background-color:#cc0000; /* red */
	}

	.menu ul li:nth-of-type(4){
		background-color:#a00057; /* purple */
	}

	.menu ul li:nth-of-type(5){
		background-color:#cdbc00; /* green */
	}

	.menu ul li:nth-of-type(6){
		background-color:#ffcc00; /* yellow */
	}

	.menu ul li:nth-of-type(7){
		background-color:#ff9900; /* orange */
	}

	.menu ul li:nth-of-type(8){
		background-color:#ff6600; /* tangerine */
	}

	.menu ul li:nth-of-type(2) li{
		background-color:#ff6600; /* tangerine */
	}

	.menu ul li:nth-of-type(3) li{
		background-color:#cc0000; /* red */
	}

	.menu ul li:hover {
	   font-size:1.1em;
	}

	.menu ul li.current-menu-item,
	.menu ul li.current-menu-parent{
		/*background:#fff;*/
	}

	.menu ul li.current-menu-item a,
	.menu ul li.current-menu-parent a{
		/*color: rgba(205, 188, 0, 0.9);*/
	}

	.menu ul li:nth-of-type(2):hover {
	   background-color: #ff7519; /* tangerine */
	}

	.menu ul li:nth-of-type(3):hover {
	   background-color: #cc1919; /* red */
	}

	.menu ul a {
		display:block;
		text-decoration:none;
		color:#fff;
		padding:10px 0;
		font-size:0.85em;
		text-transform:uppercase;
	}

	.menu ul li.current_page_item{
	   font-weight:bold;  
	}

	/* Second level */
	.menu ul ul.children{
	  padding:0;
	  margin:0;
	  list-style:none;
	  text-align: center;
	}
	
	.menu ul li li {
	   max-height:0;
	   overflow: hidden;
	   transition: all .5s;
	   font-size:1em;
	   font-weight:normal;   
	   border:none;
	   margin:0;
	}

	.menu ul li li:hover {
		font-size:1em;
		font-weight:normal;  
	}

	.menu ul li:nth-of-type(2) li:hover{
		background-color: #ff7519; /* tangerine */
	}

	.menu ul li:nth-of-type(3) li:hover{
		background-color: #cc1919; /* red */
	}

	.menu ul li:hover li {
	  max-height: 15em;
	}
	
	/* Secondary menu (= footer) */
	ul#menu-footer{
		display:block;
	}

	#copyright p{
		text-align:left;
	}	
	
	ul#menu-footer{
		height:40px;
		line-height:40px;
		text-align:right;
		background-color: #ffd600;
	}

	ul#menu-footer li{
		display:inline;
	}

	ul#menu-footer li:not(:last-child){
		border-right:1px solid #555;
		margin-right:10px;
		padding-right:10px;
	}
	
	ul#menu-footer li:last-child{
		margin:0px;
		padding:0px;	
	}	

	ul#menu-footer li a{
		font-size:0.8em;
		color:#333;
		text-transform:uppercase;
		text-decoration:none;
	}

	ul#menu-footer li a:hover{
		color:#555;
	}
	
	ul#menu-footer li.admin a{
		color:transparent;
		background:url('images/cadenas.jpg') top center no-repeat;
	}	
	
	/* PAGE ACCUEIL */
	div.entry-content-home h2{
		font-size:2.5em;
	}
	
	#presentation .illustration{
		margin-top:-30px;
		margin-left:-6%;
	}
	
	#presentation .illustration img{
		max-width:500px;
		max-height:500px;
	}	

	.ie7 #philosophie .bloc-philosophie,
	.ie8 #philosophie .bloc-philosophie{
		margin-left:10px;
		margin-right:10px;	
	}	
	
	#philosophie .bloc-philosophie:not(:nth-of-type(1)){
		margin-left:2.2%;
	}

	#philosophie .bloc-philosophie:not(:nth-of-type(3)){
		margin-right:2.2%;	
	}	
	
	.ie7 .bloc-philosophie p,
	.ie8 .bloc-philosophie p{
		margin:0px 5px 40px 5px;
		font-size:1.1em;
		color:#777;
	}

	/* PAGE AUTRE */
	#cloud-other .wrapper-object {
		margin-left:25%;
	}
	
	header.entry-header{
		margin-top:0px;	
	}	

	h1.entry-title{
		font-size:2.25em;
		text-align:left;		
	}		
	
	/*.entry-illustration {
		position:absolute;
		top:230px;
		right:6.5%;
	}

	.entry-illustration img{
		max-width:240px;
		max-height:240px;
	}*/
	
	.entry-illustration {
		position:absolute;
		top:230px;
		right:6.5%;
		max-width:240px;
		max-height:240px;
	}

	.shadow {
		max-width:240px;
		max-height:240px;
	}

	.shadow img {
		max-width:240px;
		max-height:240px;
	}	
	
	.citation p span{
		font-size:1.3em;
	}

	.breadcrumb p,
	.citation p {
		text-align:left;
	}	
	
	/* PAGE CONTACT */
	form p {
		margin-top:20px;
		margin-bottom:20px;
	}	
	
	section#formulaire { 
		display: block;
		float:left;
		width:55%;
	}

	section#coordonnees {
		display: block;
		float:right;
		width:40%;
		border-top: none;
		margin-top: 0px; 		
	}
	
	
	form p,
	section#coordonnees p {
		margin-top:12px !important;
		margin-bottom:0px !important;
	}

	textarea,
	select,
	input[type="text"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"] {
		width:90%;
	}

	input.wpcf7-captchar {
		width:250px;
	}
	
	.ie7 div.yellow{
		background-color:#ffd600;
		height:60px;
	}
	
	#copyright{
		float:left;
		width:30%;
		height:40px;
		line-height:40px;	
	}
	
	.ie7 #copyright{
		background-color:#ffd600;
		height:0px;
	}

	#copyright p{
		font-size:0.8em;
		padding-top:10px;
	}

	.menu-footer-container {
		width:70%;
		float:right;
	}
		
 }

@media screen and (min-width: 1279px) {
	/* PAGE ACCUEIL */
	#logo{
		height: 46%;
	}
	
	#logo img{
		bottom: 54%;
	}

	#menu-bottom{
		height:54%;
	}	

	#cloud-home .wrapper-object {
		margin-left:27.5%;
	}

	#cloud-other .wrapper-object {
		margin-left:22.5%;
	}	

	#presentation .illustration{
		margin-left:-7%;
	}	
	
	/* PAGE AUTRE */
	p em{
		padding:10px 0px 10px 30px;
		border-left:3px solid #cc1f1f;
	}		

	h1.entry-title{
		font-size:2.9em;		
	}	

	/*.entry-illustration {
		top:220px;
	}	
	.entry-illustration img{
		max-width:275px;
		max-height:275px;
	}*/	
	
	.entry-illustration {
		top:220px;
		max-width:250px;
		max-height:250px;
	}

	.shadow {
		max-width:250px;
		max-height:250px;
	}

	.shadow img {
		max-width:250px;
		max-height:250px;
	}
	

}

@media screen and (min-width: 1599px) {
	/* PAGE ACCUEIL */
	#presentation .illustration{
		margin-left:-8%;
	}
	
	/* PAGE AUTRE */
	/*.entry-illustration {
		top:130px;
	}	
	.entry-illustration img{
		max-width:285px;
		max-height:285px;
	}*/

	.entry-illustration {
		top:130px;
		max-width:285px;
		max-height:285px;
	}

	.shadow {
		max-width:285px;
		max-height:285px;
	}

	.shadow img {
		max-width:285px;
		max-height:285px;
	}	
	
	
}