@charset "utf-8";
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		background:url(images/fond.gif) repeat-x;
    	background-color: #aaa9a7;
    	margin: 0px; 
    	padding: 0px;
    	/*color: #aaa9a7;*/
    }
	a:link{color:#0C89E1;}
	a:visited{color:#0C89E1;}
	a:hover{color:#E08D2F;}
	
	li {color:#D2553D;}
.form {
   padding: 1px;
   border-style: solid;
   border-width: 1px; 
   border-color: #AD25C0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-color: #FFF2FF;
}
.formerror {
   padding: 1px;
   border-style: solid;
   border-width: 1px; 
   border-color:#5B88D7;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-color: #FFF9B7;
}
.formlittle{
   padding: 1px;
   border-style: solid;
   border-width: 1px; 
   border-color:#004699;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   background-color: #FFFFFF;
}
.courantpetit {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
}
.bleubig {
	color: #004699;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
   background-color: #F9F9F9;
}
    .twoColElsLt #container { 
    	width: 983px;  /* cette largeur crée un conteneur qui s'adaptera dans une fenêtre de navigateur */
    	margin: 0px; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    } 
    
    .twoColElsLt #sidebar1 {
    	float: left; 
    	width: 255px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	background: #EBEBEB; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
    	padding: 0px; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
		margin:0px;
		color:#ffffff;
    }
   /* .twoColElsLt #sidebar1 h3, .twoColElsLt #sidebar1 p {
    	/*margin-left: 10px; /* il est conseillé d'attribuer des valeurs pour les marges gauche et droite de chaque élément qui sera placé dans les colonnes latérales */
    	/*margin-right: 10px;
    }*/
	.menuhauticones {
		height:21px;
		width:255px;
		background:url(images/fondmenuhaut.jpg) top left no-repeat;
		padding-top:30px;
		padding-left:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		color:#FFFFFF;
	}
	.menuhauticones, .menuhauticones a, .menuhauticones a:hover,.menuhauticones a:visited{
		color:#FFFFFF;
		text-decoration: none;
		padding-left:5px;
	}
	.flashactu {
		padding:0px;
		margin:0px;
		height:165px;
		width:255px;
		background: #666666;
		color:#ffffff;
	}    
	.menugauche {
	/* height à modifier en fonction de la longueur du texte des pages */
		height:718px;
		width:255px;
		/*color:#ffffff;*/
		background:url(images/fondmenugauche.jpg) top left repeat-y;
	} 
	.particulier {
		height:84px;
		width:255px;
		padding-left:50px;
		background:url(images/particulier.jpg) no-repeat;
	} 
	.particuliertexte {
		padding-left:50px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		color:#352c1d;
	}
	.particuliertexte a, .particuliertexte a:visited{
		color:#352c1d;
		text-decoration: underline;
	}
	.particuliertexte a:hover{
		color:#cb3673;
		text-decoration: underline;
	}
	.entreprise {
		height:70px;
		width:255px;
		padding-left:50px;
		background:url(images/entreprise.jpg) no-repeat;
	} 
	.entreprisetexte {
		padding-left:50px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		color:#352c1d;
	}
	.entreprisetexte a, .entreprisetexte a:visited{
		color:#352c1d;
		text-decoration: underline;
	}
	.entreprisetexte a:hover{
		color:#848484;
		text-decoration: underline;
	}
	.international {
		height:70px;
		width:255px;
		padding-left:50px;
		background:url(images/international.gif) no-repeat;
	} 
	.internationaltexte {

		padding-left:50px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		color:#352c1d;
	}
	.internationaltexte a, .internationaltexte a:visited{
		color:#352c1d;
		text-decoration: underline;
	}
	.internationaltexte a:hover{
		color:#318ec0;
		text-decoration: underline;
	}
	.meubles {
		height:70px;
		width:255px;
		padding-left:50px;
		background:url(images/garde-meubles.jpg) no-repeat;
	} 
	.meublestexte {
		padding-left:50px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		color:#352c1d;
	}
	.meublestexte a, .meublestexte a:visited{
		color:#352c1d;
		text-decoration: underline;
	}
	.meublestexte a:hover{
		color:#c4564d;
		text-decoration: underline;
	}
    .maincontent {
		position:absolute;
		top:325px;
		left:255px;
		padding:35px;
		color:#ffffff;
		height:800px;
		width:658px;
		background:url(images/fond-contenu-formulaire.gif) no-repeat;
		/*background-color: #F5F5F5;*/
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		color:#352c1d;
    } 
    .maincontent2 {
		position:absolute;
		top:1115px;
		left:255px;
		padding-left:35px;
		padding-right:35px;
		color:#ffffff;
		width:658px;
		height:80px;
		background:url(images/fond-contenu2.gif) repeat-y;
		/*background-color: #F5F5F5;*/
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		color:#352c1d;
    } 
	
	.logo {
		height:79px;
		margin-left:255px;
		width:374px;
		color:#ffffff;
		background: #666666;
		
    } 
	.fondicones {
		margin-left:255px;
		height:183px;
		width:374px;
		background:url(images/fondiconesindex.jpg) no-repeat;
	}
	.icones1 {
		height:32px;
		width:380px;
		padding-left:60px;
		padding-top:6px;
    } 
	.icones1texte {
		height:43px;

		width:380px;
		padding-left:55px;
		padding-top:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		color:#352c1d;
    } 
	.icones1texte a, .icones1texte a:visited{
		color:#352c1d;
		text-decoration: underline;
	}
	.icones1texte a:hover{
		color:#cb3673;
		text-decoration: underline;
	}
	.icones2 {
		height:32px;
		width:380px;
		padding-left:50px;
    }	
	.icones2texte {
		height:43px;
		width:380px;
		padding-left:55px;
		padding-top:20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		color:#352c1d;
    }
.icones2texte a, .icones2texte a:visited{
		color:#352c1d;
		text-decoration: underline;
	}
	.icones2texte a:hover{
		color:#cb3673;
		text-decoration: underline;
	}
	.titreiconeicone {
		height:63px;
		display:inline; float:left;
		width:189px;
		background:url(images/trans-titre.gif) no-repeat;
    } 
	.titreiconetitre {
		height:63px;
		display:inline; float:left;
		width:185px;
		background:url(images/particulier-titre.gif) no-repeat;
    } 
	.imagerubrique {
		position:absolute;
		top:0px;
		left:629px;
		width:354px;
		height:325px;
		background:url(images/particulier-image.jpg) no-repeat;
    } 
	h1 {
		display: inline;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#cb3673;
		text-transform:uppercase;
	}
	h2 {
		display: inline;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:1em;
		color:#58247D;
		
	}
	.footer {
		width:983px;
		height:100px;
		background:url(images/footer.jpg) no-repeat;
		background-color: #F5F5F5;
	}
    /* Diverses classes à réutiliser */
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
.p				{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none}


a.p:hover		{  text-decoration: none; color: #FF0000}






.p2				{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; text-decoration: none}


a.p2:hover		{  text-decoration: none; color: #FF0000}






.st				{  font-family: Arial, Helvetica, Geneva; font-size: 12pt; color: #EC8FC2; text-decoration: none; font-weight:bold}


a.st:hover		{  text-decoration: none; color: #FF0000}






.jn				{  font-family: Arial, Helvetica, Geneva; font-size: 10pt; color:#FFFF00; text-decoration: none; font-weight:bold}


a.jn:hover		{  text-decoration: none; color: #FF0000}


.ds_box {
	background-color: #EC8FC2;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}


.ds_tbl {
	background-color: #FFFFFF;
}


.ds_head {
	background-color: #767676;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}


.ds_subhead {
	background-color: #EC8FC2;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 30px;
}


.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	cursor: pointer;
}


.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */