/*------------------------------------------------*
	  *---  WWW.ICARE-INTERNET-IBERICA.COM - agencia web ---  CSS  --*
  *------------------------------------------------*/
		
html {
   margin: 0;
   padding: 0;
}


body {
	margin: 0;
	padding: 0;
	background-color: #f7f7f7;
	background-image:url(../images/interface/bgd_home2.jpg);
	background-repeat:repeat;
	background-position:top left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #03396B;
}

p{
	padding: 0;
	margin:0;
}
form{
	width:300px;

}input {
	margin: 0;
	padding: 0;
}

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

li {
	list-style-image:none;
}

a{
	font-size:10px;
	color:#00CCFF;
	text-decoration:none;
}
 a:hover{
	color:#ab6b2d;
	
}

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


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

/*_________  HEADER*/

#header{
	margin:10px auto 0 auto;
	padding:0;
	width:776px;
	height:189px;
	background-image:url(../images/deco/back_header.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	
}

/*_______________  CONTENT */
#content_index{
	margin:0 auto;
	padding:0;
	width:700px;
}
#content {
	margin:0 auto;
	padding:0 0 20px 0;
	width:776px;
	background-color:#fff;
	background-image:url(../images/deco/back_content.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}
#div_texte{
	margin:0 ;
	padding:20px 7px 0 0;
	width:548px;
	float:right;
}
.ul_competences{
	text-transform:uppercase;
}
.img_centree img{
	display:block;
	margin:20px  auto ;
	/*border:1px solid #a39c96;
	background-color:#c6c3b0;
	padding:2px;*/
}

.img_centree2
{
	margin:20px  auto ;
	text-align:center;
}
.img_centree2 img{margin-right:170px;}

.div_form_fab{
	margin : 0;
	padding:15px 0;
}
.div_surligne span {
	text-transform:uppercase;
	display:block;
	margin:0 20px 0 0;
	border-width:1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
	padding:10px;
}
img.img_float_right{
	float:right;
	margin: 0 0 10px 10px;
}
#div_bandeau_dte{
	margin:0 ;
	padding:20px 0 0 10px;
	width:160px;
	float:right;
	background-color:#FFFFFF;
}
#div_bandeau_dte h1{
	margin:0; 
    padding:5px 0;
	border:0;
	width:inherit;
	color:#fff;
	font-size:18px;
	text-align:center;
}
#div_bandeau_dte p{
	margin:0;
	padding:20px 0 0 0;
	font-size:12px;
}
#div_devis{
	padding:10px;
	background-image:url(../images/deco/back_devis.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#div_actu{
	padding:10px;
	background-image:url(../images/deco/back_actu.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#div_contact{
	padding:10px;
	background-image:url(../images/deco/back_contact.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
/*Bas de page  FOOTER*/

#footer{
	margin: 0 auto;
	padding:0 0 0 190px;
	width:586px;
	text-align: center;
	color: #2c6fb3;
	font-size: 12px;
	background-image:url(../images/deco/back_content.jpg);
	background-repeat:repeat-y;
	background-position:top left;
}

#div_adresse{
	width:560px;
	margin: 0 auto;
	padding:10px 0 ;
	text-align: center;
	color: #2865a4;
	border-width:1px 0 0 0;
	border-color:#CCCCCC;
	border-style:solid;/**/
}
#div_adresse a{
	font-size:12px;
	color:#5e83aa;
	text-decoration:none;
}
#adresse_home #div_adresse{
border:0;}
#adresse_home #div_adresse a{
font-size:12px;
	color:#fff;
	text-decoration:none;
}

#div_adresse a:hover{
	color:#5b86b3;
}


/*classe 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;
}


.text_right
{
	text-align:right;
	background-color:#FFF;
	font-weight:bold;
	font-size:15px;
	line-height:15px;
	padding:4px 10px 4px 0;
	color:#0066CC;
}

#cadre_logo_home
{
	width:100%;
	background-color:#fff;
	text-align:center;
	padding:10px 0;
}


 /*------------------------------------------------------*
  *--------------------------     CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
   h1 {
   	margin:0 0 10px 0; 
    padding: 0;
	color:#106588;
	border-width:0 0 1px 0;
	border-color:#E2E2E2;
	border-style:solid;
	
  }
  
   h2 {
   	margin:0;
    padding: 0 0 5px 0;
	color:#12739A;
	background-image:url(../images/deco/h1.jpg);
	background-repeat:no-repeat;
	background-position:0 8px;
  }
  
   h3 {
   	margin: 0;
    padding: 0;
	   color:#148CBD;
  }
  
   h4 {
   	margin: 0;
    padding: 0;
	   color:#1AA6DF;
  }
  
   h5 {
   	margin: 0;
    padding: 0;
	   color:#53C3F0;
  }
  
   h6 {
   	margin: 0;
    padding: 0;
			 color:#000;
  }
/* ____________ MENU ____________________________________*/
#menu{
	margin:0;
	padding:0 0 0 11px;
	width:179px;
	float:left;
}
#menu img{
	display:block;
}
#menu ul {
	margin:0;
	padding:0;

}
#menu li{
	margin:0;
	padding:5px 0 5px 15px;
	background-image:url(../images/deco/back_li_off.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#00CCFF;
	text-align:left;
	font-size:12px;
	text-transform:uppercase;
	list-style:none;
}
#menu li:hover{
	background-image:url(../images/deco/back_li_on.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#menu li.menu_stitre{
	margin:0;
	padding:5px 0 5px 25px;
}

#menu a{
	text-decoration:none;
	display:block;
	width:inherit;
	height:inherit;
}
#menu li a{
	color:#FFF;
}
#menu li a:hover{
	color:#00CCFF;
	
}

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

/*------------------------------------------------------*
  *--------------------------     CSS PLANS DEBUT    ----*
  *------------------------------------------------------*/
  
/*page plans debut*/
#div_plan{
	margin:0 ;
	padding:50px 50px;;
	width:600px;
	background-image:url(../images/deco/back_div_plan_contact.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	
}
#plan {
	width: 310px;
}

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

/*page plans fin*/



/*pop up plans DEBUT */
#popup_plan {
 margin-top:20px;
	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 #333;
}

/*pop up plans FIN */

 /*------------------------------------------------------*
  *--------------------------     CSS PLANS FIN         ----*
  *------------------------------------------------------*/
#div_contact_devis{
	padding:15px 0 0 0;
}
#div_contact_devis table{
	width: 350px;
}
#div_contact_devis fieldset{
	border:1px #00ccff solid;
	color:#00ccff;
}
#div_contact_devis table input{
	width:100%;
	border:1px solid #7cddfe;
	background-color:#F7F7F7;
}
#div_contact_devis table  textarea{
	width:100%;
	border:1px solid #7cddfe;
	background-color:#F7F7F7;
}
.cell_espacement{
	height: 4px;
}

.msg_resultat{
	
	font-size: 12px;
	font-weight: bold;
	color: #0099BF;
	background-color:#F5F5F5;
}

.txt_erreur_saisie{
	
	font-size: 12px;
	font-weight: bold;
	color:#FF6600;
	text-align: center;
}

#div_contact_devis table input.envoyer{
	/****** le style pour l'affichage du resultat de l'envoi ************/
	font-size: 12px;
	color: #00CCCC;
	text-decoration: none;
	width:90px;
	border:none;
	background-color:#FFFFFF;
	background-image:url(../images/deco/back_envoyer.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
	margin:10px 0 0 0;
	padding:0 16px 0 0;
}

.nom_champ {
/********* le style les noms de champ dans les formulaires **********/

	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	text-align: right;
	color: #000000;
	font-style: normal;
	width:140px;
}

.text_option {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	text-align: right;
	color: #000000;
	font-style: normal;
}

.td_champ {
/********* le style des cellules qui contiennent les champs **********/
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	width:140px;/**/
}

.champ {
/********* le style des champ dans les formulaires **********/
	font-size: 11px;
	text-align: left;
	color: #333333;
	
	width: 50%;
}

.envoyer {
	background-color:#F4F4F4;
	color:#00CCCC;
	font-weight: bolder;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	cursor:pointer;
	margin-right: 20px;
	margin-bottom: 5px;
}

 /*-------------------------------------------------------*
  *----        CSS PAGE CONTACT  FIN                  ----*
  *-------------------------------------------------------*

 

 /*------------------------------------------------------*
  *--------    CSS REFERENCEMENT  DEBUT              ----*
  *------------------------------------------------------*/

#referencement {
	margin: 0 auto;
	font-size: 9px;
	text-align: center;
	padding: 50px 0 50px 50px;
	width:940px;
	color:#2865a4 ;
	background-image:url(../images/deco/back_footer_rep.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	
}

#referencement a {
		color:#2865a4 ;
	text-decoration: none;
}

#referencement a:hover {
	color:#5e83aa;
}

#referencement a img {
	border: none;
}

 /*------------------------------------------------------*
  *--------    CSS REFERENCEMENT  FIN                ----*
  *------------------------------------------------------*/