/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFFFFF;
	margin: 1.5em;
	text-align: center;
	font-size: 1em;
	color: #333;
    font-family: "Trebuchet MS", helvetica, sans-serif ;	
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
a  {color: #333333;}
    
/* Correction des styles HTML par defaut pour formuliare*/
form, fieldset, legend, 
label, input,textarea, 
select, option { margin: 0; padding: 0; border: none; background: none; }    

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	padding:5px;
	width: 781px;
	background-color: #FFFFFF;
	text-align: left;
}

#conteneur { width: 100%;background-color: #FFFFFF;	width: 791px;
border: 1px solid #CCCCCC;}	 

/* Espace client*/
#client {
	text-align: right;
	font-size: 13px;
	margin-top:5px
}


/* Styles des formulaires  */
#client input {border: 1px solid #545252 }
input.sansborder {border:none; margin-bottom:8px }

/* Logo et Navigation*/
#entete {
	width: 100%; 
	text-align: left;
	font-size: 13px;
}
#logo {
float:left
}

 

 
/* visuel*/
#visuel {width: 100%; clear: both;}

/* footer*/
#footer {width: 770px; padding: 0px 5px 0px 5px; clear: both; 
height: 30px; background-image: url(images/fondfooter.jpg); background-repeat: repeat-x}
#footer p {
	margin-left:10px;
	padding: 3px 0px 1px 0px;
	text-align: left;
	color:#FFFFFF;
	font-size: 0.75em;
	font-weight: normal
}

/*  ------------------------------------------
/*  elements decorations
/*  ------------------------------------------ */
#list
{
margin-left: 7px;
padding-left: 0;
list-style: none;
}

#list li 
{
padding-left: 10px;
background-image: url(images/puce_carre.gif);
background-repeat: no-repeat;
background-position: 0.0em;
}

/* home */
#home {
background-color: #AFBC22!important; 
height:220px; 
margin-top:-5px; 
font-size: 13px;
color:#FFFFFF;
 border-top: 6px solid white} 
#pageinterrieur{font-size: 0.85em;height:220px;
} 
#txtgauche {
float: left; 
width: 251px; margin-left: 55px; margin-right: 0px; margin-top: 20px;
font-size: 13px;}

#txtdroit {float:left; 
width: 350px;
padding-left:50px; 
margin-right:55px; 
margin-left:20px; 
margin-top:20px;
font-size: 13px;
background-image: url(images/barresepvert.gif); background-repeat: repeat-y; 

}
/*  ------------------------------------------
/*  page service
/*  ------------------------------------------ */
#pageinterrieurservice{
font-size: 13px;
} 
#enteteservice{
	margin-left:20px;
	margin-top:5px;
	margin-right:20px;
	margin-bottom:10px;
	font-size: 13px;
}

#txtservive01 {
float:left;
width: 300px;
margin-right:20px; 
margin-left:50px; 
margin-top:20px;
font-size: 13px;
}

#txtservive02 { 
float:left;
width: 361px;
margin-right:50px; 
margin-left:0px; 
margin-top:20px;
font-size: 13px;
}


p.pointfort{
float: left;
margin-left:5px;	
}
p.icplus{
float: left;	
}
#ecoute, #accompagnement, #flexibilite, #communication,#professionnalisme, #tarifs{
	clear: both;
	background-color: #EFEFEF;
	margin: 0px;
	padding: 0px;
}
#cahierdescharges{
	clear: both;
	background-color: #EFEFEF;
	margin: 0px;
	padding: 0px;
}
.contenersoustitre{
		border: 1px dotted #D3D3D3;
		padding-left: 11px;
		padding-bottom: 3px;
		padding-right: 3px;
		padding-top: 3px;
		line-height: 1.1em;		
}
/*  ------------------------------------------
/*  page realisation
/*  ------------------------------------------ */
#visuelrea {width: 100%; clear: both; margin:0px; padding:0px}
#visuelrea img {display:block; margin-bottom:1px}
#basrealis img  {display:block;}
#realisationpage {background-color: #FFFFFF; margin-top: 20px; font-size: 13px;  clear: both}

/* contener numero*/
#txtgaucherea {
	float: left;
	width: 200px;
	margin-left: 61px;
	margin-right: 20px;
	margin-top: 0px;
}
/* contener ref */
#txtdroitrea {
	float: left;
	width: 495px;
	margin-right: 5px;
	margin-left: 0px;
	margin-top: 0px;
}

.referencement{
	font-size: 12px;
	text-align: left;
	color:##FFFFFF
}

/*  ------------------------------------------
/*  page realisation nav visu site ****

/*  ------------------------------------------ */

#navreaweb {
text-align: right;
  float:right;
  margin-left: 0px;
  margin-top: 0px;
  background-color: #FFFFFF;
  	width: 475px;
	height: 17px;
  }
#navreaweb ul {
  margin:0;
  padding: 0;
  list-style:none;  
  }
#navreaweb li {
  float:right;
  margin:0;
  padding: 0;
  }
  
#txtdroitrea p	{margin:3px}
#txtgaucherea td {border: 1px solid #cccccc}
.avecdisque {
list-style: square !important;
padding-left:30px;

}


.rougebold { color: #990000; }

div.numero{
		margin-right: 0px;	
		width: 80px;
	   margin-left: 80px;
		text-align: right;
}

div.numero img {
display:block; 
margin-bottom:3px;
margin-right:3px;
float: left;
}  
  
  
 /* les différentes rea web */
 
 #contenerref {
 clear: right;
 	background-color: #FFFFFF;
	font-size: 12px;
	width: 475px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin:0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}