/*------------------------------------------------------*
  *---------    ICARE-NET.COM - agence web ---  CSS  ----*
  *------------------------------------------------------*/
html, body 
                {}
body {
	scrollbar-face-color: #CCC;
	scrollbar-shadow-color: #000;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #000;
	margin: 20 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
	text-align: center;
	background-color: #232B26;
	background-image: url(../images/deco/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	
}
form, input     {margin: 0px;padding: 0px;}
select          {color: #000;background-color: #fff;}
p               {margin: 0px;padding: 0px;}
li              {list-style-image: url(../images/deco/puce.gif);}
img             {border:0;margin:0;padding:0;}

 /*------------------------------------------------------*
  *-----------------------------------     CSS BLOCS     ----*
  *------------------------------------------------------*/

#flash_index{
	float:left;
	width:750px;
	height:450px;
	display:inline;
}
#presentation a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

#general{
	margin:0 auto;
	padding:0;
	width:900px;
	text-align:left;
	width: 900px;
	margin-top: 20px;
	/*background-image: url(../images/deco/backgroud-index.jpg);
	background-repeat: no-repeat;*/
}

#general-index{
	margin:0 auto;
	padding:0;
	width:900px;
	text-align:left;
	width: 900px;
	margin-top: 20px;
	background-image: url(../images/deco/backgroud-index.jpg);
	background-repeat: no-repeat;
}

/*Haut de page*/

#header{
	margin:0 auto;
	padding:0;
	width:900px;
	background-color: #ece5cb;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #F4F4F4;
	border-right-color: #F4F4F4;
	border-bottom-color: #F4F4F4;
	border-left-color: #F4F4F4;
}
#carte_home     {
	display:inline;
	background-color: #ece5cb;
	float: left;
	width:900px;
	height:450px;
	background-image:url(../images/deco/carte_home.jpg);
	background-position:top right;
}
#header a       {color:#fff;text-decoration:none;}
#header a:hover {color:#CCC;}
/*Contenu de page*/

#content {
	margin:0 auto;
	padding:0;
	width: 900px;
	height: auto;
	background-image: url(../images/deco/bg_content.jpg);
	background-position: left top;
	color: #b7bd9b;
}

#content2 {
	width: 710px;
	color: #b7bd9b;
	float:left;
}


#content p      {margin: 0 10px 0 20px;padding-left: 0px;text-align: justify;}
#content h2     {font-size: 1.6em;margin: 10px 20px;padding: 20px 0 0 48px;color: #efefef;background: url(../images/deco/imgH2.jpg) no-repeat bottom left}
#content h3     {font-size: 1.6em;margin: 10px 10px 0px 20px;padding: 0px;color:#b7bd9b;}
#content h4     {margin: 10px 10px 5px 20px;padding: 0px;color:#b7bd9b;}

#fondphoto      {background:#323d36}


/*** Temporaire pour tests ***/  
hr              {visibility: hidden;text-align:center;height:13px;width:100px}
 /********** Liste Menu Top ************************/
#menu           {background:#fff;}
ul#menu         {background: #fff;height: 20px;margin: 0;
                  padding: 0;list-style-type: none ;}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond*/
ul#menu li      {float: left ;text-align: center ;}
/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */
ul#menu li a    {font-size: 8pt ;width: 110px ;line-height: 20px;letter-spacing: 0px ;color: #323d36;
                  display: block ;text-decoration: none ;background-color: #fff}
/* C'est sur les liens que le gros du travail est effectué, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grâce à la propriété display: block ; */
ul#menu a:hover {color: #efefef;letter-spacing: 0px ;background: url(../images/deco/button02.gif) no-repeat center;}
/********** Fin Liste Menu Top ********************/
 
 
/*Bas de page*/

#footer{
  color:#fcc;
  text-align: right;
	margin:0 auto;
	padding:0;
	width:900px;
	height:auto;
	clear:both;
}
#footer a       {color:#fcc;text-decoration:none;}
#footer a:hover {color:#fcc;text-decoration:underline}


/*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 PLANS     ----*
  *------------------------------------------------------*/
  
/*page plans*/
#divmail{
	margin:0 0 0 60px;
	padding-size:0;
	text-align:left;
	width: 650px;
}
#divmail p    {font-size:1.2em;color:#efefef;text-align:left;margin-left:50px}

 /*-----------------------------------------------------------*
  *-----------------------------------     CSS EFFETS     ----*
  *-----------------------------------------------------------*/

#zone {
	margin:5px;
	width: 300px;
	height: 250px;
	overflow: auto;
	}


.transparence {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	}
	
.bord_img {

	border: solid #ece5cb 3px;
}


/*---------------------------------------------------------*
  *----        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: 12px;
	background-color: inherit;
	color: inherit;
	width: 500px;
	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: #999;
	width: 100%;
}
/* GROUPE de champs : ligne EN-TÊTE de table */
.formulaire_table th {
	background-color: #ccc;
	color: #333;
	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: 12px;
		text-align: left;
		width: 200px;
		padding-top: 2px;
		padding-right: 3px;
		padding-bottom: 2px;
		padding-left: 3px;
		/* Attention, jouer sur l'opacité peut provoquer des problèmes d'affichage de SELECT sous IE */
		/*
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		*/
	}
	/* 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: 12px;
	background-color: #aaa;
	color: #000;
	border: solid 1px #999;
	cursor: pointer;
	margin: 5px;
}

/* 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;
}