/*------------------------------------------------*
	  *---  WWW.ICARE-NET.COM - agence web ---  CSS  --*
	  *------------------------------------------------*/
			
	html {
	   margin: 0;
	   padding: 0;
	}
	
	
	body {
	margin: 0;
	padding: 0;
	background-color: #FFFAD4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000;
	background-image: url(../images/deco/texture-fond.gif);
	background-repeat: repeat;
	line-height: 17px;
	}
	

	/*   
	
	* {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	} 
	
	*/
	
	
	p {
		margin: 0;
		padding: 15px 0  0 0;
	}
	
	select {
		color: #000;
		background-color: #fff;
	}
	
	
	ul{
		display: block;
		text-align: left;
	}
	
	
	ul p{
		padding: 5px 10px 5px 10px;
		margin-bottom: 10px;
	
	}
	
	
	li{
		margin: 0;
		padding: 0 0 0 5px;
		color: #893F1B;
		list-style-image: url(../images/deco/puce-carre.jpg);
		list-style-position: outside;
		text-align: left;
		text-decoration: none;
	}
	
	
	hr{
		height: 24px;
		width: 50%;
		margin-left: 260px;
		border: none;
		background-image: url(../images/deco/sous-titre.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	
	
	a{
	color: #E29F1A;
	text-decoration: none;
	font-weight: bold;
	
	}
	a:hover{
	color: #893F1B;
	 
	}
	
	 /*------------------------------------------------------*
	  *--------    CSS BLOCS     						 ----*
	  *------------------------------------------------------*/
	
	
	#general{
		margin:0 auto;
		padding:10px 0 0 0;
		width:880px;
	}
	
	/*Haut de page  HEADER*/
	
	#header{
		margin:0 auto;
		padding:0;
		width:880px;
		height:153px;
		background-image: url(../images/deco/header.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		display: block;
	
	}
	
	/*Contenu de page  CONTENT */
	
	#content {
		margin:0 auto;
		padding:0;
		width: 872px;
		background-image: url(../images/deco/fondcontent.gif);
		background-repeat: repeat-y;
	}
		#content-index {
		margin:10px auto 0;
		padding:0;
		width: 990px;
		background-color:#FFFFFF	}
		
	#top{
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url(../images/deco/haut-content.jpg);
	}
	/*Bas de page  FOOTER*/
	
	#footer{
	padding:5px 0px 0px 25px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	margin: 20px 0 0 0;
	background-color: #E9AF24;
	}
	#footer-index{
	color: #663300;
	text-decoration: none;
	font-size: 10px;
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
	}
	
	#footer a{
		color:#562912;
		text-decoration:none;
		text-align: left;
		font-size: 12px;
	}
	
	#footer a:hover{
		color:#FFFFFF;
	}
	/*MENU*/
	#menu{
	text-align: center;
	width: 150px;
	margin: 0;
	display: table;
	margin-left: 37px;
	
	}
	#menu a{
	background-color: #FEB903;
	display: block;
	padding: 7px 0 7px 0;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #634D3F;
	margin-bottom: 13px;
	font-size: 11px;
	
	}
	#menu a:hover{
	background-color: #816551;
	color: #FFFFFF;
	border: 1px solid;
	}
	/*sous MENU*/
	#sous-menu{
	text-align: center;
	border-bottom: 1px solid;
	border-color: #AFDF44;
	margin-bottom: 30px;
	padding-bottom: 5px;
	color: #AFDF44;
	background-color: #FFF7EC;
	}
	#sous-menu a{
		color: #577414;
		font-weight: bold;
		padding: 5px 22px 5px 22px;
		text-align: center;
		margin: 4px 0 4px 0;
		text-decoration: none;
	
	}
	#sous-menu a:hover{
	color: #AFDF44;
	border-top: 1px solid;
	border-color: #AFDF44;
	}
	
	
	
	
	
	/*classe clear*/
	
	.clear {
	   clear: both;
	   overflow: hidden;
	   width: 1px;
	   height: 1px;
	   margin: 0 -1px -1px 0;
	   border: 0;
	   padding: 0;
	   font-size: 0;
	   line-height: 0;
	}
	
	
	 /*------------------------------------------------------*
	  *--------------------------     CSS TITRES DEBUT   ----*
	  *------------------------------------------------------*/
	  
	   h1 {
	color:#D67E00;
	font-size: 16px;
	text-align: left;
	background-image: url(../images/deco/puce-orange.jpg);
	background-repeat: no-repeat;
	height: 30px;
	background-position: left top;
	padding-left: 40px;
	margin-left: 80px;
	  }
	  
	  h1 a{
		text-decoration: none;
		color: #836956;
		
	  }
	  
	  h1 a:hover{
		color: #FEB903;
		
	  }
	  
	  
	  
	   h2 {
		color:#E29F1A;
		font-size: 13px;
		text-align: justify;
		display: block;
	  }
	  
	   h3 {
	margin: 0;
	padding: 2px 15px 10px 0;
	color:#E29F1A;
	text-align: right;
	font-size: 13px;
	border-bottom: 1px solid #FEB903;
	border-right: 1px solid #FEB903;
	  }
	  
	   h4 {
	margin: 0;
	padding: 2px 0px 10px 15px;
	color:#E29F1A;
	text-align: left;
	font-size: 13px;
	border-bottom: 1px solid #FEB903;
	border-left: 1px solid #FEB903;
	  }
	  
	   h5 {
		margin: 0;
		padding: 0;
		   color:#000;
	  }
	  
	   h6 {
		margin: 0;
		padding: 0;
		   color:#000;
	  }
	  
	  
	  .chapeau td{
	width: 430px;
	padding-bottom: 20px;
	padding-left: 15px;
	  }
	  
	  
	  .base-textuelle{
		font-size: 12px;
		text-align: justify;
	  }	
	  .base-textuelle tr{
	
	  }	
	  .base-textuelle td{
	width: 625px;
	padding-left: 15px;
	padding-right: 15px;
		
	  }	
		
	  .lettrine{
		color:#E29F1A;
		font-size: 18px;
		margin-left: 20px;
	  }	
		.puces-texte{
		  margin: 10px 0 10px 0;
		  text-align: center;
		  vertical-align: middle;
			
	  }

	  .signature{
	color: #E2A71B;
	font-style: italic;
	text-align: right;
		
	
	}
	  
	  .highlight{
		color:#E29F1A;
		font-weight: bold;
		font-size: 13px;
		text-align: justify;
		margin-top: 10px;
	  }	
		
	  .image{
		float: right;
		margin: 10px 0px 10px 15px;
		border: 1px solid #836956;
		padding: 8px;
		background-color: #FFFCF0;
	  }  
	  
	  .image-int-droite{
		float: right;
		margin: 15px 0px 15px 15px;
		border: 1px solid #836956;
		padding: 8px;
		background-color: #FFFCF0;
	  }
		.image-int-gauche{
		float: left;
		margin: 15px 15px 15px 0px;
		border: 1px solid #836956;
		padding: 8px;
		background-color: #FFFCF0;
	  }
	  
	    .image-int-ul{
		float: right;
		margin: 15px 15px 15px 15px;
		border: 1px solid #836956;
		padding: 8px;
		background-color: #FFFCF0;
	  }
	  
	  .vignettes{
	padding: 10px 0 10px 0;
	text-align: center;
	  }
	    .vignettes img{
	margin: 0 5px 0 5px;
	
	  }
	  
	  
	  .legende{
		font-size: 10px;
		color: #836956;
		text-align: justify;
		border-top: 1px dashed;
		padding-bottom: 10px;
		border-bottom: 1px dashed;
		padding-top: 10px;
	  }	
	   .legende-illustration{
		font-size: 10px;
		color: #836956;
		text-align: justify;
		padding-bottom: 10px;
		padding-top: 10px;
	  }	
	
	 /*------------------------------------------------------*
	  *--------------------------     CSS PLANS DEBUT         ----*
	  *------------------------------------------------------*/
	  
	/*page plans debut*/
	#plan {
		width: 620px;
	}
	
	#plan img {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 25px 0 0;
	}
	
	/*page plans fin*/
	
	
	
	/*pop up plans DEBUT */
	#popup_plan {
	 margin-top:20px;
		width: 550px;
		position: absolute;
		left: 50%;
		margin-left: -275px;
	}
	
	#popup_plan a {
		color:#333;
		text-decoration:none;
	}
	
	#popup_plan a:hover {
		color:#666;
	}
	
	#popup_plan img {
		border: 1px solid #333;
	}
	
	/*pop up plans FIN */
	
	 /*------------------------------------------------------*
	  *--------------------------     CSS PLANS FIN         ----*
	  *------------------------------------------------------*/
	
	
	
	 /*------------------------------------------------------*
	  *-----------    CSS EFFETS  DEBUT                  ----*
	  *------------------------------------------------------*/
	
	#zone {
		margin:5px;
		width: 300px;
		height: 250px;
		overflow: auto;
		}
	
	
	.transparence {
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		opacity: 0.5;
		}
		
	 /*------------------------------------------------------*
	  *-----------    CSS EFFETS  FIN                    ----*
	  *------------------------------------------------------*/
			
			
		
	 /*------------------------------------------------------*
	  *-----------    CSS POST IT  DEBUT                 ----*
	  *------------------------------------------------------*/
	
	/*<div id="transparent" class="transparent" style="position: absolute; z-index: 10; left: 24px; top: 107px; width: 200px; padding: 0px; cursor:move"></div>*/
	
	#post_it_header{
		width: 200px;
		height:80px;
		background:url(../images/admin/punaise.gif) no-repeat;
	}
	
	#post_it_content{
		height:120px;
		border-bottom:#000 solid 1px;
		border-left:#000 solid 1px;
		border-right:#000 solid 1px;
		background:#D1CFCF;
	}
	
	#post_it_content a{
		color:#3DAFEB;
		text-decoration: none;
	}
	
	#post_it_content a:hover{
	color:#F67F00;
	}
	
	#post_it_content h4{
		margin:0;
		padding:10px 0 0 0;
		color:#F67F00;
		font-size:14px;
		text-align:center;
	}
	
	#post_it_content p{
		margin:0 auto;
		padding:15px;
		color:#02468B;
		font-size:11px;
	}
	
	 /*------------------------------------------------------*
	  *--------    CSS POST IT  FIN                      ----*
	  *------------------------------------------------------*/
	
	
	
	
	
	
	 /*---------------------------------------------------------*
	  *----        CSS PAGE CONTACT  DEBUT                  ----*
	  *---------------------------------------------------------*/
	/* NE_PAS_TOUCHER_CETTE_LIGNE_POUR_MAIL_PAGE_CONTACT_DEBUT */
	
/* DIV contenant l'ensemble du formulaire */

div.formulaire_general {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #893F1B;
	width: 440px;
}
/* DIV général des erreurs de saisie */
div.formulaire_erreursSaisie {
	border: none;
	;
	background-color: #EBC95F;
	color: #893F1B;
	padding: 5px;
	margin-bottom: 3px;
	width: 315px;
}
/* DIV pour chaque erreur de saisie */
div.formulaire_erreursSaisie_ligne {
}

/* DIV message une fois le message envoyé */
div.formulaire_msgRetour {
	border: none;
	background-color: #893F1B;
	color: #FFFFFF;
	text-align: center;	
	padding: 10px;
}
/* Lien "Retour" un fois le message envoyé */
a.formulaire_msgRetour_lien {
}
/* Tableau de champ général */
table.formulaire_table {
	width: 75%;
	padding:0px 2px 2px 2px;
}
/* Regroupement de champs : ligne en-tête de table */
.formulaire_table th {
	color: #893F1B;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
/* Regroupement de champs : en fielset */
.formulaire_table fieldset {
}
/* Légende du fielset ci-dessus */
.formulaire_table legend {
}
/* Lignes qui séparent les lignes avec les champs */
.formulaire_cell_espacement {
	height: 5px;
}
/* Libelle des champ dans le formulaires : dans tous les cas */
td.formulaire_nom_champ, td.formulaire_nom_champ_erreur {
	width: 150px;
	padding: 0px 5px 0px 10px;
	text-align: right;
}
/* Libelle des champ dans le formulaires : sans erreur */
td.formulaire_nom_champ {
	font-weight: bold;
}

/* Libelle des champ dans le formulaires : sans erreur */
td.formulaire_nom_champ_erreur {
	color: #893F1B;
	font-weight: bold;
	
}
/* Cellules qui contiennent les champs : dans tous les cas */
td.formulaire_td_champ, td.formulaire_td_champ_erreur {
	padding-right: 10px;
}
/* Cellules qui contiennent les champs : en cas d'erreur */
td.formulaire_td_champ, td.formulaire_td_champ_erreur {
}
/* Cellules qui contiennent les champs : sans erreur */
td.formulaire_td_champ, td.formulaire_td_champ_erreur {
}
/* Champs dans les formulaires (input, textarea) : dans tous les cas */
.formulaire_champ, .formulaire_champ_erreur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	width: 200px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* Champs dans les formulaires (input, textarea) : sans erreur */
.formulaire_champ {
	background-color:#E9AF24;
	color: #893F1B;
	border: none;
}
/* Champs dans les formulaires (input, textarea) : en cas d'erreur */
.formulaire_champ_erreur {
	background-color:#E9AF24;
	border: none;
	color: #893F1B;
}
/* Texte qui s'ajoute après les champ (€, kg, /jour...) */
span.formulaire_champ_suffixe, span.formulaire_champ_suffixe_erreur {
	font-style: italic;
}
/* Libelle des champ dans le formulaires : dans tous les cas */
td.formulaire_td_checkbox, td.formulaire_td_checkbox_erreur {
	padding: 0px 10px 0px 10px;
}
/* TD du Bouton "Envoyer" du formulaire */
td.formulaire_td_envoyer {
	padding-right: 5px;
	text-align: right;
}
/* Bouton "Envoyer" du formulaire */
input.formulaire_envoyer {
	background-color:#F7F2ED;
	color: #82630B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	cursor: pointer;
	margin: 5px;
	border: none;
}
/* Texte en bas du formulaire concernant les astérisques */
.formulaire_note {
	text-align: center;
	font-style: italic;
}
	/* NE_PAS_TOUCHER_CETTE_LIGNE_POUR_MAIL_PAGE_CONTACT_FIN */
	 /*-------------------------------------------------------*
	  *----        CSS PAGE CONTACT  FIN                  ----*
	  *-------------------------------------------------------*
	
	 
	
	 /*------------------------------------------------------*
	  *--------    CSS REFERENCEMENT  DEBUT              ----*
	  *------------------------------------------------------*/
	
	#referencement {
		margin-right: auto;
		margin-left: auto;
		font-size: 9px;
		text-align: center;
		padding-top: 50px;
		width: 70%;
	}
	
	#referencement img {
		padding: 3px;
	}
	
	#referencement a {
		color: #82630B;
		text-decoration: none;
	}
	
	#referencement a:hover {
		color: #663300;
	}
	
	 /*------------------------------------------------------*
	  *--------    CSS REFERENCEMENT  FIN                ----*
	  *------------------------------------------------------*/