@font-face {
    font-family: 'Parisienne';
    src: url('img/parisienne-regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	/*Copyright (c) 2012 by Brian J. Bonislawsky DBA Astigmatic (AOETI)
(astigma@astigmatic.com), with Reserved Font Names Parisienne*/
}
@font-face {
    font-family: 'Roboto';
    src: url('img/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
/*Copyright Apache License - Version 2.0, January 2004 - http://www.apache.org/licenses/ */
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('img/CormorantGaramond-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
	/*Open Font License by Christian Thalmann*/
}
body{
margin: 0px;
padding: 0;
border: 0;
background-color: #fff;
color:#000;
font-family:  'Roboto', sans-serif; 
font-weight: normal;
font-size:14px;
display:flex;
flex-direction:column;
justify-content: space-between;
text-align:center;
overflow:auto;
background-image: url(img/bg_site.png);
background-color:#fff;
min-height:100vh;
}
a{text-decoration:none;color:#880702;}
h1{font-family:'Cormorant Garamond';font-size:48px;}
h2{font-family:'Cormorant Garamond';font-size:36px;}
h3{font-family:'Cormorant Garamond';font-size:18px;}
h4{font-size:18px;letter-spacing:1px;color:#880702;}
h5{font-size:16px;letter-spacing:1px;}
strong{
	letter-spacing:1px;
	color:#880702;
}
ul
{
	margin-left:-25px;
	list-style-type:square;
	text-decoration: none;
	list-style-position: outside;
}
li 
{
padding-bottom: 20px;
text-decoration: none;
}
img{
	border:none;
	vertical-align:middle;
}
hr{
width:100%;
height:4px;
border:0;
background:linear-gradient(to right ,#ffdeb0,#880702,#ffdeb0);
margin:20px 0 50px 0;
}
/* debut header */
header{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width: 100%; 

border-bottom:1px solid #880702;
}
#menu_haut{
width: 98%;
display:flex;
flex-direction:row;
justify-content:space-between;
}
.titre{
font-size:48px;
word-spacing:5px;
font-family:  'Cormorant Garamond', serif;
flex :1 1 auto;
}


.box_menu_haut{
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:flex-start;
}
.menu_haut_link {
	color:#ffffff;
	text-decoration: none;
	border-radius: 5px;
	cursor:pointer;
	background-color: #880702;
	padding:8px;
	margin-left:10px;
	font-variant:small-caps;
}
.menu_haut_link:hover,.menu_haut_link a:hover{
	background-color: #fff;
	color: #880702;
}
/* fin header */
/* navigation */
nav{
	width:100%;
	background-color:#880702;
	height:50px;
	color: #fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:flex-start;
	border-top:1px solid #880702;

}
.deroulant{
	text-transform: uppercase;
	letter-spacing:1px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:stretch;
	margin-left:10px;
	margin-right:10px;
}
.deroulant:last-child{
	margin-right:30px;
}
.fil_haut
{
	height:50px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	border-bottom:1px solid #880702;
}
.deroulant .fil_haut > a{
color: #fff;
}
.deroulant:hover {
	background-color:#fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.deroulant:hover .fil_haut a{
	color:#880702;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}
.branche_selection{
	background-color:#fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.deroulant > .branche_selection > a{
color:#880702;
padding-left:10px;
padding-right:10px;
}
/* nav sousmenu */
.sous{
	display:none;
	/*max-width:250px;*/
	background-color:#ffffff;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
	padding-top:5px;
	text-shadow:1px 1px 1px #eee;
}
nav > .deroulant:hover .sous{
    display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:stretch;
	z-index:10;
	
	
	
}
.sous p{
	
	background-color:#ffffff;
	border-bottom: 1px solid #cccccc;
	text-align:left;
	margin:5px;
	padding:5px;
}
.sous p:hover{
background-color:#eee;
}
.sous a{
color: #880702;
}

/*fin nav sousmenu*/

/* fin nav */
/* debut main */
main{
	flex:1 1 auto; /* main s etend sur la hauteur dispo */
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
section{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	width:98%;
	flex:1 1 auto;
	margin-bottom:20px;
}
article{
	display:flex;
	flex-direction:row;
	width:100%;
	flex:1 1 auto;
}
#acc_gauche{
	width:50%;
	background-image:url(img/bandeau.jpg);
	background-repeat:no-repeat;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items: center;
}
#pub1
{
	background-color:#fff;
	width:80%;
	margin-top:10px;
	animation: texte1 12s infinite;
}
#pub2
{
	background-color:#fff;
	width:80%;
	animation: texte2 12s infinite;
}
#pub3
{
	background-color:#fff;
	width:80%;
	animation: texte3 12s infinite;
}
#pub4
{
	background-color:#fff;
	width:80%;
	animation: texte4 12s infinite;
}
@keyframes texte1 {
   0%,24% {opacity:0.9;}
   25%,100%{opacity:0;}
 }
@keyframes texte2 {
   0%,24% {opacity:0;}
   25%,49%{opacity:0.9;}
   50%,100%{opacity:0;}
}
@keyframes texte3 {
   0%,49% {opacity:0;}
   50%,74%{opacity:0.9;}
   75%,100%{opacity:0;}
}
@keyframes texte4 {
   0%,74% {opacity:0;}
   75%,100%{opacity:0.9;}
}
#acc_droit
{
	width:50%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	margin-left:20px;
}
#vignettes{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items: center;
}
.etagere{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items: center;
	font-variant:small-caps;
	font-weight:bold;
	font-size:18px;
	letter-spacing:1px;
	margin-top:20px;
	margin-bottom:20px;
	
	flex-wrap:wrap;
}
.etagere a{
	color:#880702;
}
.cadre_fin{
border:1px solid #880702;
height:50px;
background-color:#fff;
opacity:0.95;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
margin:5px;
font-variant:small-caps;
	font-weight:bold;
	font-size:18px;
	letter-spacing:1px;
	color:#880702;
}
.theme{
width:200px;
height:200px;
background-repeat:no-repeat;
background-size:cover;
border:1px solid #880702;
box-shadow:3px 3px 15px #000;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items: stretch;
margin-bottom:20px;
margin-right:20px;
}

/* animation */
.boite1 {
			animation-name: bouge1;
			animation-duration: 1s;
			animation-iteration-count: 1;
			opacity:1;
			position:relative;
		}
		@keyframes bouge1 {
			0%    { opacity:0; left:-200px;top:-100px;}
			100%  { opacity:1; left:0px;top:0;}
		}
.boite2 {
			animation-name: bouge2;
			animation-duration: 1.5s;
			animation-iteration-count: 1;
			opacity:1;
			position:relative;
		}
		@keyframes bouge2 {
			0%    { opacity:0; left:-400px;top:-100px;}
			100%  { opacity:1; left:0px;top:0;}
		}
.boite3 {
			animation-name: bouge3;
			animation-duration: 2s;
			animation-iteration-count: 1;
			opacity:1;
			position:relative;
		}
		@keyframes bouge3 {
			0%    { opacity:0; left:-600px;top:-100px;}
			100%  { opacity:1; left:0px;top:0;}
		}

/* fin animation */

summary{
	cursor:pointer;
}
#paroisse_gauche{
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	letter-spacing:1px;
}
#paroisse_droite{
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items: stretch;
	letter-spacing:1px;
	margin-left:20px;
	flex-wrap:wrap;
}
.ligne{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:flex-start;
}
.paroisse_photo
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:flex-start;
}
.txt_gris
{
	color: #7F7F7F;
	font-style: italic;
}
#antenne_gauche{
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	letter-spacing:1px;
}
.antennes_droite
{
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	letter-spacing:1px;
	border:1px solid #000;
}
.antennes_photo
{
	flex: 1 1 auto;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:flex-start;
	margin-top:20px;
	flex-wrap:wrap;
	padding:10px;
}
.desc_antenne{

	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	text-align:justify;
}
.ligne3{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
}
#bib_gauche{
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:stretch;
}
aside{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-end;
	margin-left:30px;
	max-width:400px;
}
#box{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:stretch;
}
.box_titre {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: #880702;
text-decoration:none;  color : #ffffff;
height:35px; line-height: 35px;
align-self:flex-start;
}
.box_document_contenu {
	border-radius: 4px;
	border-top-left-radius: 0; 
	background-color:#eeeeee;  
	border:1px solid #cccccc;
	padding:6px;
	margin-bottom:20px;
}
.doc_box_item {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	background: #ffffff;
	border-radius: 4px;
	border:1px solid #cccccc;
	line-height:normal;
	text-align: left;
	min-height:41px;
	}
.doc_box_item_ico {width:40px; height:40px;background-repeat:no-repeat; background-position: center}
.doc_box_item_txt {margin-left: 5px; width:auto;padding-top:5px;padding-bottom:5px;margin-right: 10px;text-align:left;
}

/* fin main */

/* ca */
.conteneur_equipe{
display:flex;
flex-direction:row;
justify-content:flex-start;
flex-wrap:wrap;
}
#box_equipe{
margin-right:20px;
width: 150px;
text-align:center;
margin-bottom:50px;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
}
#statuts{
	text-align:left;
	width:80%;
}
#historique{
margin-right:20px;
text-align:left;
flex:0 1 80%;
}
.photo_historique
{
	height:160px;
	margin-right:20px;
	box-shadow: 0px 0px 10px #000;
	margin-bottom:20px;
}
form{
	/*max-width:90%;*/
}
#formulaire{
	min-width:900px;
	display:flex;
flex-direction:column;
justify-content:stretch;
align-items:flex-start;
margin-bottom:10px;
}
.onglet{
	text-transform: uppercase;
	background-color:#880702;
	color:#fff;
	letter-spacing:1px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:5px;
}
.epx{
	width:100%;
	display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
padding:5px;
box-shadow:2px 2px 10px #000;
}
#divers{
	width:100%;
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;

}
.parent{
	display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
}
.champ{
	display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex:1;
}
.tri{
	display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
background-color:#ffdeb0;
}
table {
	margin: 0px auto;
	border: 0px;
	border-collapse:collapse;
	empty-cells:show;
}
.tab_entete{
	background-color:#880702;
	color:#fff;
	white-space: nowrap;
	height:30px;
	border-radius:20px 20px 0px 0px;
}
.tab_result{
	font-size:16px;
	text-align:left;
	border-bottom: 1px solid #880702;
}
.tab_result td{
	padding-right:20px;
}
#affiche_details{
width:50%;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
font-size:16px;
}
#details_milieu{
display:flex;
flex-direction:row;
justify-content:center;
align-items:stretch;
text-align:left;
}
#affiche_mpf{
margin-right:50px;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
font-size:16px;
text-align:left;
}
.lui{
	border:1px solid #880702;
	flex:1;
	padding:10px;
}
.lui p{
	margin:3px 3px 10px 3px;
	
}
.an_seul{
	width:100%;
display:flex;
flex-direction:row;
justify-content:space-around;
align-items:center;

}
#ad{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	flex:1;
}
.releve_box{
width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items: flex-start;
	flex-wrap:wrap;
}
.theme_releve{
width:300px;
border:1px solid #880702;
box-shadow:3px 3px 15px #000;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items: stretch;
padding-bottom:5px;
background-repeat:no-repeat;
background-size:cover;
margin:20px;
}
.theme_releve p{
margin:3px;
padding:5px;
background-color:#ffdeb0;
}
#ouvert{
	display:none;
	width:500px;
	background-color:#ffffff;
	border:1px solid #880702;
	padding:5px;
	text-align: left;
}
#aide:hover #ouvert{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
position: absolute;
top:200px;
right:10px;
}
.item_publi{
	border:1px solid #ccc;
	box-shadow:5px 5px 10px #000;
	text-align:left;
	margin:0 0 20px 0;
	padding:5px;
}
.publi{
	display:flex;
flex-direction:row;
justify-content:space-between;
align-items:stretch;
}
.doc_publi{
	border:1px solid #cccccc;
	box-shadow:0 0 3px #cccccc;
	width:200px;
	margin: 0 0 10px 20px;
}
.contact_form{
	display:flex;
	flex-direction:row;
	justify-content: flex-end;
	align-items:center;
}
#liens{
	flex:1;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:50px;
}
.niveau2{
	margin:10px 10px 10px 0;
	padding:5px;
	color:#fff;
	font-size:18px;
	background-color:#880702;
	border-bottom: 1px solid #cccccc;
	text-align:left;
	
}
.niveau3{
	margin:5px 10px 5px 0;
	padding:5px;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items: stretch;
	border:1px solid #cccccc;
	box-shadow:2px 2px 5px #000;
	background-color:#ffffff;
	text-align:left;
}
.hauteur {
			animation-name: petit1;
			animation-duration: 5s;
			animation-iteration-count: 1;
			animation-timing-function: linear;
		}
		@keyframes petit1 {
			0%,50% {height:200px;}
			50%,100% {height:50px;}
		}

.tour_im{
	width:100px;
	border:1px solid #880702;
	box-shadow:3px 3px 15px #000;
	border-radius:10px;
}
#celebrites{
	flex:1;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:50px;
}
.box_celebrites{
margin-right:30px;
text-align:center;
margin-bottom:50px;
width:250px;
display:flex;
	flex-direction:column;
	justify-content:flex-start;
}
.txt_celeb{
	border-radius:10px;
	padding:20px;
	background-color:#ffffff;
	text-align:justify;
	border:4px solid #880702;
	position: absolute;
	width:700px;
	z-index:10;
	left:auto;
	right:30%;
	bottom:auto;
	top:auto;

}

#adh{
	flex:1;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
}
.expli_adh{
text-align:justify;
margin-bottom:10px;
width:450px;
border:1px solid #880702;
padding: 5px;
background-color:#fff;
}
.revue{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
flex:1;
}
.rgn_barre_haute {
	min-width:700px;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
border:1px solid #880702;
padding-left:5px;
padding-right:5px;
background:#ffdeb0;
color:#880702;
box-shadow: 2px 2px 5px #000;
border-radius:20px 20px 20px 20px;
margin-bottom:20px;
margin-top:10px;
}

.sommaire{
	width:100%;
	display:flex;
flex-direction:row;
justify-content:center;
align-items:stretch;
flex-wrap:wrap;
}
.boite_infos{
	display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:center;
}
.infos1{
	background-color:#880702;
	color:#fff;
	letter-spacing:1px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:5px;
	flex: 0 0 80px;
	margin-right:15px;
	font-weight:bold;
}
.infos2{
	
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:stretch;
	text-align:justify;
	margin-right:15px;
	width:800px;
}
#evenement{
	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items: flex-start;
	align-content:space-between;
}
.evenement_boite{
width:200px;
height:200px;
background-repeat:no-repeat;
background-size:cover;
border:1px solid #880702;
box-shadow:3px 3px 15px #000;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items: stretch;
margin:0 40px 20px 0;

background-image: url(evenements/feux_artifices.jpg);
}
.evenement_photo{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items: flex-start;
align-content:space-between;
}
.presse{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:stretch;
	box-shadow:2px 2px 5px #000;
	width:100%;
}
.presse1{
	background-color:#880702;
	color:#fff;
	letter-spacing:1px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:5px;
	flex: 0 0 80px;
	margin-right:15px;
	font-weight:bold;
}
.presse2{
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:stretch;
	text-align:justify;

}
#inscription{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
padding:5px;
margin:auto;
}
.voir{
	display:none;
	width:500px;
	background-color:#ffdeb0;
	border:1px solid #880702;
	padding:5px;
	text-align: left;
}
.consigne{
	display:inline-flex;
}
.consigne:hover .voir{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
position: fixed;
top:300px;
right:50px;
}
fieldset{
	border:1px solid #880702;
	margin-top:10px;
}
legend{
	background-color:#ffdeb0;
	font-size:18px;
}
/* module de recherche*/
.recherche
{
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;
margin:0px;
padding:0px;
height:50px;
}
.module_r{
display:flex;
	flex-direction:column;
	justify-content:flex-start;
	flex-wrap:nowrap;
	align-items:flex-end;
	margin-right:30%;
}
/* fin module de recherche*/
.cadre_gestion{
border:1px solid #880702;
height:100px;
background-color:#fff;
opacity:0.95;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
margin:5px;
font-variant:small-caps;
	font-weight:bold;
	font-size:18px;
	letter-spacing:1px;
	color:#880702;
}
.centre{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
}
.liste_gauche{
	width:300px;
text-align:right;
margin-right:10px;

}
.liste_droite{
	text-align:left;
	margin:0;
}
.gauche{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
}
.affiche_details{
	width:800px;
	margin:0 auto;
	font-size:14px;
	text-align:left;
	padding:50px;
}
#cartes{
	flex:1;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:50px;
}
.box_cartes{
margin-right:30px;
text-align:center;
margin-bottom:50px;
width:400px;
display:flex;
	flex-direction:column;
	justify-content:flex-start;
}
.tour_cartes{
	width:380px;
	border:1px solid #880702;
	box-shadow:3px 3px 15px #000;
	border-radius:10px;
}
.faire_part{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:stretch;
}

.resume {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	align-content:stretch;
	background: #ffffff;
	border-radius: 4px;
	border:1px solid #cccccc;
	text-align: left;
	}
.resume_txt {

	width:250px;
	margin:5px;
	text-align:left;
}
#form_patro{

display:flex;
flex-direction:column;
justify-content:stretch;
align-items:center;
margin-bottom:10px;
}
.patro{
width:500px;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
margin-bottom:20px;
padding:5px;
box-shadow:2px 2px 10px #000;
}






#reseau{
border-top:1px solid #880702;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
border-bottom:1px solid #880702;
}
/* pied de page */
footer {
	display:flex;
	flex-direction:column;
	justify-content: flex-end;
	width: 100%;
}
#pdp {
	width: 100%; 
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	background-color: #880702;
	color:#fff;
	padding-top:10px;
}
#pdp_gauche {
	width: 30%;
	text-align:left;
	margin-left:5px;
}
#pdp_mentions {
	margin-top:auto;
}
#pdp a{
	color:#ffffff;
	text-decoration:none;
}
#pdp_droit {
	width: 30%;
	text-align:right;
	margin-right:5px;
}
#alterne:nth-child(odd) {
	background-color:#ffdeb0;
}
input,select{
	border: 1px solid #880702;
	padding:2px 5px;
	margin:3px;
	border-radius: 5px;
	height:36px;
	background-color: #fff;
	font-size: 16px;
}
input:hover,select:hover {
	box-shadow: 0px 0px 5px #880702;
}
input[type="submit"]{
	background-color: #880702;
	color:#fff;
	
}
input[type="submit"]:hover{
	box-shadow: 0px 0px 5px #880702;
}
button{
	background-color: #880702;
	color:#fff;
	border: 1px solid #880702;
	padding:2px 5px;
	margin:0 5px 5px 5px;
	border-radius: 5px;
	height:36px;
	font-size: 16px;
}
button:hover{
	box-shadow: 0px 0px 5px #880702;
}
button a{
	color:#fff;
}