body{
	background: url("../images/background2.jpg") no-repeat;
	 -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardis�e */
  background-position: bottom;

  background-color: rgba(255,255,255,0.2);
}
/********************  WRAPPER  ********************/

#wrapper{
	width:100%;
	margin:auto;
	position: relative;
}

@font-face {
    font-family: 'la_chatanormal';
    src: url('../fonts/la-chata-normal-webfont.eot');
    src: url('../fonts/la-chata-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/la-chata-normal-webfont.woff') format('woff'),
         url('../fonts/la-chata-normal-webfont.ttf') format('truetype'),
         url('../fonts/la-chata-normal-webfont.svg#la_chatanormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face{
	font-family: "CenturyGothicBold";
	src: url("../fonts/century_gothic_bold.ttf");
}

#wrapper a{
	text-decoration:none;
	/* color: #7fb02b; */
	color: white;
}

#wrapper .floatable{
	position:fixed;
	top:0px;
	background-color: white;
	z-index: 2;
}


/********************  NAVIGATION  ********************/


#navigation
{
	background: url("../images/background.jpg") no-repeat;
 	position:fixed;
	z-index:100;
	top:0px;
	left:0px;
	/* background-color: rgba(255,255,255,0.2); */
	/* height:80px; */
	width:100%;
	height:auto;
 	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	padding-bottom:10px;
}

#navigation2
{
	margin-left:-40px;
	width:100%;
	height:auto;
/*  	margin-left: auto;
	margin-right: auto; */
		/* margin-top:-26px; */
 	padding-top:10px;
	padding-bottom:10px;
}

#navigation ul.dropdown, #navigation2 ul.dropdown{
	/* overflow:hidden; */
	max-width: 960px;
	/* max-width: 1010px; */
	margin: auto;
}



#navigation>ul.dropdown>li,#navigation2>ul.dropdown>li
{
/* 	display: inline;
	float: left; */
	padding-top: 12px;
	font-family: la_chatanormal, Arial, Tahoma, Sans-serif;
	font-weight: bold;
	font-size: 14px;
	/* width: 130px; */
	text-align: center;
	border-right: 2px solid #3e5820;

	padding-left: 9px;
	padding-right: 9px;
}

#navigation2>ul.dropdown>li
{
	line-height:14px;
}

/* #navigation ul.dropdown>li:nth-child(2)
{
	width: 234px;
} */

/* #navigation2 ul.dropdown>li:nth-child(2)
{
	width: 232px;
} */

/* #navigation ul.dropdown>li:nth-child(4)
{
	width: 214px;
} */

/* #navigation ul.dropdown>li:nth-child(5)
{
	width: 138px;
} */

/* #navigation ul.dropdown>li:nth-child(1)
{
	width: 70px;
} */

/* #navigation ul.dropdown>li:nth-child(6)
{
	/* width: 58px;
	width: 80px;
}*/

#navigation ul.dropdown>li:nth-child(7)
{
	border-right: none;
}

#navigation ul.dropdown>li:nth-child(1)
{
	padding-left: 0px;
}

/* #navigation2 ul.dropdown>li:nth-child(1),#navigation2 ul.dropdown>li:nth-child(6)
{
	width: 75px;
} */

/* #navigation2 ul.dropdown>li:nth-child(1)
{
	width:220px;
}

#navigation2 ul.dropdown>li:nth-child(2)
{
	width: 130px;
} */



/* #navigation2 ul.dropdown>li:nth-child(7)
{
	width: 90px;
} */


#navigation ul li a, #navigation2 ul li a
{
	text-decoration:none;
	color: #3e5820;
}

#navigation ul li:hover>a
{
	color:#a5bd24;
}

#navigation2 ul li:hover>a
 {
	color:white;
}

#navigation>li:last-child,#navigation2>li:last-child
{
	border-right: none;
}

.selected{
	color: #a5bd24;
}





ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
/*  margin: 0;
 padding: 0; */
}

ul.dropdown {
 position: relative;
 z-index: 597;
 /* float: left; */
}

ul.dropdown li {
 float: left;
 min-height: 1px;
 line-height: 1.3em;
 vertical-align: middle;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
 background: url("../images/background.jpg") no-repeat;
 width:160px;
 margin-left:-40px;
 line-height:30px;
 text-align:left;
 padding-left:10px;
 border-top: 1px dashed #3e5820;
  -moz-box-shadow: 8px 8px 12px rgba(000,000,000,0.5);
	-webkit-box-shadow: 8px 8px 12px rgba(000,000,000,0.5);
		box-shadow: 8px 8px 12px rgba(000,000,000,0.5);
}


ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


/********************  HEADER  ********************/

header{
	/* background: url("../images/header_background4.jpg") no-repeat; */
	width:100%;
	/* height: auto; */
	height: auto;
	margin:0;
	padding:0;
	/* margin-top:40px; */
	margin-bottom:20px;
/* 	position: relative; */
}

header img{
width:100%;
height:auto;
}

header hgroup{
	background-color: rgba(255,255,255,0.7);
	width: 450px;
	height: 175px;
	padding-left: 20px;
}

#header_contenu{
	width: 450px;
	position: absolute;
	top: 62px;
}

header h1{
	font-family: la_chatanormal, Arial, Tahoma, serif;
	font-size:40px;
	padding-top: 35px;
	padding-bottom:10px;
	color: #31431a;
}

header h2{
	font-family: la_chatanormal, Arial, Tahoma, Sans-serif;
	color: white;
	font-size: 35px;
	padding-bottom: 10px;
	-moz-text-shadow: 1px 2px 2px rgba(000,000,000,0.5);
		-webkit-text-shadow: 1px 2px 2px rgba(000,000,000,0.5);
			text-shadow: 1px 2px 2px rgba(000,000,000,0.5);
}

header h3{
	font-family: Arial, Tahoma, Sans-serif;
	color: #31431a;
	font-size: 15px;
	font-weight: bold;
}

header h2:last-child{
	padding-bottom:15px;
}


.ombre
{
/*   -moz-box-shadow: 8px 8px 12px rgba(000,000,000,0.5);
	-webkit-box-shadow: 8px 8px 12px rgba(000,000,000,0.5);
		box-shadow: 8px 8px 12px rgba(000,000,000,0.5);  */

  -moz-box-shadow: 4px 4px 5px rgba(000,000,000,0.5);
	-webkit-box-shadow: 4px 4px 5px rgba(000,000,000,0.5);
		box-shadow: 4px 4px 5px rgba(000,000,000,0.5);
}


#header_interieur{
	width: 960px;
	margin: auto;
	position: relative;
}


/********************  CONTACT  ********************/

/* #contact{
	float: right;
	position: absolute;
	top: 200px;
	left: 1205px;
	background-color: rgba(255,255,255,0.7);
	width: 220px;
} */

#contact{
	/* position: fixed; */
/* 	position: absolute;
	top: 200px;
	left: 1205px; */
	background-color: rgba(255,255,255,0.7);
	width: 240px;
}

#contact a{
	color: #2d4018;
}

#contact a:hover{
	color: #a5bd24;
}

.icone_contact{
	float: left;
}

#h1_contact{
	color: white;
	text-align:center;
	font-family: la_chatanormal, Arial, Tahoma, Sans-serif;
	background-color:#97bc23;
	background:-webkit-gradient(radial, 0 0, 0, 100 -257, 465, from(#82b71b), to(#2d4018));
}

#contact_titre h1{
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 5px;
}

#contact_contenu{
	padding: 15px;
	padding-bottom: 25px;
}

#contact_contenu p{
	font-family: Arial, Tahoma, Sans-serif;
	font-size: 13.5px;
	color: #31431a;
	line-height: 1.3em;
}

#contact_contenu h2{
	font-family: la_chatanormal,Arial, Tahoma, Sans-serif;
	font-size: 18px;
	color: #2d4018;
	font-weight: bold;
}


/********************  CONTENU  ********************/
.clear{	clear:both;}

.goutiere
{
	padding-right:220px; /* permettre � la fen�tre contact de glisser � droite sans chevauchement */
}


#sliderAccueil
{
	margin-top:200px;
	width:960px;
	height:180px;
	margin:0 auto;
	opacity:0.7;
}

#imageAccueil1,#imageAccueil12,#imageAccueil13
{
  position:relative;
}

#imageAccueil1 img,#imageAccueil12 img, #imageAccueil13 img
{
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#imageAccueil1 img.top:hover ,#imageAccueil2 img.onTheTop:hover,#imageAccueil3 img.top:hover
{
  opacity:0;
}


#bloc1
{
	float:left;
	margin-bottom:20px;
}

#enfantGigogne
{
	float:right;
	margin-top:-20px;
}

#presente2
{
	margin-right:20px;
	background-color: rgba(226,230,127,0.3);
	width:600px;
	height:150px;
	/* float:left; */
}

#photo1
{
	float:right;
	display:block;
	margin-left:40px;
}

#bloc1b
{
	margin-top:40px;
}
#photo2
{
	float:left;
	display:block;
	margin-top:80px;
}

#citationGandhi
{

	margin-left:40px;
/* 	float:left; */
	margin-top:20px;
	/* float:left; */
/* 	clear:both;
	position:absolute;
	left:200px;
	top:200px; */
}

#texte1
{
	margin-top:40px;
	width:440px;
	text-align:center;
}


#bloc1c
{
	float:right;
	margin-top:70px;
	width:200px;
	height:200px;
	background: url("../images/background.jpg") no-repeat;
	position:relative;
}

#bloc1cc
{
	margin-top:20px;
	margin-left:20px;
	width:200px;
	height:160px;
	/* background: url("../images/background.jpg") no-repeat; */
	position:relative;
}


.h1contact
{
	color: white;
	text-align:center;
	font-family: la_chatanormal, Arial, Tahoma, Sans-serif;
	background-color:#97bc23;
	background:-webkit-gradient(radial, 0 0, 0, 100 -257, 465, from(#82b71b), to(#2d4018));
	line-height:24px;
	padding-top:4px;
}

#mailImg
{
	position:absolute;
	top:40px;
	left:20px;
}

#mailTxt
{
	position:absolute;
	top:20px;
	left:70px;
	font-weight: bold;
}

#mailLien
{
	position:absolute;
	top:60px;
	left:70px;
	font-weight: bold;
}

#mailLien a
{
	color: #3e5820;
}

#mailLien a:hover
{
	color:#97bc23;
}

#telImg
{
	position:absolute;
	top:100px;
	left:20px;
}

#telTxt
{
	position:absolute;
	top:80px;
	left:65px;
	font-weight: bold;
}

#telNum
{
	position:absolute;
	top:120px;
	left:70px;
	font-weight: bold;
	color: #3e5820;
}

#voirPageContact
{
	margin-left:40px;
	margin-top:-15px;
}

#ligneAllegorie
{
	margin-left:5px;
	margin-top:10px;
	height:7px;
	color:#31431a;
	background-color:#31431a;
}

#ligneQuiSuisJe
{
	margin-left:5px;
	margin-top:10px;
	height:7px;
	color:#dcda00;
	background-color:#dcda00;
}

#lignePratique
{
	margin-left:5px;
	margin-top:10px;
	height:7px;
	color:#f151f0;
	background-color:#f151f0;
}

#ligneDeonthologie
{
	margin-left:5px;
	margin-top:10px;
	height:7px;
	color:#5d6eaa;
	background-color:#5d6eaa;
}

#ligneLiens
{
	margin-left:5px;
	margin-top:10px;
	height:7px;
	color:#9dc32d;
	background-color:#9dc32d;
}



#contenu{
	max-width:960px;
	margin:auto;
	/* overflow: hidden; */
	/* position:relative; */
	margin-bottom:100px;
	/*height:1000px;*/
}

#contenu h1:not(.h1contact){
	font-family: la_chatanormal, Arial, Tahoma, Sans-serif;
	font-size: 25px;
	padding-bottom: 5px;
	color: #3e5820;
	font-weight: bold;
}

#contenu h2{
	font-family: Arial, Tahoma, Sans-serif;
	font-size: 20px;
	padding-bottom: 5px;
	color: #a5bd24;
	padding-top:20px;
}

#contenu h3{
	font-family: la_chatanormal, Arial, Tahoma, Sans-serif;
	font-size: 20px;
	padding-bottom: 5px;
	color: #a5bd24;
	background-color: rgba(255,255,255,0.5);
	padding-left:20px;
}

#contenu p{
	font-family: Arial, Tahoma, Sans-serif;
/* 	background-color: rgba(255,255,255,0.5);
	padding: 15px;
	text-align: justify; */
}


#contenu p:not(.noteBasDePage){
	font-size: 14.5px;
	line-height: 1.5em;
}


#contenu p:not(.citations)
{
	color: #31431a;
}

.vert_fonce{
	color: #2c402f;
}
.blanc{
	color: white;
}
.center{
	text-align: center;
}

#contenu .bold{
	font-weight: bold;
}

#contenu section{
	/* margin-top: 30px; */
}

#contenu section p, #contenu section h1, #contenu section h3{
	padding: 15px;
}

#contenu section h1{
	padding-top: 8px;
	padding-bottom: 8px;
}

.troiscolonnes{
	float: left;
	width: 310px;
	margin-right: 15px;
 }

 .troiscolonnes2{
	float: left;
	width: 310px;
	margin-right: 15px;
 }
 .deuxcolonnes{
 	float:left;
 	width:465px;
 	margin-right:15px;
 }
 .text-center{
 	text-align: center;
 }

 .first-images{
 	margin-right:30px;
 }


#contenu section.last{
	margin-right: 0px;
 }

#contenu section.troiscolonnes2 p{
	padding: 0px;
	text-align: center;
 }

 #images_center{
	margin: auto;
 }


 #contenu ul:not(.slides,.flex-direction-nav)
 {
	margin : 0;
	padding:0;
	list-style-type:circle;
/* 	background-color: rgba(255,255,255,0.5);
	background: url("../images/background.jpg") no-repeat; */
	padding-right:40px;
	padding-left:40px;
	padding-top:10px;
	padding-bottom:10px;

 }

 #contenu ul li:not(.noteBasDePage)
 {
 	font-family: Arial, Tahoma, Sans-serif;
	font-size: 13.5px;
	text-align: justify;
	line-height: 1.3em;
	color: #31431a;
	padding-bottom:5px;
}



.noteBasDePage
{
	font-family: Arial, Tahoma, Sans-serif;
	font-size:0.8em;
	line-height:1em;
	color: #31431a;
}

.liens
{
	float:left;
	margin-left:30px;
}

.liens img
{
	width:270px;
	height:auto;
}

#allegorieTxt
{
	float:left;
	width:75%;
	margin-bottom:20px;
}

#lesPapillons
{
 	float:left;
	padding-left:20px;
	width:200px;
	padding-top:40px;
	padding-bottom:20px;
	overflow:hidden;
}

#lesPapillons img
{
	/* display:block; */
	/* float:left; */
	width:80%;
	height:auto;
	padding-bottom:10px;
}

#quiTxt
{
	float:left;
	width:75%;
	margin-bottom:20px;
	margin-top:20px;
}

#quiImg
{
 	float:left;
	padding-left:20px;
	width:200px;
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
}

#quiImg img
{
	/* display:block; */
	/* float:left; */
	width:100%;
	height:auto;
	padding-bottom:10px;
}

#deonthologieTxt
{
	float:left;
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
}

#liensTxt
{
	float:left;
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
}

#mesFormations
{
	/*padding-top:80px;*/
	clear:both;
}

#enfantGigogneTxt
{
	float:left;
	width:65%;
	margin-bottom:20px;
	margin-top:20px;
}

#enfantGigogneImg
{
 	float:left;
	padding-left:20px;
	width:300px;
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
}

#enfantGigogneImg img
{
	width:100%;
	height:auto;
	padding-bottom:10px;
}

#pourquoiConsulter
{
	padding-top:20px;
	clear:both;
}


#pourquoiImg
{
	float:right;
	width:300px;
	height:auto;
	padding-bottom:10px;
	padding-top:40px;
}

#contactAccueil
{
	clear:both;
	width:960px;
	/*height:80px;
	 position:relative; */
}

#mailAccueilImg
{
	float:left;
	margin-left:40px;
}

#mailAccueilTitre
{
	float:left;
	margin-left:30px;
	margin-top:-10px;
}

#mailAccueilTxt
{
	float:left;
	margin-left:20px;
	margin-top:10px;
}

#telAccueilImg
{
	float:left;
	margin-left:60px;
}

#telAccueilTitre
{
	float:left;
	margin-left:30px;
	margin-top:-10px;
}

#telAccueilTxt
{
	float:left;
	margin-left:30px;
	margin-top:10px;
}


/********************  FOOTER  ********************/

footer{
	height:115px;
	clear: both;
	/* background-color: rgba(146,187,47,0.9); */
	background-image: url("../images/footer_background.jpg");
}

footer p{
	text-align: center;
	font-family: Arial, Tahoma, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding-top: 15px;
}

#wrapper footer a{
	text-decoration:none;
	color: white;
}

#wrapper footer a:hover{
	color: #a5bd24;
}

#footer960{
	width: 960px;
	margin: auto;
}

#webcake:hover{
	opacity: 0.4;
}

/**************************************************** prioritaires ***********************************/
.citations
{
	font-style:italic;
	margin-bottom:20px;
	/* color: #6e9c1a; */
}

#coordonnees
{
	background-color: rgba(255,255,255,0.5);
	height:440px;
	width:300px;
	float:left;
}

#div_carte {
	float:left;
	height : 300px; /* IMPERATIF */
	width : 600px;
	/* margin : auto; */
	/* border : 1px solid #888; */
	/* padding-top:20px; */
	/* margin-left:300px; */
}