@import "../css/formulaire.css";

 /*------------------------------------------------------*
  *-------------    ICARE-NET.COM ---  CSS BODY  ----*
  *------------------------------------------------------*/

body {
	scrollbar-face-color: #CCCCCC;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #000000;
	margin: 0px 0px 0px 0px;
	background-color: #EFEEEE;
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

img{
	border:0px;
	margin:0px;
	padding:0px;
}
form {
	margin: 0px;
	padding: 0px;
	color: #000000;
}

select {
	color: #000;
	background-color: #fff;
}


a {
	color: #000;
	text-decoration: underline;
}

ul li {
	list-style-type: none;
}

.trefle {
	list-style-image: url(../images/deco/pict_activites02.jpg);
}

.picto {
	list-style-image: url(../images/deco/pict_contact02.jpg);
}

.champ {
	color:#000;
	width: 250px;
}


 /*------------------------------------------------------*
  *-----------------------------------     CSS BLOCS     ----*
  *------------------------------------------------------*/


#general{
	background-image:none;
	background-repeat:no-repeat;
	margin:20px auto 0px auto;
	padding:0;
	width:900px;
}

/*Haut de page*/

#header{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:900px;
	height:226px;
}

#header a{
	color:#000;
	text-decoration:none;
	border:0px;
	margin:0px;
	padding:0px;
}

#header a:hover{
	color:#000;
}

/*Contenu de page*/
#content_index{
	margin-bottom:0px;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
    padding:0;
	width:900px;
}
#content {
	margin:0 auto;
	padding:0;
	width: 905px;
}



#col1 {
	float:left;
	width:200px;
	font-size:0.8em;
	margin-left:0px;

}
#video {
text-align: center;
width: 100%;
}

#col2 {
float:left;
width:515px;
font-size:0.8em;
padding:0px 5px 15px 20px;}
#col2 ul {
padding-bottom:15px;}
#col2 li {
	margin-bottom: 15px;
}
#col2 li a{
	margin-top: 5px;
	display: block;
}
#footer_index h2 {
	text-align: left;
}
#col3 {
	float:left;
	width:150px;
	background-image:url(../images/deco/deco_dte_bas.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#logos{
	margin:0 auto;
	padding: 20px 0 0 20px;
	text-align: center;

}
#illustration_droite {
width:150px;
 height:280px;
 margin-bottom:100px;
}
#liens_page_index{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width: 900px;
	background-color:#EFEEEE;
	height: 30px;
}
.liens_vip{
	display:block;
	background-color:#A4CEDD;
	height:17px;
	padding-top:3px;
}
a.liens_vip{
	color:#000;
	text-decoration:none;
}
a:hover.liens_vip{
	color:#477A87;
	background-color:#E29127;
	text-decoration:none;
}

#fiche_tendances{
	margin-top:20px
}
#fiche_actualites{
	margin-top:20px
}

/*produit*/
a.souligner{
	text-decoration: none;
	color:#FF7F00;
}
a:hover{
	color: #FF6600;
	text-decoration: underline;
}

/*savoir faire*/
 #savoirfaire{
	background-image:url(../images/deco/trefle_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:65px;
	margin-left:30px;
	line-height:1.3em;
	
}
.liste_trefle {
	list-style-position: outside;
	list-style-image: url(../images/deco/pict_activites02.jpg);
}

/*equipe*/

.equipe{
	background-image:url(../images/deco/pict_activites03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:20px;
	line-height:1.5em;
	margin-left:15px;
	
}
/*activite*/
 #activite{
	background-image:url(../images/deco/flocon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:65px;
	margin-left:30px;
	margin-bottom:10px;
	line-height:1.5em;
	
}
.active{
	background-image:url(../images/deco/flocon_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:25px;
	color:#FF9900;
	line-height:1.5em;	
}
.expertise{
	margin-top:2px;
	margin-left:15px;
	
	font-size:0.9em;
	padding:5px;
}

/*tendance nouveauté*/
#tendances{
	background-image:url(../images/deco/papillon_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:65px;
	margin-left:30px;
	margin-bottom:10px;
	line-height:1.5em;
	
}
.tendance{
	background-image:url(../images/deco/papillon_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:25px;
	color:#FF9900;
	line-height:1.5em;	
}
/*.nouveau{
	background-image:url(../images/deco/papillon_0.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:22px;
	color:#000;
	line-height:1.5em;
	text-align:justify;
	margin-top:20px;
	margin-left:10px;
	width:300px;
}*/
.deco_photo{
border:none;
margin:10px;
float:right


}
/*coup de coeur*/
.orange {color:#FF9900;
 font-size: 1.1em; }

#coeur{
	background-image:url(../images/deco/coeur_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:65px;
	margin-left:30px;
	margin-bottom:10px;
	line-height:1.5em;
	
}
.ceur{
	background-image:url(../images/deco/papillon_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:25px;
	color:#FF9900;
	line-height:1.5em;	
}
.love{
	background-image:url(../images/deco/papillon_0.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:22px;
	color:#000;
	line-height:1.5em;
}
/*operation*/

#operation{
	background-image:url(../images/deco/dossier_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:65px;
	margin-left:30px;
	margin-bottom:10px;
	line-height:1.5em;
	
}
.ceur{
	background-image:url(../images/deco/papillon_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:25px;
	color:#FF9900;
	line-height:1.5em;	
}
.love{
	background-image:url(../images/deco/papillon_0.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:22px;
	color:#000;
	line-height:1.5em;
}
.operation_general {
	min-height:100px;
	display:block;
	margin:5px;
	background-image:url(../images/deco/fleche.jpg);
	background-repeat:no-repeat;
	background-position: 108px -10px;
	padding: 5px;
	clear: both;
}
.operation_general img {
	margin-right:15px;
}
.div_produits {
	min-height:100px;
	display:block;
	margin:5px;
	background-image:url(../images/deco/fleche.jpg);
	background-repeat:no-repeat;
	background-position: 210px -10px;
	padding: 5px;
	clear: both;
}
.div_produits img {
	margin-right:15px;
	float: left;
}
.div_produits_txt {
	width:273px;
	float: right;
}
.produits_general {
	min-height:100px;
	display:block;
	margin:5px;
	
	padding: 5px;
}
.produits_general img {
	margin-left:5px;
}
.desc_courte, .desc_courte a, .div_dte_bloc a {
	text-align:justify;
	text-decoration:none;
}

.img_ope{
border:none;
float:left;
width:100px;
heigth:75px;
margin:0px;

}
.fleche_ope{
border:none;
float:left;
width:10px;
 height:46px;
margin:5px;

}

.block_image {
width:130px;
height:80px;
margin-top:5px;
float :left;
}


.block_actu {
width:450px;
height:auto;
margin-top:15px;
float :left;
text-align:justify;
}
.img_dyna{
width:100px;
float:right;
margin:5px;}
/*actualite*/

#actu{
	background-image:url(../images/deco/erable_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:65px;
	margin-left:30px;
	margin-bottom:10px;
	line-height:1.5em;
	
}


.description{
width:320px;
float:right;

}
/*contact*/


/*Bas de page*/


#footer{
	background-image:url(../images/deco/ligne_bas.gif);
	background-repeat:no-repeat;
	margin: auto;
	padding:20px;
	width:900px;

	text-align: center;
	letter-spacing: 1px;
}

#footer a{
font-size:0.8em;
	color:#006600;
	text-decoration:none;
}

#footer a:hover{
	color:#fff;
}
address { 
   	margin: 0px 50px auto auto;
    padding: 0px;
	font-size: .7em;
  	color: #000;
	width:900px;
  }
 /*------------------------------------------------------*
  *--------------------------     CSS FORMs    ----*
  *------------------------------------------------------*/
.envoyer {
	background-color: #A4CEDD;
	color: #000;
	letter-spacing: 1px;
	font-weight:bold;
	cursor: hand;
	margin-right: 5px;
	margin-bottom: 5px;
}
 /*------------------------------------------------------*
  *--------------------------     CSS PLANS     ----*
  *------------------------------------------------------*/
  
/*page plans*/

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

/*pop up plans*/
#popup_plan {
	width: 550px;
	position: absolute;
	left: 50%;
	margin-left: -275px;
}
#popup_plan a {
	color:#333;
	text-decoration:none;
}

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

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




 /*------------------------------------------------------*
  *--------------------------     CSS TITRES     ----*
  *------------------------------------------------------*/

h1 {
	margin: 0px;
	padding: 2px;
	color: #FF7F00;
	font-size: 1.2em;
	display:block;
	clear:both;
	height: 25px;
}
#expertise h1 {
	background-image:url(../images/deco/flocon.gif);
	padding-left:65px;
	background-repeat: no-repeat;
}
#savoir-faire h1 {
	background-image:url(../images/deco/savoir-faire_3.gif);
	padding-left:65px;
	background-repeat: no-repeat;
}
#nosproduits h1 {
	background-image:url(../images/deco/trefle_3.gif);
	padding-left:65px;
	background-repeat: no-repeat;
}
#operations h1 {
	background-image:url(../images/deco/dossier_3.gif);
	padding-left:65px;
	background-repeat: no-repeat;
}
#actualites h1 {
	background-image:url(../images/deco/erable_3.gif);
	padding-left:65px;
	background-repeat: no-repeat;
}
#coupdecoeur h1 {
	background-image:url(../images/deco/coeur_3.gif);
	padding-left:65px;
	background-repeat: no-repeat;
}
#nouveautes h1 {
	background-image:url(../images/deco/papillon_3.gif);
	padding-left:65px;
	background-repeat: no-repeat;
}
#equipe h1 {
	background-image:url(../images/deco/trefle_3.gif);
	padding-left:65px;
	background-repeat: no-repeat;
}

#contact h1{
	background-image:url(../images/deco/boule_3.gif);
	background-repeat: no-repeat;
	padding-left:65px;
	/*background-position: left center;
	text-indent:65px;
	margin-left:30px;
	margin-bottom:10px;
	line-height:1.5em;*/
	
}


h2 {
   	margin: 0px 0px 0px 8px;
	color: #FF9900;
	font-size: 1.1em;
	display:block;
	clear:both;
	height: 20px;
	text-decoration:none;
}
#expertise h2 {
	background-image:url(../images/deco/flocon_1.gif);
	padding-left:25px;
	background-repeat: no-repeat;
}
#savoir-faire h2 {
	background-image:url(../images/deco/savoir-faire_1.gif);
	padding-left:28px;
	background-repeat: no-repeat;
	background-position: 4px 0px;
}
#nosproduits h2 {
	background-image:url(../images/deco/pict_activites02.jpg);
	padding-left:25px;
	background-repeat: no-repeat;
	background-position: 4px -3px;
	float: left;
	margin: 10px 0px;
}
#operations h2 {
	background-image:url(../images/deco/pict_news02.jpg);
	padding-left:25px;
	background-repeat: no-repeat;
}
#actualites h2 {
	background-image:url(../images/deco/pict_actualites01.jpg);
	padding-left:25px;
	background-repeat: no-repeat;
	display: block;
}
#coupdecoeur h2 {
	background-image:url(../images/deco/coeur02.jpg);
	padding-left:25px;
	background-repeat: no-repeat;
	display: block;
}
#nouveautes h2 {
	background-image:url(../images/deco/papillon_1.gif);
	padding-left:25px;
	background-repeat: no-repeat;
	display: block;
}
#equipe h2 {
	background-image:url(../images/deco/pict_activites03.jpg);
	padding-left:25px;
	background-repeat: no-repeat;
	display: block;
}
  
  
#contact h2 {
	background-image:url(../images/deco/rond01.jpg);
	padding-left:25px;
	background-repeat: no-repeat;
	display: block;
}

h3 {
   	margin-top: 15px;
    padding: 0px;
    color: #4D6024;
  	font-size: 1.2em;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	display:block;
	clear:both;
  }
  
#footer h3 {
   	margin-top: 20px;
    padding: 0px;
    color: #000;
  	font-size: 0.9em;
	text-align:center;
	}
.h3_soustitre {
	margin-top: 15px;
    padding: 0px;
    color: #4D6024;
  	font-size: 1.2em;
	text-align: left;
	font-style:normal;
	color:#000;
	font-weight:bold;
	display:block;
	clear:both;
	text-decoration:none;
}
   h4 {
	margin: 10px auto 0 auto;
	padding: 0px;
	color: #000;
	font-size: 0.9em;
	text-align:center;
	font-style: italic;
  }
  
   h5 {
   	margin: 0px;
    padding: 0px;
  	color: #000;
	font-size: .8em;
	text-align:center;
  }
  
   h6 {
   	margin: 0px;
    padding: 0px;
	font-size: .7em;
  	color: #000;
  }
 
.coup_coeur_titre{
	padding-left:20px;
	text-align:center;
	margin-top:15px;
	font-size:12px;
}
.tab_coup_coeur_titre{
	background-image:url(../images/deco/coup_de_coeur/tete.jpg);
	background-repeat:no-repeat;
	height:40px;
	margin-left:10px;
}
.td_coup_coeur{
	background-image:url(../images/deco/coup_de_coeur/td_fleche.jpg);
	background-repeat:no-repeat;
	background-color:#F4A632;
	height:46px;
}
.td_tendances{
	background-color:#D8D6D6;
	margin-bottom:2px;

}
.text_index{
	text-align:justify;
	text-indent:20px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
}
.text_surligne{
	color:#E29127;
}
 /*------------------------------------------------------*
  *-----------------------------------     menu     ----*
  *------------------------------------------------------*/
#navcontainer1 {
	width: 160px;
	margin-left:30px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	
}

#navcontainer1 ul
{    	margin-top:0px;
	margin-bottom:0px;
	padding-left: 0px;
	margin-left: 0px;
	list-style-type: none;
}
#navcontainer1 ul li
{
	background-image:url(../images/home/li.jpg);
	background-repeat:no-repeat;
}
#navcontainer1 a
{
	display: block;
	padding: 4px 0 4px 16px;
	width: 160px;
	margin-bottom: 2px;
	border-bottom: solid 1px #CCC;
	background-image:none;
	background-repeat: no-repeat;
	font-weight: bold;
	background-color: #EFEEEE;
	
	
}

#navcontainer1 a:link, #navlist a:visited
{
	background-image:url(../images/deco/li.jpg);
	background-repeat:no-repeat;
	color:#4D6024;
	text-decoration: none;	
}

#navcontainer1 a:hover
{
	background-color: #A9A792;
	color:#333333;
}

#coup_de_coeur{
	
	margin-left:0px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:0px;
}
.td_liens_index{
	
}
a.liens_pages_index {
	background-color:#A3CDD8;
	display:block;
	height:18px;
	padding-top:2px;
	margin_bottom:0px;
	
	text-decoration:none;
	color:#000;
	font-size:10px;
}
a:hover.liens_pages_index {
	background-color:#000;
	text-decoration:none;
	color:#A4CEDD;
}
a.liens_fiche{
	color:#000;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
}
a:hover.liens_fiche{
	color:#487A87;
	margin-left:5px;
}



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

#zone_defilante {
	margin-top:5px;
	margin-left:5px;
	width: 370px;
	height: 250px;
	margin-bottom:5px;
	overflow: auto;
	}




.transparence {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	}

 /*------------------------------------------------------*
  *-----------------------------------     CSS CONTENU     ----*
  *------------------------------------------------------*/
  
  td#contenu {
  padding:1em;
  font-size:12px;
  text-align:justify;
  }
  
  td#contenu strong {
  color:#E29127;
  }
  
  td#contenu q {
  display:block;
  width:70%;
  font-style:italic;
  text-align:center;
  text-indent:none;
  line-height:120%;
  margin:0 auto;
  }

  td#contenu h1 {
  font-size:150%;
  color: #EC932D;
  font-variant:small-caps;
  }
  
  td#contenu h2 {
  color:#E29127;
  font-size:120%;
  }


#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.bloc_actu {
width:450px;
height:80px;
margin-top:15px;
text-align:justify;
}

.bloc_actu img {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
	float: right;
}

.bloc_actu img:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}


.div_dte_bloc {
	float:right;
	width:375px;
	text-align:justify;
	margin: 0px 0px 10px 0px;
}
.coup_photos {
	width:100px;
	float:right;
	height: 100%;
	margin-left:10px;
}

.coup_texte ul {
	margin:0px;
	padding:0px;
}

.coup_texte ul li {
	text-align: justify;
	padding: 0px 10px 0px 15px;
	background-image:url(../images/deco/fleche.jpg);
	background-repeat:no-repeat;
	background-position: 0px -15px;
	margin:0px;
}
#nouveautes h6 {
	font-size: 1em;
	display: block;
	color: #42551D;
	margin: 0px 0px 0px 120px;
}
.lien_slish {
	color: #FF7F00;
	text-decoration: none;
	padding-left: 2px;
	font-size: 11px;
	cursor:pointer;
}
.mini_liste{
	margin:0px 0px 10px 0px;
	padding:0 0 0 5px;
}
.mini_liste li {
	list-style-type: none;
	color:#FF7F00;
	padding:0px;
	margin: 0px;
	font-size: 11px;
}
.retour {
	background-image: url(../images/deco/fleche_retour.jpg);
	background-repeat: no-repeat;
	margin: 10px auto;
	padding: 5px 0px 0px 25px;
	background-position: 5px -25px;
	height: 22px;
	width: 55px;
	clear: both;
}

.nav_produits {
	margin: 0px auto;
	padding: 0;
	height: 30px;
	width: 450px;
	text-align: center;
}
.nav_produits li {
	display: block;
	float: left;
	padding: 5px 5px 5px 25px;
	color: #FF7F00;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.4em;
	background-image: url(../images/deco/pict_activites02.jpg);
	background-repeat: no-repeat;
	background-position: 5px 0px;
}
.nav_produits ul {
	margin: 0px;
	padding: 0px;
}
.nav_produits a {
	color: #FB8A06;
	text-decoration: none;
}


#produits_autres p {
	width: 250px;
	padding: 0px 20px 0px 15px;
	background-image: url(../images/deco/fleche_mini.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px 0px 120px 0px;
	font-size: 12px;
}
.produits_autres_images {
	width: 190px;
	float: right;
}

/*CSS REFERENCEMENT ICARE*/

#footer_index {
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: center;
	width: 80%;
	margin-top:10px;
}

#footer_index a {
	color: #999;
	text-decoration: none;
}

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


   /*------------------------------------------------------*
  *--------    CSS text page index  DEBUT              ----*
  *------------------------------------------------------*/

#text_index {
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: center;
	padding-top: 85px;
	color: #999999;
	width: 600px;
}

#text_index a {
	color: #666666;
	text-decoration: none;
}

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



 /*------------------------------------------------------*
  *--------    CSS text page index  FIN                ----*
  *------------------------------------------------------*/