/*------------------------------------------------------*
  *---------    ICARE-NET.COM - agence web ---  CSS  ----*
  *------------------------------------------------------*/
html {
   margin: 0;
   padding: 0;
}

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: 0;
  padding: 0;
	background: #87AFE5 url(../images/deco/fond_page02.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000;
}
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     ----*
  *------------------------------------------------------*/

#content_swf{
	width:700px;
	height:400px;
}
#general{
	margin:0 auto;
	padding:0;
	width:100%;
}

/*Haut de page*/

#header{
	margin:0 auto;
	padding:0;
	width:700px;
	height:120px;
	background-color: #999;
}
#header a       {color:#fff;text-decoration:none;}
#header a:hover {color:#CCC;}

/*Contenu de page*/

#content {
	margin:0 auto;
	padding:0;
	width: 700px;
	height: auto;
	background-color:#efefef;
}
#content p      {
	margin: 0 10px 0 360px;
	padding-left: 0px;
	text-align: justify;
}
#content h2     {font-size: 1em;margin: 0 10px 0 360px;padding: 20px 0 0 0;color: #003;}
#content h3     {font-size: 1.6em;margin: 10px 10px 0px 360px;padding: 0px;color:#f90;}
#content h4     {margin: 10px 10px 5px 360px;padding: 0px;color:#f90;}
/*** Temporaire pour tests ***/  
hr              {visibility: hidden;text-align:center;height:13px;width:100px}
 /********** Liste Menu Top ************************/

ul#menu         {background: #f4e0c1 url(../images/deco/fond_menu.jpg);border-bottom: 1px solid #ccc;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: 9pt ;width: 140px ;line-height: 20px ;font-weight: bold ;letter-spacing: 1px ;color: #f4e0c1;
                  display: block ;text-decoration: none ;background-color: #87afe5}
/* 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 {font-size: 9pt ;color: #21313e;letter-spacing: 1px ;background-color: #090;}
 /********** Fin Liste Menu Top ********************/
 
 
/*Bas de page*/

#footer{
  color:#fff;
  text-align: center;
	margin:0 auto;
	padding:0;
	width:700px;
	height:70px;
	background-color:#86AFE5;
	clear:both;
}
#footer a       {color:#ccc;text-decoration:none;}
#footer a:hover {color:#f90;}


/*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:#87afe5;
  margin:0 10px 0 0;
  padding:0;
  text-align:center;
  width:300px;
}
#divmail p    {font-size:1.5em;color:#fc0;text-align:left;margin: 0;padding:o}
#divmail h2   {width:300px;border:1px solid #fc0;background:#888;color:#efefef;margin: 0;padding: 0;}

#divplan {
  float:left;  
  background:#1c2838;
  margin:0 0 0 10px;
  padding:0;
  text-align:center;
  width:300px;
}
#divplan span {float:left;color:white;}
#divplan p    {text-align:center;margin: 0;padding:o}
#divplan h2   {width:300px;border:1px solid #fc0;background:#888;color:#efefef;margin: 0;padding: 0;}
#divplan h3   {margin: 0;padding: 0;}

#plan   {
	width: 310px;
}

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

/*pop up plans*/
#popup_plan {
  background:#1c2838;
  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;
	}