* { margin:0; padding:0; list-style-type:none; border:0; font-family:Arial, Helvetica, sans-serif; }

/* hack hauteur IE */

* html #main-padding {
	height: 460px;
}

* html .bloc-index {
	height: 300px;
}

h3, h4 {  font-weight: bold; text-transform:uppercase; }
h3 a, h3 a:visited { text-decoration:none; }
h3 a:hover { text-decoration: underline; }

/* liens */ 

a, a:visited, a:active { text-decoration:none; color:#FCCC3C; font-weight:bold; }
a:hover { text-decoration:underline; color:#EFA812; }
strong { font-weight:bold; }

.black{color:#000;}
.pic { float:right; margin:0 0 5px 10px; border:2px solid #fff; }

body { color:#FFF; height:100%;  font-size:11px; background: url(images/bg-body.jpg) top center no-repeat #fff; margin:10px;  }

#box { width:950px; margin:0 auto;  background:#415275;  }

#cadre_main { margin:0;  background:url(images/bg-menu.jpg) top left no-repeat;}

/* HEADER */

#header { position:relative; background: url(images/header.jpg) top left no-repeat; height:223px; }
	
#side { float:left; width:197px; margin:0 0 0 0; min-height:460px;    }

#breadcrumb { position:absolute; top:188px; left:200px; z-index:1;}

/* MENU */

#menu { }
	
		.treeview li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
		list-style-type: none; font-weight:bold; margin:0; background:url(images/points.png) left bottom repeat-x;}
		.treeview li li { background:none; }
		.treeview li a, .treeview li a:visited { color:#FFF; text-decoration:none; padding:5px 0; display:block; width:197px;  text-indent:15px;  }
		html>body .treeview li a { width: auto;  }
		
		.treeview li li a, .treeview li li a:visited { text-transform:none; font-weight:normal;  text-indent:25px; color:#c8c8c8; padding:3px 0;  }
		.treeview li a:hover { color:#fff; text-decoration:none; background:url(images/li.png) left center no-repeat #263860; }		
		.treeview li li a:hover { color:#EFA812; background:none; border:none;  }
		.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
		cursor: hand !important; cursor: pointer !important; }
		.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
		display: none; /*Hide them by default. Don't delete. */
		}
		.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
		cursor: default; }

/* MAIN */ 

#breadcrumb	h2 { }

#main-padding { float:left; margin:0 0 0 0; width:752px; min-height:460px; padding:0 0 10px 0; }
#main { padding:10px; }
			
	#main h2 { font-size:1.8em; margin:0 0 10px 0;}
	#main h3 { font-size:1.5em; margin:0 0 5px 0; color:#F1C862; }
	
	#main li { background:url(images/lili.png) center left no-repeat; padding-left:15px; margin:5px 0 5px 15px; }
	
	.retour { float:right; margin:5px; }
	
	.thumbpic_liens { float:right; margin:0 0 5px 10px; border:1px solid #fff; }					
					
	#main p { line-height:1.5em; margin:5px 0;}		
	
	strong { color:#fff; }
	
	.combo { margin:5px 0; }
	.combo select { padding:2px; }
	
div.hr { height: 10px; background: url(images/sepatateur.png) no-repeat scroll center; clear:both; }
div.hr hr {   display: none; }	

.bloc-produit { width:100%; margin:5px auto; }
		.prix { background:#263860; color:#fff; text-align:center; float:right; font-weight:bold; padding:4px; width:107px; margin:0 0 5px 5px; word-spacing:0.1em; font-size:1.2em;  }
		.prix:hover { background:#EFA812; color:#263860; }
		.detail { float:left; padding:2px 0 5px 13px; background:url(images/lili.png) left center no-repeat; width:200px; }
		.bloc-produit .left { float:left; width:200px; margin:0 15px 0 0; text-align:left; }
		.bloc-produit .big { border:1px solid #c8c8c8; margin:0 0 0 0; }
		.bloc-produit .contact { float:left; width:500px; }
		.bloc-produit .thumb { float:left; display:block; width:500px; margin:0 0 5px 0; cursor: pointer; }
			.bloc-produit .thumb img { border:1px solid #c8c8c8; margin:0 10px 0 0; text-align:center; float:left; cursor: default; }
			.bloc-produit .thumb img:hover { border:1px solid #EFA812;  }
#main .bloc-produit p { line-height:1.2em; }
		.bloc-produit h5 { font-variant:small-caps; font-size:1em; }


/*‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡-PAGINATION-‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡‡*/

div.pagination {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 15px 0;
	text-align:right;
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #202660;
    color: #202660;
    margin: 1px;
    padding: 2px 5px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #FCCC3C;
    border: 1px solid #FCCC3C;
    color: #fff;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.courante {
    background-color: #FCCC3C;
    border: 1px solid #FCCC3C;
    color: #202660;
    font-weight: bold;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #9BA1CF;
    color: #B5B9DF;
    margin: 1px;
    padding: 2px 5px
}

/* ------------BLOC { 2 colonnes }------------------ */

		.bloc-index { background:url(images/block-bas.jpg) bottom center no-repeat; width:350px; float:left; min-height:300px; margin:5px 10px 10px 0px;}
		.pic-index { display:block; margin:5px auto; border:1px solid #fff; }
		.pic-left{float:left; margin-right:5px;}
		.pic-index:hover { border:1px solid #EFA812;  }
		#main .bloc-index h3 { font-size:1.4em; background:none; margin:5px 0; text-align:center; }
		#main .bloc-index p { margin:5px 10px; }
		.bloc-index .left { float:left; margin-right:5px;}
		.bloc-index .right { float:right;}
		.bloc-index #programmes{background:#BCD091; color:#005F00;}
		.bloc-index #programmes a,.bloc-index #programmes strong{color:#005F00;}
	
.formulaire { margin:5px 0; }
			.formulaire radio, .formulaire label, .formulaire input, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px;  }
			.formulaire label { text-align: right; width: 140px; margin-right: 10px; }
			.formulaire input, .formulaire textarea, .formulaire select { border:1px solid #3E3F42; padding:3px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:1em;  }
			.formulaire input, .formulaire textarea { width:200px; }
			.formulaire .bouton { width:90px; background:#F1C862; color:#000; margin-left:150px; }
			.formulaire input:focus, .formulaire textarea:focus { border:1px solid #EFA812; }
			.formulaire .input-radio { background:#fff; border:1px solid #fff; width: 20px; }
			.formulaire br { clear: left; }
	
	#diaporama { margin:10px 0; display:block; }
	.thumb { width:500px; margin:0 auto; display:block; }
	.thumb img { margin:2px auto; border:1px solid #c8c8c8; text-align:center; }
		
	.img_big { border:1px solid #c8c8c8; display:block; margin:5px auto; }
	
	.pdf { background: url(images/pdf.gif) left center no-repeat; padding-left:22px; }
		
	.hidden { visibility:hidden; overflow: auto; display:none;}
	
	.devisgratuit { float:right; margin:5px 16px 5px 0; }

	.logo img { float:right; margin:0 0 3px 3px;}
	
/* footer */
#footer-test{ background:url(images/bg-footer.jpg) top center no-repeat; width:950px; height:100px; color:#0A2278; }
#footer-test #logo{ float:left; width:200px; margin:15px 0px 0px 5px;}
#footer-test .agence{width:200px; float:left; margin-top:15px; border-left:1px solid #DBDBDB; padding:5px;}
#footer-test strong, #footer-test a{color:#0A2278;}
#footer-test #activite{float:right; margin:15px 10px 0px 0px; padding:5px; border-left:1px solid #DBDBDB;}
#footer {  }
				#copyright { text-align:center; font-size:0.9em; margin:0 auto; color:#000;  }
		#copyright a { color:#000; }
		
		#categories-r { width:900px; text-align:center; margin:0 auto; color:#000066; }
		#categories-r a { color:#000066; font-size:0.8em; font-weight:bold;}

/* hack clear float */ 	
	
.clr { clear: both; }