/*------------------------------------------------------*

  *-------------    ICARE-NET.COM ---  CSS DECO  ----*

  *------------------------------------------------------*/



body {

	scrollbar-face-color: #ED66A2;

	scrollbar-shadow-color: #ED66A2;

	scrollbar-highlight-color: #ED66A2;

	scrollbar-3dlight-color: #ED66A2;

	scrollbar-darkshadow-color: #ED66A2;

	scrollbar-track-color: #ED66A2;

	scrollbar-arrow-color: #FFFFFF;

	margin: 0px 0px 0px 0px;

	font-size:10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #8AC5FF;

}

p {

	padding: 0px;

	margin: 0px;

}


.lien_lightbox
{
	border: 0px
}



#total {

	padding-bottom: 20px;

}

#general {

	width: 900px;

	left: 50%;

	margin-left: -450px;

	position: relative;

	margin-top: 30px;

	padding-bottom: 10px;

	border-bottom-width: 5px;

}

#header {

	height: 200px;

	box-sizing: border-box;

	margin: 0;

	padding: 0;

}

#contenu {

	width: 900px;

	margin-top: 25px;

	padding: 0;

}



#nav {

	width: 200px;

	float: left;

	/*background-color: #F5B4D1;*/

}

#nav_produit {

	width: 150px;

	float: left;

	background-color: #FCE0ED;

}



#nav a {

	display: block;

	padding: 3px 0px 3px 25px;

	text-decoration: none;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 13px;

	box-sizing: border-box;

	border-width: 1px;

	border: 1px;

	width: 100%;

	border-bottom-style: dotted;

	border-color: #FFFFFF;

}



#nav_produit a{

	display: block;

	width: 100%;

	padding: 2px 0px 2px 0px;

	text-decoration: none;

	font-weight: bold;

	font-size: 13px;

	box-sizing: border-box;

	background-color: #DDEEFF;

	color: #ED66A2;

}

#nav a:hover {

	color: #7299E6;

	background-color: #FFFFFF;

	border-width: 1px;

	border-color: #7299E6;

}



#nav_produit a:hover {

	background-color: #7299E6;

	color: #003366;

}

	

#col_droite {

	width: 650px;

	background-color: #FCE0ED;

	padding-bottom: 5px;

	float: right;

	

}

#col_droite p {

	padding: 0px 10px 0px 10px;	

    /*float: left;*/

	margin: 5px 0;

}





#col_droite_frais {

	width: 570px;

	float: right;

	padding-bottom: 15px;

	padding-top: 10px;

	padding-left: 10px;

	

}





#clear {

	width: 100%;

	clear: both;

	height: 15px;

}

#adresse {

	padding: 5px 0px 5px 0px;

	text-align: center;

	color: #62A7D0;

	font-weight: bold;	

}

.bord_img {

	border: 2px dashed #B4D9E9;

}

.bord_image_plan {

	border: 1px dashed #B4D9E9;

}

.bord_image_catalogue {

	border: 2px solid #FFF;

	margin-top: 5px;

}

.bord_img_illustration {

	border: 2px dashed #B4D9E9;

	margin: 15px;

}



a.listeTableau img{

	background: transparent none;

	border: 0px none;

	opacity:.50;

	filter: alpha(opacity=50); 

	-moz-opacity: 0.5;

}



a.listeTableau:hover img{

	background: transparent none;

	border: 0px none;

	opacity:1;

	filter: alpha(opacity=100); 

	-moz-opacity: 1;

}

.tableauListe{

	margin: 0 0 0 20px;

	}

	



.tableauListe td{

	padding: 0 10px 0 10px;

}

#contenu_texte p {

	float: none;

}



/*---------------------------------------------------------*

  *----        CSS PAGE CONTACT  DEBUT                  ----*

  *---------------------------------------------------------*/

/* NE_PAS_TOUCHER_CETTE_LIGNE_POUR_MAIL_PAGE_CONTACT_DEBUT */



/* DIV général contenant l'ensemble du FORMULAIRE */

div.formulaire_general {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	background-color: inherit;

	color: inherit;

	width: 320px;

	margin: 0 auto;

}

/* DIV contenant l'ensemble des ERREURS de saisie */

div.formulaire_erreursSaisie {

	border-style: solid;

	border-width: 1px;

	border-color: #ccc;

	background-color: #eee;

	color: #f00;

	padding: 5px;

	margin-bottom: 3px;

}

/* DIV pour chaque LIGNE D'ERREUR de saisie */

div.formulaire_erreursSaisie_ligne {

}



/* Tableau de champs général */

table.formulaire_table {

	border-style: solid;

	border-width: 1px;

	border-color: #fff;

	width: 100%;

}

/* GROUPE de champs : ligne EN-TÊTE de table */

.formulaire_table th {

	background-color: #7299E6;

	color: #fff;

	padding: 5px;

	text-align: center;

	font-weight: bold;

}

/* GROUPE de champs : en FIELSET */

.formulaire_table fieldset {

	border-style: solid;

	border-width: 1px;

	border-color: #666;

}

/* LEGENDE du fielset ci-dessus */

.formulaire_table legend {

	font-weight: bold;

	padding: 5px;

}

/* LIGNES de SÉPARATION entre deux lignes de 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: 100px;

		padding: 0px 5px 0px 10px;

		text-align: right;

	}

	/* Normal */

	td.formulaire_nom_champ {

	}

	/* En cas d'ERREUR sur le champ */

	td.formulaire_nom_champ_erreur {

		color: #f00;

		font-weight: bold;

	}



/* CELLULES qui contiennent les CHAMPS */

/*-------------------------------------*/

	/* Dans TOUS les cas */

	td.formulaire_td_champ, td.formulaire_td_champ_erreur {

		padding-right: 10px;

	}

	/* Normal */

	td.formulaire_td_champ {

	}

	/* En cas d'ERREUR sur le 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;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

		/* Attention, jouer sur l'opacité ICI (sur les INPUT) peut provoquer des problèmes d'affichage de SELECT sous IE */

		/*filter: alpha(opacity=80);

		opacity: 0.8;*/

	}

	/* Normal */

	.formulaire_champ {

		background-color: #eee;

		color: #000;

		border-style: solid;

		border-width: 1px;

		border-color: #ccc;

	}

	/* En cas d'ERREUR sur le champ */

	.formulaire_champ_erreur {

		background-color: #fcc;

		border-style: solid;

		border-width: 1px;

		border-color: #f99;

	}



/* SUFFIXES : texte qui s'ajoute après les champs (€, kg, /jour...) */

span.formulaire_champ_suffixe, span.formulaire_champ_suffixe_erreur {

	font-style: italic;

}



/* Cellules réunies (colspan) : dans TOUS les cas */

td.formulaire_td_colspan, td.formulaire_td_colspan_erreur {

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

}



/* Cellule TD du Titre d'un objet TABLEAU */

td.formulaire_tableau_titre {

	font-style: italic;

}

/* Cellule TH d'un objet TABLEAU au croisement des en-têtes de lignes/colonnes */

th.formulaire_tableau_coin {

	background-color : transparent;

}

/* EN-TETE TH de COLONNES d'un objet TABLEAU */

th.formulaire_tableau_colonne_entete {

	background-color: #ccc;

}

/* EN-TETE TH de LIGNES d'un objet TABLEAU */

th.formulaire_tableau_ligne_entete {

	background-color: #ccc;

}



/* TD du Bouton "ENVOYER" du formulaire */

td.formulaire_td_envoyer {

	padding-right: 5px;

	text-align: right;

}

/* BOUTON "ENVOYER" du formulaire */

input.formulaire_envoyer {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-color: #FFFFFF;

	color: #7299E6;

	border: solid 1px #999;

	cursor: pointer;

	margin: 5px;

	font-weight: bold;

}



/* TEXTE EN BAS du formulaire concernant les astérisques */

.formulaire_note {

	text-align: center;

	font-style: italic;

}



/* DIV du message une fois le MESSAGE ENVOYÉ */

div.formulaire_msgRetour {

	background-color: #eee;

	color: #000;

	text-align: center;	

	padding: 10px;

	margin: 50px auto;

	border: solid 1px #999;

}

/* Lien "RETOUR" un fois le message envoyé */

a.formulaire_msgRetour_lien {

	color: #000;

	font-weight: bold;

}



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

/* CALENDRIER */

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



.div_calend {

	position: absolute;

	margin-left: 0px;

	margin-top: -80px;

	display: none;

	z-index: 100;

}

.div_calend .tab_general {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-color: #fff;

	text-align: center;

	width: 280px;

	border: solid 1px #333;

}

.div_calend .cell_mois {

	background-color: #ccc;

	font-weight: bold;

	text-align: center;

	color: #000;

	width: 60%;

	padding: 3px;

}

.div_calend .cell_fleche {

	background-color: #ccc;

	text-align: center;

	padding: 3px;

}

.div_calend .cell_fleche a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333;

	font-weight: bold;

	text-decoration: none;

}

.div_calend .cell_nomjour {

	font-size: 10px;

	color: #000;

	background-color: #ddd;

	text-align: center;

	vertical-align: middle;

	border-top: solid 1px #ddd;

	border-right: solid 1px #aaa;

	border-bottom: solid 1px #aaa;

	border-left: solid 1px #ddd;

	padding: 3px;

}

.div_calend .cell_jour {

	font-size: 10px;

	color: #000;

	background-color: #eee;

	text-align: center;

	vertical-align: middle;

	border-top: solid 1px #fff;

	border-right: solid 1px #ddd;

	border-bottom: solid 1px #ddd;

	border-left: solid 1px #fff;

}

.div_calend .cell_jour:hover {

	border-top: solid 1px #ccc;

	border-right: solid 1px #eee;

	border-bottom: solid 1px #eee;

	border-left: solid 1px #ccc;

}

.div_calend .cell_jour_vide {

	background-color: #f8f8f8;

}

.div_calend .cell_jour_a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333;

	text-decoration: none;

	text-align:center;

	display: block;

	width:inherit;

	padding: 3px;

}

.div_calend .cell_jour_a:hover {

	background-color: #fff;

	color: #666;

	font-weight:bold;

}

.div_calend .lien_fermer {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #fff;

	background-color: #333;

	text-decoration: none;

	padding: 2px;	 /** voir note de l'attribut taille **/

	display: block;  /** on met un display: block car le margin-top ne sera pas pris en compte pour un display in-line (par défaut) **/

	width: 70px;	 /** display: block implique une taille de 100%. Il faut donc mettre une taille qui DOIT être cohérente avec le padding **/

	text-align: center;

}



/* NE_PAS_TOUCHER_CETTE_LIGNE_POUR_MAIL_PAGE_CONTACT_FIN */

 /*-------------------------------------------------------*

  *----        CSS PAGE CONTACT  FIN                  ----*

  *-------------------------------------------------------*/