*{
	margin: 0;
	padding: 0;

}
html{
	height : 100%;
	width:100%;
	
}
body{
	text-align: left;
	margin-left : 0px;
	margin-right : auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #666;
	background-color: #fff;
}
/* Envoie ami */
body.envoiAmi { 
width : 450px;

}
body.envoiAmi #header h1{ 
display:none;


}
#contactPrestataires , #informations {
	width : 500px;
	margin-left : 30px;

}
#contactPrestataires .contact span {
	display: block;


}
.contact h3{
	margin-left :0px;
		

}
#details {
	position:absolute ; 
	left : 550px;
	top : 151px;margin-top:0;
/*_top:149px;*/
	width : 280px; 
}
/* Dynamisation*/
body.informations #contactPrestataires , body.contacts #informations {
	display:none;
}
body.informations #informations , body.contacts #contactPrestataires{
	display:block;
}
body.informations , body.contacts {
	
	background-image: url(../../images/newtt/fondtiare.jpg);
	background-repeat: no-repeat;
    background-position: bottom left;


}
/* Taille minimum*/ 
#informations , #contactPrestataires { 
height : 400px;
}
body>#informations , body>#contactPrestataires {
height : auto;
min-height : 400px;
}
/*
body.contacts {
	background-image: url(../../images/newtt/fondtiare.jpg);
	background-repeat: no-repeat;
    background-position: bottom left;

}*/

a {
	outline : none;
}

/* citation */
blockquote p {
	font-size: 26px;
	font-family: Times;
	line-height: 28px;
	color: #4BA0B8;
	text-align : center;
	
}
/* citation */
blockquote{
	font-size: 26px;
	font-family: Times;
	line-height: 28px;
	color: #4BA0B8;
	text-align : center;
	
}
p{	
	font-size: 12px;
	line-height:14px;
	text-align:justify;	
	letter-spacing : 2;
	font-weight: 200;
	padding-left: 2px;

}
strong {
	font-weight: bolder;


}
.description {


}
a{
	color: #069;
	text-decoration: none;
	
	
}

a:hover{
	color: #069;
	text-decoration: underline;
}

#header{
	overflow:hidden;
	background-image: url(../../images/newtt/topbandeau.jpg);
	background-repeat: no-repeat;
	/*border : 1px solid red;*/
	background-position: top left;
	 height:79px;
	 padding-right:30px; 
	 width:800px;
	position: relative;
}
#header h1 {
	position:absolute;font-size:190%;color:white;right:0;top:35px;padding-right:30px;font-weight : 100; 
}
#logo { 
	/*border : 1px solid green ;*/
	display : block ; 
	width : 130px;
	height : 40px;
	position : absolute ;
	top : 20px ; 
	left : 20px;
}

#logo:hover { 
text-decoration : none;
}

#header p#liensHaut{
   margin-top : 60px;
   margin-left: 10px;
   margin-right: 3px;
   font-size: 9px;
   text-transform: uppercase;
	font-weight: 200;
	text-align:right;
   color: #FFF;
   
}

#liensHaut a{
   color: #FFF;
	margin-left : 5px;
	margin-right : 5px;
 

  
}
/* Onglets */
#onglets {
	overflow:hidden;
	width:100%;
}
#onglets ul  {	
	
	float:left;
   	width:100%;
   	margin-bottom : 30px;
   	margin-top : 40px;
   	list-style:none;	
  	margin-left :10px; 
}



#onglets li {
   	float:left;
	background:url(../../images/top/inactif_gauche.gif)
      no-repeat left top;
	padding:0 0 0 4px;
}

#onglets li#actif {
	background-image:url(../../images/top/actif_gauche.gif);
}

#onglets #actif a  {
	background-image:url(../../images/top/actif_droit.gif);
	padding-bottom: 4px;
}

#onglets li a {
	display : block;
	background:url(../../images/top/inactif_droit.gif)
      no-repeat right top;
    	padding:8px 15px 4px 9px;
	color : #069;
	float : left ;
	text-transform: uppercase;
	font-size : 9px; 
}

/* Commented Backslash Hack
     Cache des ręgles ę IE5-Mac \*/
#onglets a {float:none;}
  /* Fin du hack IE5-Mac */
  
#onglets a img{
	float : left ;
	border : 0;
	margin-right:5px;
	margin-top:-2px;
}

#onglets li#finListe{
	 background:url(../../images/top/fin_onglet.gif) no-repeat left bottom ;
	 width : 120px;
	 margin-top:9px;
}

#onglets li#debutListe{
	 background:url(../../images/top/debut_onglet.gif) no-repeat left bottom;
	 margin-top:9px;
	 margin-right : -10px;
	 width : 30px;
}

#onglets img {
	/*width : 17px;
	height : 16px;*/
}




h1{
	font-weight: 100;
	font-size: 180%;
	color: #026697;
	text-transform: capitalize;
}

h2{
	font-weight: lighter;
	font-size: 110%;
	color: #006699;
	padding-bottom:4px;

}
h3{
	font-size: 100%;
	margin-top: 6px;
	color: #666;
	margin-left : 10px;
	margin-bottom: 4px;
	width: 470px;
   	padding-bottom: 6px;
}
div.contact{ 
border-top: 1px solid #d1d1d1;
padding-top:15px;
padding-left:5px;
}
.contact h3{
	margin-right:0;
padding-right:0;
	margin-top: 0px;
	color: #666;
	margin-bottom: 4px;
	background: url(../../images/newtt/tiret.gif) repeat-x bottom;
	width: 470px;
   	padding-bottom: 6px;
width:100%;
}
h4{
	font-size: 12px;
	margin-top: 4px;
	color: #666;
	margin-left : 20px;
	margin-bottom: 3px;
	text-decoration: underline;
}




/* fin droite--------------------------------------------------------------------*/


#footer{
	clear : both;
 padding-left: 10px;
 margin-top:20px;

	
}	



#liensfooter  {
   width: 500px;
	margin-left: 20px;
	margin-top: 10px;
	font-size: 10px;
	text-align: left;
	line-height: 12px;
	margin-bottom : 15px;
	
	border-top :  1px solid #445C76;
	padding-top: 4px;
}


#liensfooter a {
	font-size: 10px;
	text-transform: uppercase;
}
	


/* Autres classes */

a.puce{
	background: url(../../images/newtt//puce.gif) no-repeat 0px 5px ;
	padding-left: 8px;
	margin-left: 20px;
	display: block;
}	
a.linksretour {
	margin-left:20px;
	background: url(../../images/newtt/pucegauche.gif) no-repeat left;
	padding-left: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}	
a.linksretourdroite {
	margin-left:240px;
	background: url(../../images/newtt/pucehaut.gif) no-repeat left;
	padding-left: 20px;	
	margin-bottom: 0px;
    padding-bottom: 0px;

}	



/*
#blocRecherche , #bloc8 , #linksright {
margin : 0;
margin-bottom : 10px;
padding : 5px;
border : 1px solid #eff8f9;
}
*/





/* liens bas*/

#bottomlinks {
	 margin-left:20px;
	 margin-top : 5px; 
}
#bottomlinks img {
	 margin-left:0;
	 border:none;
}


/* Recherche */
.alternatif {
	border-top : 1px solid #445C76;
	border-bottom :  1px solid #445C76;
	background-color : #F2F2F2; 
}
.resultatsRecherche {
	margin-left : 20px;
	padding-right:20px;
}
.resultatsRecherche h3 , .resultatsRecherche p.description {
	background: url(../../images/newtt/tiret.gif) repeat-x bottom;
	padding-bottom : 10px;
	padding-left: 40px;
}
.resultatsRecherche h3 ,.resultatsRecherche p {
	padding-left:15px;
}
.resultatsRecherche p.links {
	display:block ; 
	background: url(../../images/newtt/tiret.gif) repeat-x top;
	padding-top : 5px;
	margin-left : 20px;
	padding-left : 100px;
	overflow:hidden ; 
	height : 20px;
}
.resultatsRecherche p.links .lire{
display : block;
float : left ;
	
}
.resultatsRecherche p.links .totop {
	display : block;
	float : right ;
}


#informations div.chapeau{
 border-top :  1px solid #006699;
	border-bottom :  1px solid #006699;
	background-color : #F2F2F2; 
	padding : 5px 10px;
}
div.hr {
  height: 1px;
	margin-bottom: 7px;
	margin-top: 7px;
	padding : 0;
	border: 0px;
	background: url(../../images/newtt/tiret.gif) repeat-x top;
}
div.hr hr {
  display: none;


}

.description p{
padding-left: 10px;


}
/*
*/


#details ul#criteres {
	border-top : 1px solid #069;
	border-bottom :  1px solid #069;
	background-color : #F2F2F2; 
	width:280px;
	list-style-type : none;



}


#details h2 {
	padding-top:50px;

}
#details ul#criteres li {
	width:100%;
	background: url(../../images/newtt/tiret.gif) repeat-x bottom;
	color: #006699;
font-weight : bold;
line-height:20px;
padding-left:5px;
cursor:pointer;

	text-transform: capitalize;
    /*padding-top: 2px;
	padding-bottom: 2px;*/
	
}
#details ul#criteres li ul li{
cursor : default;
}
#details ul#criteres li.last , #details ul li.last li.last {
	background: none;
	
}
#details ul#criteres ul{
	border-top : none;
	border-bottom : none;
	/*color : #445C76;*/
	width:100%;
	background: url(../../images/newtt/tiret.gif) repeat-x top;
margin-left:-4px;
	
}
#details ul#criteres ul.hide{
	display:none;
}

#details ul#criteres ul li {
	color : #666;
	width:100%;
	border-bottom :  1px solid #fff;
	background :none;
	overflow:hidden;

	padding-left:4px;
margin-top:0;
margin-bottom:0;
line-height:20px;
font-weight : lighter;
vertical-align:middle;
}
#details ul#criteres ul li.last {
	
	border-bottom :  none;
	
}

#details ul#criteres ul li span.left {
	float: left;
	width : 60%;
line-height:20px;
}
#details ul#criteres ul li span.right {
	float: right;
	width : 35%;
	padding-left : 10px;
line-height:21px;
	border-left :  1px solid #fff;
}

#liensActions {
font-size: 12px;
	margin-top:8px;
	color: #666;


}
#liensActions li {

		list-style: none;
		padding-left: 15px;

}

#liensActions li.close {
background: url(../../images/newtt/croix.gif) no-repeat left;
}

#liensActions li.print {
background: url(../../images/newtt/cadena.gif)  no-repeat left;
}
#coordonnees {

border-top :  1px solid #445C76;
padding-top: 8px;






}
/******************POUR LA POP UP********************************************************/



#formulaireEnvoiAmi, #formulaireQuotation {

border-top :  1px solid #445C76;
padding-top: 8px;
padding-left:24px;


}
/*
form fieldset { 
	width: 400px;
border : 1px solid #069;
font-size: 90%;
}
form fieldset legend{
	font-size: 13px;
	margin-top: 4px;
	color: #006699;
	margin-left : 8px;
    text-transform: capitalize;
	font-weight:bold;
	margin-bottom: 8px;
	color:#069;
	
}
form fieldset label{
	display : block;
    text-transform:uppercase;
    padding-left: 10px;
    padding-right: 10px;
    font-weight:normal;
 color:#069;


}	
form fieldset label span {
    text-transform:lowercase;
	margin-left : 5px;
    font-size: 10px;
 color:#069;
   
}
 
form fieldset input{
	width : 100%;
	font-size: 95%;
	margin-top:2px;
	margin-bottom:2px;
	display : block;
  
   margin-right: 10px;
}	
form fieldset textarea{
	width : 100%;
	height: 60px;
	font-size:95%;
	margin-top:2px;
	margin-bottom:2px;
	display : block;
	margin-right: 10px;
	text-align: center;
	color: #069;
}
.envoiAmi #header  h1 {
padding-right: 408px;
margin: 0px;
font-size: 10px;
color: #fff;
padding-top: 30px;
text-transform: uppercase;
font-weight:bold;

}
.envoiAmi #footer #liensfooter {
	
width: 390px;
text-align:center;
	


}
.envoiAmi #footer #mailenvoyeur {
   font-size: 14px;
 font-weight:lighter;
    
	text-transform: lowercase;
	



}
.envoiAmi #messageemail {
 
   font-size: 12px;
   font-weight:normal;
   font-family: Arial, Helvetica, sans-serif;
   text-align:left;


}
.envoiAmi #mailenvoyeur {
   color: #069;
   font-size: 12px;
   font-weight:normal;
   font-family: Arial, Helvetica, sans-serif;
   text-align:left;

}
.envoiAmi #envoyeur {
   color: #069;
   font-weight:normal;



}
.envoiAmi #destinataires {
   color: #069;
   font-weight:normal;

}*/

p.message{
	font-size: 90%;
    font-weight:normal;

width: 400px;
border : 1px solid #069;
padding : 3px;
margin-bottom : 20px;
color:#f00;
font-weight: bold;
background-color:#F0F0F0;
text-align:center;
    
	
}
fieldset{
	padding : 0; 
	padding-bottom : 10px;
	border : 0 ;
	margin-bottom : 20px;
	margin-top : 5px;
	width : 380px;
	
	
}

#content p.erreur{
	text-align : left ;
	font-weight: bold;
	/*margin-left : auto;*/
	margin-top : 15px;
	/*margin-right : 10%;
	margin-left : 10%;*/
	padding-top : 10px;
	padding-bottom : 10px;
	/*border : 1px solid  #B22222;*/
	color : #B22222 ; 
}

fieldset input.textInput, fieldset textarea{
	color : #000 ; 
	border : 1px solid #7F9DB9;
	width : 99%;
	margin-right:2px;
}

input.radioBouton {
	color: #7F9DB9;
	vertical-align : middle;

	
}
 fieldset textarea{
	height : auto;
	width : 99%;
	overflow : hidden;
	

}
form fieldset label span {
    	text-transform:lowercase;
	margin-left : 5px;
   	 font-size: 10px;
	 color:#069;
   
}
p.compulsory{
	/*padding-left : 80%;*/
	text-align : right ;
	font-size: 9px;
	margin-bottom : 0;

	
}


fieldset div.fieldsetBloc{
	background-color : #F0F0F0;
	padding :  10px 15px 10px 10px; 
	margin-top : 10px;
	/*margin-bottom : 15px;*/
	border : 1px solid #069;
	overflow:hidden;
	width:100%;
}
fieldset label{
	color : #069;
	font-weight: bold;
	margin-left : 1px;
	margin-bottom : 5px;
}
fieldset p{
	margin-top : 10px;

}


label.listeDechoix{
	color : #666;
	font-weight: normal;
	
}

legend{
	color : #069;
	margin-left : 0;
	padding-left : 0;
	text-indent : 0;
	font-weight: bold;
	
	/*margin-bottom : 10px;*/
	
}

div.floatcontainer {
	/*border: 1px solid #000000;*/
	overflow: hidden;
	width: 100%;
}

div.floatcontainer p.left ,div.floatcontainer div.left{
	width: 47%;
	float: left;
}

div.floatcontainer p.right, div.floatcontainer div.right{
	width: 47%;
	float: right;
}


label.obligatoire{
	color : #B22222;
}