/* styles - Added to framework */

.email {
	font-style: italic;

}



/*
Mise en place du Header
*/
#header {
	background-color: #5D719E;
	color: #FFFFFF;
	min-height: 8rem;
	margin-left: 1rem;
	margin-top: 1rem;
	margin-right: 1rem;
    padding: 0 1rem 0 1rem ;
		
}

#logo {
    margin-top: 1.5rem ;
}


/*
Mise en place du Footer
*/
#footer {
/*	background-color: #FFFBC4; */
	height: 70px;
	margin-left: 1rem;
	margin-bottom: 1rem;
	margin-right: 1rem;
	border-top: 0.1rem solid #5D719E;
	border-bottom: 0.1rem solid #5D719E ;
	border-left: none ;
	border-right: none ;
	
	padding: 3px 3px 3px 3px ;
	
	
}

.notes {
	margin-left: 1rem;
	margin-bottom: 1rem;

}

.notes > p {
	font-size: 0.8rem ;
	color: #656a72 ;

}

#footer-right {
	margin-right: 2rem;
}

#footer-right > p {
	font-size: 1.1rem ;
	color: #656a72 ;

}


#footer-left {
	margin-left: 1rem;
}

#footer-left > p {
	font-size: 1.1rem ;
	color: #656a72; ;

}


#footer-center {
	text-align: center ;
/*	background-color: #00aecd ; */

}

#footer-center> p {
	font-size: 1.1rem ;
	color: #656a72 ;


}



/*
Mise en place du menu principal
*/

#main {
	min-height: 50rem;
	margin-left: 1rem;
	margin-right: 1rem;
	color: #656a72;
	
}


#submenu {
	min-height: 2rem;
	margin-left: 1rem;
	margin-right: 1rem;
	border-bottom: 0.1rem solid #7C8DB3 ;
	padding:0.05rem 0 0.05rem 0 ;
	
}

#option-list {
padding-left: 0px!important ;
	
}


.option {
	background-color: #5D719E ;
	list-style-type: none ;
	padding-top: 0.1rem;
	padding-bottom:0.1rem;
	margin: 0.2rem 0.25rem 0.2rem 0.25rem;
	width: 15rem;

}
.option > a {
	text-decoration: none ;
}

.option > a > p {
	font-weight: bolder ;
	color: #FFFDDD ;

}

.option:hover {
	background-color: #FFEBC4 ;
}

.option:hover a > p {
	color: #5D719E ;
}


/*
Mise en place du Corps
*/

#catalog {
	max-width: 105rem ;
	
}

.article-small, .article-large {
	margin-bottom: 2rem ;
	margin-left: 2rem ;
	border-top:solid 0.2rem #ECC880 ;
	border-bottom:none ;

}


.titre-article {
	color: #CFA756 ;

}
/****
Formulaire
****/
.data-entry {
	padding: 2rem 1.5rem 2rem 1.5rem ;
	border-top: solid 0.2rem #ECC880 ;
    border-bottom: solid 0.2rem #ECC880 ;
    border-left: none ;
    border-right: none ;
	margin: 1rem auto 1rem auto;

}

table.entry-table, table.entry-table>tbody {
    border :none ;

}

.antisp {
    display: none ;
    max-height: 0.2rem ;
    overflow: hidden;
}

td.entry-cell {
    vertical-align: middle;
    padding: 1rem 0 1rem 1rem ;
    border: none ;

}


.data-entry label {
    font-size: 1.2rem;
    font-family: Helvetica neue, arial;
    color: #cfa756 ;
    line-height: 2.5rem ;
}

.data-entry input, .data-entry textarea {
    font-size: 1.3rem;
    font-family: Helvetica neue, arial;
    color: #656a72;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 0.1rem;
}

.data-entry .entry-field {  border-color: #cfa756 ;  }
.data-entry .entry-error {  border-color: #ed1818 ;  }

.data-entry button {
    min-height: 2.5rem;
    min-width: 10rem;
    background-color: #cfa756;
    color: #ffffff;
    font-size: 1.1rem ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 0.1rem;



}


p.entry-error-message {
    color:  #ed1818;
    font-size: 1.1rem ;
    font-family: Helvetica neue, arial;

}

p.success {
    color:  #5d719e;
    font-size: 1.2rem ;
    font-family: Helvetica neue, arial;
    font-style: italic;

}


/*
Tableaux de référence
*/

td.ref {
    border: none ;
}


/*
Réseaux sociaux
*/



/* particularités suivant taille écran */
/* gestion du bouton menu dans le cas des petits écrans */

@media (min-width: 641px) {
	.desktop-only 		{ display: 	block; }
	#smartphone-menu 	{ display: 	none  }
	.smartphone-only	{ display: 	none ; }

	.article-small		{ 	width: 	50rem ; 
							min-height: 25rem ;	}

	.article-large		{ 	width: 	80rem ;
							min-height: 25rem ;	}



	p.intro 			{	font-size: 2.4rem;  }

    .soc .sec { display : none; }
    td.sec {display: inherit; }

    .data-entry textarea { height: 100px ; }

}

@media (max-width: 640px) {
	.desktop-only 							{ display: none ;	}
	.smartphone-only:not[class *= hidden] 	{ display: block ;	}
	.smartphone-only[class *= hidden] 		{ display: none ; }

	.article-small 							{ 	max-width: 40rem ; 
												min-height: 20rem ;	}
	.article-large 							{ 	max-width: 70rem ;
												min-height: 20rem ;	}

	p.intro 								{	font-size: 2rem;  }

    td.sec {display: none; }
    .soc .sec { display : inline ; }

    #logo                                   {   opacity: 0.8; }
    .data-entry textarea                     { height: 75px ; }

}