/**************************************************************
 STAD Renovation (www.stad-renovation.fr)
 Copyright 2020-2020 Develop'it
 
 Version : 1.0.0
 Date    : 16/10/2020
 Fichier : css/Screen.css
**************************************************************/

/*
@import url('https://fonts.googleapis.com/css2?family=Exo&family=PT+Sans&display=swap');

font-family: 'Exo', sans-serif;
font-family: 'PT Sans', sans-serif;
*/

.clearfloat:after, .clearfloat:before {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

/*************************** General ***************************/
body {
	margin-top:0px;
}
@media only screen and (max-width:1023px) { /* medium */
	body {
		margin-top:0px;
	}
}
@media only screen and (max-width:639px) { /* small */
	body {
		margin-top:0px;
	}
}
body, input, textarea, select {
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	color: rgba( 80, 80, 80, 1.0 );
}
::selection{
	background:rgba( 140, 140, 140, 1.0 );
	color:rgba( 255, 255, 255, 1.0 );
}

::-moz-selection{
	background:rgba( 140, 140, 140, 1.0 );
	color:rgba( 255, 255, 255, 1.0 );
}
*:focus {
    outline: none;
}
p {
	text-align:justify;
}

a {
    color: rgba( 156, 141, 199, 1.0);
}

a, a:hover, input, img, .animated {
    -webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
a:hover, a:focus {
	color:rgba( 255, 53, 46, 1.0);
	text-decoration:underline;
}
a:active, a:hover {
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	margin: 0 0 1em 0;
}
h1 {
	display:block;
	line-height: 1.2em;
	margin-top:30px;
	margin-bottom:60px;
	color: rgba( 0, 70, 153, 1.0);
	font-size: 24px;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
}
h1::after {
	content:"";
    display: block;
	background-color: rgba( 0, 70, 153, 1.0);
    height: 2px;
    position: relative;
    width: 30px;
	left: calc( 50% - 15px);
	top:13px;
}
h2 {
	line-height: 1.2em;
	margin-top:20px;
	margin-bottom:20px;
	color: rgba( 0, 70, 153, 1.0);
	font-size: 18px;
	font-weight:600;
	text-transform:uppercase;
}

h3 {
	display:block;
	font-weight:normal;
	font-size: 16px;
	margin: 0;
	margin-top:20px;
	margin-bottom:8px;
	color: rgba( 80, 80, 80, 1.0);
	font-weight:600;
	text-transform:uppercase;
}
h4 {
	font-size: 20px;
	font-weight:600;
	text-align:center;
	margin: 0;
	margin-top:20px;
	margin-bottom:20px;
}
h5 {
	font-size: 20px;
	font-weight:600;
	text-align:center;
	margin: 0;
	margin-bottom:1em;
}

ul, ol {
	list-style-type:disc;
	margin-bottom:1.5em;
}
ul li {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

ul li ul {
list-style-type:disc;
list-style: '- ';
}
ul li ul li {
	font-size:0.9em;
	margin-top: 0.0em;
	margin-bottom: 0.0em;
}
p + ul.icons {
	margin-top: -1.6em;
}
ul.icons li {
	padding:0;
}
ul.icons li.icon:before {
	margin-right:0.25em;
	font-size:0.8em;
}
.Petit {
	font-size:0.8em;
}
.Majuscule {
	text-transform:uppercase;
}
.ErreurSaisie {
	color: #CC0000;
	font-size:13px;
    padding: 0;
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: rgba( 239, 248, 253, 0.75 );
}


/*************************** section ***************************/
section {
	background: rgb( 254, 254, 254 );
	margin:0;
	padding:30px 40px 70px 40px;
	position: relative;
}
section.SansPadding {
	padding:0;
}

section.FondGris {
	background-color:rgb( 240, 240, 240 );
}
section.FondGrisClair {
	background-color:rgb( 238, 242, 246 );
}
section.FondGrisFonce {
	background-color:rgb( 30, 30, 30 );
	color:rgb( 254, 254, 254 );
}


@media only screen and (max-width:1023px) { /* medium */
}

@media only screen and (max-width:639px) { /* small */
	section {
		padding:40px 10px;
	}
}


/*************************** Logo ***************************/
#Temp h1 {
	display:none;
}
#Temp h2 {
	display:none;
}
#Temp h3 {
	color: rgba( 10, 10, 10, 1.0 );
	font-size:24px;
	margin-bottom:60px;
}
#Temp img.Logo {
	max-width:300px;
	margin-bottom:60px;
}