/* CSS éléments communs */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4d4b4b;
	background: url(images/body.jpg) repeat-x #ffffff center top;
	padding:0px;
	margin:0px auto;
	ssbehavior:url('csshover2.htc');  /*Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */

	}

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

#header {
	width: 1000px;

	}

#logo {
	background: url(images/logo.jpg) no-repeat;
	height: 190px;
	width: 240px;
	float: left;
	}

#head {

	width: 760px;
	float: right;
	margin: 0px;
	background: url(images/head.jpg) no-repeat;
	}

#up {
	width: 760px;
	height: 156px;
	}

#gauche {
	width: 302px;
	float: left;
	margin: 0px;
	padding: 0px;
	}

#droite {
	width: 683px;
	float:right;
	margin: 0px;
	padding: 0px;
	}
	
#main {
	color: #4d4b4b;
	line-height: 19px;
	padding-left: 15px;
	margin: 0px;
	text-align: justify;
	padding-top: 17px;
	}
	
#footer {
	text-align: center;
	padding-top: 22px;
	width: 683px;
	line-height: 14px;
	font-size: 10px;
	}

h1 {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	padding-left: 15px;
	font-weight: normal;
	background: url(images/tit_main.jpg) no-repeat;
	height: 29px;
	width: 683px;
	}
	
.link_grisfonce:link, .link_grisfonce:visited {
	color: #4c4b4b;
	text-decoration: none;
	font-weight: normal;
	}

.link_grisfonce:hover {
	color: #4c4b4b;
	text-decoration: underline;
	font-weight: normal;
	}
	
.link_noir:link, .link_noir:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}

.link_noir:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	}

.copy:link, .copy:visited {
	color: #6d6d6d;
	text-decoration: none;
	}

.link_footer:link, .link_footer:visited {
	color: #4c4b4b;
	text-decoration: none;
	}  

.link_footer:hover {
	color: #4c4b4b;
	text-decoration: underline;
	}
	
.ill_bas {
	float: left;
	margin: 0px;
	padding: 0px;
	}

	
/* CSS menu principal */

#menu {
	width: 760px;
	}

#menu1 {
	width: 94px;
	height: 34px;
	float: left;
	text-align: center;
	padding-top: 7px;
	}

#menu2 {
	width: 105px;
	height: 34px;
	float: left;
	text-align: center;
	padding-top: 7px;
	}

#menu3 {
	width: 132px;
	height: 34px;
	float: left;
	text-align: center;
	padding-top: 7px;
	}

#menu4 {
	width: 146px;
	height: 34px;
	float: left;
	line-height: 9px;
	text-align: center;
	padding-top: 3px;
	}

#menu5 {
	width: 140px;
	height: 34px;
	float: left;
	text-align: center;
	padding-top: 7px;
	}

#menu6 {
	width: 143px;
	height: 34px;
	float: left;
	text-align: center;
	padding-top: 7px;
	}

.link_menu:link, .link_menu:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	}

.link_menu:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
	}

/* CSS MENU DEROULANT */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
text-align:center;
padding-top:7px;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	}


.suckertreemenu ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
	}



	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top:1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
	display: list-item;
	float: none;
	text-align:center;
min-height:17px;	border:0;
	border-bottom:1px solid #FFFFFF;

	}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
	}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
	display: block;
	width: 160px; /*width of sub menu levels*/
	color: #fff;
	text-decoration: none;
	padding: 1px 5px;	

	}





* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
* html .suckertreemenu a:hover { height: 1%; }
/* End */



/* CSS page accueil */

#actu {
	width: 504px;
	background: url(images/actu_bg.jpg) repeat-y;
	margin: 0px;
	float: left;
	}

#ill_acc {
	width: 179px;
	float: right;
	margin: 0px;
	}

#tit_actu {
	width: 504px;
	height: 23px;
	background: url(images/tit_actu.jpg) no-repeat;
	}

.tit_actu {
	color: #ef8200;
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;
	display: block;
	}

#actu1 {
	padding-left: 15px;
	line-height: 19px;
	padding-top: 15px;
	text-align: justify;
	padding-right: 28px;
	}

#actu2 {
	margin: 0px;
	width: 270px;
	float: left;
	height: 192px;
	}

#actu3 {
	margin: 0px;
	width: 206px;
	float: right;
	margin-right: 28px;
	}

.actu3 {
	display: block;
	text-align: justify;
	line-height: 19px;
	}

.link_actu:link, .link_actu:visited, .link_actu:hover {
	color: #ef8200;
	text-decoration: underline;
	font-weight: normal;
	text-align: right;
	display: block;
	}
	
.orange {
	color: #ef8200;
	}
	
#main_sousmenu2 {
	width: 300px;
	height: 106px;
	background: url(images/nav_bg.jpg) no-repeat;
	text-align: justify;
	margin: 0px;
	}
	
/* CSS sous menu gauche */

#sousmenu {
	width: 300px;
	margin: 0px;
	padding: 0px;
	background: url(images/nav_rpt.jpg) repeat-y;
	}

#titre_sousmenu {
	background: url(images/nav_tit.jpg) no-repeat;
	width: 300px;
	height: 56px;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}

.titre_sousmenu {
	color: #4c4b4b;
	vertical-align: top;
	display: block;
	padding-top: 30px;
	}

#main_sousmenu {
	width: 300px;
	height: 87px;
	background: url(images/nav_bg.jpg) no-repeat;
	text-align: justify;
	margin: 0px;
	}

.ul_sousmenu {
	margin: 0px;
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	}
	
.li_sousmenu {
	padding-top: 6px;
	list-style-type: none;
	}


/* CSS galerie gauche */

#titre_galerie {
	width: 300px;
	height: 27px;
	background: url(images/tit_left.jpg) no-repeat;
	text-align: justify;
	}

.titre_galerie {
	color: #4c4b4b;
	font-variant: inherit;
	font-weight: bold;
	padding-left: 41px;
	padding-top: 5px;
	display: block;
	}

#galerie_sousmenu {
	width: 300px;
	height: 167px;
	background: url(images/nav_bg.jpg) no-repeat;
	text-align: justify;
	margin: 0px;
	}
	

/* CSS vidéo gauche */

#titre_video {
	width: 300px;
	height: 53px;
	background: url(images/tit_left2.jpg) no-repeat;
	text-align: justify;
	}

.titre_video {
	color: #4c4b4b;
	font-variant: inherit;
	font-weight: bold;
	padding-left: 41px;
	padding-top: 20px;
	display: block;
	}
	
.link_video:link, .link_video:visited {
	color: #4c4b4b;
	text-decoration: underline;
	font-weight: normal;
	}

.link_video:hover {
	color: #4c4b4b;
	text-decoration: none;
	font-weight: normal;
	}
	

/* CSS liens rapide bas gauche */

#liens_gauche {
	width: 300px;
	height: 155px;
	background: url(images/link_bg.jpg) no-repeat;
	}

.ul_liensgauche {
	margin: 0px;
	display: block;
	padding-left: 65px;
	padding-top: 24px;
	list-style-type: none;
	}

.li_liensgauche {
	list-style-type: none;
	padding-bottom: 15px;
	}
	
.li_liensgauche2 {
	list-style-type: none;
	padding-bottom: 24px;
	}

.link_vert:link, .link_vert:visited {
	color: #499324;
	text-decoration: none;
	font-weight: normal;
	}

.link_vert:hover {
	color: #499324;
	text-decoration: underline;
	font-weight: normal;
	}


/* CSS petit poucet */

#poucet {
	width: 683px;
	height: 30px;
	text-align: left;
	}

.poucet {
	padding-left: 15px;
	padding-top: 3px;
	display: block;
	}

.link_poucet:link, .link_poucet:visited, .link_poucet:hover {
	color: #4c4b4b;
	text-decoration: underline;
	font-weight: normal;
	}


/* CSS page intérieure Les Ortigues */

#ill_int {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	}

.link_orange_on:link, .link_orange_on:visited {
	color: #ef8200;
	text-decoration: none;
	font-weight: normal;
	}

.link_orange_on:hover {
	color: #4c4b4b;
	text-decoration: underline;
	font-weight: normal;
	}

.link_orange_off:link, .link_orange_off:visited {
	color: #4c4b4b;
	text-decoration: none;
	font-weight: normal;
	}

.link_orange_off:hover {
	color: #ef8200;
	text-decoration: underline;
	font-weight: normal;
	}
	
#references1 {
	background: url(images/ref_bg1.jpg) repeat-y;
	color: #ef8200;
	margin: 0px;
	padding-left: 15px;
	padding-right: 15px;
	}


/* CSS page tente et structure */

.bleu {
	color: #0072ba;
	}

.link_bleu_on:link, .link_bleu_on:visited {
	color: #0072ba;
	text-decoration: none;
	font-weight: normal;
	}

.link_bleu_on:hover {
	color: #4c4b4b;
	text-decoration: underline;
	font-weight: normal;
	}

.link_bleu_off:link, .link_bleu_off:visited {
	color: #4c4b4b;
	text-decoration: none;
	font-weight: normal;
	}

.link_bleu_off:hover {
	color: #0072ba;
	text-decoration: underline;
	font-weight: normal;
	}

#references2 {
	background: url(images/ref_bg2.jpg) repeat-y;
	color: #0072ba;
	margin: 0px;
	padding-left: 15px;
	padding-right: 15px;
	}
	

/* CSS page installation generale et stands */

.rouge {
	color: #e6442e;
	}

.link_rouge_on:link, .link_rouge_on:visited {
	color: #e6442e;
	text-decoration: none;
	font-weight: normal;
	}

.link_rouge_on:hover {
	color: #4c4b4b;
	text-decoration: underline;
	font-weight: normal;
	}

.link_rouge_off:link, .link_rouge_off:visited {
	color: #4c4b4b;
	text-decoration: none;
	font-weight: normal;
	}

.link_rouge_off:hover {
	color: #e6442e;
	text-decoration: underline;
	font-weight: normal;
	}

#references3 {
	background: url(images/ref_bg3.jpg) repeat-y;
	color: #e6442e;
	margin: 0px;
	padding-left: 15px;
	padding-right: 15px;
	}
	

/* CSS page image et signaletique */

.rose {
	color: #d5338b;
	}

.link_rose_on:link, .link_rose_on:visited {
	color: #d5338b;
	text-decoration: none;
	font-weight: normal;
	}

.link_rose_on:hover {
	color: #4c4b4b;
	text-decoration: underline;
	font-weight: normal;
	}

.link_rose_off:link, .link_rose_off:visited {
	color: #4c4b4b;
	text-decoration: none;
	font-weight: normal;
	}

.link_rose_off:hover {
	color: #d5338b;
	text-decoration: underline;
	font-weight: normal;
	}

#references4 {
	background: url(images/ref_bg4.jpg) repeat-y;
	color: #d5338b;
	margin: 0px;
	padding-left: 15px;
	padding-right: 20px;
	}

.ul_signaletique {
	margin: 0px;
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	list-style-type: none;
	}
	


/* CSS page catalogue */

.vert {
	color: #499323;
	}

.link_vert_on:link, .link_vert_on:visited {
	color: #499323;
	text-decoration: none;
	font-weight: normal;
	}

.link_vert_on:hover {
	color: #4c4b4b;
	text-decoration: underline;
	font-weight: normal;
	}

.link_vert_off:link, .link_vert_off:visited {
	color: #4c4b4b;
	text-decoration: none;
	font-weight: normal;
	}

.link_vert_off:hover {
	color: #499323;
	text-decoration: underline;
	font-weight: normal;
	}

#sousmenu_cat {
	width: 300px;
	margin: 0px;
	padding: 0px;
	background: url(images/nav_cat_rpt.jpg) repeat-y;
	}
	
#titre_cat {
	background: url(images/nav_cat.jpg) no-repeat;
	width: 300px;
	height: 56px;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}

.titre_cat {
	color: #4c4b4b;
	vertical-align: top;
	display: block;
	padding-top: 35px;
	}

#main_cat {
	width: 300px;
	background: url(images/nat_cat_bg.jpg) no-repeat;
	text-align: justify;
	margin: 0px;
	}

.ul_cat {
	margin: 0px;
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	}
	
.li_cat {
	padding-top: 6px;
	list-style-type: none;
	}

.recherche {
	padding-left: 23px;
	}

#liens_cat {
	width: 300px;
	height: 155px;
	background: url(images/link_cat_bg.jpg) no-repeat;
	}

.li_liensgauche3 {
	list-style-type: none;
	padding-bottom: 32px;
	}

.colonne_tablo {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	padding-left: 15px;
	padding-bottom:10px;
	font-weight: normal;
	background: url(images/tit_main.jpg) no-repeat;
	height: 29px;
	width: 683px;
	}
	
.ligne_tablo {
	font-size: 11px;
	padding-left: 15px;
	padding-bottom:5px;
	font-weight: normal;
	}
	
.ligne_tablo_titre {
	font-size: 12px;
	padding-left: 15px;
	padding-top:10px;
	padding-bottom:5px;
	font-weight: normal;
	color:#499323;
	}

.form {
	margin: 0px;
	padding: 0px;
	}
	
.valider {
	border:#9B999A solid 1px;
	background-color:#ffffff;
	font-style:normal;
	font-size:11px;
	color:#499323;
	width: 90px;
	height: 22px;
	}
	

/* CSS catalogue affichage produits  */

.produit {
	background: url(images/bg_cat.jpg) no-repeat;
	width: 154px;
	height: 164px;
	text-align: center;
	padding-top: 12px;
	/*padding-left: 7px;*/
	}

.produitpascentre {
	background: url(images/bg_cat.jpg) no-repeat;
	width: 154px;
	height: 164px;
	text-align: left;
	padding-top: 12px;
	padding-left: 10px;
	}

.text_produit {
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 12px;
	width:165px;
	}

.prix {
	font-weight: bold;
	}

.description {
	font-weight: normal;
	font-size: 10px;
	}

.link_fiche:link, .link_fiche:visited {
	color: #499323;
	text-decoration: none;
	font-weight: bold;
	}

.link_fiche:hover {
	color: #4c4b4b;
	text-decoration: underline;
	font-weight: bold;
	}

.titre_fiche {
	color: #499323;
	text-decoration: none;
	font-weight: bold;
	}
	


/* CSS pages galeries */

#explic_gal {
	margin: 0px;
	padding-left: 22px;
	line-height: 17px;
	text-align: justify;
	padding-right: 40px;
	}


/* CSS formulaire de contact */

.fieldset {
	font-style:normal;
	font-size:11px;
	color:#ef8200;
	font-weight:bold;
	border:#9B999A solid 1px;
	padding:20px;
	background-position:top right;
	background: url(images/bg-fieldset.jpg) no-repeat;
	}

.label {
	color:#4d4b4b;
	font-size:11px;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 30px;
	line-height: 1.8;
	}

.input {
	border:#9B999A solid 1px;
	background-color:#ffffff;
	font-style:normal;
	font-size:11px;
	color:#EF8200;
	width: 150px;
	}

.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #9B999A;
	color: #ffffff;
	border:#5c5c62 solid 1px;
	width: 150px;
	font-size:11px;
	}

.normal {	/*** Retour à l'état normal des champs après l'utilisation ***/
	border:#9B999A  solid 1px;
	background-color:#ffffff;
	color: #ef8200;
	width: 150px;
	font-size:11px;
	}

.formul { /*** Couleur du champ message après utilisation ***/
	border:#9B999A  solid 1px;
	background-color:#ffffff; 
	font-style:normal;
	font-size:11px;
	color:#ef8200; 
	width:350px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	}

.formul-on { /*** Couleur du champ message avant utilisation ***/
	font-style:normal;
	font-size:10px;
	width:350px;
	height:150px;
	background: #9B999A; 
	color: #ffffff;
	border:#9B999A  solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	}