/* CSS Cascading style sheet
   Created by ALTIPOINT, Julien Rouiller, Geneva, Switzerland
   Copyright: ALTIPOINT, Julien Rouiller (2008-2010)
   All rights reserved */

body  {
	margin-top:0px;
	margin-left:1px;
	margin-right:1px;
	padding:0;
	color:#707070;
	font-family:'Deja Vu Sans','Century Gothic',Verdana,Arial,sans-serif;
	font-size: 13px;  /* 10pt win */
}

div {
	margin:0;
	padding:0;
	}
	
img.droite {
	margin-left:1em;
	}  
    
table  {
	margin-left: 0px;
	margin-right: 0px;
} 
  
th {text-align:center;}

td {margin:0;
	padding:0;
	text-align:left;}

table.texte_a_droite tr td.Datagrid_Tableau_Item {text-align:right;}
	
table.grid {
	margin:1em;
	font-size:10.5px;  /* 8pt win */
	border-width:1px;
	border-style: none solid none none;
	border-color:#aaaaaa;
	}
	
table.grid tr th {
	border-width:1px;
	border-style:solid none solid solid;
	border-color:#aaaaaa;
	background-color:#ffdddd;
	padding:1em;
	}
	
table.grid tr td {
	border-width:1px;
	border-style:none none solid solid;
	border-color:#aaaaaa;
	text-align:right;
	padding:0.5em 1em;
	}

h1  {
	font-weight:normal;
	font-size:150%;
	letter-spacing:0.7px;
	font-family: Georgia,serif;
	color:#dd0000;
	border-style: none none solid none;
	border-width:1px;
	border-color:#707070;
	margin-top:33px;  /*25pt win */   /* spécifier en "em" marcherait différemement avec MSIE d'avec les autres navigateurs */
}

h1.century_schoolbook {
  font-weight:normal;
  font-size:230%;
  font-family: 'Century Schoolbook L',Georgia,'Times New Roman';
  font-style: italic;
  color: #a0a0a0;
  border-style:none;
  margin-top:15px;
  margin-bottom:30px;
}

.century_schoolbook {
  font-family: 'Century Schoolbook L',Georgia,'Times New Roman';
}

h1.surtitle {
  font-weight:normal;
  font-size:140%;
  font-family: 'Century Shoolbook L',Georgia,'Times New Roman';
  margin-top:0px;
  margin-bottom:0;
}

h2  {
	font-weight:normal;
	font-size:130%;
	letter-spacing:0.7px;
	font-family: Georgia,serif;
	color:#dd0000;
	/*border-color:#707070;
	border-width:1px;*/
	margin-top:1.5em;
}



h3  {
	font-weight:normal;
	font-size:120%;
	letter-spacing:0.3px;
	font-family: Georgia, serif;
	color:#dd0000;
	margin-top:1.5em;
}

h3.inline {
  display:inline;
  font-size:150%;
  font-weight:normal;
  font-family: 'Century Schoolbook L',Georgia, serif;
  font-style:italic;
  color:#dd0000;
  letter-spacing:0.2px;
}

h3.grey {
  font-weight:normal;
  font-size:160%;
  font-family: 'Century Schoolbook L',Georgia,'Times New Roman';
  font-style: italic;
  color: #808080;
  border-style:none;
  margin-top:0;
}


h4 {font-size:12px;margin-bottom:0;}


h4.souligne, p.souligne, span.souligne, div.souligne {
	border-bottom:1px solid #aaaaaa;
	margin-bottom:0.7em;
}

ul, ul.caracteristiques {margin:0;
	padding-left:0px;  /* évite un padding non désiré avec le moteur Gecko */
	padding-right:0px;
}


li {margin:4px;
	margin-left:16px;   /* 12pt win */
	padding-left:0px;
	padding-right:0px;
}

ul.caracteristiques li {
	margin-top:0.5em;
	margin-bottom:0.7em;
	line-height:140%;
}

a,a:link,a:hover,a:focus,a:active {
	margin:0;
	padding:0;
	color:#dd0000;
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom-color:#dd0000;
	border-bottom-width:1px;
	}
	
a.ext {
	margin:0;
	padding:0;
	color:#dd0000;
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom-color:#dd0000;
	border-bottom-width:1px;
	
	background-image:url(img/ext.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:16px; /* place pour icône lien externe */
	}
	
	
.h2, a.h2  {
	font-weight:normal;
	letter-spacing:0.7px;
	font-size:130%;
	font-family:Georgia, serif;
	color:#dd0000;
	border:none;
	display:block;
	margin-top:1.5em;
	margin-bottom:0.7em;
}

h2.gs {color:#444;font-size:180%;margin-top:0.7em;}
	
a.souligne {border:none;border-bottom:1px solid #aaaaaa;margin-bottom:0.7em;display:block;}

	
ul.greyanchors li a {
	color:#707070;
	border-bottom: 1px none transparent;
	}
	
ul.greyanchors li a:hover {
	color:#dd0000;
	border-bottom: 1px dotted #dd0000;
}	
	
a.pdf {
	background-image:url(img/pdf.jpg);
	background-repeat:no-repeat;
	padding-left:20px; /* place pour icône fichier pdf */
	}
	
a.txt {border:none;}
	
code, .code {
	font-family: 'Courier New', Courier;
}

.std_code {
	font-family: 'Courier New', Courier;
	background-color:#dddddd;
	color:#333333;
	padding:0.25em;
}

.ita {font-style:italic}

.h40 {height:40px}

.w85 {width:85px;}
.w220 {width:220px;}
.w720 {width:720px;}
.w740 {width:740px;}
.w950 {width:950px;}

.w20p {width:20%}
.w23p {width:23%}
.w25p {width:25%}
.w28p {width:28%}
.w30p {width:30%}
.w33p {width:33%}
.w35p {width:35%}
.w38p {width:38%}
.w40p {width:40%}
.w43p {width:43%}
.w45p {width:45%}
.w50p {width:50%}
.w55p {width:55%}
.w58p {width:58%}
.w60p {width:60%}
.w65p {width:65%}
.w68p {width:68%}
.w70p {width:70%}
.w75p {width:75%}

.huitPts {font-size:10.5px;}
.huitCinqPts {font-size:11.3px;}
table.Datagrid_Tableau tr td .huitCinqPts {font-size:11px;}  /* 8.5pt win */

ul.huitPts li {padding-top:0.5em}

table.huitPts tr td select {font-size:10.5px;}  /* 8pt win*/

.sans_bord {border:none;}

.encadre {border:1px solid #dd0000;padding:0.8em;margin-bottom:1em;}
.encadre_orange {border:3px solid #eebb00;background:#fff8bb;padding:0.8em;margin-bottom:1em;}
.encadre_vert {border:3px solid #00dd00;background:#d8ffd8;padding:0.8em;margin-bottom:1em;}
.encadre_gris_pale {background-color:#e6e6e6;border:1px solid #aaa;padding:1.3em;}

.encadre > p {margin-top:0.3em;margin-bottom:0.3em;}

.introtext {
	background-color:#ffffff;
	background-image:url(img/fond_introtext.jpg);
	background-repeat:repeat-x;
	margin:1em;
	padding:0.3em 1em;
	border-style: none none none solid;
	border-width:6.5px; /* 5pt win */
	border-color:#dd0000;
	line-height:150%;
	font-size:115%;
	}
	
.resume {
    margin:0;
    color:#707070;
    line-height:150%;
    font-size:105%;
    font-family:'Century Gothic',Verdana,Arial,sans-serif;
    letter-spacing:0.6px;
    }
	
.chapeau {
	font-size:120%;
	line-height:120%;
	letter-spacing:0.5px;
	font-family: Georgia,Times,serif;
	color:#707070;
	}
	
.century {font-family:'Century Gothic',Arial,Verdana,sans-serif;}

.rouge, h1.rouge {color:#dd0000;}
.bleu {color:#0000dd;}
.marine{color:#0000bb;}
.gris_sombre{color:#444;}

.citation {
	font-family: Georgia,Times,serif;
	color:#707070;
	}
	
.content {
	font-size:1em;
	line-height:120%;
	line-height:150%;
	font-family:'Century Gothic',Arial,Verdana,sans-serif;
	color:#707070;
	}
	
	
.lettrine:first-letter {
	font-size:150%;
	font-family:Georgia,'Times New Roman', serif;
	color:#dd0000;
	padding-right:1.3px;
	}

p {	padding:0px;
	margin-top:1em;
	margin-bottom:1em;
	}
	
#corpsDoc {
	width:1000px;
	border-width:0px 1px;
	border-style:none solid;
	border-color:#333333;
	background-color:#ffffff;
	}

#enTete {
	margin-bottom:0px; 
	padding-left:1.8em;
	padding-right:0px;
	padding-top:10.5px;  /* 8pt win */
	padding-bottom:0px;
}

#logo {
	font-family:'Century Gothic', Arial,sans-serif;
	width:190px;
	color:#707070;
}


#texteLogo {
	font-size:22px;  /* 17pt win */
	letter-spacing:8px;  /* 6pt win */
}

#sousTitreLogo {
	font-size:90%;
	letter-spacing:1px;
	word-spacing:2px;
}

#partenaire {
	font-family:'Century Gothic',Arial,Verdana;
	letter-spacing:0.6px;
	color:#ffffff;
	border:none;
	float:left;
	text-align:left;
	position:absolute;
	top:5px;
	margin:0;
	padding:0;
	width:260px;
}

#corpsPage {
	clear:both;
	border-style:none;
	border-width:0;
	padding-left:1.8em;
	padding-right:1.8em;
	margin-bottom:1.8em;
}

#breadcrumbs {
	margin-top:1.5em;
	margin-bottom:0;
	padding-bottom:0;
}

#resumeAjax {padding-left:1.8em;padding-right:1.8em;}

#xiti img {vertical-align:middle;}

.p1em {padding:1em;}

.mt1em {margin-top:1em;}

.md1em {margin-right:1em;}
.md2em {margin-right:2em;}
.md3em {margin-right:3em;}

.pied_page {
	font-family:Verdana, Arial, sans-serif;
	font-size:0.9em;
	background-color:#dddddd;
	color:#333333;
	text-align:center;
	text-decoration:none;
	padding: 5px 0;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

.sansBord {border:none;border-width:0;}
	
.legende {
	margin-top:5px;
	font-size:10.5px;
	font-family:'Century Gothic','Comic sans MS',Arial,Verdana;
	letter-spacing:0.6px;
}

.entreprise {
	border-bottom:dotted 1px #707070;
}

/* classes pour le validateur de formulaire */
.tfvHighlight
	{color: #ec3e0c;}
.tfvNormal
	{color:#707070;}
	
	
/* --- Classes pour TreasureChest --- */

/* ... et en version inactive */
/* a.inactiveButton {display:block;clear:both;float:left;width:85px;height:35px;text-align:center;border:1px solid #bbbbbb;background-image:url(img/fond_introtext.jpg);background-repeat:repeat-x;margin-right:8px;padding-left:0.3em;padding-right:0.3em;padding-top:8px;}
.inactiveButton span {display:block;font-family:Georgia;font-style:italic;font-weight:bold;letter-spacing:0.1em;color:#bbbbbb;padding:0.1em;}
*/


/* La classe qui sera utilisée par le lien "Ajouter au panier" */

input.addToCart {
  clear:both;
  float:left;
  
/*
  color:#707070;
  display:block;
  width:85px;
  text-align:center;
  border:1px solid #707070;
  background-image:url(img/fond_argent.jpg);
  background-repeat:repeat-x;
  margin-right:8px;
  padding:0.4em;
*/
  }
  
div.h40 input.addToCart {height:40px;}
  
input.removeOne{
  float:left;
  width:35px;
}

/*
.addToCart span {
  font-family:Georgia;
  font-style:italic;
  font-weight:bold;
  letter-spacing:0.1em;
  color:#707070;
}
*/

/* Le conteneur du texte */
/*
input.addToCart span {
  display:block;
  font-family:Georgia;
  font-style:italic;
  font-weight:bold;
  letter-spacing:0.1em;
  color:#707070;
  }
*/

/* La classe du conteneur des deux liens "Afficher le panier" et "Vider le panier".
   Normalement on utilise <div class="treasure_cart">...</div> 
*/
.treasure_cart {
  /*display:block;*/
  float:left;
  margin-left:0;
}

/* La classe qui sera utilisée par le lien "Afficher le panier" */
.treasure_cart input.tc_view { 
  /* display:block; */
  float:left;
  width:75px;
  height:40px;
  text-align:center;
/*
  color:#707070;
  border:1px solid #707070;
  background-image:url(img/fond_argent.jpg);
  background-repeat:repeat-x;
  padding:0.4em;
*/
}

/* La classe qui sera utilisée par le <span> du texte "Afficher le panier",
   à l'intérieur du lien "Afficher le panier (#)"
*/
/*
.treasure_cart a.tc_view span.tc_cart_view_text {

  color:#707070;
  display:block;
  font-family:Georgia;
  font-style:italic;
  font-weight:bold;
  letter-spacing:0.1em;
  margin:0;
  padding:0;
}*/

/* La classe qui sera utilisée par le <span> affichant le nombre d'éléments déjà présents dans le panier, 
   à l'intérieur du lien "Afficher le panier (#)"
*/
/*.treasure_cart .tc_view span.tc_cart_count {display:none;width:1px;}*/

/* La classe qui sera utilisée par le lien "Vider le panier" */
.treasure_cart input.tc_cart_empty {
  /*display:block;*/
  float:left;
  width:85px;
  text-align:center;
  /*
  border:1px solid #707070;
  background-image:url(img/fond_argent.jpg);
  background-repeat:repeat-x;
  font-family:Georgia;
  font-style:italic;
  font-weight:bold;
  letter-spacing:0.1em;
  color:#707070;
  padding:0.4em;
  */
}

/* Styled buttons */
.button {
  font-family:'Deja Vu Sans Serif', Arial, Verdana;
  letter-spacing:0.03em;
  padding:0.2em;
}

div.square_button div, 
div.square_button input {
width:28px;height:28px;
}

.large_text, div.large_text input {font-size:18.5px;}  /* 14pt win */
.medium_text, div.medium_text input {font-size:14.5px;font-weight:bold;}  /* 11pt win */
.small_text, div.small_text input {font-size:11px;font-weight:bold;} /* 8.5pt win */

/* --- Apparence du catalogue de produits ecommerce1 TreasureChest --- */
.resume_produit {
	background-color:#ffffff;
	background-image:url(img/fond_introtext.jpg);
	background-repeat:repeat-x;
	border:solid 1px #aaaaaa;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
}


/* Patches graphiques pour navigateurs */


/*	La classe clearfix doit être ajoutée à une div contenante pour qu'elle s'ajuste
	à la taille d'une image intérieure (flottante).
	Pour les détails, cf. http://positioniseverything.net/easyclearing.html
*/ 

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

/* 	Une feuille de style complémentaire "clearfix_msie.css" 
	doit ensuite être appelée seulement pour MSIE
*/