/*----------------------------------------*
  *---  WWW.ICARE-NET.COM - agence web ---  CSS  --*
  *----------------------------------------*/
		
html {margin: 0;height:100%;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: #8ba44b url(../images/deco/fond_body.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
}


* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
} 
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body*/
img             {border:0 none;margin:0;padding:0;}
hr              {visibility: hidden;text-align:center;height:30px;width:100px}
ol, ul, li      {margin: 0; padding: 0;}
form, input     {margin: 0px;padding: 0px;}
select          {color: #000;background-color: #fff;}
p               {margin: 0px;padding: 0px;}

/* ------------ CONTENEUR GLOBAL ------------------------*/
#general        
{ 
	min-height: 100%;
  	width: 800px;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
  position: relative;
  }
#general p      {margin: 0; padding: 0;}  
  /* ------------ POUR LA HOME --------------------------*/
#home           {width: 800px;padding: 0;margin-top:50px; margin-bottom: 0; margin-left: auto; margin-right:auto;position: relative;}
#home p         {margin: 0; padding: 0;}
#homebox        {
	padding:0;
	width:800px;
	height:342px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: top;
}

#flash          {margin: 0 auto;width:600px;height:342px;}
/*-----------  Titre -----------------------------------*/
#header         {margin:0;padding:0;height: 214px;}
#header p       {margin: 0; padding: 0;}
#header a       {color:#fff;text-decoration:none;}
#header a:hover {color:#BAD9B9;}
#header img     {border:0;margin:0;padding:0;}

/*-----------  Menu horizontal -------------------------*/
ul#x_menu       {height: 20px; margin-left:60px; margin-bottom:0px; margin-right:0px; margin-top:5px;padding: 0;list-style-type: none ;overflow:auto; }
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond*/
ul#x_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#x_menu li a  {border-right:1px solid #efefef;font-size: 8pt ;width: 110px ;line-height: 20px;letter-spacing: 0px ;
                  color: #fff;font-weight:bold;display: block ;text-decoration: none ;}
/* 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#x_menu a:hover {font-weight:bold;color: #758a3f;}

 /*-----------------------------------------------------*/
/*-----------  Contenu central de la page --------------*/
/*------------------------------------------------------*/
/*-- Partie principale ---------------------*/  
#center         {padding-bottom: 50px;background:#8ba44b url(../images/deco/fondcenter.gif) repeat-y bottom;}
#center li      {list-style-type: none}
/*-- colonne gauche-------------------------*/
#leftbar        {
	float: left;
	width: 250px;
	background-color: #325b31;
	background-image: url(../images/deco/rose_blanche.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#leftbar h3,p   {padding: 0 10px;}
/*** Menu vertical de la colonne gauche  ****/
ul#y_menu       {margin: 0;padding: 0;list-style: none;}
ul#y_menu li a {
	color: #BAD9B9;
	/*font-size: small-caps 2.6em/60px Verdana,sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-decoration: none;
  	display: block;
	height: 25px;
	line-height: 25px;
	background: url(../images/deco/fond_lien.gif) no-repeat left top;
	padding-left: 15px;
	
	margin: 2px 0;
	border-bottom:1px solid #8ba44b;
	font-weight:bold;
	
}
.lettrine1{
	color:#FFFFFF;
	font-weight: bolder;
}

ul#y_menu li a:hover {
	background-position: left bottom;
	color: #FFFFFF;  
}
.lettrine2{
	color:#FFFFFF;
}
ul#y_menu li a.selec{
	padding-right: 30px;
	font-weight:bold;
	background-position: right top;
	color: #fff;
	text-align:right;
	background-color: #BAD9B9;
}
ul#y_menu li a:hover.selec{
	padding-right: 30px;
	font-weight:bold;
	background-position: right top;
	color:#CCCCCC;
	text-align:right
}
/*-- colonne droite-------------------------*/
#content        {float: left;width: 510px;margin-left:40px;color:white;text-align:justify;}
#content li     {margin-left:40px;list-style-image:url(../images/deco/puce2.gif) ;}
#content h2     {margin:0;padding:0 0 0 20px;color: #fff;background:#325b31;font: 1.5em/20px Verdana, sans-serif}
#content h3     {
	margin:0;
	padding:0 0 0 20px;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	line-height: 20px;
	background-color: #325B31;
}
#content p      {width:480px}
#content table{
	font-size:12px;
	margin-bottom:10px;
}

/*Bas de page*/

#footer {
	/*position: absolute;*/
	margin-top:-6px;
	padding-top:5px;
	width: 800px;
	height:40px;
	bottom: 0;
	color: #efefef;
	background:url(../images/deco/fondfooter.gif) no-repeat bottom;

	}
#footer a       {color:#efefef;text-decoration:none;}
#footer a:hover {color:#BAD9B9;background:#325b31}
#footer p       {padding: 0 10px;}
.produits       {
	float:left;
	margin:0 0 20px  0;
	padding:0;
	background: #325b31;
	width:460px;
	height:100%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #8BA34B;
	border-bottom-color: #8BA34B;
}
.produits h4    {
	margin:0;
	color:#BAD9B9;
	padding:4px;
	background-color: #325B31;
}
.produits img   {float:right;padding:10px;}
.produits ul    {padding:20px}
.produits li    {list-style-image: url(../images/deco/puce2.gif) ;}
.produits li a  {color: #c00;text-decoration:none}
.produits li a:hover {color: #c00;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{
	float:right;
	margin:0;
	padding-size:0;
	text-align:center;
	width:560px;
	height:500px;
	background-color: #8A9C4A;
}
#divmail p    {font-size:1.5em;color:#efefef;text-align:left;margin-left:50px}

#divplan {
   
  margin:0;
  padding-size:0;
  width:500px;
  height:100%;
}
#divplan span {float:left;color:white;}
#divplan p    {color:#efefef;text-align:center;margin: 0}
#divplan h3   {color:#FFFFFF;margin: 0;padding: 0;}

#plan   {
	width: 240px;
}

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

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

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

 

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

  }
  
   h2 {
   	margin: 0px;
    padding: 0px;
	   color: #000;
  }
  
   h3 {
   	margin: 0px;
    padding: 0px;
  	 color:#000;
  }
  
   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;
	}
	
	/*------------------------------------------------------*
  *-----------    CSS POST IT  DEBUT   ----*
  *------------------------------------------------------*/


#post_it_header{
	width: 200px;
	height:80px;
	background:url(../images/admin/punaise.gif) no-repeat;
}

#post_it_content{
	width: 200px;
	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 0 0 0;
	width:180px;
	color:#02468B;
	font-size:11px;
}

	/*------------------------------------------------------*
  *--------    CSS POST IT  FIN   ----*
  *------------------------------------------------------*/



/*CSS REFERENCEMENT debut */

#referencement {
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	text-align: center;
	padding-top: 50px;
	width: 75%;
}

#referencement a {
	color: #325B31;
	text-decoration: none;
}

#referencement a:hover {
	color: #444;
}

/*CSS REFERENCEMENT fin */