/*------------------------------------------------*
 *---  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 url("collapse.css");

/*///////////   IMPORT CSS • FIN     //////////////*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*//////   GENERALITES • DEBUT   //////*/
body {
	background:#FFF url(../images/elt-backgrounds/body.gif) repeat-x top;
	margin:0;
}

/*/////////////   bloc general   ///////////////*/
#general{
	margin:0 auto;
	padding:0;
	width:100%;
	background:url(../images/elt-backgrounds/global.gif) repeat-x bottom;
}

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

/*///  HEADER BRUT   ///*/
#header{
	margin:0 auto;
	padding:0;
	width:960px;
	height:205px;
	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;
	width:470px;
	height:120px;
	top:10px;
	left:10px;
	clear:left;
}
#logotype_header a {
	display: block;
	width: 470px;
	height: 120px;
}
/*////  bloc pour menu nav ////*/
#nav_header{
	position:relative;
	float:left;
	left:0px;
	top:10px;
	width:960px;
	height:75px;
}
/*////////////////////////////////*/
/*//////   HEADER • FIN   //////*/
/*////////////////////////////////*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*////////////////////////////////*/
/*//////   CONTENT • DEBUT   //////*/
/*////////////////////////////////*/

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

/*///  FIL ARIANE  ///*/
#fil_ariane{
	width:930px;
	height:20px;
	padding:10px 0 0 30px;
	color:#888;
	font:normal normal normal 11px/1.3em Arial, Helvetica, sans-serif;
	background:url(../images/elt-backgrounds/ariane.jpg) no-repeat top;
	}
#fil_ariane a{
	font-weight:bold;
	color:#86ABF0;
	}
#fil_ariane a:hover{
	text-decoration:none;
	color:#888;
	}
/*///  BLOC GAUCHE INTERNE  ///*/
#left_content{
	float:left;
	position:relative;
	width:165px;
	left:15px;
	}
#left_content h1{
	display:block;
	width:150px;
	height:135px;
	font:normal normal bold 17px/0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:right;
	margin:0;
	padding:30px 15px 0 0;
	color:#FFF;
	background:url(../images/elt-backgrounds/titre.jpg) no-repeat top right;
	}
#left_content h6{
	margin:0;
	padding:10px 10px 0 0;
	color:#4D5395;
	text-align:right;
	font:italic normal bold 14px/1.1em Georgia, "Times New Roman", Times, serif;
	}
#left_content h6 a{
	margin:0;
	padding:10px;
	color:#4D5395;
	background:#86ABF0;
	text-decoration:none;
	text-align:center;
	display:block;
	font:normal normal bold 14px/1.1em Arial, Helvetica, sans-serif;
	}
#left_content h6 a:hover{
	color:#FFF;
	}
/*///  BLOC DROIT INTERNE  ///*/
#right_content{
	float:right;
	position:relative;
	width:755px;
	right:15px;
	padding:0 0 0 10px;
	}
#right_content h2{
	margin:0;
	padding:10px 0 0;
	font:normal normal normal 18px/1.2em Georgia, "Times New Roman", Times, serif;
	color:#86ABF0;
	}
#right_content p{
	margin:0;
	padding:10px 0 0 5px;
	font:normal normal normal 11px/1.2em Arial, Helvetica, sans-serif;
	color:#888;
	}
#ifleft_subcont{
	width:435px;
	position:relative;
	float:left;
	}
#ifleft_subcont ol{
	margin:0;
	padding:10px 0 0 15px;
	font:normal normal normal 11px/1.2em Arial, Helvetica, sans-serif;
	list-style:none;
	}
#ifleft_subcont .ligne_vignettes a img{
	border:2px solid #86ABF0;
	float:left;
	position:relative;
	margin:6px 0 0 6px;
	}
/*///////////////////////////////////////*/
#ifright_subcont{
	width:320px;
	position:relative;
	float:right;
	}
#ifright_subcont #img_legending{
	width:320px;
	text-align:center;
	color:#FFF;
	background:url(../images/elt-backgrounds/legend-img.gif) repeat-y top;
	}
#ifright_subcont #img_legending h6{
	font:normal normal normal 13px/1.5em Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0 40px;
	}
/*///   page contact   ///*/
.vignettes_contact{
	position:relative;
	float:left;
	width:370px;
	height:290px;
	padding:10px 0 0;
	text-align:center;
	background:url(../images/elt-backgrounds/encart-contact.jpg) no-repeat top;
	}
.vignettes_contact h5{
	color:#888;
	font: normal normal normal 14px/1.1em Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	margin:0;
	padding:2px;
	}
.vignettes_contact a{
	text-decoration:none;
	text-align:left;
	text-transform:uppercase;
	font:normal normal bold 12px/1.2em Arial, Helvetica, sans-serif;
	background:url(../images/elt-backgrounds/plan-bt-voir.gif) no-repeat top;
	display:block;
	width:180px;
	height:22px;
	color:#FFF;
	margin:0 auto;
	padding:6px 0 0 48px;
	}
.vignettes_contact a:hover{
	color:#86ABF0;
	}
/*////////////////////////////////*/
/*//////   CONTENT • FIN   //////*/
/*////////////////////////////////*/
/*•••••••••••••••••••••••••••••••••••••••••••••••••••*/
/*////////////////////////////////*/
/*//////   FOOTER • DEBUT   //////*/
/*////////////////////////////////*/
#footer{
	padding:0;
	width:980px;
	height:51px;
	text-align:center;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	font-variant: normal;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/*background:url(../images/elt-backgrounds/global.gif) repeat-x bottom;*/
}

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

#footer a:hover{
	color:#4D5395;
}
#link_footer{
	float:left;
	position:relative;
	top:20px;
	height:20px;
	}
#coord_footer{
	color:#999;
	text-align:center;
	float:left;
	position:relative;
	top:30px;
	height:25px;
	}
/*////////////////////////////////*/
/*//////   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 typo   ///*/
.typocolor_01{
	color:#F29012;
	}
.typocolor_02{
	color:#4D5395;
	}
.typocolor_03{
	color:#86ABF0;
	}
.typostyle_01{
	color:#86ABF0;
	font-size:14px;
	}