/* Body~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body{
		width: 1030px;
		background-color: #2c1c08;
		margin: auto;	
		/*border: 1px solid blue;*/	
}


#boody {
		width: 90%;
		margin: auto;	
		/*border: 1px solid blue;*/	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* En tête~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#entete {		
		height: 170px;
		background-color: #efe6bd;/*2c1c08*/
		z-index: 0;
		/*border-radius: 25px 25px;*/
		/*-moz-border-radius: 25px 45px;*/
		/*border: 1px solid black;*/
}

/* Bords-Coins arrondis~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.haut {
		background-color: #efe6bd;
		height: 20px;
		margin-top: 20px;
}

.hautgauche {
		background-image: url("./pictures/style/hautgauche.gif");
		width: 20px;
		height: 20px;
		float: left;	
}

.hautdroite  {
		background-image: url("./pictures/style/hautdroit.gif");
		width: 20px;
		height: 20px;
		float: right;
}

.bas {
		background-color: #efe6bd;
		height: 20px;
}

.basgauche { 
		background-image: url("./pictures/style/basgauche.gif");
		width: 20px;
		height: 20px;
		float: left;
}

.basdroite  {
		background-image: url("./pictures/style/basdroit.gif");
		width: 20px;
		height: 20px;
		float: right;
}
/* Fin bords-Coins arrondis~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Logo GSC dans Entête~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#logo{
		position: absolute;
		z-index: 1;		
		height: 160px;
		width: 160px;
		margin: auto;
		float: left;
		padding : 20px 10px 0px 340px; /*top right bottom left*/
		/*border: 1px solid blue;*/	
}

/* Propriètes de l'image logo~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#logo img{
		border: 0;
		height: 120px;
		width: 120px; 
}

/* Texte GSCompost entre logo et menu~~~~~~~~~~~~~~~~~~~~~~~~*/
#textlogo {
		margin: auto;
		float: left;
		padding : 70px 10px 0px 80px; /*top right bottom left*/
		font-size: 30px;
		font-weight: bold;
		color: green;
}

.sarl{
		font-size: 8px;
}



/* Menu~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu{
		position: relative;
		z-index: 1;
		text-align: right;
		font-size: 14px;
		padding-top: 70px;
		padding-bottom: 32px;
		/*border: 1px solid red;*/
}

/* Liens du menu~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu a{
		color: #6f5e4e;
		font-weight: bold;
		padding: 0px 10px 10px 0px;
		text-decoration: none;
}

#menu a:hover{
		color: #ae9676;
		border-bottom: 1px solid #cee87b;
		padding-bottom: 0;
}

#menu img{
		border: 0;
		height: 12px;

}
/* Fin Menu~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Carré vert sous le menu~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#carre{
		height: 400px;
		width: 520px;
		float: right;
		margin-top: -20px;
		margin-left: 440px;
		background-image: url(./pictures/style/backgroundp.gif);
		position: absolute;
		z-index: 0;
		/*border: 1px solid blue;*/
		/*background-color: #00923f;/*#61b73b;*/	
}


/* Fin Entete~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Debut div id="corps"~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Sous Menu~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.sousmenu{
		text-align: right;
		height: 45px;
		margin-top: 10px;
		font-size: 14px;
		/*border: 1px solid yellow;*/
}


.sousmenu a{
		color: #6f5e4e;
		font-weight: bold;
		padding: 0px 20px 10px 10px;
		text-decoration: none;
}

.sousmenu a:hover{
		color: black;
		background-color: #cee87b;
		padding-bottom: 0;
		/*border-radius: 10px 10px;*/
		/*-moz-border-radius: 10px;*/
}

/* Fin Sous Menu~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Corps~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#corps{
		position: relative;
		background-color: #efe6bd;
		margin-top: 20px;
		padding: 30px;
		min-height: 300px;
		/*border-radius: 25px 25px;*/
		/*-moz-border-radius: 45px 25px;*/
		/*border: 1px solid blue;*/	
}

/* Propriète plan de google~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
iframe{
		margin: auto;
		width: 600px;
		height: 450px;
		display: block; 
}
/* Fin plan de google~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Propriétés des titres et paragraphes dans le corps~~~~~~~~*/
h1{
		border-bottom : 1px solid #333; 
		background : url(./pictures/style/terrep.gif) no-repeat 0% 100%; 
		padding-left: 40px;
}

h2{
		text-indent: 2cm;
}

p{
		text-indent: 1cm;
}

.texte{
		color: #2c1c08;
		text-align: justify;
}

.texte img{
		width: 30%;
		border: none;
		margin: auto;
		padding: 10px;
}
/* Fin propriétés des titres et paragraphes dans le corps~~~~*/

/* Propriétés des images dans le corps~~~~~~~~~~~~~~~~~~~~~~~*/
img.droite{
		float: right;
}

img.gauche{
		float: left;
}

img.cartevisite{
		width: 20%;
		border: none;
		margin: auto;
		padding: 10px;
		float: left;
}

img.grandeimage{
		width: 70%;
		display: block;
		margin: auto;
		padding: 0;

}
/* Fin propriétés des images dans le corps~~~~~~~~~~~~~~~~~~~*/


/* Tableau de corps~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
tr {
		text-align:center;
}

td {
		border: 1px solid black;
}

td.left{		
		padding-left:5px;
		text-align:left;
}

/* Tableau à 70% dans le corps~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.width70 {
		width: 70%;
		margin-left: 45px; 
		text-align : left; 
		line-height : 1.3em; 
		font-size:12px;
		border: 1px solid black;
		border-collapse: collapse;
}

/* Tableau à 50% dans le corps~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.width50 {
		width: 50%;
		margin-left: 80px;
		text-align : center; 
		border: 1px solid black;
		border-collapse: collapse;
}

/* Tableau page vente.htm dans le corps~~~~~~~~~~~~~~~~~~~~~~*/
table.vente {
		margin-left: 45px; 
		text-align : left; 
		line-height : 1.3em; 
		border: 1px solid black;
		border-collapse: collapse;
}


/* Listes dans le corps~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.espace li {
		padding-top: 30px;
}

.nonespace li{
		padding-top: 10px;
		list-style: circle;
}
.underline {
		text-decoration: underline;
}



/* Fin corps~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Formulaire ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.formulaire table{
		border: 0;
		font-size: 20px;
}

.formulaire td{
		border: 0;
}

p.red{
		color: red;
		text-indent: 1cm;
}

/* Fin formulaire~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Fin div corps~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/* Pied de page~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pied{
		height: 50px;
		position: relative;
		text-align: center;
		font-size: 10px;
		padding: 5px;
		color: #efe6bd;
		/*border: 1px solid blue;*/	
}

#pied a {
		color: #efe6bd;
		text-decoration: underline;
}

#pied a:hover{
		padding-left: 5px;
		padding-right: 5px;
		color: #2c1c08;
		background-color: #efe6bd;
		text-decoration: underline;
		/*border-radius: 10px 10px;*/
		/*-moz-border-radius: 10px;*/
}
/* Fin pied de page~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/