/* --- STYLES DE BASE --- */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

BODY {
	margin: 0; 
	padding: 0em; /* Remettre à zéro si nécessaire. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* À adapter pour la police choisie. (3) */
	line-height:18px;
	color: #491f16;
    background: white;
    text-align:justify;
} 

* {margin: 0; padding: 0;}	

img { border: 0 none; }

.clear {clear:both;}



/* Titres */
	h1, h2, h3, h4, h5, h6 {
	    margin: 0 0 5px 0; /* Rapproche le titre du texte. (5) */
	    font-weight: bold; /* Valeur par défaut. (6) */
	    font-style: normal;
	    color:#491f16;
	    padding:0;
	    text-align:left;
	}
	h1 {
	   	font : normal normal 20px Arial, Helvetica, sans-serif;
	    padding-bottom:10px;
	    /*font-size: 18px; */
		/*border-bottom:1px #494a4a solid;*/
	}
	h1 a {
	   	font : normal normal 18px Arial, Helvetica, sans-serif;
	}
	h2 {
	    font-size: 16px;
	}
	h2 a {
	   	font : bold normal 15px Arial, Helvetica, sans-serif;
	}
	h3 {
	    font-size: 15px;
	}
	h4 {
	    font-size: 14px;
	}
	
	h1 small {
			font: normal normal 14px Arial, Helvetica, sans-serif;  
	}

/* Listes */

	ul, ol {
	    margin: 0 0 12px 32px;
	    padding: 0;
	}	

	ul,ol {
		/*list-style: none;*/
	}
	ul li { 
		/*background: transparent url(/hsi_/varrot_images/site/site/puce-liste.gif) 5px left no-repeat;*/
	}
	ol li { 
		/*background: transparent url(/hsi_/varrot_images/site/site/puce-liste.gif) 5px left no-repeat;*/
	}
	li {
		margin-left: 0; 
		padding-left: 10px;
		list-style:none;
		background:url(/varrot_images/site/puce.jpg) no-repeat 0 9px;
	}
	ul {margin-left: 0px; padding-left: 0;}
	ul {
		text-align: left;
		padding-bottom:0px;
		margin-top: 0;
		margin-bottom: 3px;
	}


/* Liens */
	a {
   		text-decoration: underline;
    	color:#c96b18;
	}
	a:link { color:#c96b18; }
	a:hover { text-decoration:none}



/* Paragraphes */
	p {
		/*font: normal 12px Verdana , Verdana, Helvetica, sans-serif;  */
		padding :0px 0 10px 0;
		/*border-bottom:1px black solid;*/
	}
	address {
	    margin: 0 0 0px 0;
	    font-style: normal;
	}
	blockquote {
		margin: 0 0 0px 35px;
	}	

/* Forumulaires */
	
	form, fieldset {
	    margin: 0;
	    padding: 0;
	    border: none;
	}
	input, button, select {
	    vertical-align: middle; /* Solution pb. d'alignement. (9) */
	}


/* Divers éléments de type en-ligne (8) */
	em {
	    font-style: italic;
	}
	strong {
	    font-weight: bold;
	}



/* Valeurs custom site */

	.TresPetite { font-family:Arial, Helvetica, sans-serif ; font-size:9px; }
	.Petite 	{ font-family:Arial, Helvetica, sans-serif ; font-size:10px; }
	.Normal 	{ font-family:Arial, Helvetica, sans-serif ; font-size:12px; }
	.Moyenne 	{ font-family:Arial, Helvetica, sans-serif ; font-size:13px; }
	.Grande 	{ font-family:Arial, Helvetica, sans-serif ; font-size:14px; }
	.TresGrande { font-family:Arial, Helvetica, sans-serif ; font-size:16px; }	
	.TresTresGrande { font-family:Arial, Helvetica, sans-serif ; font-size:18px; }	
	
	.Orange , .Orange a { color:#ff8f2a ;}
	.Orange-Marron , Orange-Marron. a {color:#c96b18 ; }
	.Marron , .Marron a {color:#57251a; }
	.Vert, .Vert a { color:#01846c}


/********************************************************************/
/********************* HEADER *********************************/
/********************************************************************/
#bgHead {
	background:#fff
}
#background {
	width:100%;
	background:url(/varrot_images/site/back.jpg) repeat-x top left;
}
.conteneur {
	width:967px;
	margin:0 auto;
}
#header {
	background:url(/varrot_images/site/head_right.gif) no-repeat top right;
	width:967px;
	height:146px;
	position:relative
}
.numero {
	position:absolute;
	top:46px;
	right:0px;
	margin:0 23px 0 0;
	text-align:center;
}
.numero p {
	 color:#c96b18;
	 font-size:17px;
	 font-weight:bold;
	 padding:5px 0 0 0
}
.numero p.devis {
	font:"Arial Black" !important;
	color:#491f16;
	font-size:16px;
}
#bgHome {
	background:url(/varrot_images/site/bgAccueil.gif) repeat-x top left;
}
.menu td {
	text-align:center;
}
.menu a {
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.sp {
	vertical-align:top;
}


/********************* SOUS NAV *********************************/

	ul.nav {
		margin: 0; padding:0;
	}
	ul.nav li{
		margin: 0; padding:0; 	
	}
	ul.nav li  {
		list-style:none;
		color:#fff;
		/*position:relative;*/
		margin:0;
		/*text-align:center;*/
		background:none;
		height:22px;
		padding:3px 0 0 0;
		_padding:0px;
		line-height:12px;
	}
	ul.nav li:hover ,
	ul.nav li.hover ,
	ul.nav li a:hover,
	ul.nav li a.hover,
	ul.nav li.Selected,
	ul.nav li a.Selected {
		color:#3a0409 !important;
		/*background:#0C4067;*/
	}
	/*ul.nav li:hover a, ul.nav li.hover a {
		color:#fff;	
	}*/
	ul.nav li a  {
		padding:5px 0 0 0;
		_padding:8px 0 5px 0;
		margin: 0;	
		color:#fff;
		/*text-transform:uppercase;*/
		text-decoration: none;
		cursor:pointer;
		display:block;
		text-align:center;
		/*display:inline;
		float:left;*/
	}
	.sous_nav{
		z-index: 9999 !important;
		position: absolute;
		top:171px;
		border-top:1px solid #fff;
		_top:174px;
		margin:0;
		display:none;
		width:169px;
		background:#01846C;
		padding:5px 0 7px 0;
		_padding:5px 0 0 0;
	}
	.sous_nav ul {
		position: relative;
		margin:0;
		width:169px;
		padding:0 0 0 0px
	}	
	.sous_nav ul li{
		margin:0px;
		padding:0px 0 0 0px;
		height:auto;
		list-style: none;
	}
	.sous_nav ul li a {		
		color:#fff !important;
		padding:3px 0 3px 8px;
		margin:0px;
		_margin:3px 0 0 0;
		_width:100%;
		text-align:left;
		text-transform:none;
		font:bold 11px Arial, Helvetica, sans-serif;
		border-bottom:1px solid #02705c;
	}
	.sous_nav ul li a:hover,
	.sous_nav ul li.Selected  {
		background:#272a28 !important;
		color:#fff !important;
		/*background:#155C92;*/
	}
	ul.nav li:hover div,
	ul.nav li.hover div  {
		display: block;
	}

/*****************************************************/



.imgHome {
	margin:7px 0 0px 0;
}
.menuHome {
	background:url(/varrot_images/site/sp.gif) no-repeat bottom right;
}
.menuHome td {
	padding:10px 30px 0 24px;
	width:266px;
	height:88px;
	_height:80px;
	vertical-align:top;
	background:url(/varrot_images/site/sp.gif) no-repeat bottom left;
}
.menuHome h2 a {
	background:url(/varrot_images/site/puceOrange.gif) no-repeat 0px 3px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 0 18px;
	margin:0 0 0px 0px;
}
.menuHome h2 {
	margin:0 0 7px 0px;
	padding:0px;
}
.menuHome h3 a {
	background:url(/varrot_images/site/puceOrange.gif) no-repeat 0px 3px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 0 18px;
	margin:0 0 0px 0px;
}
.menuHome h3 {
	margin:0 0 7px 0px;
	padding:0px;
}
.menuHome p {
	padding:0px;
	margin:0px;
	line-height:13px;
	font-size:11px;
	color:#f2c190;
	text-align:left;
}
.menuHome a:hover {
	text-decoration:none;
}

/********************************************************************/
/********************* CONTENU *********************************/
/********************************************************************/

#bgContenu {
	background:#c96b18;
}
.contenu {
	background:#fcefe3;
	padding: 0 0 20px 0;
}
.intro {
	padding:24px 0 15px 24px;
}
.intro p {
	color:#491f16;
	font-size:14px;
	font-weight:bold;
}
.texteHome {
	padding:0 0 0 24px
}
.colHome {
	padding:15px 20px 0 0;
	width:202px;
}
.colHome h4 {
	background:url(/varrot_images/site/puce_actu.gif) no-repeat 0px 5px;
	padding:0 0 0 20px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#491f16;
	margin:0px 0 0 7px;
}
.titreActu {
	color:#c96b18;
	font-size:12px;
	font-weight:bold;
}
.colHome p {
	color:#c96b18;
	font-size:10px;
	line-height:normal;
	margin:0 0 0 7px
}
#bgContenuHead {
	background:url(/varrot_images/site/bgContenu.gif) repeat-x top left;
	height:86px;
}
.imgHome h1 {
	margin:0px;
	padding:0 0 0 15px;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	background:url(/varrot_images/site/puceOrange.gif) no-repeat 0 6px;
}
.imgHome h1 a {
	color:#fff;
	text-decoration: none;
}
.colGauche {
	padding:15px 0px 0 17px;
	width:200px;
}
.colGauche h4 {
	padding:0px 0 5px 0;
}
.colGauche h4 a {
	font-size:12px;
	color:#491f16;
	font-weight:bold;
	text-decoration:none;
	background:url(/varrot_images/site/puce_orangeP.jpg) no-repeat 0 5px;
	text-transform:uppercase;
	padding:2px 0 0px 12px;
	margin:0px;
}
.colGauche h2 {
	padding:0px 0 5px 0;
}
.colGauche h2 a {
	font-size:12px;
	color:#491f16;
	font-weight:bold;
	text-decoration:none;
	background:url(/varrot_images/site/puce_orangeP.jpg) no-repeat 0 5px;
	text-transform:uppercase;
	padding:2px 0 0px 12px;
	margin:0px;
}
.texteContenu p {
	 padding:10px 20px 10px 0
}
.texteContenu li { padding-right:20px;}
.colActus {
	padding:15px 0 0 17px;
	width:200px;
}
.colActus h4 {
	background:url(/varrot_images/site/puce_actu.gif) no-repeat 0px 5px;
	padding:0 0 0 20px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#491f16;
	margin:0px 0 0 7px;
}
.titreActu {
	color:#c96b18;
	font-size:12px;
	font-weight:bold;
}
.colActus p {
	color:#c96b18;
	font-size:10px;
	line-height:normal;
	margin:0 0 0 7px
}
.tableActus {}
.imgActus {
	width:70px;
	padding:0 0 0 5px;
}
.titreActus {
	vertical-align:bottom;
	padding:0 0 5px 0;
}
.titreActus p{
	font-size:12px !important;
	font-weight:bold;
	padding:0
}
.txtActus p {
	padding:5px 0 0 0
}

/********************************************************************/
/********************* FOOTER *********************************/
/********************************************************************/

#bgFooter {
	 background:url(/varrot_images/site/bgFooter.gif) repeat-x top left;
	 padding:10px 0 0 0;
	 text-align:center;
	color:#fff;
	font-size:10px;
}
#bgFooter a {
	color:#fff;
	font-size:10px;
	text-decoration:none;
}

#bgFooter .footref {
	width: 970px; margin: 10px auto;color:#7b3425;
}
#bgFooter .footref a {
	color:#8a3b2a;
}
/********************************************************************/
/********************* CONTACT *********************************/
/********************************************************************/

.FormContact{
		margin:10px 0 0 0;
	}
	.FormContact td{
		padding:1px !important;
		font: normal normal 12px Arial, Helvetica, sans-serif;+
		color: #491f16;
	}
	.FormContact input,	.FormContact textarea{
		border:1px #d1bead solid;
		font: normal normal 11px Arial, Helvetica, sans-serif;
		padding: 2px 5px;
	}
	.FormSubmit {
		margin: 0;
		padding: 2px 5px;
		font: normal normal 12px Arial, Helvetica, sans-serif;
		color: #491f16;
		background-color: #f2d1b3;
		cursor:pointer;
		border:0px;
	}
	.LargeInput{
		width:261px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:185px;
	}
	.chkBoxes{
		/*background-color:white;border-width:0;*/
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:123px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		width: 400px;
		border: 1px dotted;
		color: #000000;
	}
	.EditLibelle a {
		color: #000000;
	}
	
/*----------------
CLIKEO
------------------*/
.Clikeo {
	padding:15px 0 0 0; 
	color:#130502;}
.Clikeo a { 
	color: #130502 !important;
	font-size:10px;
	text-decoration:none;
}
.Clikeo a:hover { 
	color:#f7a900 !important;
}