/* ----------------------------------------------------------------- */
/* >>> GLOBAL */ 

* {margin: 0; padding: 0; border: none; }
img { border: none; }

#main {
	margin: 0 auto;
	width: 1000px;
}

/* ----------------------------------------------------------------- */
/* >>> TYPO et HEADINGS */

body { 
	font: 11px/1.4em Arial, "Dejavu Sans", sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
}

a, a:link, a:visited { text-decoration: none; color: #2d5900; }
a:hover { text-decoration: underline; color:#CC0000}


#envoi{background: transparent url(img/envoi.jpg) top center no-repeat;width:56px;height:20px;cursor:pointer; }

h1 { 
	position: absolute;
	top: 60px; right: 0;
	width: 300px; height: 80px
}

	h1 a { display: block; width: 100%; height: 100%; }

h2 { 
	font: 18pt "Gill Sans Light", Arial, "Dejavu Sans", sans-serif; 
	text-transform: uppercase;
	color: #C30660; 
}

	#nav-left h2, #nav-right h2 { 
		font: 12px/38px Arial, "Dejavu Sans", sans-serif; font-weight: bold; 
		text-indent: 20px;  color: #FFF;
		width: 100%; height: 38px; margin: 7px 0;				
	}
		#nav-left h2 a, #nav-left h2 label, #nav-right h2 a, #nav-right h2 label { 
			display: block; width: 100%; height: 100%; 
			text-decoration: none; color: #FFF;
		}


	h2.palette_titre { background: transparent url(img/palette_vide.jpg) top center no-repeat; }
	h2#livraisons { background: transparent url(img/dernieres_realisations.jpg) top center no-repeat; }
	h2#agence { background: transparent url(img/palette_agence.jpg) top center no-repeat; }
	h2#contact { background: transparent url(img/palette_contact.jpg) top center no-repeat; }
	h2#rechercher { background: transparent url(img/palette_rechercher.jpg) top center no-repeat; }
	
	
	
h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; }

.erreur, .reponse_formulaire { font-weight: bold; color: #C30660; }
	


/*******************LE FORMULAIRE DE OUF**************/
td.txtstd{
	width:auto;
}
	
/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

	fieldset, input, textarea, select { margin: auto; }
		fieldset fieldset { margin: 0 1em; }
	
		legend { 
			font-weight: bold; 
			margin-bottom: 1em; 
		}

		label { cursor: pointer; }
		
		#nav-left input, #nav-right input {
			/*background: transparent url(img/champ_form.jpg) top center no-repeat;*/
			border: auto;
			width: 100px;  
			border:solid 1px #333333;
		}	
		p.checkbox 
		{
			margin-top:5px;
			margin-bottom:5px;
		}
		p.checkbox input#session_artego
		{
		width:15px;
		}
		#nav-right h2 a img { 
			position:relative;
			right:18px;
		}
		
		#nav-left input#email, #nav-right input#recherche { float: left; margin-right:4px; height: 18px; line-height: 18px; border: inset 1px #A8A9AD; }
		#nav-left #label_lettres_action { margin: 0 4px 0 5px; }
		#nav-left button { 
			background: transparent url(img/bt_connect_off.gif) top center no-repeat;
			width: 85px; height: 15px; margin-right: 10px; margin-top:5px;
			cursor: pointer;
		}
		
	#content fieldset { border: solid 1px #DDD; margin-bottom: 20px; padding-bottom: 10px;}
	
		#content legend { 
			border: solid 1px #DDD; 
			margin-left: 20px; 
			padding: 2px 50px 0;
		} 
		
		#content label {
			float: left; text-align: right;
			font-size: 0.9em; font-weight: bold;
			width: 35%; margin-right: 2%;
		}
		#content .forml { border: inset 2px #ddd; width: 55%; }
		#content select.forml { width: auto; }
		#content option { padding: 0 0.375em; }
		#content button { 
			margin-top: 1em; margin-left: 37%; 
			background-color: #2d5900; color: #FFF;
		}
		
			#content-main fieldset p { margin-left: 1em; }		
			#content-main fieldset.previsu { margin-bottom: 60px; }
			#content-main .previsu p { margin-left: 20%; }
			
		#content .checkbox label { float: none; width: auto; } 
		#content .checkbox input { margin-left: 32%; }
		
		#content #formulaire_lettres button .invisible { display: inline; }
		
/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header { width: 1000px; height: 152px; position: relative; }

/* ----------------------------------------------------------------- */
/* >>> NAV */

	#nav ul, li { list-style-type: none; }
	#nav ul { height: 28px;  line-height: 28px; text-align: center; margin-left: 20px; }
	
		#nav li { float: left; height: 100%; margin-right: 4px; }
			
			#nav li a { display: block; height: 100%; width: 105px; }
			#nav-0 { background: transparent url(img/bt_accueil.jpg) top center no-repeat; }
			#nav-1 { background: transparent url(img/bt_qui.jpg) top center no-repeat; }
			#nav-2 { background: transparent url(img/bt_groupe.jpg) top center no-repeat; }
			#nav-3 { background: transparent url(img/bt_prog.jpg) top center no-repeat; }
			#nav-4 { background: transparent url(img/bt_prop.jpg) top center no-repeat; }
			#nav-5 { background: transparent url(img/bt_offre2.jpg) top center no-repeat; }
			#nav-6 { background: transparent url(img/bt_ref.jpg) top center no-repeat; }
			
			#nav li a {background-position: 0 -28px;}
			#nav li a:hover, #nav li a.actif {  background-position: 0 0; }
			
/* ----------------------------------------------------------------- */
/* >>> HIERARCHIE - MENU-HAUT */

#menu-haut { margin: 5px 220px 0;  text-align: right; color: #AEB0B2; }
	#menu-haut li { display: inline; }
		#menu-haut a { color: #AEB0B2; }

#hierarchie { margin: 5px 260px 0;  color: #2d5900; }

/* ----------------------------------------------------------------- */
/* >>> NAV-LEFT - NAV-RIGHT */

#nav-left {	width: 180px; }

#nav-left { float: left; margin-left: 20px; }
#nav-right { float: right; width: 180px; padding-right:20px; }

	.nav-left-header { 
		background: transparent url(img/palette_ht.jpg) bottom center no-repeat; 
		width: 100%; height: 8px; 
	}
	
	.nav-left-content { background: transparent url(img/palette_repeat.jpg) top center repeat-y; }
		.nav-left-content p { text-align: justify; }	
		.nav-left-content ul, .nav-left-content p { margin: 0 10px; }
			.nav-left-content li a { font-weight: bold; }
	
	#nav-right-header {
		
		width: 100%; 
	}
	
	#nav-left .espacement, #nav-right .espacement { height: 10px; }
	
	#nav-left p#newsletter { margin: 0 10px;  }
	#nav-left li { padding: 2px 0; }
	#nav-left li a { color: #000; }
	#nav-left li a.actif { color: #f6821f; }
	#nav-left li img { display: inline; margin-left: 5px;}
	
	#nav-left label#label_email, #nav-left #formulaire_lettres legend {display: none;}
		
	#nav-left .nav-footer { 
		background: #FFF url(img/palette_pied2.jpg) top center no-repeat;
		position: relative; width: 100%; height: 33px; 
	}
	
	#nav-left-footer { background: transparent url(img/palette_pied2.jpg) top center no-repeat; height: 61px; text-align: center; }
		#nav-left-footer {}

		#nav-left .nav-footer h2 { position: absolute; left:0; bottom:0; margin:0; }

	#nav-right p.espacement { text-align: center; }
	#nav-right .formulaire_recherche { padding-bottom: 10px; }

/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content { 
	background: transparent url(img/centre_repeat.jpg) top center repeat-y; 
	float: left; text-align: justify;
	width: 560px; margin: 0 20px;
}

	#content .espacement { height: 20px; }

	#content-header { 
		background: transparent url(img/centre_haut.jpg) top center no-repeat; 
		height: 38px; padding: 20px 0 20px 65px;
		
	}
	
	#content-main { margin: 0 40px 0 60px; }
	#edito { padding: 0 40px 20px 60px; }
	#bloc-notes { padding: 20px 40px 20px 60px; }

	#content-footer { 
		clear: both;
		background: transparent url(img/centre_pied.jpg) bottom center no-repeat; 
		height: 36px;
	}

/*	#edito { border-bottom: #AFAFAF solid 1px; } 
	#bloc-notes { border-top: #AFAFAF solid 1px; } */
	
	#bloc-notes #content-main { margin:0; width: 220px; }
	
	#content-main p { margin: 1em 0; }
	
	#content-main ul { padding-left: 30px; }
	#content-main ul li { margin: 1em 0; }  #content-main ul p { margin: 0.2em 0; }
	#content-main li { list-style: outside circle; }

	#content-main dl { list-style: outside circle; }

	#content-main .alb-photos { padding: 0; }
		#content-main .alb-photos li { float: left; list-style: none none inside; margin: 0; }
			#content-main .alb-photos li a { display: block; width: 145px; margin: 5px 0; text-align: center; }

	#content-main table {} 
	#content-main td { text-align: left; /*width: 25%; padding-right: 5px;*/ }

	.sitemap { margin: 0 25px;}
	.sitemap ul { margin-bottom: 25px; }

	.savoir { border-bottom: 1px solid #DDD; margin-bottom: 10px; padding-bottom: 10px; clear: both; }

	.spip_documents_left { margin-right: 15px; }
	.spip_documents_right { margin-left: 15px; }
	.spip_documents_center { display: block; text-align: center; }
	
/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer { clear: both; }

/* ----------------------------------------------------------------- */
/* >>> CLASSES DIVERSES */

.invisible { display: none; }
.spacer { clear: both;}
.left { float: left; }
.right { float: right;}
.espacement { background: #FFF; }
.bold { font-weight: bold; }
.deux-cols { display:inline; width: 220px; margin: 0 5px; }
.trois-cols { display: inline; width: 142px; margin: 0 5px; }
.center{text-align:center;}

/* ----------------------------------------------------------------- */


.italic{
	font-style:italic;
}


#textealacon{
	width:450px;
}

#rechercheItin{
	margin:4px;
}
#rechercheItin input{
	border:solid 1px #5B8700;
}
#rechercheItin a{
	color : #F5896C;
	font-weight:bold;
	padding-left:5px;
}