/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuSec, #menuBas, #socialBookmarker, #bookmarkHoverPopup, .champCache, #banniere, #formRecherche, .banniereControle,
.nav-accueil a, #piedPage, .colonneGauche, a.savoir-plus
{
	position: absolute;
	visibility: hidden;
	display:none;
}

/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{font-family: Arial, Verdana, Tahoma;}

/* Réinitialisation des éléments */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

body/*#main*/{
	color: #464646;
	font-size: 12px;
	line-height:150%;
	font-family: Arial, Verdana, Helvetica, sans-serif; /* Garder seulement 3 fontes et effacer ce commentaire */
	text-align:left;
}
html{}

h1{border-bottom:1px solid #000;}
h2{}
.both{clear:both;}

a, a:link{color:#149fd9;}
a:visited{color:#666;}
a:hover{color:#0083ba; text-decoration: none;}
a:active{color:#0e8bbf; text-decoration:none;}

h1{font-family:arial; color:#004c83; font-size:20px; margin-bottom:24px;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{margin: 26px 0 10px 0; color: #000000;font-size: 18px; line-height: 120%; font-weight: normal; font-family: "Trebuchet MS", arial, verdana, sans-serif;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}
h3{font-size: 18px; color: #000f; font-weight: normal; margin: 0 0 10px 0;}
h4, h4 a{color: #2b77b0 !important; font-size: 14px; font-weight: normal; margin: 0 0 14px 0; text-decoration: none;}
h4 a:hover{text-decoration: underline;}
p{line-height: 150%}
blockquote{padding:10px;margin:10px;background:#eee;}

p{font-size: 12px;}

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px; font-size: 12px;}
#contenu ul ul li{list-style:circle;}
#contenu ol li, #contenu ul ol li{list-style:decimal; margin-left:23px;}
#contenu ol ol li{list-style:lower-alpha;}
#contenu a{color: #CE7206;}
.textePetit{font-size:10px;}


#conteneur{
	margin:0 auto;	
	width:931px;
	background-color: #fff;
	overflow: hidden;
}

#contenu{
float: left;
width: 700px;
margin: 0 auto;
min-height:500px;
height:auto !important;
height:500px;
}

	#contenu p{font-size: 12px;}

	#contenu .banniere{
	position: relative;
	width: 700px;
	height: 190px; 
	overflow: hidden;
	background-color: #7288ad;
	}
	
	
		#contenu .banniere h3{
		position: absolute;
		top: 80px;
		left: 27px;
		width: 236px;
		color: #fff;
		font-weight: normal;
		font-family: "Trebuchet MS",arial,verdana,sans-serif;
		}
		
		#contenu .banniere img{
		float: right;
		}
		
		#contenu .sous-banniere{
		height: 146px;
		background-color: #ccdbe6;
		margin: 30px 0;
		}
		
			#contenu .sous-banniere img{
			float: left;
			margin: 19px 30px 0 19px;
			border: 1px solid #fff;
			}
			
			#contenu .sous-banniere h4, #contenu .sous-banniere h4 a{
			float: left;
			margin: 10px 0 5px 0;
			color: #004c83;
			font-size: 20px;
			font-weight: bold;
			}
			
			#contenu .sous-banniere p, #contenu .liste-produits p{
			float: left;
			width: 440px;
			font-size: 12px;
			}
			#contenu .liste-produits p{
			width: auto;
			}
					
				#contenu .sous-banniere p strong, #contenu .liste-produits p strong{
				display: block;
				clear: both;
				}
				
				#contenu a.savoir-plus{
				float: left;
				color: #ce7206;
				font-size: 11px;
				}
				
					#contenu a:hover.savoir-plus{
					text-decoration: none;
					}
					
		#contenu .liste-produits{
		width: 212px;
		float: left;
		margin: 0 28px 0 0;
		}
		#contenu .liste-produits-dernier{
		margin-right: 0;
		}

.contenuAccueil{
width: 894px !important;
float: none !important;
}

.contenuAccueil #banniere{
height: 356px !important;
margin: 0 0 27px 0 !important;
background-color: none !important;
}

.contenuAccueil #banniere a{text-decoration: none;}

		.contenuAccueil .banniereControle a.bouton{
		position: absolute;
		z-index: 1;
		top: 6px;
		left: 0;
		background-color: transparent !important;
		outline: 0;
		}
			
			.contenuAccueil .banniereControle{position: relative; top: -57px; height: 30px;}
				.contenuAccueil .banniereControle a#prev{left: 826px;}
				.contenuAccueil .banniereControle a#play{left: 846px;display: none;}
				.contenuAccueil .banniereControle a#pause{left: 846px;}
				.contenuAccueil .banniereControle a#next{left: 866px;}

.colonneGauche{
float: left;
width: 194px;
padding: 24px 0 0 0;
}

	.colonneGauche a{color: #000; display: block;text-decoration: none; margin: 0 0 10px 20px;}
		.colonneGauche a:hover{text-decoration: underline;}
		.colonneGauche a.actif{font-weight: bold;}

#haut{
width: 894px;
height: 90px;
padding: 22px 0 0 0;
margin: 0 auto;
}

	#haut a.logo{margin: 0 0 0 -4px; float: left;}

.both, .clearBoth{clear:both;}

form#formRecherche{float: right; margin: 20px 0 0 0;}
	form#formRecherche input{height: 22px; line-height: 22px;float: left; border: 1px solid #e0e0e0; margin: 0 10px 0 0; font-size: 12px;}
	form#formRecherche a{width: 74px; height: 24px; display: block; float: left; overflow: none; text-decoration: none;}
		form#formRecherche a:hover{background-position: 0 -24px !important}
		form#formRecherche a.rechercheFR{background: #fff url(gx/m/chercher-bouton.gif) no-repeat 0 0;}
		form#formRecherche a.rechercheEN{background: #fff url(gx/m/chercher-bouton-en.gif) no-repeat 0 0;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#999;  font-size:11px; padding:0 6px 0 6px;}
#piedPage a{color:#999; text-decoration:none;}
#piedPage a:hover{color:#353535;text-decoration:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #353535;}
p strong{font-size: 13px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #A69512; text-decoration: none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#C0AE2C; text-decoration:underline;}

ul li{font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#1F1F1F; margin-left:16px;}