@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');

body 				{margin:0;background:#EEEEEE;color:#222222;font-size: 1em;font-family: 'Comfortaa', cursive;font-weight: 300;}

#facebook a{display:block;}
#facebook a			{background:url("/img/PrestigeConstruction-Photovoltaique-LOGO.png") center top no-repeat;height:95px;} 
#footer				{width:100%;background:none;}

.header				{width:100%;background:#CCCCCC; height:150px; position: fixed; top:0px;}
.header img 		{max-height: 150px;}


#logo-site		{background:transparent url("/img/as-monacollection-300-2020.png") center top no-repeat;height:85px;width:220px;position: absolute; margin:0 auto 0 auto;top: 0px; left: 5px;z-index:20;}

p					{text-align:justify;}
nav					{margin:0 auto 0 auto;width:100%;position:relative;z-index:19;}
.menu-button		{width:100%;background-color:#cccccc;text-align:center;padding:2px;font-size: 1em;}
#menu				{width:100%;margin:15px auto 0 auto;background:none;height:40px;position:relative;font-family: 'Oswald', sans-serif;font-weight:700;font-size: 1em;
-moz-box-shadow: 2px 2px 5px 0px #656565;
-webkit-box-shadow: 2px 2px 5px 0px #656565;
-o-box-shadow: 2px 2px 5px 0px #656565;
box-shadow: 2px 2px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
z-index:20;}
#menu li			{margin:0;list-style:none;font-weight:700;font-size: 1em;}
#menu a				{color:#ffffff;text-decoration:none;}
#menu a:hover		{color:#000000;}

#slider				{text-align:center;margin:0 auto 0 auto;width:100%;background:none; position:relative;}
.slider_acc			{position:relative;margin:0 auto;top:0;left:0;width:1200px;height:340px;overflow: hidden;}
.container_slider	{cursor:move;position:absolute;left:0;top:0;width:1200px;height:340px;overflow:hidden;}
.titre_slider, .texte_slider {position:absolute;width:480px;height:120px;left:30px;padding:5px;text-align:left;color: #FFFFFF;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.90);}
.titre_slider		{top:30px;line-height:60px;text-transform:uppercase;font-size:50px;}
.texte_slider		{top:100px;line-height:36px;font-size:30px;}
h1, h2, h3, h4		{font-weight: 700;font-family: 'Oswald', sans-serif;}
section 			{ width:100%;background-color:#FFFFFF;position:relative;padding:10px;z-index:99;-moz-box-shadow: 2px 2px 5px 0px #656565;
-webkit-box-shadow: 2px 2px 5px 0px #656565;
-o-box-shadow: 2px 2px 5px 0px #656565;
box-shadow: 2px 2px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);}
#page				{position:relative;z-index:10;background-color:#FFFFFF;}
h1, h2 				{margin-top:0; margin-bottom:1em;color:#c10110;}
h1 {font-size:2em;}
h2 					{font-size:2em;margin-top: 2rem;}
a 					{ text-decoration:none;}


.clear				{clear:both;}
.block_foot			{font-family: 'Comfortaa', cursive;}


.orange				{background-color:#ed7a44;}
.marron				{background-color:#492618;}
.blanc				{background-color:#ffffff;}
.vert				{background-color:#0066CC;}
.bleu				{background-color:#80a0bd;}
.gris				{background-color:#cccccc;}
.gris_fonce			{background-color:#999999;}
.anthracite			{background-color:#24292d;}

.text_orange		{color:#ed7a44;}
.text_marron		{color:#492618;}
.text_blanc			{color:#ffffff;}
.text_vert			{color:#0066CC;}
.text_bleu			{color:#80a0bd;}
.text_gris			{color:#cccccc;}
.text_gris_fonce	{color:#999999;}
.text_anthracite	{color:#24292d;}

.cadre_orange		{border:solid 4px #ed7a44;}
.cadre_marron		{border:solid 4px #492618;}
.cadre_blanc		{border:solid 4px #ffffff;}
.cadre_vert			{border:solid 4px #0066CC;}
.cadre_bleu			{border:solid 4px #80a0bd;}
.cadre_gris			{border:solid 4px #cccccc;}
.cadre_gris_fonce	{border:solid 4px #999999;}
.cadre_anthracite	{border:solid 4px #24292d;}

.radius5			{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.radius10			{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.radius15			{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}

.justify			{text-align:justify;}

.carte				{width:100%;height:250px;text-align:center;}
.markerdiv			{width:180px; height:80px;color:#492618;}
.markerdiv h3		{color:#80a0bd;}

.block_1, .block_2, .block_left, .block_right, .block_left_2, .block_right_2	{display:block;margin:10px;padding:10px;}
.bloc_style ul		{}
.bloc_style	li		{list-style:disc;padding:20px;margin-right:0;}
.block_2 h2, .block_2 h3, .block_1 h3, .block_2 h4	{display:block;color:#29140c;padding:10px 0 10px 0;margin:10px 0 10px 0;}
.block_2 h3, .block_1 h3			{border-bottom:solid 1px #29140c;}
.liste				{display:block;float:left;width:80%;margin-top:5px;}
.price				{color:#29140c;display:block;float:left;text-align:right;width:20%;margin-top:5px;}
.detail				{font-size:0.7em;font-style:italic;display:block;}

/* PRESTATIONS */
.prestations		{}
.prestations ul 	{width:450px;}
.prestations ul li span	{display:block;float:right;width:80px;text-align:right;}

#actualites			{width:100%;display:block;}
	.bloc_actualites	{display:block;margin:5px 5px 0 5px;padding:5px;width:100%;height:340px;background:#80a0bd;color:#ffffff;position:relative;}
	.bloc_actualitesplus		{position:absolute;right:5px;bottom:5px}
	#actualites .bloc_actualites img {margin:0 auto;width:200px;height:150px;border:solid 1px #ffffff;}

/* ACTUALITES */
	.image_actu					{width:300px;}
	.image_actu_defaut			{display:none;}

/* CONTACT
	#contact_form, #admin_form 				{width:100%;}
	#contact_txt 				{margin-left:470px;width:390px; border-left:solid #222222 2px; padding-left:10px;text-align:center;} 
	#contact					{width:100%;text-align:left;}
	#contact p					{margin:5px 0px 5px 0px; padding:0;}
	#contact label				{width:100%;text-align:left; color:#000000;}
	#contact label span, #contact .italic span {color:#80a0bd; }
	#contact input				{background:#ededed;border:2px #222222 solid;color:#333;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0; padding:0; width:100%; height:32px;}
	#contact input[type=radio] {margin:0; padding:0; width:30px; height:30px;}
	#contact textarea		{background:#ededed;border:2px #222222 solid;color:#333;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0; padding:0; width:100%; height:100px;}
	#contact input:focus, #contact textarea:focus, #contact input[type=button]:hover {border:2px #c10110 solid; }
	#contact .italic			 {margin:10px 0 0 0;font-size:0.9em; font-style: italic; color:#999;}
	#contact .submit			{margin:10px 0 0 0; }
 */
/* UPLOAD */
.container {overflow:hidden;width:960px;margin:20px auto;}
.contr {background-color: #212121;color: #FFFFFF;padding: 10px 0;text-align: center;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;}
.upload_form_cont {
    background: -moz-linear-gradient(#ffffff, #f2f2f2);
    background: -ms-linear-gradient(#ffffff, #f2f2f2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background: -o-linear-gradient(#ffffff, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')";
    background: linear-gradient(#ffffff, #f2f2f2);

    color: #000;
    overflow: hidden;
}
.info 			{background-color: #EEEEEE;border: 1px solid #DDDDDD;float: left;font-weight: bold;height: 530px;margin: 20px;position: relative;width: 560px;}
.info > div 	{font-size: 14px;font-weight: bold;padding: 10px 15px 5px;}
.info > h2 		{padding: 0 15px;}
.info > canvas 	{margin-left: 15px;margin-bottom: 10px;}
.info #url 		{width: 400px;}
#dropArea 		{background-color: #DDDDDD;border: 3px dashed #000000;float: left;font-size: 48px;font-weight: bold;height: 530px;line-height: 530px;margin: 20px;position: relative;text-align: center;width: 300px;}
#dropArea.hover {background-color: #CCCCCC;}
#dropArea.uploading { background: #EEEEEE url(loading.gif) center 30% no-repeat;}
#result .s, #result .f {font-size: 12px;margin-bottom: 10px; padding: 10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#result .s 		{background-color: #77fc9f;}
#result .f 		{background-color: #fcc577;}
.modif_admin, .sup_admin, .publier, .salarieAjout	{text-indent:-200px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;border:none;width:25px;height:25px;}
.modif_admin	{background-color:#006600;}
.sup_admin		{background-color:#990000;}
.salarieAjout	{background-color:#4880DF;}

/* SAISON SUR ACCUEIL */

.liste_saison_t1	{margin:20px auto; text-align:left; width:95%;}
.saison_t1			{background-color:#bbbbbb;color:#222222;height:220px;margin:10px;-webkit-border-top-left-radius: 35px;-moz-border-radius-topleft: 35px;border-top-left-radius: 35px;background-size:cover; background-position: left center;background-repeat:no-repeat;border:solid 3px #c10110;}
.saison_t1_content	{font-size:0.8em;}
.bouton_saison		{background-color:#c10110;color:#222222;border:none; font-size:1.4em;}	
.liste_saison_t1 h2 {font-size:2.4em;color:#000;margin:170px 0 0 0;text-align:center;text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;}
.liste_saison_t1 h3 {font-size:2em;color:#000;margin:170px 0 0 0;text-align:center;text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;}
a.saison_t1_content, .bouton_saison	{height:220px;width:80%;color:#FFFFFF; display:block; opacity:1;-webkit-border-top-left-radius: 35px;-moz-border-radius-topleft: 35px;border-top-left-radius: 35px;position:absolute;  text-decoration:none;}
a.saison_t1_content:hover, .bouton_saison:hover {background-color: rgb(150, 150, 150);background: rgba(0, 0, 0, 0.6);}	

.bouton_saison_modif	{border-radius:38px 0 0 0 ;}
.image_saison		{margin:10px;border:solid 3px #222222;width:95%;-webkit-border-top-left-radius: 35px;-moz-border-radius-topleft: 35px;border-top-left-radius: 35px;}


.nomJoueur			{display:none;}
.nomJoueur2			{}


/* orientation */
@media (orientation: landscape) and (max-device-width: 800px) {
	html, body 		{-webkit-text-size-adjust: 100%;}
	
	
	
}
@media all and (min-width: 500px) {

		 
	.saison_t1, .bouton_saison			{height:300px;background-size: 200px 120px;}
	.liste_saison_t1 h2 {margin:220px 0 0 0;}
	.liste_saison_t1 h3 {margin:220px 0 0 0;}
	a.saison_t1_content, .bouton_saison	{height:300px;}	
	.backgroundsize{ background-size:cover;}
	.backgroundsize2{ background-size:cover;}
}

	

@media all and (min-width:800px) {
	body 				{}
	nav {width:750px;}
	#logo-site			{background:transparent url("/img/as-monacollection-900-2020.png") center top no-repeat;height:302px;width:355px;left:35px;top:20px;}
	section, .block_foot	{margin:0 auto 0 auto; text-align:center;}
	#menu				{height:50px;}
	#menu li			{display:inline;margin:0;font-size:0.9em;}
	#slider				{}
	.block_2 			{width:345px;float:left;}
	.block_left 		{width:445px;float:left;min-height:400px;}
	.block_right 		{width:245px;float:left;}
	
	.block_left_2 		{width:345px;float:left;min-height:300px;}
	.block_right_2 		{width:345px;float:left;}
	
/* ACTUALITES */
	.image_actu			{float:left;width:250px;}
	.texte_actu			{margin-left:260px;}
	.image_actu_defaut	{display:block;float:left;width:250px;}
	
	/* PRESTATIONS */
	.prestations ul 	{width:280px;}
	.prestations ul li span	{width:60px;}
	
	.bloc_actualites	{float:left;width:210px;height:280px;}

	/* SAISON SUR ACCUEIL */
	.liste_saison_t1	{width:700px;margin:10px auto; }	
	.saison_t1			{background-color:#ffffff;height:204px;width:204px;background-position: 50% center;background-size: auto auto;float:left;}
	.liste_saison_t1 h2 {font-size:2em;color:#FFFFFF;text-shadow: 2px 2px 2px black, -2px -2px 2px black;margin:10px 0 0 20px;}
	.liste_saison_t1 h3	{font-size: 2em;color:#FFFFFF;text-shadow: 2px 2px 2px black, -2px -2px 2px black;margin: 10px 0 0 20px;}
	a.saison_t1_content	{height:204px;width:204px;}
	.backgroundsize{ background-size:210px;}
	.backgroundsize2{ background-size:cover;}
	.maskh2{display:none;}
	.bouton_saison	{height:204px;width:204px;float:left;}
	
	.nomJoueur			{display:block;background: rgba(255, 255, 255, 0.8); position:absolute; bottom:0px;width:100%;color:#000;text-align:center;font-size:1.6em;height:25px;}
	.nomJoueur2			{display:none;}
	
}
@media all and (min-width:961px) {
	body 				{}
	nav {width:960px;}
	#logo-site			{background:transparent url("/img/as-monacollection-2020.png") center top no-repeat 95%;height:270px;width:320px;left:15px;}
	#menu				{background:none;margin:0 auto 0 auto;width:950px;}
	#slider, .container_slider		{width:940px;}
	section, .block_foot	{width:930px;}
	.block_2 			{width:445px;}
	.block_left 		{width:545px;}
	.block_right 		{width:345px;}
	
	.block_left_2 		{width:445px;}
	.block_right_2 		{width:445px;}
	
	/* CONTACT */
	#contact_form 				{float:left;width:520px;}
	#contact label				{float:left;width:180px;}
	#contact input,#contact textarea{width:300px;}
	#contact textarea			{width:300px;}
	#contact .italic, #contact .submit{margin:20px 0 0 180px;}
	
	/* PRESTATIONS */
	.prestations ul 	{width:360px;}
	.prestations ul li span	{width:80px;}
	


	/* SAISON SUR ACCUEIL */
	.liste_saison_t1	{width:900px;}	
	.saison_t1			{height:194px;width:194px;}
	.liste_saison_t1 h2 {font-size:1.8em;margin:166px 0 0 10px;}
	a.saison_t1_content	{height:194px;width:194px;}
	.bouton_saison, .bouton_saison_modif	{height:80px;width:855px;}
	.image_saison		{width:900px;}
	.backgroundsize{ background-size:cover;}

}
@media all and (min-width:1281px) {
	body 				{}
	nav 				{width:1200px;}
	#logo-site			{background:transparent url("/img/as-monacollection-2020.png") center top no-repeat;height:302px;width:355px;}
	#menu				{width:1200px;}
	#slider, .slider_acc, .container_slider		{width:1190px;}
	section, .block_foot	{width:1180px;}
	.block_2 			{width:570px;}
	.block_left 		{width:740px;}
	.block_right 		{width:400px;}
	
	.block_left_2 		{width:570px;}
	.block_right_2 		{width:570px;}
	.block_foot			{width:1200px;}
	
	#facebook a			{background:url("/img/aurore-coiffure-sur-facebook.png") center top no-repeat;height:130px;}
	/* CONTACT */
	#contact_form 				{width:100%;}
	
	#contact label				{width:200px;}
	#contact input,#contact textarea{width:420px;} 
	#contact textarea			{width:500px;}
	#contact .italic, #contact .submit{margin:20px 0 0 200px;}
	
	/* PRESTATIONS */
	.prestations ul 	{width:450px;}
	.prestations ul li span	{width:80px;}
	
	#actualites			{width:100%;display:block;}
	.bloc_actualites	{display:block;float:left;width:220px;height:340px;}
	#actualites .bloc_actualites img {margin:0 auto;width:200px;height:150px;border:solid 1px #ffffff;}
	
	/* SAISON SUR ACCUEIL */

	.liste_saison_t1	{width:1180px;}	
	.saison_t1			{height:260px;width:260px;}
	.liste_saison_t1 h2 {}
	
	a.saison_t1_content	{height:260px;width:260px;}
	.bouton_saison, .bouton_saison_modif	{height:100px;width:1120px;}
}