/*

[Index]

0- Import
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer

*/

/* =0 Import
-------------------------------------------------------------------*/
@import url('reset.css');

/* =1 Global
-------------------------------------------------------------------*/
body {
    background:   	#2a2a2a;
    color:	    	#515151;
    font: 	    	normal 12px Arial, Helvetica, sans-serif;
    line-height:    1.2;
    vertical-align: top;
}

.left{
	height: 100%;
	width: 790px;
	_float: left;
	
}

.right{
	float: right;
	height: 100%;
	width: 193px;
}

.tips{
	font-size: 10px;
}

.border-t{border-top: solid #fff 3px;}
.border-r{border-right: solid #fff 2px;}
.border-b{border-bottom: solid #fff 3px;}
.border-l{border-left: solid #fff 2px;}
.border-all{border: solid #fff 3px;}

.float-right{float: right;}
.float-left{float: left;}

.align-left{text-align:left;}
.align-center{text-align:center;}
.align-justify{text-align:justify;}
.align-right{text-align:right;}

.display-block{display:block;}
.display-none{display:none;}

.clear-both{clear:both;}

.erreur{
	background-color: #FFDFDF;
	border: 1px solid #AF4C4C;
	color: #AF4C4C;
	padding: 5px 10px;
}

/* =2 Links
-------------------------------------------------------------------*/
a:link, a:visited { text-decoration: none; color: #fff; }

a:hover { text-decoration: none; color:	#003102; }

a:active { text-decoration: none; color: #003102; }

#carte a{color: #222;}
#carte a:hover{color: #003102;}

/* =3 Headings
-------------------------------------------------------------------*/
h1 {
    color:          #fff;
    font:           14px bold Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
h2 {
    color:          #f29400;
    font:           12px bold Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	padding: 		0;
	margin: 		0;
}
h3
{
    color:          #9c9e9f;
	font: 			28px Arial, Helvetica, sans-serif;
    font-weight:    bold;
	margin-bottom: 	10px;
}

h4 { font: 1em Arial, Geneva, Helvetica, sans-serif; }
h5 {
    font: 1em Arial, Geneva, Helvetica, sans-serif;
    font-weight:    bold;
}
h6 { font: 0.7em Arial, Geneva, Helvetica, sans-serif; }

/* =4 Header
-------------------------------------------------------------------*/

div#header {
	height: 83px;
	width: 990px;
}

/* =5 Navigation
-------------------------------------------------------------------*/
div#nav
{
    height: 48px;   
}
	div#nav ul
	{
		float: right;
		margin-right: 15px;
	}
		div#nav ul li
		{
			float:	left;
		}
			div#nav ul li a
			{
				color: #9c9e9f;
				border-right: 1px solid #9c9e9f;
				border-left: 1px solid #fff;
				display: block;
				padding-top: 30px;
				font-size: 13px;
				text-align: right;
				width: 150px;
			}
				div#nav ul li a:hover
				{
					color: #f29500;
					border-right: 1px solid #f29500;
				}
					div#nav ul li ul.subnav
					{
						background-color: #fff;
						border-left: 1px solid #9c9e9f;
						border-bottom: 1px solid #9c9e9f;
						display: none;
						float:	none;
						line-height: 1.6em;
						position: absolute;
					}
						div#nav ul li ul.subnav li
						{
							border-right: 1px solid #9c9e9f;
							float:	none;
						}
						div#nav ul li ul.subnav li:hover
						{
							border-right: 1px solid #f29500;
						}
							div#nav ul li ul.subnav li a
							{
								border: none;
								color: #9c9e9f;
								display: block;
								font-size: 11px;
								padding: 0px;
								padding-right: 4px;
								text-align: right;
								width: 147px;
							}
								div#nav ul li ul.subnav li a:hover
								{
									color: #f29500;
								}

/* =6 Middle
-------------------------------------------------------------------*/
div#question-fenetre
{
position:absolute;
width:157px;
height:98px;
top:5px;
left:30px;
z-index:1000;
}
div#question-fenetre a{
display:block;
width:157px;
height:98px;
}


div#wrapper
{		
	background: #fff url('/refonte/images/bg_accueil.gif') no-repeat top left;
	height: 589px;
	margin: 0 auto;
	width: 990px;
	position:relative;
}

div#wrapper-int
{		
	background: #fff;
	margin: 0 auto;
	width: 990px;
}


div#main
{
	
}
	div#main div#entreprise
	{
		height: 282px;
		padding: 10px 30px;
		text-align: left;
		width: 160px;
	}
		div#main div#entreprise p
		{
			color: #6D6D6D;
			font-size: 11px;
			margin: 5px 0;
			text-align: justify;
		}
		div#main div#entreprise2
	{
		height: 262px;
		padding: 10px 30px;
		text-align: left;
		width: 160px;
		padding-top:30px;
	}
		div#main div#entreprise2 p
		{
			color: #6D6D6D;
			font-size: 11px;
			margin: 5px 0;
			text-align: justify;
		}

	div#main div#diaporama
	{
		height: 302px;
		float:	right;
		width: 559px;
	}
	div#main div#texte
	{
		color: #87888a;
		float:	right;
		font-size: 12px;
		line-height: 1.6em;
		padding: 10px 10px 0px 15px;
		text-align: justify;
		width: 510px;
	}
		div#main div#texte h3
		{
			color: #f29500;
			font-size: 13px;
			margin: 15px 0 10px 0;
		}
			div#main div#texte h3 a
			{
				color: #f29500;
			}
			div#main div#texte h3 span
			{
				color: #686868;
				float: right;
				font-size: 11px;
				font-style: italic;
				font-weight: normal;
			}
		div#main div#texte h3:first-letter
		{
			text-transform: uppercase;
		}
		div#main div#texte a
		{
			color: #686868;
		}
		div#main div#texte img.vactu
		{
			border: 1px solid #9c9e9f;
			margin: 5px 10px;
		}
		div#main div#texte div#contenu_texte
		{
			background-color: #87888A;
			color: #fff;
			display: none;
			margin-top: 25px;
			padding: 10px;
		}
		
	div#main div#texte div#pagination
	{
		margin: 20px;
		text-align: center;
	}
		div#main div#texte div#pagination a
		{
			border: 1px solid #686868;
			padding: 4px 8px;
			margin: 10px 4px;
		}
		div#main div#texte div#pagination a:hover
		{
			background-color: #686868;
			color: #fff;
		}
		div#main div#texte div#pagination a.current
		{
			background-color: #f29500;
			border: 1px solid #f29500;
			color: #fff;
		}

	div#main div#logo
	{
		height: 302px;
		float:	right;
		text-align: right;
		width: 210px;
	}
	
	/*- Accordéon --*/
		.haccordion .aheader, .haccordion .acontent
		{
			float: left;
			height: 302px;
		}
	  
		.haccordion .aheader
		{
			background: #58585A;
			border: 1px solid #87888A;
			border-right: none;
			color: #fff;
			cursor: pointer;
			width: 20px;
		}
	  
		.haccordion .aheader:first-child
		{
			border-left: none;
		}
	  
		.haccordion .acontent{
			display: none;
			height: 304px;
			overflow: auto;
			width: 0px;
		}


/* =7 Form
-------------------------------------------------------------------*/
input
{	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input.bouton
{
	background-color: #fff;
	border: 1px solid #87888a;
	color: #87888a;
	margin-top: 25px;
	padding: 5px 10px;
}
input.bouton:hover
{
	border: 1px solid #f29500;
	color: #f29500;
	cursor: pointer;
}

/* =8 Extra
-------------------------------------------------------------------*/
.icones-right
{
	margin-left: 5px;
	vertical-align: -4px;
}

.ml10{ margin-left: 10px; }

/* =9 Footer
-------------------------------------------------------------------*/
div#footer-acc
{
	color: #87888a;
	font-size: 11px;
	padding-top: 10px;
	position: relative;

}

	div#footer-acc a
	{
		color: #87888a;
	}
	div#footer-acc a:hover
	{
		color: #f29500;
	}
	div#footer-acc ul.produits
	{
		margin-top: 6px;
	}
	div#footer-acc div#actualite
	{
		height: 176px;
		padding: 0 20px;
		padding-left: 140px;
		text-align: right;
		width: 214px;
	}

		div#footer-acc div#actualite h4
		{
			margin-bottom: 5px;
			text-align: left;
		}
		div#footer-acc div#actualite img#actu-photo
		{
			float: left;
			margin-right: 10px;
		}
		div#footer-acc div#actualite p.actu-intro
		{
			text-align: left;
		}
		div#footer-acc div#actualite p.actu-lien
		{
			color: #f29500;
			padding-top: 5px;
		}
			div#footer-acc div#actualite p.actu-lien a
			{
				color: #f29500;
			}
	div#footer-acc div#menuiserie-interieure
	{
		background: transparent url('/refonte/images/interieure.png') no-repeat 194px 45px;
		height: 176px;
		float:	right;
		line-height: 1.3em;
		padding-left: 50px;
		text-align: left;
		width: 181px;
	}
	div#footer-acc div#menuiserie-exterieure
	{
		background: transparent url('/refonte/images/exterieure.png') no-repeat 194px 45px;
		height: 176px;
		float:	right;
		line-height: 1.3em;
		padding-left: 50px;
		text-align: left;
		width: 194px;
	}
	div#footer-acc div#lien
	{
		height: 176px;
		float:	right;
		width: 210px;
	}
		div#footer-acc div#lien a
		{
			display: block;
			height: 110px;
			margin: 46px 0 0 2px;
			width: 167px;
		}	
	div#footer-acc p#coordonnees, div#footer p#coordonnees
	{
		color: #A8A8A8;
		font-weight: bold;
		height: 28px;
		padding-left: 80px;
		width: 990px;
	}	
	div#footer p#coordonnees
	{
		padding-left: 100px;
	}
		div#footer-acc p#coordonnees span, div#footer p#coordonnees span
		{
			font-size: 12px;
			margin-right: 40px;
		}
			div#footer-acc p#coordonnees span.jaune a, div#footer p#coordonnees span.jaune a
			{
				color: #f29500;
			}
			div#footer-acc p#coordonnees span.jaune a:hover, div#footer p#coordonnees span.jaune a:hover
			{
				color: #9d9ea0;
			}
				div#footer-acc p#coordonnees a, div#footer p#coordonnees a
				{
					color: #9d9ea0;
				}
				div#footer-acc p#coordonnees a:hover, div#footer p#coordonnees a:hover
				{
					color: #f29500;
				}
div#footer
{
	color: #87888a;
	font-size: 11px;
	padding-top: 10px;
	position: relative;
}
	div#footer div#bandeau
	{
		background: transparent url('/refonte/images/fond-bandeau.png') no-repeat top left;
		margin-bottom: 15px;
		height: 134px;
		overflow: hidden;
		width: 990px;
		z-index: 1;
	}
		div#footer div#bandeau div#caroussel
		{
			height: 120px;
			float: left;
			overflow: hidden;
			padding-top: 7px;
		}
		div#footer div#bandeau div#bout-droit
		{
			background: transparent url('/refonte/images/bout-droit-trans.png') no-repeat top left;
			float: right;
			height: 134px;
			position: absolute;
			right: 0px;
			top: 10px;
			width: 59px;
			z-index: 99;
		}
	div#footer div#rabot
	{
		background: transparent url('/refonte/images/rabot-trans.png') no-repeat top left;
		float: left;
		height: 266px;
		left: 0px;
		position: absolute;
		top: -94px;
		width: 171px;
		z-index: 999;
	}