/*--------------------- CSS AGCREATIONS.FR  -------------------------*/
/*------------------- Copyright AG CREATIONS ------------------------*/


* {margin: 0;padding: 0;border: 0;font-size: 1em;font-weight: normal;font-style: normal;text-decoration: none;}
html, body {text-align: center;}
.hide {	display: none;}
img {border:0;}

a{color: #ffffff;text-decoration:none;}
a:hover{ color:#FFB600;text-decoration:none;}

h2{margin:0;padding:0;}
h3{ font-size:15px; font-weight:bold; margin:10px 0 5px 0;color:#C77100;font-variant: small-caps; border-bottom:1px solid #C77100;}

#content strong{font-weight:bold;}
#content .lien{font-size:11px; font-weight:bold;color:#C77100;}


body{
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	background :#000 url(/gfx/background.jpg) repeat-x;
	text-align:center;
}	

#phpmyvisite{
  display: none;
}

.conteneur{
	position:relative;
    width:1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#haut {
position:absolute;
width:1000px;height:195px;
background : url(/gfx/head_01.jpg) no-repeat;
}
	
#logo{
	position:absolute;
	margin : 24px 0 0 40px;
	width:116px;height:145px;
	background: url(/gfx/logo-agcreations2.jpg) no-repeat;
}
#logo a{
display: block; width: 100%;height : 100%;
background : url(/gfx/logo-agcreations.jpg) no-repeat;
}
#logo a:hover {background: transparent none; }

#contenu{
position : absolute;
margin :195px 0 10px 0;
width:1000px; height:auto;
background : url('/gfx/background_contenu.jpg') repeat-y;
border-top: 7px #FFB600 solid;
}

/*MENU----------------------------------------------------------------------
----------------------------------------------------------------------------*/
#menu{
	float:left;
	width:1000px;
	height:39px;
	color:#FFFFFF;
	display:block; 
	background : url('/gfx/menu_droite.gif') right top no-repeat;	
}

#menu li ul{ visibility:hidden; list-style: none; }
#menu li{  list-style: none; }

#menu_present{
	position:absolute;margin-left:18px;
	width:160px;height:30px;
	background : url('/gfx/presentation2.gif') no-repeat;	
}
#menu_present a{
display: block; width: 100%;height : 100%;
background: url('/gfx/presentation1.gif') no-repeat;	
}
#menu_present a:hover {background: transparent none; }

#menu_service{
	position:absolute; margin-left:202px;
	width:160px;height:30px;
	background : url('/gfx/service2.gif') no-repeat;	
}
#menu_service a{
display: block; width: 100%;height : 100%;
background: url('/gfx/service1.gif') no-repeat;	
}
#menu_service a:hover {background: transparent none; }

#menu_ref{
	position:absolute; margin-left:384px;
	width:160px;height:30px;
	background : url('/gfx/reference2.gif') no-repeat;	
}
#menu_ref a{
display: block; width: 100%;height : 100%;
background: url('/gfx/reference1.gif') no-repeat;	
}
#menu_ref a:hover {background: transparent none; }

#menu_contact{
	position:absolute; margin-left:567px;
	width:160px;height:30px;
	background : url('/gfx/contact2.gif') no-repeat;	
}
#menu_contact a{
display: block; width: 100%;height : 100%;
background: url('/gfx/contact1.gif') no-repeat;	
}
#menu_contact a:hover {background: transparent none; }

/*GAUCHE COTENU-------------------------------------------------------------*/
#gauche{
	float:left;
	width:759px; 
	background: url('/gfx/contenu_haut.gif') top right no-repeat;
	
}

#gauche_fond{
float:right;
width:738px;
min-height:470px; height:auto;
background: url('/gfx/contenu_fond.gif') right repeat-y;
margin:13px 0 0 0; }

#min_height{
float: left;
width: 1px; height: 470px;
}




#content {float:left;width:480px;color :#1E1E1E; padding:10px 0 10px 0;}
#content p{line-height: 20px;font-size:12px;}
#content a{color :#1E1E1E; font-weight:bold; text-decoration:none}
#content a:hover{color :#1E1E1E; font-weight:bold; text-decoration:underline}
#content strong{font-variant: small-caps;font-weight:bold;}
#content .lien{font-size:11px; font-weight:bold;color:#C77100;}

#important {float:left;width:215px;padding:0;}
#important p{padding:0 15px 0 20px;color :#fff;font-size:11px;}
#important .img{margin-left:12px; width:193px;}
#important strong {font-weight:bold; color:#FFB600;}

.liste1{font-size:11px;}
.liste1 ul {  list-style: none;}
.liste1 ul li a{
  display: block;
  width: 170px; 
  height: 17px;
  margin: 0 0 0 20px;
  padding: 0 0 0 15px;
  background: url('/gfx/puce2.gif') left no-repeat;
  color: #fff;  text-decoration: none;
}
.liste1 ul li a:hover{
  background: url('/gfx/puce2.gif') left no-repeat;
  color:#FFB600;text-decoration:none;
}

ul.ssmenu1 {
padding: 0 0 0 20px;
color: #005F82;
}

.detail{
position:relative; margin :5px 0 20px 105px;
width:95px;height:25px;
background : url('/gfx/details2.gif') no-repeat;	
}
.detail a{
display: block; width: 100%;height : 100%;
background: url('/gfx/details.gif') no-repeat;	
}
.detail a:hover {background: transparent none; }




/*ACTU------------------------------------------------------------------------*/
#droite{
	float:left;
	width:241px;
	color:#FFF;
}

.actu {
	width: 241px;
	margin-bottom: 10px; padding-bottom:20px;
	background: url("/gfx/actu_bas.gif") center bottom no-repeat;
}

.actu dt {
 height:62px;
padding: 0 20px 0 140px;
background: transparent url("/gfx/actu_haut.jpg") no-repeat;
}

.actu dd{
padding-left:20px; background:url("/gfx/actu_milieu.gif") top left no-repeat ;}



.date {padding:0 0 5px 0;line-height:normal;}
p {line-height:normal; margin:0;padding:0;}

.uneactu, .uneactufin {width:191px;font-size: 11px;padding:7px 0 0 0; }
.uneactu {border-bottom: 1px solid #ddd;}

.actu a{color:#FFB600; text-decoration:none;}
.actu a:hover{text-decoration:underline;}


#devis{
float:left; margin-bottom:10px;
	width:241px;height:44px;
	background : url('/gfx/demander_devis.gif') no-repeat;	
}
#devis a{
display: block; width: 100%;height : 100%;
background: url('/gfx/demander_devis.jpg') no-repeat;	
}
#devis a:hover {background: transparent none; }

/*FORMULAIRE----------------------------------------------------------------------
---------------------------------------------------------------------------------*/
#contact input, #contact textarea,  #contact select {
background-color:#3D3D3D;
color: #FFF;
font-family: 'Trebuchet MS', Arial, Verdana, sans-serif !important;
font-size: 12px;
}

fieldset{  border: 0;}

input:focus, textarea:focus {
background-color: #1E1E1E;
border-color: #000;
}

#contact textarea {
width: 330px;
height: 100px;
}

.form p{
  float: left;
  width: 100%;
}

#contact label{
	float:left;
	text-align:left; width: 25%;
	padding: 0 2px 0 0;margin:3px 0px; font-weight:bold;}
input#nom, input#email {width: 200px;}
input#sujet {width: 330px;}

.envoyer {
	 cursor:pointer;
     width: 100px;
     height: 30px;
	 border: 0px none; margin:10px 0 0 355px;
	 background: url('/gfx/envoyer.gif') bottom  no-repeat;
}

.erreur_box {
font-size:10px; color:#333; text-align :center; margin-bottom:10px;
width: 470px; border: 1px solid #FF0000;background-color: #fff0cc;padding: 3px;}




#form_devis textarea {
background-color:#3D3D3D;
color: #FFF;
font-family: 'Trebuchet MS', Arial, Verdana, sans-serif !important;
font-size: 12px;width: 450px;
height: 100px;
}

.lab input {width: 200px;background-color:#3D3D3D;color: #FFF;font-family: 'Trebuchet MS', Arial, Verdana, sans-serif !important;font-size: 12px;}
.lab label {font-weight:bold;float:left;text-align:left; width: 25%;padding: 0 2px 0 0;margin:3px 0px;}


#devisg {width:45%;}
#devisd {width:55%;}
#devisg, #devisd{ line-height:18px; font-size:12px;float:left; height:290px; margin-bottom:10px;}
#devisg input { background-color:#fff0cc;}
 
input#page, input#budget {background-color:#3D3D3D;width:40px;color:#FFFFFF; height:15px;}
 
#devisd strong {font-weight:bold; font-size:11px;}

#side_contact a{background: url("/gfx/fleche1.gif") left no-repeat;padding: 0 0 0 15px;}

/*menu référence----------------------------------------------------------------*/
.liste2 li {list-style: none;}

.liste2 {
	overflow: hidden;
	width: 200px;
	line-height: 20px;
	padding-top:3px;
	font-size:12px;
	margin-bottom:20px;
}

.liste2  li a {
	cursor: pointer;
	display: block;
	text-decoration: none;
}

.liste2 ul li {display: block;}

.liste2 li a {
	border-bottom: 1px solid #3D3D3D;
	color: #fff;
	cursor: pointer;
	display: block;
	text-decoration: none;
	height: 100%;
	width:180px;
	padding-left:20px;	margin: 0 0 0 20px;
	background: url("/gfx/fleche1.gif") left no-repeat;
}

.liste2 li a:hover {background: #454545 url("/gfx/fleche2.gif") left no-repeat;}

.add {font-size:11px; width:200px; float:left;margin-bottom:10px;}
.an {font-size:11px; text-align:right;float:right; width:20px; padding-right:10px;margin-bottom:10px;}

.ref_detail{padding:0 10px 0 10px;}

.charte { font-weight:bold;background: url("/gfx/charte.jpg") left no-repeat; padding: 3px 0 3px 30px;margin-top:7px; height:22px;}
.zoom { font-weight:bold;background: url("/gfx/zoom.gif") left no-repeat; padding: 3px 0 3px 30px;margin-top:7px; height:22px;}


/*visualuation des images plein écran pour la page référence--------------------------*/
#lightbox{
	position: absolute;
	top: 40px;	left: 0;	width: 100%;	z-index: 100;
	text-align: center;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	}

#hoverNav{
	position: absolute;
	top: 0;	left: 0;
	height: 100%;	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;	height: 100%;
	background: transparent url("/gfx/ref/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("/gfx/ref/prev.gif") left no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("/gfx/ref/next.gif") right no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;	/* End hide from IE-mac */
}	



/*footer----------------------------------------------------------------------------*/
#footer{
	float:left;
	width:1000px;
	height:68px;
	color:#D3D3D3; font-size:10px;
	background:#333 url('/gfx/footer.jpg') repeat-x;
	border-top: 7px #FFB600 solid;
}

#footer p{float: left;width:490px;}
p.footerg{padding:25px 0 0 10px;}
p.footerd{text-align:right; line-height:200%; padding-top:10px;}


/* anti spam */
p#form_subject{
  display: none;
}