/* CSS Document */

/*** remise à zéro de certains styles
******************************************************************/

/* pas de marqueurs de liste par défaut */
ul,ol { list-style:none }

/* Eviter les tailles de titres qui ne s'affichent jamais de la mÍme faÁon en fonction des navigateurs */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Même problème pour ul,ol padding et margin  */
/* on vire les espaces d'en-têtes par défaut . */
/* pre, form, body, html, p, blockquote pareil */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd, hr
{ margin:0; padding:0 }

/* Par défaut, on retire les bordures sur les images lien */
a img,:link img,:visited img { border:none; }

/* pas d'italique sur les adresses */
address { font-style:normal }


/*** font size par défaut
******************************************************************/

html {font-size: 100%;}
body {font-size: .85em;}

/*** Sections principales du document
******************************************************************/

/*** body
*********************************/

body {
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif;  
	background-color:#FFFFFF;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	/* -moz-border-radius:3px; */
} 
#bug-ie-center {text-align:center;}
#conteneur {
	text-align:left;
	margin-left: auto; 
	margin-right: auto; 
	width: 730px;
	/* height:580px; */
	/* background-image:url(../images/blue-background.jpg); background-repeat:repeat-x; */
	margin-top:0px;
}
kbd {
	border: 1px solid #999999;
	padding:0px 3px 0px 3px;
}
blockquote {font-style:italic;}

/**** En-tête
*********************************/

#logotxt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
	padding:0px 10px 0px 0px;
	margin:0;
}
	
#logotxt h1 {
	clear:both;
	float:right;
}
#logotxt h1 a {
	color:#8A634A;
}
#logotxt h1 a:hover {
	background-color:transparent;
}
#logotxt h2 {
	float:right;
}
#logotxt h2 a {
	color:#E01C81/* #EF238E */;
}
#logotxt h2 a:hover {
	background-color:transparent;
}
.accessible {
	padding-top:30px;
	padding-right:8px;
	padding-left:480px;
	color:#336699;
	font-size:.99em;
}
.accessible li+li {
	background-image:url(../images/separate.gif); 
}

/**** Navigation principale
*********************************/

#navconteneur { /* encore une bidouille à cause de internet explorer le boulet */
	clear:both;
	padding:5px 0px 0px 0px;
}
#nav {	
	font-size:0.85em;
	height:22px;
	width: 100%;
	background-color:#8A634A;
} 
#nav a {  
	padding: 2px 32px 0px 18px;
	color:#FFFFFF;  
	background-image:url(../images/nav-arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#nav a:hover {
	text-decoration:none;
	color: #FFFFFF; 
	background-image:url(../images/nav-arrow-hover.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-color:transparent;
}
#nav ul {
	padding:4px 0px 0px 100px;
}
#nav li {
	float:left;
}

/**** Sous nav pour page references
*********************************/
#sousnavconteneur { /* encore une bidouille à cause de internet explorer le boulet */
	clear:both;
	padding:0px 0px 0px 0px;
}
#sousnav {	
	font-size:0.85em;
	height:22px;
	width: 100%;
	background-image:url(../images/sous-nav-background.png);
	background-position:top;
	background-repeat:repeat-x;
} 
#sousnav a {  
	padding: 2px 22px 0px 18px;
	color:#E01C81;  
	background-image:url(../images/sousnav-arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#sousnav a:hover {
	text-decoration:none;
	color:#E01C81; 
	background-image:url(../images/sousnav-arrow-hover.gif);
	background-position:left;
	background-repeat:no-repeat;
	background-color:transparent;
}
#sousnav ul {
	padding:4px 0px 0px 30px;
}
#sousnav li {
	float:left;
}

/**** Navigation secondaire
*********************************/
.nav2nd ul, .nav2nd li {
	float:left;
	background-repeat:no-repeat; 
	background-position:left center;
}
.nav2nd li+li { 
	padding-left:1px;
}
.nav2nd a {
	padding: 1px 6px 1px 6px;
}

/**** Contenu de la page
*********************************/

/* home page - blocs régions */

.home-regions {
	width:250px;
	height:50px;
	margin:10px 20px 0px 0px;
	float:left;
	color:#FC9636;
	font-size:0.8em;
}
.home-regions a img {
	float:left;
	margin-right:20px;
}
.home-regions a {
	color:#FC9636;
}
.home-regions a:hover {
	color:#FC9636;
	background-color:transparent;
}
.home-regions  a:hover img{
	border: #FC9636 solid 2px;
}

/* produtcts page - tableau vignettes */

#products-conteneur {
	padding:15px 30px 10px 30px; 
	color:#8A634A; 
	font-size:1.2em; 
	clear:both; 
	height:435px;
}
#products-conteneur h2 {
	color:#FC9636;
	font-size:1em;
}
#products-table {
	/* width:283px;
	height:302px; */
	border-top:#FFFFFF 1px solid;
	border-right:#FFFFFF 0px solid;
	border-bottom:#FFFFFF 0px solid;
	border-left:#FFFFFF 1px solid;
	background-color:#FFFFFF;
	float:left;
}
#products-table td {
	border-top:#FFFFFF 0px solid;
	border-right:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	border-left:#FFFFFF 0px solid;
}

/* Product page - grande photo plus texte */
#photo-text {
	float:left;
	width:362px;
	height:315px;
	padding-left:20px;
}
#photo-text p {
	padding:5px 0px 0px 0px;
	color:#FF850D;
	font-size:0.8em;
}
#photo-text a {
	color:#E01C81;
}
#photo-text a:hover {
	font-weight:bold;
}
#texte-bas {
	float:left;
	width:100%;
	margin-top:5px;
	color:#FF850D;
	font-size:0.8em;
}	
#texte-bas h2 {
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	border:0px 0px 0px 0px;
}
	
/**** Footer
*********************************/
#footer {
	clear:both;
	color:#98D8DA;
	margin:0px 2px 0px 2px;
	padding:8px 0px 60px 0px;
	text-align:left;
	font-size:.85em;
	width: 726px;
	border-top:#CDECED solid 1px;
	text-align:center;
}
#footer a {
	color: #98D8DA;
}
#footer a:hover {
	color: #76C9BC; 
	background-color:#FFFFFF;
}
#footer p {
	clear:both;
	padding:6px 0px 15px 6px;
}
#footer .nav2nd {
	padding-top:0px;
	margin-left:210px;
}
#footer .nav2nd a {
}
#footer .nav2nd li+li {
	background-image:url(../images/separate-nav2nd.gif);
}
#footer-logos div {float:left; padding-left:8px;}
#footer-logos a {display:block; border:#F0F0F0 2px solid;  height:31px; width:88px}
#footer-logos a:hover {background-color:transparent; border:#75B3E3 2px solid;}

/**** Titres
*********************************/

/* Titre */
h1 {
	font-size:1.4em;
	font-weight:normal;
	/* line-height: 15px; */
}
h1:after {
	display: block;
	margin-left: -2px;
	margin-top: -25px;
	color: #98D8DA;
	content: attr(title);
}
h2 {
	font-size:2.6em ;
	font-weight:normal;
}

/**** Texte, listes
*********************************/
/* ul {
	list-style-position:inside;
	padding:5px 5px 0px 5px;
	list-style-image:url(../images/puce.gif);
}
li {
	list-style-position:outside;
	border-top:#CCCCCC solid 1px;
	border-bottom:#999999 solid 1px;
}
li a {
	display:block;
	width:147px;
	height:15px;
	padding:2px 0px 1px 5px;
	margin:0px 1px 0px 1px;
	background-color:#75B3E3;
	color:#FFFFFF;
}
li a:hover {
	width:147px;
	background-color:#DFE8EF;
	color:#336699;
}
*/

/**** Général
*********************************/
.bold {font-weight:bold;}
.warning {color:#FF0000;}
.italic {font-style:italic;}
.spacer {height:8px; width:650px;}
.temoignage {border:solid 1px #B5CFE0; padding:2px 2px 2px 2px; margin-bottom:6px; }
.form {padding:2px 2px 2px 2px;}
.form th {font-weight:bold; text-align:right;}
.bug-ie-center {text-align:center;}
.center {text-align:left; margin:0px auto 0px auto;}