/*------------------------------------------------------*
  *---------    ICARE-NET.COM - agence web ---  CSS  ----*
  *------------------------------------------------------*/
  
html, body 
                {height: 100%;margin: 0;}
.hide           {display: none;}
body            {
	color: #000;
	margin: 0;
	padding: 0;
	height: 100%;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background-color: #c5c0aa;
	background-image: url(../images/deco/fondpage.jpg);
	background-repeat: repeat-x;
}
/* 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 ------------------------*/
#home
{ 
	min-height: 100%;
  width: 900px;
	padding: 0 10px;
	margin: 0 auto;
  position: relative;
  background: #e2dcc4;
  }
  
#general        
{ 
	min-height: 100%;
  width: 900px;
	padding: 0 10px;
	margin: 0 auto;
  position: relative;
  background: #fff;
  }


/*------Titre*/

#header {
	margin:0;
	padding:0;
	height: 160px;
}
#header p       {margin: 0; padding: 0;}
#header a       {color:#fff;text-decoration:none;}
#header a:hover {color:#ccc;}
#header img     {border:0;margin:0;padding:0;}
/*-----Contenu de page*/
  
#center 
{
	padding-bottom: 50px; 
	overflow: auto;
	}
#center li     {list-style-type: none}
/*-----barre gauche*/
#leftbar {
/*	background: #efefef;*/
	float: left;
	width: 210px;
/*	border: 1px solid #cacaca;*/
	margin-top: 35px;
	}
	
#flash_devis{
	width:163px;
	display:block;
	/*height:124px;*/
	padding-left:25px;
	padding-top:15px;
}
/********** Liste Menu verticale de la barregauche  *******************************/
ul#y_menu {margin: 0;padding: 0;list-style: none}
ul#y_menu li a {
	color: #33332D;
	text-decoration: none;
	display: block;
	height: 25px;
	line-height: 20px;
	background: #CCCC9F;
	padding-left: 5px;
	margin:0;
	border-bottom:1px solid #9E9E91;
	font-size: 1.1em;
	font-variant: small-caps;
	
	
}
ul#y_menu li a:hover, ul#y_menu li a.menu_actif {
	background-position: left bottom;
	color: #E2DCC4;
	background-color: #DB4105;
}
/*-----contenu droite*/
#content {
	float: left;
	width: 660px;
	margin-left:20px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DB4105;
	}
#content a {
	color: #6A6A52;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 13px;
}
#content a:hover {
	color: #FFFFFF;
	background-color: #6A6A52;
}

ul#content li   {list-style-image: url(../images/deco/puce.gif) ;}
#content h2     {
	text-align:right;
	color: #33332D;
	font-size: 16px;
	border-right-width: 8px;
	border-right-style: solid;
	border-right-color: #DB4105;
	padding-right: 10px;
}
form, input     {margin: 0px;padding: 0px;}
select          {color: #000;background-color: #fff;}

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

#content dl dd {
font-style:italic;}

#content dl dt {
font-weight:bold;
font-variant:small-caps;
}


 /*------------------------------------------------------*
  *-------------------------------     CSS BLOCS     ----*
  *------------------------------------------------------*/
div#leftbar h3, div#footer p, div#leftbar p  {
	padding: 0 10px;
	}

#flash{
	width:900px;
	height:374px;
	background:#fff;
}

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

ul#x_menu         {background: #e2dcc4;height: auto;margin: 0;
                  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 #9FB4CC;font-size: 8pt ;width: 100px ;line-height: 20px;letter-spacing: 0px ;
                  color: #DB4105;background-color: #eae4ca;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: #942B03;}

 
/*Bas de page*/

#footer {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	width: 900px;
	bottom: 0;
	color: #444;
	background: #fff;
	padding-bottom: 10px;
	margin-top: 10px;
	}
#footer a       {color:#000;text-decoration:none;}
#footer a:hover {color:#ffc;background:#DB4105}

/*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 {
   
  background: #444 url(../images/produits/fond_element.jpg) no-repeat bottom;;
  margin:0;
  padding-size:0;
  text-align:center;
  width:650px;
  height:100%;
}
#divplan span {float:left;color:white;}
#divplan p    {color:#efefef;text-align:center;margin: 0;padding:o}
#divplan h3   {color:#ff9d19;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:#333333;
	text-decoration:none;
}

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

#popup_plan img {
}

 

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

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


.transparence {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	}
#content h3 {
	text-align:left;
	color: #33332D;
	font-size: 16px;
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #DB4105;
}
#content h5 {
	text-align:left;
	color: #33332D;
	font-size: 12px;
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #DB4105;
	letter-spacing: 1px;
	background-color: #E2DCC4;
}
#content h4 {
	text-align:left;
	color: #CCCC9F;
	font-size: 14px;
	padding-left: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #DB4105;
	background-color: #DB4105;
}