*{
	margin:0;
	padding:0;
}

body {
	background-color: #811453;
}

#papa {
	background-color: #850606;
	width:1200px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 2px 2px 10px #000;
	margin: auto;
}

#papaB {
	background-color: #FFA500;
	width:1200px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 2px 2px 10px #000;
	margin: auto;
}

#auto{
	width: 1169px;
	margin: auto;
}

#papaB p {
 color: #000;
 }

 #papaB img {
 box-shadow: 2px 2px 10px #000;
  }

  #papaC {
	background-color: #cc3399;
	width:1200px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 2px 2px 10px #000;
	margin: auto;
}

 #papaC img {
 box-shadow: 2px 2px 10px #000;
  }

    #papaD {
	background-color: #FFA07A;
	width:1200px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 2px 2px 10px #000;
	margin: auto;
}

#papaD p {
 color: #000;
 }

 #papaE {
	background-color: #008B8B;
	width:1200px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 2px 2px 10px #000;
	margin: auto;
}

 #papaE img {
 box-shadow: 2px 2px 10px #000;
  }

 #papaF {
	background-color: #66CDAA;
	width:1200px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 2px 2px 10px #000;
	margin: auto;
}

 #papaF img {
 box-shadow: 2px 2px 10px #000;
  }

#papaF p {
 color: #000;
 }

#papaG {
	background-color: #9400D3;
	width:1200px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 2px 2px 10px #000;
	margin: auto;
}

#papaH {
	background-color: #F4661B;
	width:1200px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 2px 2px 10px #000;
	margin: auto;
}

#nouveau2015 {
	width: 600px;
	margin-bottom: 0px;
	float: left;
	}

#nouveau2017 {
	margin-bottom: -4px;
	float: left;
}

#nouveau2015 img{
	margin-bottom:-4px;
	}

#nouveau2018 {
	/*width: 600px;
	height: 672px;
	box-shadow: 2px 2px 10px #000;*/
	float: left;
	}

#menu {
	width:1180px;
	height:25px;
	margin:auto;
}

.rectoo {
	margin-left: -655px;
}



.boitelien {
	display:block;
	width:120px;
	height:24px;
	text-align:center;
	font-size:20px;
	font-family:trebuchet MS;
}

#programme {
}

.boitelien22 {
	display:block;
	width:90px;
	height:24px;
	text-align:center;
	font-size:20px;
	font-family:trebuchet MS;
}

#coc {
	width: 500px;
	border:1px solid #ccc;
	border-radius: 10px;
	margin:20px 0 20px 150px;
	padding: 10px;
}
#coc h3{
	font-size: 1.3em;
}
#coc p{
	text-align: left;
	color: black;
	font-size: 1.1em;
}
#coc p a{
	text-align: center;
	display: block;
}

.noir {
color: #000;
font-weight: bold;
}

.boitelien44 {
	display:block;
	width:120px;
	height:35px;
	text-align:center;
	font-size:20px;
	font-family:trebuchet MS;
}

li {
	float:left;
}

a {
	text-decoration:none;
}

a.actifation:link, a.actifation:active, a.actifation:visited{
	color: #fff;
	border-top: 2px solid #4b0082;
}

	 a:link, a:active, a:visited {
	color:#ccc;
}

 a:hover {
	color:#fff;
	border-top: 2px solid #4b0082;
}

.dessous:hover{
	color: #fff;
	border-bottom: 2px solid #4b0082;
}

 a.lien2:link, a.lien2:active, a.lien2:visited {
	color:#4b0082;
	font-weight:bolder;
}

 a.lien2:hover {
	color:#d6002d;
}

 a.lytebox:link, a.lytebox:active, a.lytebox:visited {
	color:#fff;
}

 a.lytebox:hover {
	color:#4b0082;
}

.lienactif {
	color:#d6002d;
}

 a.camion:link, a.camion:active, a.camion:visited {
	color:#4b0082;
	font-weight:bolder;
}

 a.camion:hover {
	color:#d6002d;
}

ul {
	list-style-type:none;
	margin-left: 20px;
}

#titre {
	width:900px;
	height:100px;
	margin: 20px auto;
}

#titre h1 {
	float: left;
	margin: 0 180px 0 300px;
	}

	#titre img {
	float: left;
	}

#titre p {
	margin-left:10px;
	font-weight:bold;
	font-size:18px;
}

 #titre a.lien:link, #titre a.lien:active, #titre a.lien:visited {
	color:#e1d761;
}

 #titre a.lien:hover {
	color:#910d07;
}

#logo {
	width:69px;
	height:104px;
	margin:10px 0 0 682px;
	float:left;
}

h1 {
	font-size:45px;
	font-family:trebuchet MS;
	color:#ccc;
	text-align:center;
	text-shadow: rgba(255,255,255,1) 0 2px 0;
}

.r1 {
	font-size:20px;
	text-shadow: rgba(255,255,255,0) 0 2px 0;
}

.reduc {
	font-size:22px;
}

#centre {
	width:600px;
	float: left;
}

#centre img {
	margin: 20px 0 0 200px;
	}

#temoignage {
	width: 1200px;
	float: left;
}

#temoignage p {
	color: #000;
	font-size: 20px;
}

#t1 {
	width: 600px;
	margin: auto;
}

#t2 {
	width: 600px;
	float: left;
}

#news2 {
	width: 50px;
	height: 185px;
	border-left: 2px solid #4b0082;
	margin-top: 130px;
	margin-left:-60px;
	float: left;
	}

#news3 {
	height: 202px;
	border-left: 2px solid #4b0082;
	margin: 0px 0 0 305px;
	float: left;
	}

#news333 {
	height: 202px;
	border-left: 2px solid #4b0082;
	margin: 0px 0px 0 556px;
	float: left;
}

#news398 {
	height: 202px;
	border-left: 2px solid #4b0082;
	margin: 0px 0px 0 20px;
	float: left;
}

#news3981 {
	height: 202px;
	margin: 0px 0px 0 200px;
	float: left;
}

#news398 li {
	clear: both;
}

#news3331 {
	height: 202px;
	border-left: 2px solid #4b0082;
	margin: 60px 0px 0 556px;
	float: left;
}

#news3331 li{
	clear: both;
}

#news6 {
	height: 202px;
	border-left: 2px solid #4b0082;
	margin-left: 50px;
	float: left;
}

#news6 li{
	clear: both;
}

#news2 li{
	clear: both;
}

#news66 {
	height: 202px;
	border-left: 2px solid #4b0082;
	margin-left: 250px;
	float: left;
}

#news66 li{
	clear: both;
}

#news3 li{
	clear: both;
}

#news333 li{
	clear: both;
}

.boitelien222 {
	display:block;
	width:200px;
	height:40px;
	font-size:20px;
	font-family:trebuchet MS;
	font-style:italic;
	margin-left: 10px;
}

.boitelienfort {
	display: block;
	width:120px;
	height:30px;
	font-size:22px;
	font-family:trebuchet MS;
	font-style:italic;
	margin-left: 10px;
	border: 1px solid #fff;
}

.violet {
	color: #4b0082;
	font-size: 23px;
}

#both {
clear: both;
}

#pub {
	width:179px;
	min-height:10px;
	background-color:#55bab7;
	border:2px double blueviolet;
}

#presentation {
	width:300px;
	height:100px;
	float:left;
}

h2 {
	font-size:25px;
	font-family:trebuchet MS;
	color:#000;
	text-align:center;
}

#titre3 {
	width:350px;
	margin:auto;
}

.r2 {
	font-size:10px;
}

p {
	font-size:18px;
	font-family:trebuchet MS;
	color: #ccc;
	text-align: center;
}

#programme {
	width:196px;
	height:50px;
	border:2px double blueviolet;
	margin:-105px 0 0 345px;
	padding-top:10px;
	float:left;
}

#cadre {
	margin:1px 0 0 9px;
}

#accroche {
	width:410px;
	text-shadow: rgba(255,255,255,.4) 0 1px 0;
	border-top: 2px solid #4b0082;
	margin:auto;
}

#accroche a.lien:link, a.lien:active, a.lien:visited {
	color:#fff;
	font-weight:bolder;
}

#accroche a.lien:hover {
	color:#d6002d;
}

.proverbe {
	font-size:16px;
	color:#d6002d;
	text-align:center;
}

#pied {
	width:800px;
	height:40px;
	padding-top:70px;
	margin:auto;
	clear:both;
}

#mention {
	width:800px;
	height:20px;
	margin:20px auto;
	clear: both;
}

.signature {
	font-size:14px;
	margin:10px 0 0 7px;
	text-align:center;
	float:left;
}

.zoompub {
	width:40px;
	height:40px;
	float:left;
	margin:0px 0 0 185px;
}

.zoompub img {
	width:32px;
	height:32px;
}

.zoompub img:hover {
	width:40px;
	height:40px;
}

#mention a:link,#mention a:active,#mention a:visited {
	color:#4b0082;
}

/*psychophonie*/

#centre2 {
	width:562px;
	height:500px;
	float:left;
}

#centre22 {
	width:600px;
	/*margin:20px auto;*/
	float: left;
}

#nouveau2016 {
	margin: 120px 0 0 160px;
	float: left;
	}

.rouge22 {
	color:#c05017;
}

#encadre {
	width:600px;
	min-height:300px;
	background-color:#000;
	border:1px double blueviolet;
	text-align:center;
}

#texte {
	width:480px;
	height:500px;
	text-align:center;
	margin:auto;
	clear:both;
}

#texte98 {
	width:480px;
	height:530px;
	text-align:center;
	margin:auto;
	clear:both;
}

#texte98b {
	width:480px;
	height:600px;
	text-align:center;
	margin:auto;
	clear:both;
}

#texte98A {
	width:480px;
	height:850px;
	text-align:center;
	margin: auto;
 clear: both;
}

#textef {
	width:480px;
	text-align:center;
	margin:auto;
	clear:both;
}

#texte22 {
	width:600px;
	margin:auto;
}

#texti {
	width:461px;
	min-height:150px;
	margin:auto;
	background-image:url(image/rose.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

h4 {
	font-size:20px;
	font-family:trebuchet MS;
	font-style:italic;
	font-weight:lighter;
	text-align:center;
}

/*chanter*/

h3 {
	font-size:18px;
	font-family:trebuchet MS;
	font-style:italic;
	font-weight:lighter;
}

#centre222 {
	width:500px;
	margin:20px 20px 0 0;
	float: left;
}

/*intervenante*/

#centre226 {
	width:500px;
	/*margin:-470px 0 0  693px;*/
	/*margin:20px auto;*/
	float: left;
}

#bri {
	margin-left:-145px;
}

#bri h2 {
	text-align:center;
}

/*Bibliographie*/

#centre33 {
	margin: auto;
}

/*femmes*/

#femme {
	width:400px;
	margin-left:-110px;
}

#femme h2 {
	text-align:center;
}

.weck {
	font-family:arial;
	font-size:10px;
}

.couleur {
	color:#000;
	font-weight: bold;
}

#milieu h2 {
	text-align:center;
}

#milieu {
	width:420px;
}

.boitelien2 {
	display:block;
	width:90px;
	height:23px;
	text-align:center;
	font-size:16px;
	font-family:verdana;
	background-color:#8a78a6;

}

.boitelien21 {
	display:block;
	width:90px;
	height:23px;
	text-align:center;
	font-size:16px;
	font-family:verdana;
	background-color:#8a78a6;
	border-radius:30px;
	margin-left:200px;

}

.boitelien3 {
	display:block;
	width:90px;
	height:23px;
	text-align:center;
	font-size:16px;
	font-family:verdana;
	background-color:#8a78a6;
	margin-left:370px;
}

.mois {
	color:#70249c;
}

.musique {
	color:#c05017;
	font-size:16px;
}
/*Atelier*/

#centre221 {
	width:600px;
	margin:20px auto;
	float: left;
}

/*stage psychophonie*/

#papa2 {
	width:600px;
}

/*danses*/
#centre3 {
	width:900px;
	min-height:10px;
}

#danse {
	width:809px;
	height:1084px;
}

#encadre2 {
	min-width:450px;
	min-height:300px;
	margin-left:17px;
}

/*contact*/

.antispam { display:none;}

#encadre3 {
	width:655px;
	min-height:303px;
	background-color:#55bab7;
	border:1px double blueviolet;
	margin-left:116px;
}

#texte2 {
	width:420px;
	min-height:10px;
	margin-left:92px;
}

#texte2 h2 {
	text-align:center;
}

#texte2 h3 {
	text-align:center;
}

#texte2 p {
	font-size:16px;
	text-align:center;
}

.calage {
	float:left;
	width:150px;
	margin-left:30px;
	font-family:trebuchet MS;
	font-style:italic;
	font-size:17px;
	color:#ccc;
}

.style4 {
	Color:#c05017;
	font-size:16px;
}

.style5 {
	font-family:verdana;
	Color:#c05017;
	font-size:13px;
	margin-left:30px;
}

#site {
	width:540px;
	min-height:10px;
	float: left;
}

#centre268 {
	width:600px;
	height:500px;
	float:left;
}

#centre2 {
	float: left;
}

#site h2 {
	text-align:center;
}
#galerie2 {
	width:500px;
	height:400px;
	margin-left:70px;

}

#galerie2 a:link,#galerie2 a:active,#galerie2 a:visited {
	color:#55bab7;
}

.zoom {
	width:120px;
	height:133px;
	margin:20px 0 0 30px;
	float:left
}

.zoom img {
	width:100px;
	height:100px;
}

.zoom img:hover {
	width:120px;
	height:133px;
}

.zoom2 {
	width:120px;
	height:139px;
	margin:20px 0 0 2px;
	float:left
}

.zoom2 img {
	width:100px;
	height:100px;
}

.zoom2 img:hover {
	width:120px;
	height:139px;
}

.zoom3 {
	width:120px;
	height:123px;
	margin:20px 0 0 2px;
	float:left
}

.zoom3 img {
	width:100px;
	height:100px;
}

.zoom3 img:hover {
	width:120px;
	height:123px;
}

.zoom4 {
	width:120px;
	height:125px;
	margin:20px 0 0 2px;
	float:left
}

.zoom4 img {
	width:100px;
	height:100px;
}

.zoom4 img:hover {
	width:120px;
	height:125px;
}

.zoom5 {
	width:120px;
	height:120px;
	margin:0px 0 0 30px;
	clear:both;
	float:left;

}

.zoom5 img {
	width:100px;
	height:100px;
}

.zoom5 img:hover {
	width:120px;
	height:120px;
}

.zoom6 {
	width:120px;
	height:120px;
	margin:0px 0 0 2px;
	float:left;
}

.zoom6 img {
	width:100px;
	height:100px;
}

.zoom6 img:hover {
	width:120px;
	height:120px;
}

.zoom7 {
	width:120px;
	height:133px;
	margin:0px 0 0 2px;
	float:left;
}

.zoom7 img {
	width:100px;
	height:100px;
}

.zoom7 img:hover {
	width:120px;
	height:133px;
}

.zoom8 {
	width:120px;
	height:83px;
	margin:0px 0 0 30px;
	float:left;
}

.zoom8 img {
	width:100px;
	height:83px;
}

.zoom8 img:hover {
	width:120px;
	height:83px;
}

.zoom9 {
	width:120px;
	height:70px;
	margin:0px 0 0 2px;
	float:left;
}

.zoom9 img {
	width:100px;
	height:70px;
}

.zoom9 img:hover {
	width:120px;
	height:70px;
}

#itineraire {
	width:90px;
	min-height:2px;
	border:2px solid #fa8c00;
	margin:30px auto;
}

#itineraire p {
	padding:5px 0 5px 0;
	text-align:center;
	font-weight:bolder;
}

/*liste*/

#encadre h3 {
	color:#c05017;
}

#encadre strong {
	color:#4b0082;
}

/*eutonie*/

#titre2 {
	width:900px;
	height:70px;
}

#titre2 h1 {
	padding:0 0 0 190px;
}

#bandeeuto {
	width:1120px;
	min-height:95px;
	/*background-image:url(image/bandeeuto.jpg);
	background-repeat:no-repeat;*/
	margin:auto;
}

#menu2 {
	width:1120px;
	height:25px;
	margin:auto;
}

#menu3 {
	width:900px;
	height:25px;
	margin:10px 0 0 28px;
}

 #menu3 a.lien:link, a.lien:active, a.lien:visited {
	color:#fff;
	font-weight:bolder;
}

 #menu3 a.lien:hover {
	color:#d6002d;
	font-weight:bolder;
}

#menu3 .lienactif {
	color:#d6002d;
	font-weight:bolder;
}

#basgauche p  {
	color:#ccc;
	font-size:16px;
}

#basgauche h1  {
	color:#4b0082;
}

#basgauche h2  {
	color:#c05017;
}

#basgauche h3  {
	color:#ccc;
}

#texte3 {
	width:300px;
	min-height:10px;
	float: left;
}

#texte333 {
	width:420px;
	min-height:10px;
	margin-top: -240px;
	float: left;
}

#textecassis {
	width:420px;
	height: 500px;
	min-height:10px;
}

#centrecassis {
	width:420px;
	min-height:10px;
	margin-top: -240px;
	float: left;
}

#basgauche {
	width:900px;
	min-height:10px;
	background-color:#000;
	margin:auto;
	border-radius:30px;

	background-image:url(image/coinbg.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#footer {
	height:50px;
}

#basdroit {
	background-image:url(image/coinbd.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:3% 3% 3% 3%;
}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #ccc;
	margin-bottom: 20px;
	padding: 0;
}

		#galeriecc img {
			border: solid #ccc 1px;
			width:50px;
			height:50px;
		}

#galeriecc {
	width:500px;
	margin-bottom: -6px;
	float: left;
}

		#minihaut {
			width:600px;
			margin:auto;
		}

		#minihaut img {
			border: solid #ccc 1px;
			width:50px;
			height:50px;
		}

#galerie {
	float: left;
}

.boiteimg {
	display:block;
	width:100px;
	height:90px;
	/*margin-left:-10px;*/
}

		#minigauche {
			float: left;
			width: 56px;
		}

		#minigauche img {
			border: solid #ccc 1px;
			width:50px;
			height:50px;
		}

		#minidroite {
			float: right;
			width: 56px;
		}

		#minidroite img {
			border: solid #ccc 1px;
			width:50px;
			height:50px;
		}

		#grande {
			float: left;
			width: 650px;
			height: 903px;
			overflow: hidden;
		}

		#grande img {
			display: block;
			margin: 20px auto 0 auto;
		}

.clear {
	clear: both;
	margin: 5px 0 0 -65px;
}

#phot1 {
	margin:0px 0 0 5px;
	float:left;
}

#phot2 {
	margin:0px 0 0 5px;
	float:left;
}

#valentin {
	width:860px;
	height:613px;
	margin: auto;
}

#video {
	width:560px;
	margin-left: -30px;
	float: left;
}

/*inscription*/

#inscription {
	width:500px;
	height:550px;
	background-color:#fdd99f;
	margin:-20px auto;
}

#inscription img {
	width:110px;
	margin:10px auto;
}

.noir2 {
	color:#000;
	font-size:16px;
}


#texte4 {
	width:500px;
	min-height:10px;
	margin:54px 0 0 68px;
}

.calage2 {
	float:left;
	width:150px;
	margin-left:20px;
	font-family:verdana;
	font-size:16px;
	color:#000;
}

#logo2 {
	width:94px;
	min-height:10px;
	margin:20px auto;
}

.accroche2 {
	font-size:22px;
	color:#840365;
	text-align:center;
}

/*desinscription*/

#aller {
	width:160px;
	min-height:10px;
	margin:20px auto;
}

#aller  a:link, #aller  a.lien:active, #aller  a.lien:visited {
	color:#e2001a;
}

#aller  a.lien:hover {
	color:#6c1f4d;
}

#aller  p {
	text-align:center;
}

/*Newsletter*/

#bouton {
	width:130px;
	height:31px;
	text-align:center;
	margin-left:651px;
	clear:both;
}

#bouton a {
	display : block;
	background-repeat:no-repeat;
	line-height:31px;
}

 #bouton a:link,  #bouton a:active,  #bouton a:visited {
	background-image:url(image/bouton3.png);
}

 #bouton a:hover {
	background-image:url(image/bouton4.png);
}

/*Groupe de chant*/

		#grandegroupe {
			float: left;
			width: 650px;
			height: 650px;
			margin-left:45px;
			overflow: hidden;
		}

#groupe {
	width:200px;
	height:46px;
	text-align:center;
	margin:10px 0 0 600px;
}

.souligne {
	text-decoration:underline;
	padding-top:7px;
}

  #groupe a:link, #groupe a:active, #groupe a:visited {
	color:#910d07;
	}

  #groupe a:hover {
	color:#e2001a;
}



/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {

	#titre, #titre h1, #papa, #centre, #news2, #coc, #menu, #temoignage, #mention, #t1, #t2{
		max-width: 100vw;
		margin: 0px;
		float: none;
	}

	#papa{
		padding: 10px;
	}

	#coc{
		max-width: 90vw;
		margin: 0;
		padding: 0;
	}
	#menu{
		height: auto;
	}
	img{
		max-width: 90vw;
	}

	#centre img{
		width: 150px;
		margin: auto;
		text-align: center;
	}


	.boitelien, .boitelien22{
		float: none;
		width: auto;
	}


}