/* Reset */

html, body { width:100%; height:100%; /* ou min-height: 100%; height: auto; */ }
img { border:0 none; padding:0; margin:0; }
p, ul, ol, li, blockquote, input, div, input, textarea, select, option, form, label, fieldset { margin:0; padding:0; }
input, select, textarea, table, td, th {  font: inherit; }
td, th { vertical-align:top; text-align:left; }
em { font-style:italic; font-weight:normal; }
sup { vertical-align:baseline; font-size:75%; position:relative; top:-0.5em; }



body {
	margin:0; padding:0; text-align:center;
	background:#425e2a url(/images/background.jpg) no-repeat center top;
	/*Pour qu-une grande image de background sorte bien sur un mobile (sans shrinker) */
	background-size: 2600px 1700px;
	min-width:1035px;
	font-family: Arial, Sans-serif; font-size:100%; color:#4d6e31; overflow-x: hidden;
	*overflow-x: visible;
}

body#ferme {
	background:#60a305 url(/images/background-ferme.jpg) no-repeat center top;
	/*Pour qu-une grande image de background sorte bien sur un mobile (sans shrinker) */
	background-size: 2600px 1700px;
}


a, a:visited {
	text-decoration:underline; color:#003399;
}
a:hover, a:visited:hover {
	text-decoration:none; color:#003399;
}


/**** Container ****/

#conteneur {
	width:1160px; margin:0 auto; background-color:#ffffff; border-right:3px solid #FFFFFF; border-left:3px solid #FFFFFF;
}

#conteneur-body {
	width:1035px; position: relative; text-align:left; margin:0 auto; padding:0;
}



/************ Header *************/ 

#header {
	position:relative; height:528px;
}

#arpents-verts #header {
	background:#ffffff url(/arpents-verts/fr/images/background_header.jpg) no-repeat left 38px;
}
#arpents-verts.en #header {
	background:#ffffff url(/arpents-verts/en/images/background_header.jpg) no-repeat left 38px;
}
#ferme #header {
	background:#ffffff url(/ferme/fr/images/background_header.jpg) no-repeat left 38px;
	}
#ferme.en #header {
	background:#ffffff url(/ferme/en/images/background_header.jpg) no-repeat left 38px;
}
#joindre #header, #sitemap #header {
	background:#ffffff url(/images/header_joindre.jpg) no-repeat left 38px;
}

#logo {
	position:absolute; top:40px; left:20px;
}

#navtop {
	text-align:right; font-size:15px; line-height:37px; color:#FFFFFF; background-color:#da2c17; padding:0 12px 0 0;
}

#navtop a, #navtop a:visited {
	text-decoration:none; color:#FFFFFF; display:inline-block; padding:0 10px;
}
#navtop a:hover, #navtop a:visited:hover {
	text-decoration:none; color:#2d441a; background-color:#ffffff;
}

/*
#arpents-verts #navtop {
	padding:0 85px 0 0;
}
#ferme #navtop {
	padding:0 35px 0 0;
}

#navtop_ferme, #navtop_arpents-verts {
	display:none;
}
#arpents-verts #navtop_ferme {
	display:inline;
}
#ferme #navtop_arpents-verts {
	display:inline;
}
*/


/**** nav ****/

ul#nav {
    list-style:none; position:absolute; right:20px; top:37px; font-family: Arial, Sans-serif; font-size: 18px; font-style: italic; line-height: 1.5em;
}
#nav li {
    float:right; width:135px; height:480px; display:block; border-right:2px solid #fff; border-bottom:2px solid #fff;background-color:#fff; background-repeat:no-repeat;background-position:center center;
    position:relative; overflow:hidden; cursor:pointer;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
#arpents-verts #nav li.bg1 {
    background-image:url(/arpents-verts/fr/images/nav/1.jpg);
}
#arpents-verts #nav li.bg2 {
    background-image:url(/arpents-verts/fr/images/nav/2.jpg);
}
#arpents-verts #nav li.bg3 {
    background-image:url(/arpents-verts/fr/images/nav/3.jpg);
}
#arpents-verts #nav li.bg4 {
    background-image:url(/arpents-verts/fr/images/nav/4.jpg);
}
#ferme #nav li.bg1 {
    background-image:url(/ferme/fr/images/nav/1.jpg);
}
#ferme #nav li.bg2 {
    background-image:url(/ferme/fr/images/nav/2.jpg);
}
#ferme #nav li.bg3 {
    background-image:url(/ferme/fr/images/nav/3.jpg);
}
#ferme #nav li.bg4 {
    background-image:url(/ferme/fr/images/nav/4.jpg);
}
#nav li.bleft {
    border-left:2px solid #fff;
}
#nav li .heading {
    padding:10px; margin-top:60px; height:60px; text-align:center; background:url(/images/background_nav_heading.png) repeat left top;
    font-style:normal; font-weight:bold; letter-spacing:1px; font-size:18px; line-height:20px; color:#4d6e31;
}
#nav li .description {
    position:absolute; width:480px; height:175px; bottom:0px; left:0px; display:none; text-align:left; 
}
#nav li .description strong {
    font-weight:bold; letter-spacing:1px; font-size:35px; color:#444; display:block; font-style:normal;
    margin:0px 0px 5px 20px; text-shadow:-1px -1px 1px #ccc;
}
#nav li .description p {
    line-height:18px; font-size: 15px; font-style: normal; font-weight: normal; margin:10px 22px;
    text-transform: none; letter-spacing: normal;
}
#nav li .description a {
    position:absolute; bottom:5px; left:20px; text-transform:uppercase; font-style:normal; font-size:11px; text-decoration:none; color:#888;
}
#nav li .description a:hover {
    color:#333; text-decoration:underline;
}

#nav li .bgDescription {
    background:transparent url(/images/background_nav_description.png) repeat-x top left; height:340px; position:absolute; bottom:0px; left:0px;
    width:100%; display:none;
}



/*** Texte Intro ***/

#texte-intro {
	background-color:#52722b; height:339px;
}
#arpents-verts #texte-intro {
	background:transparent url(/arpents-verts/fr/images/background_texte-intro.jpg) no-repeat top left;
}
#ferme #texte-intro {
	background:transparent url(/ferme/fr/images/background_texte-intro.jpg) no-repeat top left;
}

#texte-intro td {
	font-size:18px; line-height:25px; color:#ffffff; padding:0 65px; vertical-align:middle; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
}
#texte-intro td.index {
	padding:0 0 0 65px; width:660px;
}
#texte-intro h1 {
	font-size:45px; line-height:50px; font-weight:normal; padding:0 0 25px 0; margin:0; text-align:left; color:#FFFFFF;
}

#texte-intro td.boutons {
	padding:0; text-align:center;
}

#texte-intro a, #texte-intro a:visited {
	text-decoration:underline; color:#ffffff;
}
#texte-intro a:hover, #texte-intro a:visited:hover {
	text-decoration:none; color:#ffffff;
}

.btn-rollover {
	background:transparent url(/images/btn_rollover.png) no-repeat center center;
	background-size: 100% 100%;
}




/**** Contenu ****/


#contenu {
	padding: 40px 0; /* width reel = 1035px */
	font-size: 1.1em; text-align:justify; line-height:1.4em;
	min-height: 600px;
}

#contenu.etroit {
	padding-right:300px; /* width reel = 735px */	
}


#contenu > h1:first-child {
	padding-top:0;
}
hr + h1, h1 + h2, hr + h2 {
	padding-top:0;
}

p {
	padding: 0 0 1em 0; margin: 0;
}

ul {
	/*Hack pour espace a gauche de la liste*/ 
	margin:0 0 .8em 17px; padding:0;
	/* padding-top:0; padding-right:0; padding-bottom:0; margin-top:0; margin-right:0; margin-bottom:.6em; */
	/*
	Pour avoir une image a la place de la bullet : 
	Methode 1 : list-style-type:none;
	Methode 2 : list-style-type: circle;
	*/
}
ol {
	margin:0 0 .8em 17px; padding:0;
	/* padding-top:0; padding-right:0; padding-bottom:0; margin-top:0; margin-right:0; margin-bottom:.6em; */
}
ul ul, ul ol, ol ol, ol ul {
	margin-bottom:0; margin-top:.5em;
}
li {
	padding:0 0 .2em 0; margin:0;
	/*Pour avoir un bullet different au bout (image) 
	Methode 1 (Fonctionne mieux que le list-style )
	background: url(/images/bullet.gif) no-repeat left 0.5em; padding:0 0 .2em 15px; 
	Methode 2
	list-style-image: url(images/bullet.gif);
	*/
}
ul li ul, ul li ol,
ol li ul, ol li ol {
	margin-bottom:0;
}


/* hr avec une image de background
hr {
	color: #999999; height:20px; clear:both; margin:1em 0; border:0;
	background:#FFFFFF url(/images/ligne_hr.png) no-repeat left top;
}
 */
/* hack ie7 */
*+html hr {
	height:1px;
}

p + hr {
	padding:0;
}


.curseurOn {
	cursor: pointer;
}
.curseurOff {
	cursor: default;
}

.readmore {
	text-decoration:underline; color:#003399;
}
.readmore span {
	text-decoration:none;
}


#contenu .zone-repetable {
	border-top:1px solid #98B2C7; clear:both; margin:0 0 1em 0;
}

#contenu .repeatable {
	padding:1.5em 0 .7em 0; border-bottom:1px solid #4d6e31; clear:both;
}
#contenu .repeatable h2 {
	padding:0 0 .9em 0;
}



.colonne-droite {
	 position:absolute; top:40px; right:-65px; text-align:center; /* float:right; margin:0 -340px 0 0;*/ width:300px;
}



/**** Footer ****/

#footer {
	position:relative; margin:0 auto; padding:70px 65px 20px 65px; text-align:left; font-size:18px; line-height:30px; color:#FFFFFF;
	background:url(/images/background_footer.png) no-repeat left top; min-height:65px;
}
#footer strong {
	font-size:24px; display:block;
}
#footer a, #footer a:visited {
	text-decoration:none; color:#FFFFFF;
}
#footer a:hover, #footer a:visited:hover {
	text-decoration:underline; color:#FFFFFF;
}

#footer .sitemap-lien {
	float:right; font-size:12px;
}
#footer .sitemap-lien a, #footer .sitemap-lien a:visited {
	text-decoration:underline; color:#FFFFFF;
}
#footer .sitemap-lien a:hover, #footer .sitemap-lien a:visited:hover {
	text-decoration:none; color:#FFFFFF;
}


/* Pour les non-voyants */
.accessibility {
	position:absolute; top:-1000px;
}


/* Lien taiga */

#webmaster {
	display:none;
}


/* Accueil */

#accueil #conteneur {
	background-color:none; border:none;
}

#accueil .hautdepage {
	display:none;
}

body#accueil {
	background:#425e2a url(/images/background_accueil.png) repeat-x left top;
	background-size: 145px 1137px;
}

#accueil #navtop {
	border-bottom: 5px solid #FFFFFF;
}

#accueil #header {
	background:none; height:auto;
}

#accueil #phototop {
	height:333px;
}

#accueil #phototop div {
	background:url(/images/gazon-pelouse-arpents-verts.jpg) no-repeat center top; height:333px;
}

#accueil #tel {
	position:absolute; top:245px; left:85px; font-size:24px; color:#FFF;
}
#accueil #tel strong {
	display:block;
}
#accueil #contenu-accueil {
	width:820px; margin:0 auto;
}

#accueil #btn_gazon {
	width:380px; float:left;
}
#accueil #btn_lait {
	width:380px; float:right;
}
#accueil #btn_gazon, #accueil #btn_lait {
	position:relative;
}
#accueil #btn_gazon img, #accueil #btn_lait img {
	display:block;
}
#accueil .btn_cliquez-ici-gazon, #accueil .btn_cliquez-ici-lait {
	position:absolute; top:402px; left:127px; z-index:3;
}
#accueil .btn_rollover-gazon {
	position:absolute; top:254px; left:0px; z-index:2; width:380px; height:167px; overflow:hidden;
}
#accueil .btn_rollover-gazon img {
	position:absolute; top:254px; left:0; z-index:1;
}
#accueil .btn_rollover-lait {
	position:absolute; top:254px; left:42px; z-index:2; width:298px; height:167px; overflow:hidden;
}
#accueil .btn_rollover-lait img {
	position:absolute; top:0px; left:381px; z-index:1;
}

#accueil #texte-accueil {
	clear:both; color:#FFFFFF; font-size:1.1em; line-height:1.5em; text-align:justify; padding:25px 30px 0 30px;
}
#accueil #texte-accueil a, #accueil #texte-accueil a:visited {
	text-decoration:underline; color:#ffffff; font-size:1.4em;
}
#accueil #texte-accueil a:hover, #accueil #texte-accueil a:visited:hover {
	text-decoration:none; color:#ffffff;
}

#accueil #footer-accueil {
	background:url(/images/background_footer_accueil.png) repeat-x center top; height:166px;
}
#accueil #webmaster {
	width:760px; margin:0 auto; padding:100px 0 0 0; text-align:right; font-size:11px; color:#97b67b; display:block;
}
#accueil #footer-accueil a, #accueil #footer-accueil a:visited {
	text-decoration:underline; color:#97b67b;
}
#accueil #footer-accueil a:hover, #footer #texte-accueil a:visited:hover {
	text-decoration:none; color:#97b67b;
}


/***** Arpents vert ******/

.guide {
	position:relative;
}
.guide .conteneur {
	height:230px; background:url(/arpents-verts/fr/images/guide_background.jpg) no-repeat left top;
}
.guide .guide-off {
	position:absolute;top:0;left:0;z-index:20;
}
.guide .guide-over {
	position:absolute;top:0;left:-2px;z-index:10;display:none;
}

/* Album photos */

.accordeon {
	/*border-top:1px solid #4d6e31;*/
}

.accordeon h4 {
	padding:0 0 .8em 0; font-weight:normal;
}
.accordeon h4 a, .accordeon h4 a:visited {
	text-decoration:underline; color:#4d6e31; float:left; width:675px; font-weight:normal;
}
.accordeon h4 a:hover, .accordeon h4 a:visited:hover {
	text-decoration:none; color:#4d6e31;
}

/* Pour faire suivre le texte apres un float. A appliquer au conteneur parent */
.accordeon h4:before, .accordeon h4:after {
    content: ""; display: table;
} 
.accordeon h4:after {
    clear: both;
}

.accordeon h4 a.active {
	text-decoration:none; font-weight:bold;
}
#contenu .accordeon .repeatable  {
	position:relative; margin:0; border:none; padding:.7em 0 .2em 0;
}

#contenu .accordeon .repeatable-active  {
	background-color:#e7f1df;
}

.accordeon .repeatable h4 img {
	float:left; margin:5px 5px 0 0; vertical-align:middle; /*width:14px;*/
}
.accordeon .repeatable h4 .chiffre {
	float:left; margin:0 5px 0 0; min-width:35px;
}
/* hack ie7 */
*+html .accordeon .repeatable h4 img {
	float:left; margin-top:2px;
}
/* hack ie6 */
* html .accordeon .repeatable h4 img {
	float:left; margin-top:2px;
}

.accordeon .content {
	margin:0; padding:0 40px 0 58px; clear:both;
}



/* Site map */

ul.sitemap li {
	font-size:1.2em; font-weight:bold; padding-top:1em;
}
ul.sitemap li ul li {
	font-size:.9em; font-weight:normal; padding-top:.5em;
}



/* Calculateur */

.parcelleContent3{
	width: 100%; height: auto; float: right;
}

.parcelleContent, #logo2 {
	display:none;
}

#unite_mesure  {
	padding:25px 0 45px 0; text-align:center; color:#DC2B01; border-top:1px solid #4D6E31;
}
#unite_mesure div  {
	margin:.5em auto 0 auto; text-align:center;
}

#button_add_parcelle  {
	padding:35px 0 45px 0; text-align:center; display:none; float:left;
}
#button_add_parcelle input[type="button"] {
	font-size:1.1em; padding: 3px 10px;
}

.parcelle {
	border:2px solid #4D6E31;
	-moz-box-shadow: 1px 1px 4px #999999;
	-webkit-box-shadow: 1px 1px 4px #999999;
	box-shadow: 1px 1px 4px #999999;
}

.parcelle table th {
	background-color:#4d6e31; padding:10px 20px; color:#FFFFFF; font-size:1.5em;
}

.parcelle table td {
	color:#4d6e31; padding:15px 20px 20px 20px; line-height:1.2em; vertical-align:middle;
}

.parcelle td.shape_selection {
	padding-left:20px; width:250px;
}

.parcelle td.dimensions {
	width:300px; padding-left:95px;
}

.parcelle .background_triangle {
	background: url(/images/calculateur_triangle.png) no-repeat left center; 
}

.parcelle select {
	display:block; font-size:1em; width:200px; margin:10px 0 0 0;
}

.parcelle label {
	display:inline-block; min-width:90px; margin:0 10px 10px 0;
}

.parcelle input {
	width:50px; margin:0 10px 0 0;
}

.parcelle td.bouton {
	text-align:left; padding-left:0px
}

.parcelle td.bouton input[type="button"] {
	font-size:1.1em; width:auto; padding:3px 10px;
}

.parcelle td.total_partiel {
	text-align:center; color: #dc2b01; border-left:1px solid #4D6E31; width:140px;
}
.parcelle td.total_partiel strong {
	/*color:#4D6E31;*/
}

.parcelle td.total_partiel .total_partiel_value, #total_volume_value {
	font-size:2.5em; font-weight:bold; margin: 0.3em 0 0.3em 0;
}

.parcelle .shape_selection div {
	min-height:80px; padding-top: 15px;
}

.parcelle .parcelle_steps {
	display:none;
}

#grand_total {
	float:right;
}
#grand_total .title {
	display:inline-block;
}
#grand_total #total_value {
	display:inline-block; width:139px; background-color:#DC2B01; padding:20px 20px 0px 20px; color:#FFFFFF; font-size:1.2em; text-align:center; min-height:75px;
	border:2px solid #4D6E31;
	-moz-box-shadow: 1px 1px 4px #999999;
	-webkit-box-shadow: 1px 1px 4px #999999;
	box-shadow: 1px 1px 4px #999999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
#grand_total #total_value span {
	font-weight:bold; font-size:2em; display:block; margin:0 0 0.3em 0;
}

#bottom_buttons {
	clear:both; margin:45px 0 0 0; text-align:center; display:none; border-top:1px solid #4D6E31; padding: 25px 0 0;
}
#bottom_buttons input[type="button"] {
	font-size:1.1em; width:auto; padding:3px 10px;
}


/* Volume de terre */
.parcelle .volume th {
	background-color:#6e5331;
}
#volumeContent {
	margin:45px 0 0 0;	
}

/*.parcelle .volume td.total_partiel {
	color: #ffffff; background-color:#DC2B01;
}*/