/*
Theme Name: Archi
Theme URI: http://wordpress.org/
Description: "Noir"
Version: 0.1
Author: Uriel LONGUET 

Text Domain: was ?
*/


html {
	height:100%;
	}

body {
	margin: 0px;
	height:100%;
	color: #e8edfb;
	background-color: #000;
	letter-spacing:normal;
	
	
}


h1 {
	font-size:24px;
	font-style: italic;
	color: #2E456F;
	text-indent: 30px;
	font-family: 'Century Gothic';
}

h3 {
	
	font-size:12px;
	font-family: 'Arial';
	

}

h4 {
	line-height:0.1em;

}

strong {
	font-weight: bolder;
	font-style: italic;
	color: #778EB8;
	font-family: 'Century Gothic';
}

#contenu a {
	font-family: 'Arial';
	color: #FFFFFF;
	font-size:9pt;
	text-decoration: none;
}

#contenu a:hover {
	font-family: 'Arial';
	color: #0099FF;
	font-size:9pt;
	text-decoration: none;
}

#footer a {
	font-family: 'Century Gothic';
	color: #FFFFFF;
	font-size:10pt;
	text-decoration: none;
}

#footer a:hover {
	font-family: 'Century Gothic';
	color: #0099FF;
	font-size:10pt;
	text-decoration: none;
}

#fond {
	min-height:100%;
	height:auto;
	width:100%;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-y;
	background-position:center;
	
}



#conteneur {
	height:auto;
	width:1165px;
	margin-top : 0px;
	
	
	}
	

	
#header {
	font-family: 'Century Gothic';
	font-size:18pt;
	letter-spacing: 0em;
	margin-left: 10px;
	margin-top: 10px;
}

#header a {
	font-family: 'Century Gothic';
	color: #00FF00;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
	font-family: 'Century Gothic';
}


#menu {
	
	font-family: 'Century Gothic';
	color: #e8edfb;
	list-style-type: none;	
	text-decoration: none;
	list-style:none;
	display:block;	
	letter-spacing:0px;
	font-size: 10pt;
	margin-left: 10px;
	cursor:pointer;
	-moz-margin-start:-30px;
	height:70px;
	width:500px;
}



.topmenu{
	font-family: 'Century Gothic';
	margin-top:5px;
	margin-left:10px;
	font-size:10pt;
	list-style-type: none;	
	text-decoration: none;
	list-style:none;
	list-style-type: none;
	color: #e8edfb;
	cursor:pointer;

}
	


.topmenu ul{
	
	letter-spacing:0px;
   	color: #e8edfb;
	margin:0px;
	display:block; float:left; position:relative;
	height:70px;
	width:500px;
	
}

.topmenu ul ul{
	
	letter-spacing:0px;
   	color: #e8edfb;
	margin:0px;
	display:block; float:left; position:relative;
	left:-2px; top:5px; right:0px; padding:0px 2px; white-space:nowrap; width:auto; height:auto;
	height:70px;
	width:500px;
}

.topmenu ul ul ul{
	
	letter-spacing:0px;
   	color: #e8edfb;
	margin:0px;
	position:relative; 	 
	left:0px; top:37px; right:0px; padding:0px 0px; white-space:nowrap; width:auto; height:auto;
	height:300px;
	width:auto;	
	
}




.topmenu li{
	display:inline;
	list-style-type: none;	
	text-decoration: none;
	list-style:none;
	color: #e8edfb;
	margin-left:0px;
	list-style-position:outside;
}

.topmenu li li{
   	display:inline;
	list-style-type: none;	
	text-decoration: none;
	list-style:none;
	list-style-position:outside;
	position:relative;
	color: #e8edfb;
	margin-left:0px;
	

   	
}

.topmenu li li li{
	display:block;  
	position:relative; 	 
	left:0px; top:5px; right:0px; padding:0px 0px; white-space:nowrap; width:auto; height:auto;
   	color: #e8edfb;
}




.current_page_item,.current_page_ancestor { 
 
	background-color: #FF6600; 
	      
} 
  




.topmenu li a{
	
	text-decoration:none;
	color: #e8edfb;
	
	
}

.topmenu li a:active{
	
	text-decoration:none;
	color:#FF6600;
	
}

.topmenu li a:hover{
	color:#0099FF;
	

}


#contenu {
	margin-top:0px;
	font-size:9pt;
	font-family: 'Arial';
	letter-spacing:normal;
	line-height: 15px;
	margin-left : 10px;
	margin-right : 10px;
	clear:both;
	width:1165px;	
}

#projets {
	margin-top:0px;
	font-size:9pt;
	font-family: 'Arial';
	letter-spacing:normal;
	line-height: 15px;
	height:auto;
		
}

#projets-viticole {
	margin-top:0px;
	font-size:9pt;
	font-family: 'Arial';
	letter-spacing:normal;
	line-height: 15px;
	height:auto;
		

} 

#accueil {

	margin-top:100px;
	height:500px;

}

#logoaccueil {
	float:left;
	clear:both;
	margin-left:630px;
	margin-top:-160px;
	
		
}	
#textaccueil {
    	clear:both;
    	float:left;
   	color: #00ff00;
   	margin-top:-20px;
	width:400px;
   	
	
}


#traitaccueilg{
	
    	float:left;
    	clear:both;
    	width:600px;
	height:1px;
	background-color: #FFFFFF;
	margin-top:200px;

	
	
}

#traitaccueild{
	
	float:left;
    	width:100px;
	height:1px;
	background-color: #FFFFFF;
	clear:both;
	margin-left:786px;
	margin-right:0px;
	
	
}

#logo {
	float:right;
	margin-top:30px;
}	

#projetrealises{
	height:250px;

}

#plan{

	float:left;
	margin-top: 0px;
	margin-left:0px;
	height:635px;
	

}

#textmap{
	
	margin-left:30px;
	margin-top: 0px;
	float:left;
	text-decoration:none;
	
}

#map{
	
	border:none;
	margin-top: 2px;
	float:left;
	
	
}

#mapA{
	clear:both;
	margin-left:0px;
	margin-top: 2px;
	float:left;
	width:1200px;
	border:none;
}

#mapA1{
	clear:both;
	margin-left:0px;
	margin-top: 2px;
	float:left;
	width:1200px;
	border:none;
}

#mapB{
	clear:both;
	margin-left:0px;
	margin-top: 2px;
	float:left;
	width:1200px;	
}

#mapC{
	clear:both;
	margin-left:0px;
	margin-top: 2px;
	float:left;
	width:1200px;
	
}

#mapD{
	clear:both;
	margin-left:0px;
	margin-top: 2px;
	float:left;
	width:1200px;
	
}

#map1{
	float:left;
	margin-left:20px;
	margin-top:2px;
	}



#map2{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map3{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map4{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map4A{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map4B{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map5{
	float:left;
	margin-left:20px;
	margin-top:2px;
	
}

#map6{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map7{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map8{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map9{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map9{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map10{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map11{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map12{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map13{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map14{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map15{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map16{
	float:left;
	margin-left:20px;
	margin-top:2px;

}

#map17{
	float:left;
	margin-left:20px;
	margin-top:2px;

}
#cv{

	position:relative;

}

#cvl{

	float:left;
}

#cvr{

	float:left;
	margin-left:10px;
	
}

#refa{

	float:left;
	width:400px;
	
}

#refb{

	float:left;
	width:400px;
	height:550px;
	margin-left:100px;
	
	
}

#refc{

	float:left;
	width:400px;
	height:300px;
	margin-left:100px;
	
	
}


#ref1{
	width:400px;
	height:112px;
	float:left;
	padding-bottom:20px;
	
}

#ref2{

	width:400px;
	height:112px;
	float:left;
	padding-bottom:20px;

}

#ref3{
	width:400px;
	height:112px;
	float:left;
	padding-bottom:20px;
}

#ref4{

	width:400px;
	height:112px;
	float:left;
	padding-bottom:20px;

}

#ref5{

	width:400px;
	height:112px;
	float:left;
	padding-bottom:20px;

}

#ref6{

	width:400px;
	float:left;
	padding-bottom:20px;

}

#refl{
	margin-left:20px;
	margin-top:10px;
	float:left;
	
}

#refr{
	margin-left:20px;
	margin-top:10px;
	float:right;
	
}

#image{
	margin-top:30px;
	margin-left:30px;
	float:left;
	display:block;


}


#picturemas{
	margin-top:-7px;
	float:left;
	margin-right:10px;
	margin-left:30px;
	text-align:center;
	width:250px;


}


#imageettextmas{
	float:left;
	margin-left :30px;
	width:580px;
}

#imageettextviticole{
	float:left;
	margin-left :20px;
	width:580px;
	margin-top:-360px;
	position:relative;
}

#pictureviticole{
	margin-top:-367px;
	float:left;
	margin-right:10px;
	margin-left: 10px;
	text-align:center;
	width:160px;
	position:relative;


}

#picture{
	
	float:left;
	margin-left: 50px;
	margin-top:-20px;
	text-align:center;
	width:160px;
	


}

#picture2{
	margin-top:-20px;
	float:left;
	margin-left: 20px;
	text-align:center;
	width:160px;
	


}

#picture3{
	
	float:left;
	margin-left: 20px;
	margin-top:-20px;
	text-align:center;
	width:260px;
	


}

#picture5{
	
	float:left;
	margin-left: 50px;
	margin-top:-20px;
	text-align:center;
	width:160px;
	


}



#picture6{
	
	float:left;
	margin-left: 200px;
	margin-top:-20px;
	text-align:center;
	width:170px;
	


}

#imageettextmville{
	float:left;
	margin-left :150px;
	width:580px;
}

#imageettext2{
	float:left;
	margin-left :20px;
	width:580px;
	
}

#imageettext3{
	float:left;
	margin-left :75px;
	width:480px;
	
}

#imageettext4{
	float:left;
	margin-left :50px;
	width:400px;
	height:580px;
	
}

#imageettext5{
	float:left;
	margin-left :0px;
	width:600px;
	
}

#imageettext6{
	float:left;
	margin-left :200px;
	height:480px;
	height:580px;
}

#text2{
	float:left;
	margin-top:30px;
	margin-left :0px;
	width:580px;
	
}

#text3{
	float:left;
	margin-top:30px;
	margin-left :0px;
	width:480px;
	
}

#imageettext{
	float:left;
	margin-left :50px;
	width:580px;
}

#agence{

	margin-top:0px;

}

#imageagence{
	
	margin-top:0px;
	margin-left:20px;
	float:left;
	z-index:200;
}

#galleryagence{
		
	float:left;
	margin-left:20px;
	margin-top:-20px;
	text-align:center;
	width:160px;
	height:auto;
	
}


#textagence{
	float:left;
	width:auto;
	clear:both;
	
}	
#textagence1{
	float:left;
	margin-top:0px;
	width:430px;
	height:320px;
	z-index:201;
	clear:both;
	}

#techniques{
	margin-top:340px;
	float:left;
	position:relative;
	
}

#techniques2{
	margin-top:250px;
	float:left;
	position:relative;
	
}
#techniquesleft{
	
	float:left;
	font-size:8pt;
	line-height: 15px;
	text-transform:uppercase;
	
	
	
}
#techniquesright{
	
	float:left;
	margin-left:10px;
	line-height: 15px;
	
}

#descriptif {
    float:right;
	height:auto;
	clear: both;
}

#formulaire {
	float:left;
	margin-top:5px;
	margin-left:35%;
	display:block;

} 



#caracteristiques{
	margin-top:auto;
	float:left;
	display:block;
}

#layus {

	
	float:right;
	top: 600px;
	height:auto;
	display:block;
	clear: both;
}

#loprum {

	margin-top:270px;
}

#footer {
	width:100%;
	font-size: 10pt;
	color: #e8edfb;
	clear: both;
	padding-bottom:10px;
	margin-top:40px;
	margin-left:10px;
	font-family: 'Century Gothic';
}