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

CSS SALSA NOVA PAR HUGO KOLORSLAB STUDIO 2007

Cette CSS, unique, appartient à kolorslab studio et possède un copyright.

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

/****************************** MISE EN PAGE GENERALE ******************************/    

body {
margin-top: 20px;
padding: 0;
/*background: #ffffff ;*/
background: #ffffff url("images/bgbody.gif") repeat left top;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-align: justify;
line-height: 14px;
}



/*************************************************/
/* ENTETES                                      */
/***********************************************/ 

p{
 	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
 	font-weight: normal;
 	color: #000000;
	margin: 0px;
 	padding: 0px;
	text-align: justify;
	line-height: 14px;
}

span{
 	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 14px;
	line-height: 12px;
 	font-weight: bold;
 	color: #fe9900;
	margin: 0px;
 	padding: 0px;
	text-align: center;
}


ul{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	list-style: circle;
	line-height: 22px;
}

li {
	margin: 0 0 5px -10px;
	/*width: 450px;*/
	padding-bottom: 5px;
	line-height: 22px;
}

h1{
 	font-family: Arial,Helvetica,Verdana,sans-serif;
 	font-size: 15px;
 	color: #999999;
	font-weight: bold;
 	margin: 0px;
 	padding: 0px;
}

h1 span{
 	font-family: Arial,Helvetica,Verdana,sans-serif;
 	font-size: 13px;
 	color: #999999;
	font-weight: bold;
 	margin: 0px;
 	padding: 0px;
}

h1 a{
	color: #6666666;
	text-decoration: none;
}

h1 a:link{
	color: #666666;
	text-decoration: none;
}

h1 a:visited{
	color: #cccccc;
	text-decoration: none;
}

h1 a:hover{
	color: #333333;
	text-decoration: underline;
}

h2{
 	font-family: Arial,"Trebuchet MS",Helvetica,Verdana,sans-serif;
 	font-size: 10px;
	font-weight:normal;
	color: #999999;
 	margin: 0px;
 	padding: 0px;
	text-align:left;
}

h3{
 	font-family: Arial,"Trebuchet MS",Helvetica,Verdana,sans-serif;
 	font-size: 11px;
	font-weight: normal;
 	color: #6fb827;
 	margin: 0px;
 	padding: 0px;
}

h3 a{
	font-weight: bold;
	color: #6fb827;
	text-decoration: none;
}

h3 a:link {
	font-weight: bold;
	color: #6fb827;
	text-decoration: none;
}

h3 a:hover {
	font-weight: bold;
	color: #666;
	text-decoration: underline;
}

h3 a:visited {
	font-weight: bold;
	color: #6fb827;
	text-decoration: 999;
}

h4{
 	font-family: Arial,Helvetica,Verdana,sans-serif;
 	font-size: 11px;
 	font-weight: bold;
 	color: #666;
	margin: 0px;
 	padding: 0px;
}

h4 span{
 	font-family: Arial,Helvetica,Verdana,sans-serif;
 	font-size: 11px;
 	font-weight: bold;
 	color: #3dbecc;
	margin: 0px;
 	padding: 0px;
}

h4 a{
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

h4 a:link {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

h4 a:hover {
	font-weight: bold;
	color: #3dbecc;
	text-decoration: underline;
}

h4 a:visited {
	font-weight: bold;
	color: #bbb;
}
	
h5{
 	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 14px;
	line-height: 12px;
 	font-weight: bold;
 	color: #3dbecc;
	margin: 0px;
 	padding: 0px;
	text-align: left;
}

h5 span{
 	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 13px;
	line-height: 12px;
 	font-weight: normal;
 	color: #ccc;
	margin: 0px;
 	padding: 0px;
	text-align: left;
}

h6{
 	font-family: Arial,Helvetica,Verdana,sans-serif;
	/*border-bottom-color:#d98200 1px solid;*/
 	font-size: 15px;
 	color: #bbbbbb;
	font-weight: normal;
 	margin-left:20px;
 	padding: 0px;
}
h6 span{
 	font-family: Arial,Helvetica,Verdana,sans-serif;
 	font-size: 13px;
 	color: #000000;
	font-weight: bold;
 	margin: 0px;
 	padding: 0px;
}
.mauve{
 	font-family: Arial,Helvetica,Verdana,sans-serif;
 	font-size: 9px;
 	color: #6E316E;
 	margin: 0px;
 	padding: 0px;
	text-align: center;
}

.texteBas {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size : 12px;
	color : #fff;
	font-weight : normal;
	text-align: center;
	}
	
.texteBas span {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size : 13px;
	color : #fff;
	font-weight : bold;
	text-align: center;
	}

.articles {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size : 10px;
	color : #6fb827;
	font-weight : normal;
	text-align: left;
	}

.copyright {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size : 10px;
	color : #999;
	font-weight : normal;
	text-align: left;
	}
	
.navigation {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size : 10px;
	color : #999;
	font-weight : normal;
	text-align: right;
	}
	
.piedpage    {
	color: #999;
	font-size: 11px;
	margin-left: 20px;
	padding: 0px;
}

.piedpage span   {
	color: #3dbecc;
	font-size: 12px;
	margin-left: 0px;
	padding: 0px;
	font-weight : normal;
	text-align: left;
}

.piedpage a{
	color: #3dbecc;
	font-size: 11px;
	text-decoration: underline;
}

.piedpage a:link {
	color: #3dbecc;
	font-size: 11px;
	text-decoration: underline;
}

.piedpage a:hover {
	color: #ccc;
	font-size: 11px;
	text-decoration: none;
}

.piedpage a:visited {
	text-decoration: none;
	font-size: 11px;
	color: #bbbbbb;
}
	
/* -------------------------------------------
MENU DE GAUCHE
------------------------------------------- */

.fontMenuSubCategorySelected   {
color: #666;
font-size: 10px;
}

.fontMenuCategory    {color: #cc0000}



.fontMenuCategory a:link 	 {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	/*margin-left:19px;*/
	background: none; 
	color: #666666; 
	font-size: 12px;
	text-decoration: none;
	font-weight:normal;
	line-height: 14px;
}

.fontMenuCategory a:active {
	background: none; 
	color: #666666; 
	font-size: 12px; 
	text-decoration: none;
}

.fontMenuCategory a:visited{
	margin-left:19px;
	background: none; 
	color: #f3b557; 
	font-size: 12px; 
	text-decoration: none;
}

.fontMenuCategory a:hover  {
	background: none; 
	color: #fe9900; 
	font-size: 12px;
	text-decoration: none;
}




.fontMenuSubCategory    {
color: #999;
font-size: 10px;
}

.backgroundCategorySelected  {
/*background-color: #e7e4e6;*/
}



.backgroundMenuSousCategory  {
/*background-color: #e7e4e6;*/
}

/* -------------------------------------------
LIGNES DE POINTILLES
------------------------------------------- */
.pointilles	{
font: 10px/15px "arial narrow", arial, helvetica, sans-serif;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0px;
margin-top: 40px;
margin-bottom: 10px;
border-top: 1px dashed #BBBBBB;
}

.pointillescourts	{
font: 10px/15px "arial narrow", arial, helvetica, sans-serif;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-top: 1px dashed #BBBBBB;
width: 45%;
text-align: right;
}

/****************************** FORMULAIRE ******************************/
#fieldrechercher{
border: solid 1px;
margin:0.5em 0px 0.5em 10px;
width: 180px;
height: 18px;
font-size: 11px;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-weight: normal;
color: #000;
background-color : #ffffff;
border-color : #e7e4e6;
}

#field{
border: solid 1px;
margin:0.5em 0 0.5em 0;
padding-bottom:-15px;
width: 250px;
height: 15px;
font-size: 12px;
font-family:arial, verdana,  lucida, sans-serif;
font-weight: normal;
color: #fff;
background-color : transparent;
border-color : #cccccc;
}

#fieldcontact{
border: solid 1px;
margin:0.5em 0px 0.5em 10px;
width: 300px;
height: 20px;
font-size: 11px;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-weight: normal;
color: #000000;
background-color : #ffffff;
border-color : #e7e4e6;
}

#fieldCaddie{
 border: dashed 1px;
 border-color: #CCCCCC;
 background-color: #f1f1f1;
 width: 30px;
 height: 16px;
 font-size: 11px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 color: #333;
 text-align: center;
}

#textarea{
border: solid 1px;
margin:0.5em 0px 0.5em 10px;
border-color: #e7e4e6;
width: 300px;
height: 110px;
font-size: 11px;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-weight: normal;
background-color : #ffffff;
color: #000000;

}


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

a{
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}

a:link{
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}

a:visited{
	/*color: #f3b557;*/
	color:#3dbecc;
	text-decoration: none;
	font-size: 12px;
}

a:hover{
	color: #3dbecc;
	text-decoration: underline;
	font-size: 12px;
}

/* Liens du module clients */

.moduleclients 	 {
background:#FFFFFF;
font-family:Arial,Helvetica,Verdana,sans-serif;
}

.moduleclients a:link 	 {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	margin-left:19px;
	background: none; 
	color: #666666; 
	font-size: 12px;
	text-decoration: none;
	font-weight:normal;
	line-height: 14px;
}

.moduleclients a:active {
	background: none; 
	color: #666666; 
	font-size: 12px; 
	text-decoration: none;
}

.moduleclients a:visited{
	margin-left:19px;
	background: none; 
	color: #f3b557; 
	font-size: 12px; 
	text-decoration: none;
}

.moduleclients a:hover  {
	background: none; 
	color: #fe9900; 
	font-size: 12px;
	text-decoration: underline;
}

/* Liens du module menu */

.modulemen 	 {
background:#FFFFFF;
font-family:Arial,Helvetica,Verdana,sans-serif;
}

.modulemenu a:link 	 {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	/*margin-left:19px;*/
	background: none; 
	color: #666666; 
	font-size: 12px;
	text-decoration: none;
	font-weight:normal;
	line-height: 14px;
}

.modulemen a:active {
	background: none; 
	color: #666666; 
	font-size: 12px; 
	text-decoration: none;
}

.modulemen a:visited{
	/*margin-left:19px;*/
	background: none; 
	color: #f3b557; 
	font-size: 12px; 
	text-decoration: none;
}

.modulemen a:hover  {
	background: none; 
	color: #fe9900; 
	font-size: 12px;
	text-decoration: underline;
}


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

/* Tableau principal */

.bordure {
/*border: solid 1px #999999;*/
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#FFFFFF; 

}

.cotedroit {
background: #ffffff url("images/cotedroit.gif") repeat left top;
}

.HautGris {
	background: transparent url("images/BarresGrisesHaut.gif") repeat left top;
	height: 51px;
}