/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web ---  CSS  --*
 *------------------------------------------------*/
/*////  NOM DU DESIGNER : CLEMENT /////*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*///////////   IMPORT CSS • DEBUT     //////////////*/
@import url("menu.css");
@import url("referencement.css");
@import url("formulaire.css");
@import url("paiement.css");
@import url("produit.css");

@import url("highslide.css");
@import url("highslide-styles.css");

/*///////////   IMPORT CSS • FIN     //////////////*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*//////   GENERALITES • DEBUT   //////*/
body {
	background:#000;
	margin:0;
	padding:0;
}

/*/////////////   bloc general   ///////////////*/
#general{
	margin:0 auto;
	padding:0;
	width:100%;
}

/*//////   GENERALITES • FIN   //////*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*////////////////////////////////*/
/*//////   HEADER • DEBUT   //////*/
/*////////////////////////////////*/

/*///  HEADER BRUT   ///*/
#header{
	margin:0 auto;
	padding:0;
	width:960px;
	height:200px;
	background:#FFF url(../images/elt-backgrounds/header.jpg) no-repeat top;
}

/*///  BLOCS INTERNES AU HEADER  ///*/

/*//// bloc pour logotype client ////*/
#logotype_header{
	position:relative;
	float:left;
	left:30px;
	top:30px;
	width:240px;
	height:140px;
	z-index:2;
	color:#FFF;
}
#logotype_header a img{
	border:0;
	}
/*   rotator dans le header   */
#header_diaporama{
	width:690px;
	height:200px;
	float:right;
	position:relative;
	}
/*////  bloc pour menu nav ////*/
/*  pour le reste de la css du menu, voir menu.css   */
#nav_header{
	position:relative;
	z-index:1;
	float:left;
	left:0px;
	top:0;
	width:980px;
	background:#900;
}
/*////////////////////////////////*/
/*//////   HEADER • FIN   //////*/
/*////////////////////////////////*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*////////////////////////////////*/
/*//////   CONTENT • DEBUT   //////*/
/*////////////////////////////////*/

/*///  BLOC GLOBAL  ////*/
#content{
	margin:0 auto;
	padding:0;
	width:960px;
	background:#97162f url(../images/elt-backgrounds/content.jpg) no-repeat top;
}

/*///   le fil d'ariane  ///*/
#fil_d_ariane{
	font:normal normal normal 11px/1.2em Arial, Helvetica, sans-serif;
	color:#000;
	margin:10px 0 0;
	text-align:center;
	padding:5px 0 0 5px;
	border-top:1px dotted #c33;
	}
#fil_d_ariane a{
	color:#FFF;
	font-weight:bold;
	}
#fil_d_ariane a:hover{
	color:#000;
	text-decoration:none;
	}
/*///  BLOC GAUCHE INTERNE  ///*/
#left_content{
	float:left;
	position:relative;
	width:300px;
	left:0px;
	}
#left_content h1{
	margin:0;
	padding:8px 0 8px 10px;
	font:normal normal normal 21px/1.2em Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	}
#left_content #autres-sites {
	font:normal normal bold 14px/1.2em Georgia, "Times New Roman", Times, serif;
	color:#000000;
	padding:10px;
}
#left_content #autres-sites a {
	font:normal normal bold 16px/1.2em Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-decoration: none;
}
#left_content #autres-sites a:hover {
	text-decoration:underline;
}
	
/*///  BLOC DROIT INTERNE  ///*/
#right_content{
	float:left;
	position:relative;
	width:660px;
	}
#right_content p{
	margin:0;
	padding:8px 10px;
	font:normal normal normal 13px/1.3em Arial, Helvetica, sans-serif;
	color:#FFF;
	}
/*////////////////////////////////*/
/*//////   CONTENT • FIN   //////*/
/*////////////////////////////////*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*////////////////////////////////*/
/*//////   FOOTER • DEBUT   //////*/
/*////////////////////////////////*/
#footer{
	margin:0 auto 10px;
	padding:4px 0;
	width:960px;
	height:50px;
	background:#000 url(../images/elt-backgrounds/footer.jpg) repeat-x bottom;
	text-align:center;
	border-bottom:1px solid #660033;
	color:#97162f;
	font:normal normal normal 11px/1.2em Arial, Helvetica, sans-serif;
}

#footer a{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}

#footer a:hover{
	color:#97162f;
}
#footer #logo_icare {
	display:block;
	margin:20px auto;
}
/*////////////////////////////////*/
/*//////   FOOTER • FIN   //////*/
/*////////////////////////////////*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*////////////  CLASSES SPECIALES + EFFETS   ///////////////*/

/*  CLASSE CLEAR */
.clear {
   clear:both;
   overflow:hidden;
   width:1px;
   height:1px;
   margin:0 -1px -1px 0;
   border:0;
   padding:0;
}
/*  CLASSE TRANSPARENCE   */
.transparence{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}
/*  classes couleur typo */

.typocolor_01{
	color:#000;
	}