/* 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;
	font-family:'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;
	}
	
dl {
 margin:0;
 padding:0;
 clear:both;
 overflow:hidden;
}
dt {
 margin:0;
 padding:0;
 float:left;
 width:28%;
 list-style-type:bullet;
}
dd {
 margin:0;
 padding:0;
 float:right;
 width:72%;
}

.huitCinqPts dl dt, .huitCinqPts dl dd {font-size:11.3px;}
.bord_inf_gc dl {padding-top:0.23em;padding-bottom:0.5em;border-bottom:1px solid #aaa;}
	
h1  {
  font-family:'DejaVu Sans',Arial,Verdana,sans-serif;
	font-weight:normal;
	font-size:160%;
	color:#00b; /*#dd0000;*/
	border-style: none none solid none;
	border-width:1px;
	border-color:#aaa;
	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:#aaa;
  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:140%;
	letter-spacing:0.6px;
	font-family: 'DejaVu Sans','Century Gothic',Arial,Verdana,sans-serif;
	color:#00b;
	margin-top:1.5em;
}

.h2, a.h2  {
	font-weight:normal;
	letter-spacing:0.6px;
	font-size:130%;
	font-family:'DejaVu Sans','Century Gothic',Arial,Verdana,sans-serif;
	color:#00b;
	border:none;
	display:block;
	margin-top:1.5em;
	margin-bottom:0.7em;
}

h3  {
	font-weight:normal;
	font-size:120%;
	letter-spacing:0.3px;
	font-family: 'DejaVu Sans','Century Gothic',Arial,Verdana,sans-serif;
	color:#00b;
	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:#00b;
  letter-spacing:0.2px;
}

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


h4 {
  font-family: 'DejaVu Sans','Century Gothic',Arial,Verdana,sans-serif;
  font-size:105%;
  font-weight:normal;
  margin-bottom:0;
}


h4.souligne, p.souligne, span.souligne, div.souligne {
	border-bottom:1px solid #aaa;
	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;
	padding-left:2px;
	color:#444;
	text-decoration:none;
	border-bottom-style:solid;
	border-color:#06d;
	border-bottom-width:1px;
	cursor:pointer;
	}
	
a.ext {
	margin:0;
	padding:0;
	color:#444; /* #00dd00; */
	text-decoration:none;
	border-bottom-style:solid;
	border-color:#06d; /* #00dd00; */
	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 */
	cursor:pointer;
	}
	
a.pdf {
	background-image:url(img/pdf.jpg);
	background-repeat:no-repeat;
	padding-left:20px; /* place pour icône fichier pdf */
	cursor:pointer;
	}
	
a.txt {border:none;cursor:pointer;}

a.tooltip {
	background-image:url(img/tip.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px; /* place pour icône fichier pdf */
	cursor:pointer;
	}

a.infolink {
  display:block;
  font-family:'Times New Roman',Georgia,Times,serif;
  font-weight:bold;
  font-style:italic;
  border:1px solid #06d;
  color:#06d;
  cursor:pointer;
  margin-right:5px;;
  margin-left:5px;
  padding-left:5px;
  padding-right:5px;
  cursor:pointer;
}
	
a.souligne {border:none;border-bottom:1px solid #06d;margin-bottom:0.7em;display:block;cursor:pointer;}
	
a:hover, a.ext:hover, a.pdf:hover, a.txt:hover, a.souligne:hover {
	background-color:#d4e6fc;
	cursor:pointer;
}


.gs, h1.gs {color:#444;}  /* gris sombre */
.gm {color:#888;} /* gris moyen */
.gc {color:#aaa;}  /* gris sombre */

h2.gs {color:#444;font-size:180%;margin-top:0.7em;}
	
ul.greyanchors li a {
	color:#707070;
	border-bottom: 1px none transparent;
	}
	
ul.greyanchors li a:hover {
	color:#00b;
	border-bottom: 1px dotted #00b;
}	
	
ul.souligne li {
  margin-left:0;
  border-bottom:1px solid #aaa;
}	
	
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;}

.w18p {width:18%}
.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,span.huitCinqPts {font-size:11.3px;}
.neufPts {font-size:11.7px;}

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

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

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

select {margin:0;}


.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:#aaa;
	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:130%;
	line-height:130%;
	letter-spacing:0.5px;
	font-family: 'DejaVu Sans','Century Gothic',Arial,Verdana,sans-serif;
	color:#000;
	}
	
.century {font-family:'Century Gothic',Arial,Verdana,sans-serif;}

.rouge, h1.rouge {color:#dd0000;}
.bleu {color:#00b;}
.vert {color:#0b0;}
.marine{color:#00b;}
.noir {color:#000;}
.gris_sombre{color:#444;}

.citation {
	font-family: Georgia,Times,serif;
	color:#707070;
	}
	
.content {
	font-size:1em;
	line-height:120%;
	line-height:150%;
	font-family:DejaVu Sans','Century Gothic',Arial,Verdana,sans-serif;
	color:#707070;
	}
	
	
.lettrine:first-letter {
	font-size:150%;
	font-family:Georgia,'Times New Roman', serif;
	color:#00b; /* #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:'DejaVu Sans','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:11px;
	font-family:'DejaVu Sans','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;
  padding-left:5px;
  padding-right:5px;
  height:32px;
  
/*
  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;
*/
  }
  
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:5px;
}

/* La classe qui sera utilisée par le lien "Afficher le panier" */
.treasure_cart input.tc_view {
  float:left;
  text-align:left;
  padding-left:5px;
  padding-right:28px;
  height:32px;
  background-image:url(assets/snippets/treasure_chest/images/cart_icon.gif);
  background-repeat:no-repeat;
  background-position:95% 5px;
/*
  color:#707070;
  border:1px solid #707070;
  background-image:url(img/fond_argent.jpg);
  background-repeat:repeat-x;
  padding:0.4em;
*/
}


.treasure_cart input.tc_empty { 
  float:left;
  text-align:left;
  margin-left:5px;
  padding-left:5px;
  padding-right:28px;
  height:32px;
  background-image:url(assets/snippets/treasure_chest/images/cart_icon.gif);
  background-repeat:no-repeat;
  background-position:95% 5px;margin-right:0;
}

table.productOptionsTable tr td.Datagrid_Item {font-size:11px;}
table.productOptionsTable tr td.Datagrid_Item select {font-size:11px;margin-left:1em;}

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


/* Styled buttons */
.button {
  font-family:'DejaVu Sans', Arial, Verdana;
}

a.download_button, a.download_button:hover {
  font-family:'DejaVu Sans',Arial,Verdana,sans-serif;
	font-weight:normal;
	font-size:160%;
	border-style: none;
  padding-top:0.5em;
  cursor:pointer;
}

input.download_button, input.download_button:hover {
  font-family:'DejaVu Sans',Arial,Verdana,sans-serif;
	font-weight:normal;
	font-size:160%;
	border-style: none;
  cursor:pointer;
}


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


.large_text, div.large_text input {font-size:18.5px;}  /* 14pt win */
.big_text, div.big_text input {font-size:16px;font-weight:bold}
.medium_text, div.medium_text input {font-size:14.5px;font-family:Arial;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;
}

img.cart_view_icon_embedded {
  margin:0;
  float:right;
}


/* 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
*/