/*------------------------------------------------------*
  *---------    ICARE-NET.COM - agence web ---  CSS  ----*
  *------------------------------------------------------*/
  
html, body 
                {width: 100%;height: 100%;margin: 0 auto;}
.hide           {display: none;}
body            {background: white url(../images/deco/fondpage.jpg) repeat-x;color: #000;margin: 0; padding: 0; 
                height: 100%;font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: center;}
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body*/
img             {border:0 none}
hr              {visibility: hidden;text-align:center;height:30px;width:100px}
ol, ul, li      {margin: 0; padding: 0;}
/* ------------ CONTENEUR GLOBAL ------------------------*/
#general        {height: auto;text-align: left;position: absolute;width: 950px;left: 50%;margin-left: -475px;}

form, input     {margin: 0px;padding: 0px;}
select          {color: #000;background-color: #fff;}
p               {margin: 0px;padding: 0px;}

img             {border:0;margin:0;padding:0;}

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

/*Haut de page*/

#header{
	margin:0;
	padding:0;
	width:950px;
	height:auto;
	background-color: white;
}
#header p       {margin: 0; padding: 0;}
#header a       {color:#fff;text-decoration:none;}
#header a:hover {color:#ccc;}
a         		{
	color:#000000;
	text-decoration:none;
	font-size: 14px;
}
a:hover   		{
	color:#000000;
	text-decoration: underline;
	font-size: 14px;
}
#header img     {border:0;margin:0;padding:0;}

/*Contenu de page*/

#content {
	margin:0 auto;
	padding:0;
	width: 950px;
	height: auto;
	background: #fff;
}
#content li     {margin-right: 40px;list-style-image: url(../images/deco/puce.gif) ;}
#content p      {margin: 0 40px 0 20px;padding-left: 0px;text-align: justify;}
#content h2     {font-size: 2em;margin: 0 40px;padding: 20px 0 0 30px;color: #205daa;border-bottom:1px solid #fc0;background: url(../images/deco/imgh2.gif) no-repeat bottom left}
#content h3     {font-size: 1.6em;margin: 10px 10px 0px 20px;padding: 0px;color:#036;}
#content h4     {margin: 10px 10px 5px 20px;padding: 0px;color:#fc0;}
#flash{
	width:950px;
	height:360px;
	background:#fff;
}

 /********** Liste Menu Top ************************/

ul#menu         {background: #205daa;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    {border-right:1px solid #cc9;font-size: 8pt ;padding-left:12px;padding-right:12px;/*width: 100px ;*/line-height: 20px;letter-spacing: 0px ;color: #efefef;
                  display: block ;text-decoration: none ;background-color: #205daa}
/* 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: #000;background: #efefef url(../images/deco/hover.jpg) no-repeat center;}
/********** Fin Liste Menu Top ********************/
 
 
/*Bas de page*/

#footer{
  color:#fff;
  background: #205daa;
  text-align: justify;
	margin:0 auto;
	padding:0;
	width:950px;
	height:auto;
	clear:both;
}
#footer a       {color:#efefef;text-decoration:none;}
#footer a:hover {color:#ffc;background:#205daa}


/*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{
  float:right;
  background: #205daa;
  margin:0;
  padding-size:0;
  text-align:center;
  width:560px;
  height:500px;
}
#divmail p    {font-size:1.5em;color:#efefef;text-align:left;margin-left:50px}

#divplan {
  float:left;  
  background: #205daa;
  margin:0;
  padding-size:0;
  text-align:center;
  width:240px;
  height:500px;
}
#divplan span {float:left;color:white;}
#divplan p    {text-align:center;margin: 0;padding:o}
#divplan h3   {margin: 0;padding: 0;}

#plan   {
	width: 240px;
}

#plan img {
 margin-top: 10px;
	margin-bottom: 10px;
}

/*pop up plans*/
#popup_plan {
  background:#205daa;
  margin-top:20px;
	width: 570px;
	position: absolute;
	left: 50%;
	margin-left: -285px;
}

#popup_plan a {
	color:#efefef;
	text-decoration:none;
}

#popup_plan a:hover {
	color:#666;
}

#popup_plan img {
	border: 1px solid #333;
}




 /*------------------------------------------------------*
  *------------------------------     CSS TITRES     ----*
  *------------------------------------------------------*/
  
   h1 {
   	margin: 0px;
    padding: 0px;
	   color:#000;

  }
  
   h2 {
   	margin: 5px;
    padding: 5px;
	   color: #003;
  }
  
   h3 {
   	margin: 5px;
    padding: 0px;
  	 color:#f90;
  }
  
   h4 {
   	margin: 0px;
    padding: 0px;
  	 color:#000;
  }
  
   h5 {
   	margin: 0px;
    padding: 0px;
  	 color:#000;
  }
  
   h6 {
   	margin: 0px;
    padding: 0px;
  	 color:#000;
  }

 

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

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


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