/* ------------------------------
ASTIWEB */
body{margin:0;
  font-family: Verdana, Calibri, Arial, sans-serif;
  font-size:12px;
  background:transparent;
  width:100%;
/*  background:#E6E6E6*/
}


#container{width:1024px; height:800px; margin:auto; background-image:url(images/fond.png); background-repeat:no-repeat; z-index:2;}

#topbar{position:relative; width:1024px; left:0px; height:150px; background:transparent;}
#logo_top{position:absolute; width:115px; height:105px; left:60px; top:10px; background-image:url(images/logo.png);}
#nom_societe_top{position:absolute; width:350px; height:75px; top:15px; left:230px; background-image:url(images/atmospher-jardin.png);}
#contact_top{ position:absolute; width:250px; height:140px; top:10px; background-color:transparent; left:750px;}
#contact_email{position:relative; width:175px; height:35px;}
#contact_phone{position:relative; width:205px; height:68px; left:50px; top:-5px;}
#contact_phone1{ position:relative; left:100px; top:-70px; font-family:Arial; color:#EFEFEF; font-size:14px; font-weight:bold;}
#contact_phone2{position:relative; left:115px; top:-49px; font-family:Arial; color:#EFEFEF; font-size:14px; font-weight:bold;}

#menu_top{position:absolute; width:900px; height:30px; left:120px; margin-top:117px; background:transparent; z-index:20;}
/*#sub_menu_top{position:absolute; width:900px; height:200px; top:146px; left:100px; background-color:red; z-index:50;}*/
#sub_menu_top a {font-family:Arial; color : #DBDBDB; font-size:11px; text-decoration:none; letter-spacing:1px;}
#sub_menu_top a:hover , a:active , a:focus { font-weight:bold;}
#sub_menu_top ul{font-family:Arial; color:#DBDBDB; font-size:11px; letter-spacing:1px; list-style-type:none; margin-left:-35px; margin-top:20px;}
#sub_menu_cloture{position:absolute; width:150px; height:200px; left:270px; top:146px; background-image:url(images/sous_menu_over.png); visibility:hidden; z-index:60;}
#sub_menu_structure_bois{position:absolute; width:150px; height:200px; left:420px; top:146px; background-image:url(images/sous_menu_over.png); visibility:hidden; z-index:60;}
#sub_menu_bassin_arrosage{position:absolute; width:150px; height:200px; left:570px; top:146px; background-image:url(images/sous_menu_over.png); visibility:hidden; z-index:60;}
#sub_menu_maconnerie_paysagere{position:absolute; width:150px; height:300px; left:720px; top:146px; background-image:url(images/sous_menu_over.png); visibility:hidden; z-index:60;}
#sub_menu_plantations{position:absolute; width:150px; height:200px; left:870px; top:146px; background-image:url(images/sous_menu_over.png); visibility:hidden; z-index:60;}
#sub_menu_travaux_divers{position:absolute; width:150px; height:200px; left:768px; top:146px; background-image:url(images/sous_menu_over.png); visibility:hidden; z-index:60;}
#sub_menu_evenementiel{position:absolute; width:150px; height:200px; left:883px; top:146px; background-image:url(images/sous_menu_over.png); visibility:hidden; z-index:60;}


.head_ambiance{position:absolute; left:42px; top:10px; width:640px; height:320px; background:transparent; z-index:0;}
#mask_slideshow{position:absolute; left:40px; top:0px; width:720px; height:340px; top: 0px; background-image:url(images/Fond_masque_diaporama.png); z-index:1;}


#main{position:relative; width:984px; height:600px; left:20px; top:10px; background:transparent;z-index:51;}
#left_col_accueil{position:relative; width:242px; Height:270px; float:left; left:0px; top:20px; background:transparent;}
#content_accueil{position:relative; display:block; width:742px; float:left; top:0px; background:transparent;}
#content_page{position:relative; display:block; width:738px; float:left; top:20px; background:transparent;}
#content h1{ font-family:Arial; font-weight:400; color:#535353; font-size:24px; letter-spacing:3px;}
#left_col_logo_accueil{position:relative; display:block; width:154px; height:143px; left:70px; top:0px; background:transparent;}
#left_col_logo1{position:relative; display:block; width:54px; height:69px; top:0px; background:transparent;}
#left_col_logo2{position:relative; display:block; width:100px; height:143px; top:0px; background:transparent;}
#content_menu_accueil{position:relative; display:block; width:640px; height:193px; left:100px; top:340px; background:transparent;}
#content_menu1{position:relative; display:block; width:197px; height:193px; float:left; top:0px; background:transparent;}
#content_menu2{position:relative; display:block; width:197px; height:193px; float:left; top:0px; background:transparent;}
#content_menu3{position:relative; display:block; width:197px; height:193px; float:left; top:0px; background:transparent;}

#left_col_page{position:relative; width:236px; Height:396px; float:left; left:0px; top:20px; padding:5px; background-image:url(images/notes-descriptive.png);}
#cadre_avant{position:absolute; width:216px; height:213px; top:0px; background-image:url(images/Mini-cadre.png); z-index:2;}
#cadre_image_avant{position:absolute; top:4px; left:2px; background:transparent; z-index:1;}
#cadre_apres{position:absolute; width:487px; height:503px; top:0px; left:216px; background-image:url(images/Grand-cadre.png);z-index:2;}
#cadre_image_apres{position:absolute; width:487px; height:503px; top:5px; left:222px; background:transparent; z-index:1;}

#left_col_page_std_top{position:relative; width:424px; Height:30px; left:0px; background-image:url(images/note-partie-haute.png);}
#left_col_page_std_middle{position:relative; width:424px; left:0px; background-image:url(images/note-partie-centrale-424x25.png);}
#left_col_page_std_bottom{position:relative; width:424px; Height:65px; left:0px; background-image:url(images/note-partie-basse.png);}
#left_col_page_std{position:relative; width:424px; Height:600px; float:left; left:0px; top:20px; background:transparent;}
#left_col_page_std_content{position:relative; width:404px; Height:385px; left:10px; top:5px; background:transparent;}
#content_page_std{position:relative; display:block; width:480px; float:left; top:20px; background:transparent;}
#cadre_apres_page_std{position:absolute; width:487px; height:503px; top:0px; left:35px; background-image:url(images/Grand-cadre-contenu.png);z-index:2;}
#cadre_image_page_std{position:absolute; width:487px; height:503px; top:0px; left:60px; background:transparent; z-index:1;}

#content_fond_page_contact{position:relative; display:block; width:964px; hight:467px; left:10px; top:20px; background-image:url(images/fond-contact.png);}
#content_page_contact{position:relative; display:block; width:924px; hight:467px; left:20px; top:10px; background:transparent;}

#content_fond_page_mentions{position:relative; display:block; width:964px; hight:467px; left:10px; top:20px; background-image:url(images/fond-contact.png);}
#content_page_mentions{position:relative; display:block; width:924px; hight:467px; left:20px; top:0px; background:transparent;}



#footer{clear:both; position:relative; width:1024px; height:48px; left:0px; background-image:url(images/bandeau-vert-bas.png);}
#footer_camion{position:relative; float:left; width:400px; height:102px; left:20px; top:-70px; background-image:url(images/a-votre-service.png);}
#footer_content{position:relative; float:left; width:200px; height:20px; left:300px; top:14px; background:transparent;}
#footer_content p {font-size:12px; color:#FFFFFF;}
#footer_content a {color : #FFFFFF; font-family:verdana; text-decoration:none;}
#footer_content a:hover , a:active , a:focus {font-weight:bold;}

/* Style formulaire de contact */
.labelcontact{ font-family:Arial; color:#535353; font-size:12px; letter-spacing:0px; line-height:18px; text-align:justify;}
.inputcontact{ font-family:Arial; color:#535353; font-size:12px; letter-spacing:0px; line-height:18px; text-align:justify;}
.textareacontact{ font-family:Arial; color:#535353; font-size:12px; letter-spacing:0px; line-height:18px; text-align:justify;}

/* Style formulaire RANDO */
.labelform{ font-family:Arial; color:#535353; font-size:12px; letter-spacing:0px; line-height:18px; text-align:justify;}
.inputform{ font-family:Arial; color:#535353; font-size:12px; letter-spacing:0px; line-height:18px; text-align:justify;}
#textPcaPhoto{ font-family:Arial; color:#535353; font-size:12px; letter-spacing:0px; line-height:18px; text-align:justify;}
#textPcaPDF{ font-family:Arial; color:#535353; font-size:12px; letter-spacing:0px; line-height:18px; text-align:justify;}
.textareaform{ font-family:Arial; color:#535353; font-size:12px; letter-spacing:0px; line-height:18px; text-align:justify;}

a {text-decoration:none;}
img {border:0;}
.texte_normal{margin:0px; font-family:Arial; color:#535353; font-size:14px; letter-spacing:2px; line-height:18px; text-align:justify;}
.texte_normal_accueil{margin:0px; font-family:Arial; color:#535353; font-size:20px; letter-spacing:2px; line-height:18px; text-align:center;}
.titre_rando{ font-family:Arial; font-weight:bold; color:#535353; font-size:18px; letter-spacing:3px; margin:0;}
.descriptif_rando{ font-family:Arial; color:#535353; font-size:14px; letter-spacing:3px;}
.date_rando{ font-family:Arial; color:#535353; font-size:14px; font-weight:bold; letter-spacing:3px;}
.table_info_rando{height:385px; background-image:url(images/cadre_informations_rando2j.png);}
.text_info_rando{margin:0px; font-family:Arial; color:#FFFFFF; font-size:12px; letter-spacing:2px; line-height:18px; text-align:justify;}
.texte_annonce_accueil{margin:0px; font-family:Arial; color:#535353; font-size:16px; letter-spacing:2px; line-height:18px; text-align:center;}

#filter_slideshow
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 910px;
	background-color: #000;
	z-index:10;
	opacity: 0.5;
	filter: alpha(opacity=50);
	overflow: hidden;

}
#slideshow_lightbox
{
	display: none;
	position: absolute;
	top: 80px;
	left: 50%;
	width: 726px;
	height: 540px;
	padding: 0;
	margin-left:-363px;
	border: 1px solid black;
	background-color: #35302C;
	z-index:13;
}

#bouton-close{
	text-align: right;
}
.page-modifimage{
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1%;
	margin-bottom: 5%;
}
.encadre-image{
	float: left;
	background-color: lightgrey;
	width: 24%;
	border-style: solid;
	border-color: black;
	text-align: center;
}
.btn-modifdiapo{
	background-color: red;
	color: white;
	position: absolute;
	margin-top: 40%;
	left: 20%;
	font-weight: bold;
	font-size: 2em;
	border-bottom-right-radius:30px;
    border-bottom-left-radius:30px;
   	border-top-right-radius:30px;
    border-top-left-radius:30px;
    padding:2%;
    cursor: pointer;
}
.btn-valider{
	background-color: green;
	font-weight: bold;
	font-size: 1.5em;
	color: white;
	padding: 2%;
	cursor: pointer;
	width: 100%;
}
.btn-suppression{
	background-color: darkred;
	font-weight: bold;
	font-size: 1.5em;
	color: white;
	padding: 2%;
	cursor: pointer;
	width: 100%;
	margin-top: 2%;
}
.modif-image{
	height: 200px;
	text-align: center;
}

.float{
	float: left;
}
.alert-erreur{
	width: 100%;
	text-align: center;
	background-color: #FF686D;
	font-size: 2em;
	font-weight: bold;
	margin: 2%;
	padding: 1%;
	border-radius: 20px;
	color: darkred;
}
.alert-succes{
	width: 100%;
	text-align: center;
	background-color: #d4edda;
	font-size: 2em;
	font-weight: bold;
	margin: 2%;
	padding: 1%;
	border-radius: 20px;
	color: darkgreen;
}