/* Paramètres généraux */
body 		{background:url('../images/bg-repeat.png');}
.center 	{margin:0 auto;}
img 		{max-width:100%; display:block;}
strong 		{border-bottom:1px dotted gray;}
p 			{line-height:1.5em;}
table 		{background:white; margin:0 auto; padding: 5px;}
th 			{font-size:1.2em; padding:5px; font-weight:bold;}
td 			{text-align:center; padding:10px 0; font-weight:400;}

/* Typo Titres & Menus */
body 					{font-family: 'Roboto Slab', serif; font-weight:400; color:#231f20;}
.titles a, header nav 	{font-family:"league_gothicregular";}
header nav 				{font-size:2.125em;}
nav, .titles a 			{text-transform:uppercase;}
.titles a 				{font-size:3.75em; display:block;}
.titles div 			{font-size:0.75em; margin:-5px 0 0 5px; letter-spacing: 0.03em}
h1, h2 					{font-family: 'Oswald', sans-serif; color:#ececec; font-size:1.25em; text-transform:uppercase;line-height:1.625em;}
h2 						{font-size:1em;}
h3 						{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size:1.25em; line-height:1.625em;}
.main-prog h3 			{font-size:0.8em;}
footer nav 				{font-family: 'Roboto Slab', serif; font-weight:400; margin:0 0 35px 0;}

/* Couleurs & bordures */
.border 		{border-top:5px solid;}
.news-travaux 	{border-color: #ff0066; color: #ff0066;}
.news-cepegra 	{border-color: #726db2; color: #726db2;}
.news-web 		{border-color: #57b3c7; color: #57b3c7;}
.news-tips 		{border-color: #98d614; color: #98d614;}
.formateurs 	{border-color: #003f70;}

/* Nav */
nav 			{text-align:center;}


/* Links */
a 			{text-decoration:none;}
.titles a 	{color:#231f20;}
nav a 		{color:#231f20; text-decoration: none;}
h3 a 		{color:#231f20;}

.text a 				{color:#deff00; text-decoration: none;}

.main-prog article h3 	{color:#231f20;}
footer div p a 			{color:#d90f42; text-decoration:none;}

/* Containers */
header 						{margin:30px 0 0 0;}
header nav 					{margin:30px 0;}
header nav a 				{display:block;}
.active 					{color:#d91042;}
header nav ul 				{width:50%; margin:0 auto;}
.logo 						{width:300px; overflow:hidden;}
.logo img 					{float:left; margin:5px 0 0 0;}
.titles 					{float:right;}

.main-hp, .main-prog 		{font-size:0.875em}
.main-hp:after 				{content:'';display:block;clear: both;}
.main-prog 					{overflow: hidden}

.low-rez 								{width:90%; margin:25px auto 0 auto; max-width:900px;}
.text 									{background:#231f20; color:#ececec; overflow: hidden;}
.text h2,.text h1, .text p, .text ul 	{margin:25px;}
.text ul 								{margin-left:50px; list-style: decimal; line-height:1.6em;}


/* Articles */

article a 							{color:#231f20;}
				
.main-hp article 					{overflow:hidden;}
.main-hp article div,			
.main-prog article div 				{background:white; overflow: hidden;}
.link-article 						{text-decoration:none;}

/* On affiche pas les images des petites news en responsive : */
.main-hp article img 				{display:none;}
.main-hp article.big-article 		{max-width:900px;}
.main-hp article.big-article img  	{display:block;}
.main-hp article span, .left-column-news span	{display:block;}
.main-hp article h3,
.main-hp article p,
.main-hp article span, .left-column-news h3, .left-column-news p, .left-column-news span {margin:25px;}
.main-hp article p 					{color:#383b3d;}
.published 							{color:#bbbbbb; text-align:right; font-size:0.6875em; font-weight:400;}

/* Page programme */
.main-prog .left-column-prog article 	{width:90%; margin:25px auto;}
.main-prog .left-column-prog img 		{display:none;}
.main-prog .left-column-prog div 		{max-width:900px; margin:0 auto;}
.main-prog .left-column-prog div h3 	{line-height:50px; text-align:center; font-size:1.6em;}

/* Page selections */
.left-column-selections div 														{background:white; margin:25px auto 25px auto; overflow:hidden;}
.left-column-selections div:first-child 											{margin:0 auto 25px auto;}
.left-column-selections img 														{border-bottom:5px solid #d91042;}
.left-column-selections p, .left-column-selections h2, .left-column-selections ul 	{margin: 25px;}
.left-column-selections p, .left-column-selections ul								{color:#231f20;}
.left-column-selections h2 															{font-size:1.6em; color:#231f20;}
.left-column-selections ul															{line-height: 1.5em; list-style: decimal; margin-left:50px;}
.left-column-selections nav {text-transform: none; height:50px;position:relative;}
.left-column-selections nav a {position: absolute; bottom:25px; font-style: italic;}
.left-column-selections nav a:first-child {left:25px;}
.left-column-selections nav a:first-child:before {content:"‹"; margin:0 15px 0 0;font-style: italic;}
.left-column-selections nav a:last-child:after {content:"›"; margin:0 0 0 15px;font-style: italic;}
.left-column-selections nav a:last-child {right:25px;}


.left-column-prog img+.low-rez p {margin:25px 0;}
.right-column-prog {margin:0 0 20px 0;}
.right-column-prog strong {color:#ffcb31; border:none;} 
.right-column-prog .text ul {list-style:disc;}

/* Page news */
.left-column-news article {width:auto; margin:0 0 25px 0;}
.left-column-news h3 {font-size: 1.25em;}
.left-column-news article img {display:none;}

/* Footer */
footer 					{background:white; border-top:5px solid #003f70; font-size:0.75em; overflow:hidden;}
footer.low-rez 			{margin:100px auto 0 auto;}
footer img, footer div 	{margin:25px;}
footer img 				{float:left;}
footer a+img 			{float:right;}
footer div 				{text-align: center}
footer img+img 			{float:right;}
.footer-text 			{text-align:center;}

/* Formulaire */
label 					{display:block;}
input, select, textarea {font-family:'Roboto Slab'; font-size:14px; border:1px solid #6ab1c3; border-left:5px solid #6ab1c3; outline:none; padding:10px; width:100%; box-sizing:border-box; -webkit-transition: border-color 0.3s ease-in-out;-moz-transition: border-color 0.3s ease-in-out;-o-transition: border-color 0.3s ease-in-out;transition: border-color 0.3s ease-in-out;}
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus, input.error, textarea.error {border-color:#FB0448;}
input[type="submit"] 	{border:none; cursor:pointer; background-color: #f5f5f5; border: 1px solid #dedede;}
textarea 				{min-height:200px;}
form p 					{margin:0 0 15px 0; position:relative;}

label.error {position:absolute; color:#FB0448; font-size:12px; top:0px; right:0;}

/* Google Map */
iframe {border:0; box-sizing:border-box; padding:25px; width:100%; height:500px;}

/* Menu responsive */
.bt-responsive {cursor:pointer; display:inline-block; border:1px solid rgba(35,31,32, .3); padding:7px 5px 5px 5px; border-radius:5px; margin:0 0 10px 0;}
.bt-responsive:hover, .pouet {color:#F7F7F7; background:rgba(35,31,32, .9);}
header nav ul 			{display:none;}

.backtop 		{cursor:pointer; border-radius:50%; background:url('../images/back-top.png') no-repeat center #231f20; position:fixed; bottom:-50px; right:10px; width:50px; height:50px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.backtop:hover 	{background:url('../images/back-top.png') no-repeat center white;}

/* Pour les versions écran, c'est ci-dessous ! */ 
@media screen and (min-width:1120px) {

nav li 						{display:inline;}
header nav li 				{background:url('../images/separator.png') no-repeat right center; padding:0 10px 0 0;}
header nav li:last-child 	{background:none;}
header nav a 				{display:inline-block;}
header nav ul 				{width:auto; display:block;}

nav a			{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
nav a:hover 	{color:#d91042;}
span a:hover 	{border-bottom: 1px dotted}
.text a 		{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.text a:hover 	{color:white;}

/* Colonage */
.left-column-hp 				{float:left; width:550px; position:relative;}
.left-column-hp article>a		{display:block;width: 550px; height:153px; overflow:hidden; position:relative;}
.left-column-hp article>a img 	{position:absolute; top:50%; left:50%; margin-left:-450px; margin-top:-125px; max-width: none;}
.right-column-hp 				{float:right; width:525px;}
.right-column-hp article>a 		{display:block; width:250px; height:250px; overflow: hidden; position:relative;}
.right-column-hp article>a img 	{position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-150px; max-width:none;}


.left-column-prog, .left-column-news 		{float:left; width:800px;}
.left-column-selections {float:left; width:775px;}
.right-column-prog 		{float:right; width:300px;}

.poney 			{width:100px; height:100px; background:url('../images/badge.png') no-repeat; background-size:contain; position: absolute; top:-60px; left:-60px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.poney:hover 	{-webkit-transform:rotate(-345deg);-moz-transform:rotate(-345deg);-ms-transform:rotate(-345deg);transform:rotate(-345deg); width:180px; height:180px; top:-140px; left:-140px;}

.main-hp article 		{-webkit-transition: all 0.3s ease-in-out .3s;-moz-transition: all 0.3s ease-in-out .3s;-o-transition: all 0.3s ease-in-out .3s;transition: all 0.3s ease-in-out .3s;}
.main-hp article img 	{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.main-hp article h3 	{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.main-hp article.big-article p 		{-webkit-column-count: 2; -webkit-column-gap: 50px;-moz-column-count: 2; -moz-column-gap: 50px;-ms-column-count: 2; -ms-column-gap: 50px;-o-column-count: 2; -o-column-gap: 50px;column-count: 2; column-gap: 50px;}

.main-prog .left-column-prog img {display:inline-block;}
.main-prog figure {margin:0 0 20px 0;}

.main-hp article:hover img 					{opacity:0.5; transform:scale(0.9);}
.main-hp .left-column-hp article:hover img 	{opacity:0.5; transform:scale(0.8);}
.main-hp article:hover 						{border-bottom-right-radius: 30px}
.main-hp article:hover h3 					{padding:0 0 0 5px;}



/* Anti responsive */
	/* Homepage */
	.low-rez 											{width:auto; max-width:none; margin:0 0 25px 0;}
	.main-hp, footer.low-rez, .main-prog 				{width:1100px; margin:0 auto;}
	.main-hp article img 								{display:block;}
	
	.main-hp .right-column-hp article:nth-child(odd) 	{width:250px; float:left; margin:0 25px 25px 0;}
	.main-hp .right-column-hp article:nth-child(even) 	{width:250px; float:right;}

	/* Programme */
	.left-column-prog 										{overflow: hidden;}
	.main-prog .left-column-prog article 					{width:175px; float:left; margin:0 25px 25px 0;}
	.main-prog .left-column-prog article img 				{display:block; width:auto; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
	.main-prog .left-column-prog article div 				{width:auto; height:60px; line-height:60px; text-align:center;}
	.main-prog .left-column-prog article div h3 			{width:165px; vertical-align: middle; display:inline-block; line-height: normal; font-size:0.8em;}
	.main-prog .left-column-prog article:hover img 			{opacity:0.5;}

	.left-column-news article {width:46.875%; float:left; margin: 0 25px 25px 0;}
	.left-column-news article img {display:block;}

/* Formulaire */
form.low-rez 						{margin:25px 25px 0 0; font-size:0;}
form.low-rez p 						{display:inline-block; width:45%; font-size:16px;}
form.low-rez p:nth-child(odd) 		{margin:0 10% 0 0;}
form.low-rez p:nth-child(5) 		{display:block; width:100%;}
form.low-rez p:nth-child(6) 		{display:block; margin:0 auto; width:25%; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
form.low-rez p:nth-child(6):hover 	{width:28%;}

input[type="submit"]:hover {background-color: #E6EFC2;border: 1px solid #C6D880; color:#529214;}

/* Menu responsive */
.bt-responsive {display:none;}
}

/* Pour les versions toutes petites, c'est ci-dessous ! */

@media screen and (min-width:551px) and (max-width:1119px) {
	nav li 						{display:inline;}
	header nav li 				{padding:0 10px 0 0;}
	header nav li:last-child 	{background:none;}
	header nav a 				{display:inline-block;}
	header nav ul 				{width:auto; display:block;}
	.bt-responsive {display:none;}
}

@media screen and (max-width:550px) {

	.main-hp article.big-article p {-webkit-column-count: 1; -webkit-column-gap: 50px;-moz-column-count: 1; -moz-column-gap: 50px;-ms-column-count: 1; -ms-column-gap: 50px;-o-column-count: 1; -o-column-gap: 50px;column-count: 1; column-gap: 50px;}
	.footer-text:before {content:''; display:block; clear:both;}
	.footer-text li {display:inline-block;}
}

@media screen and (max-width:375px) {
	.main-prog .left-column-prog div h3 {font-size:1.2em;}
	footer {text-align:center;}
	footer img, footer a+img {float:none; display:inline;}
	.right-column-hp article p {display:none;}

}
@media screen and (max-width:320px) {
	.main-prog .left-column-prog div h3 {font-size:1em;}
	.footer-text li {display:block;}
}
@media screen and (max-width:250px) {
	.main-prog .left-column-prog div h3 {font-size:0.8em;}
}