body
{
	width:100%;
	height:100%;
	margin: 0; padding: 0;
    font-family: "Catamaran", sans-serif;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

.material-symbols-outlined {
    display: inline-flex;
    vertical-align: top;
}

#conteneur
{
	float:left;
	padding:0 0 40px 0;
	width:100%;
}

a.lienC, a:link.lienC, a:visited.lienC, a:hover.lienC, input[type=button], input[type=submit] { background: #60972c; color: #FFF; text-decoration: none; padding: 10px 20px; }

#conteneur p, #conteneur ul li
{
	font-family :"Catamaran", sans-serif;
	font-size: 14px; line-height: 22px;
	text-align: justify;
}

#conteneur ul {
	list-style-type : square;
}


#colonneGauche {
	
}

a.lienG:link, a.lienG:visited { display: block; background: #60972c; padding: 10px 20px; color: #FFF; text-decoration: none; font-weight: 700; margin-top: 2px }
a.lienG:hover { display: block; background: #4a7521; padding: 10px 20px; color: #FFF; text-decoration: none; font-weight: 700; margin-top: 2px }

#colonneGauche a.bouton, #colonneGauche a.bouton:visited {
	font-size: 15px;
	font-family :"Catamaran", sans-serif;
	margin: 0 0 3px 0; 
	padding: 20px 10px;
	background-image:linear-gradient(white, #c0c0c0);
	border-bottom: 1px solid #fff;
	color: #000;
	text-decoration: none;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	text-align: center;
	text-shadow: 0 -1px 0 #fff;
}

#colonneGauche a.bouton:hover {
	font-size: 15px;
	font-family :"Catamaran", sans-serif;
	margin: 0 0 3px 0; 
	padding: 20px 10px;
	background-image:linear-gradient(white, #60972c);
	color: #000;
	text-decoration: none;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	text-align: center;
	text-shadow: 0 -1px 0 #fff;
}

#colonneGauche a.boutonon {
	font-size: 15px;
	font-family :"Catamaran", sans-serif;
	margin: 0 0 3px 0; 
	padding: 20px 10px;
	background-image:linear-gradient(white, #60972c);
	color: #000;
	text-decoration: none;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	text-align: center;
	text-shadow: 0 -1px 0 #fff;
}


#titre
{
	float:left;
	width:100%;
	margin-top:250px;
	font-family :"Catamaran", sans-serif;
	font-size: 12px;
}
#titre input
{
	padding:5px 15px;
	transition:all 1s;
}
#titre input:hover
{
	padding:5px 15px;
}
h1
{
	font-family :"Catamaran", sans-serif;
	font-size: 200%;
	color: #57544f;
	margin:0;
	padding:0;
	margin-top:5px;
}
h2
{
	font-family :"Catamaran", sans-serif;
	font-size: 115%;
	color: #60972c;
	margin:0;
	padding:0;
	line-height: 28px;
    font-weight: 700;
}
h3
{
	font-family :"Catamaran", sans-serif;
	font-size: 110%;
	color: #60972c;
	margin:0;
	padding:0;
	border-bottom:1px solid #60972c;
	margin-top:5px;
	line-height: 28px
}
input[type=text],input[type=mail],input[type=tel]
{
	padding:5px;
	width:209px;
	margin: 0 0 3px 0;
	border : 1px solid #e7e7e7;
	font-size: 12px;
}
input[type=submit]
{
	border : none;
	background:#60972c;
	padding:15px 35px;
	color : #FFF;
}
.bouton
{
	margin: 0 0 3px 75px; padding: 10px 5px;
	background:#57544f;
	font-family :"Catamaran", sans-serif;
	font-size: 12px;
	color:#FFF;
	transition: all 1s;
	cursor:pointer;
	border-radius: 5px;
	text-align: center;
}
.bouton:hover
{
	margin: 0 0 3px 75px; padding: 10px 5px;
	background:#60972c;
	font-family :"Catamaran", sans-serif;
	font-size: 12px;
	color:#FFF;
	transition: all 1s;
	cursor:pointer;
	border-radius: 5px;
	text-align: center;
}
.bouton2
{
	margin: 0 0 3px 75px; padding:5px;
	background:#444;
	font-family :"Catamaran", sans-serif;
	font-size: 12px;
	color:#FFF;
	text-align:center;
	transition: all 1s;
	cursor:pointer;
	border:none;
}
.bouton2:hover
{
	background:#60972c;
	padding:5px;
}

.bouton3
{
	margin: 0 0 3px 75px; padding:5px;
	background:#d0d0d0;
	font-family :"Catamaran", sans-serif;
	font-size: 12px;
	color:#FFF;
	text-align:center;
	transition: all 1s;
	cursor:pointer;
	border:none;
}
.bouton3:hover
{
	background:#ff0000;
	padding:5px;
}
#Caract_icon
{
	position: fixed;
	top:0;
	right:0;
	width:270px;
	height:50px;
	text-align:center;
	font-family :"Catamaran", sans-serif;
	font-size: 15px;
	color:#FFF;
	line-height:50px;
	border-left:2px solid #60972c;
	background:#60972c;
}
#caracteristiques
{
	padding:5px 20px;
	text-align:left;
}
#formulaire
{
	float:right;
	clear:right;
	width:300px;
	margin:10px 0;
	display:none;
}
#conteneur_canvas{
	float:left;
	width:70%;
	margin: -50px 2%;	
}
#ma_terrasse
{
	float:left;
	width:95%;
	/*height:550px;*/
	margin-top:4%;
	border:1px solid #000;
	background:url('res/quadri.png');
	/*background-size:cover;*/
}
#taille_terrasse
{
	font-size: 12px;
	color:#60972c;
}
#prix_terrasse
{
	font-size: 12px;
	color:#57544f;
}
#liste_element
{
	float:left;
	border-radius: 0px;
}
#liste_element .element
{
	float: left;
	padding: 5px;
	width: 100%;
	border-bottom: 1px dotted #444;
	color:#444;
	border-radius: Opx;
}
#liste_element .element p
{
	margin:0;
	padding:0;
	font-family :"Catamaran", sans-serif;
	font-size:100%;
}
#liste_element .element .suppr_bouton
{
	float: right;
	cursor:pointer;
}
#liste_element .element .change_poteau
{
	float: right;
	cursor:pointer;
}
#liste_element .element .change_base
{
	float: right;
	cursor:pointer;
}
#colG { float:left;width:280px; /*margin-top: 400px*/}
#colG h2 { background:#FFF; padding:5px 10px; cursor:pointer; border-top: 2px solid #57544f }
#colG h2:hover { background:#FFF; }

#colG .content { display:none; background:#FFF; }

table td { width:100%;}
.thumb
{
	float:left;
	margin-top:10px;
	width:100%;
	/*height:140px;*/
	/*background:#EAEAEA;*/
	margin-bottom:30px;
}
.thumb .thumbnails
{
	float:left;
	text-align:center;
	width: 17.75%;
	margin-right:1%;
}
.thumb .vignette
{
	float:left;
	opacity:0.5;
	transition: all 0.5s;
}
.thumb .vignette:hover
{
	opacity:1;
	cursor:move;
}
#pied
{
	float:left;
	margin:40px 0 0 24px;
	width:800px;
	height:100px;
	font-family :"Catamaran", sans-serif;
	font-size:12px;
}
#pied .pied
{
	float:left;
	text-align:center;
	margin-right:5px;
	padding:10px;
	border : 2px solid #60972c;
}
#pied .pied:hover
{
	background:#57544f;
	border : 2px solid #57544f;
	color:#FFF;
}
#pied p
{
	width:100%;
}