/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : CIAQ
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 4 Mars 2009
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #5a5849;
	background: #dee6e9 url(/images/Bg_Page.png) repeat-x;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: #054383;
	margin: 0 0 12px;
}
h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #054383;
}
h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #0471b3;
}
h4, h5, h6 {
	font-size: 1.1em;
	font-weight: normal;
	color: #b67c04;
	text-transform: uppercase;
}
a {
	color: #0471b3;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
div.hr {
	height: 1px;
	background: url(/images/Bg_HR.gif) repeat-x;
	margin: 16px 0;
	overflow: hidden;
}
div.hr.Alt {
	background-image: url(/images/Bg_HR_Alt.gif);
}

/*-- Liens bouton --*/
a.LienBouton, a.LienBoutonForm {
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box; /*ff*/
	line-height: 19px;
	text-decoration: none;
	vertical-align: middle;
	background: url(/images/Bg_LienBouton.png) no-repeat 100% 0%; 
	padding-right: 10px; 
	cursor: pointer; 
	cursor: hand; 
}
a.LienBouton span, a.LienBoutonForm span {
	display: block;
	display: inline-block;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	line-height: 19px;
	text-transform: uppercase;
	background: url(/images/Bg_LienBouton.png) no-repeat 0% 0%; 
	padding-left: 10px;
}
a.LienBoutonForm {
	line-height: 27px;
	background-image: url(/images/Bg_LienBouton_Form.png);
	padding-right: 32px; 
}
a.LienBoutonForm span {
	height: 27px;
	line-height: 27px;
	background-image: url(/images/Bg_LienBouton_Form.png);
	padding-left: 12px;
}
a.LienBoutonForm.Blanc,
a.LienBoutonForm.Blanc span { background-image: url(/images/Bg_LienBouton_Form_Blanc.png); }
a.LienBouton:hover span, a.LienBoutonForm:hover span {
	color: #fbe7a2;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.ScreenOnly {}
.PrintOnly { display: none; }
.AligneGauche { float: left; }
.AligneDroite { float: right; }
.Clearer { clear: both; }
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#Wrapper {
	width: 958px;
	background: #fff;
	border: 2px solid #fff;
	border-top: 0;
	margin: 0 auto;
}

/*-- Entete de site avec nav principale --*/
#Entete {
	position: relative;
	height: 240px;
}
#Entete .Logo {
	position: absolute;
	left: 16px; top: 48px;
}
#Entete .Slogan {
	position: absolute;
	left: 165px; bottom: 65px;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #fff;
	line-height: 1.1em;
}
#Entete .NavFixe {
	position: absolute;
	font-size: 1.1em;
	line-height: 30px;
}
#Entete .NavFixe.Gauche { left: 24px; }
#Entete .NavFixe.Droite { right: 414px; }

#Entete .NavFixe li {
	float: left;
	background: url(/images/Bg_Entete_NavFixe_Separ.gif) no-repeat 10px 55%;
	padding-left: 21px;
}
#Entete .NavFixe li.FirstItem {
	background-image: none;
	padding-left: 0;
}
#Entete .NavFixe li a {
	color: #fff;
	text-decoration: none;
}
#Entete .NavFixe li a:hover {
	color: #fbe7a2;
}
#Entete .Recherche {
	position: absolute;
	right: 14px;
}
#Entete .Recherche label {
	float: left;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: 9px 10px 0 0;
}
#Entete .Recherche input {
	float: left;
	width: 260px;
	margin: 5px 7px 0 0;
}
#Entete .Recherche a {
	float: left;
	margin: 5px 0 0 0;
}

/*-- Logins client et employés dans l'entete --*/
#BlocLogin {
	position: absolute;
	right: 0; top: 32px;
	width: 400px;
	background: url(/images/Bg_BlocLogin_Nav.gif) repeat-x 0px 0px;
}
#BlocLogin .Nav li {
	float: left;
	border-left: 1px solid #cca54c;
}
#BlocLogin .Nav li a {
	display: block;
	width: 132px;
	font-weight: bold;
	color: #fff;
	line-height: 33px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: url(/images/Bg_BlocLogin_Nav.gif) repeat-x 0px 0px;
	outline: none;
}
#BlocLogin .Nav li a:hover {
	color: #fbe7a2;
}
#BlocLogin .Nav li a.On,
#BlocLogin .Nav li a.On:hover {
	background-position: 0px -33px;
}
#BlocLogin .Contenu {
	position: relative;
	width: 367px;
	background: #a96000 url(/images/Bg_BlocLogin_Contenu.gif) repeat-x;
	border-left: 1px solid #cca54c;
	border-bottom: 1px solid #cca54c;
	padding: 16px 16px 16px;
	clear: both;
}
#BlocLogin .Contenu p {
	font-size: 1.1em;
	color: #fff;
	margin: 0 0 6px;
}
#BlocLogin .Contenu a {
	color: #fce889;
}
#BlocLogin .Contenu label {
	margin-left: 5px;
}
#BlocLogin .Contenu .Bouton {
	position: absolute;
	right: 99px; top: 72px;
}
#BlocLogin .Contenu .Fermer {
	position: absolute;
	right: 8px; top: 8px;
}
#BlocLogin .Session {
	background: #fefbf5 url(/images/Bg_BlocLogin_Contenu_Alt.gif) repeat-x;
	border-left: 1px solid #cca54c;
	border-bottom: 1px solid #cca54c;
	padding: 0 15px 5px;
}
#BlocLogin .Session h3 {
	font-size: 1.1em;
	color: #fff;
	line-height: 33px;
	margin: 0 0 10px;
}
#BlocLogin .Session p {
	font-size: 1.1em;
	margin: 0 0 6px;
}

/*-- Partie centrale du site --*/
#Corps {
	position: relative;
	width: 946px;
	background: #f3f3f0 url(/images/Bg_Corps.gif) repeat-x;
	padding-left: 12px;
}
#Corps .FilAriane {
	position: absolute;
	left: 14px; top: 8px;
	font-size: 1.1em;
	line-height: 20px;
}
#Corps .FilAriane li {
	float: left;
	background: url(/images/Puce_Starbuck.gif) no-repeat 100% 8px;
	margin-right: 6px;
	padding-right: 12px;
}
#Corps .FilAriane li.LastItem { background-image: none; }
#Corps .Imprimer {
	position: absolute;
	right: 14px; top: 8px;
	font-size: 1.1em;
	line-height: 20px;
	background: url(/images/Picto_Imprimer.gif) no-repeat;
	padding-left: 28px;
}
#Corps .Retour {
	position: absolute;
	left: 14px; top: 8px;
	font-size: 1.1em;
	line-height: 20px;
}

/*-- Pied de page --*/
#PiedPage {
	width: 926px;
	height: 50px;
	margin: 16px auto 0;
}
#PiedPage ul {
	height: 22px;
}
#PiedPage li {
	float: left;
	background: url(/images/Bg_PiedPage_NavFixe_Separ.gif) no-repeat 10px 55%;
	padding-left: 21px;
}
#PiedPage li.FirstItem {
	background-image: none;
	padding-left: 0;
}
#PiedPage li a {
	font-size: 1.1em;
	text-decoration: none;
}
#PiedPage li a:hover {
	color: #0a3550;
}
#PiedPage p {
	font-size: .9em;
	color: #717069;
	clear: both;
}

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	position: absolute;
	left: 0; bottom: 0;
	width: 958px; height: 40px;
	overflow: hidden;
}
#MenuPrincipal li {
	float: left;
	margin-right: -1px;
}
#MenuPrincipal li a {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: url(/images/Bg_MenuPrincipal_D.png) no-repeat 100% 0%;
	outline: none;
} 
#MenuPrincipal li a span {
	display: block;
	line-height: 40px;
	background: url(/images/Bg_MenuPrincipal_G.png) no-repeat 0% 0%;
	padding: 0 36px 0 24px;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	color: #fbe7a2;
	background-position: 100% 100%;
}
#MenuPrincipal li a:hover span, #MenuPrincipal li a.On span {
	background-position: 0% 100%;
}

/*-- Deuxieme niveau --*/
#SousMenu {
	height: 36px;
	background: url(/images/Bg_SousMenu.gif) repeat-x;
	padding-top: 1px;
}
#SousMenu li {
	float: left;
	background: url(/images/Bg_PiedPage_NavFixe_Separ.gif) no-repeat 10px 50%;
	padding-left: 21px;
}
#SousMenu li.FirstItem {
	background-image: none;
	padding-left: 24px;
}
#SousMenu li a {
	font-size: 1.1em;
	color: #0f5c8c;
	line-height: 36px;
	text-decoration: none;
	text-transform: uppercase;
}
#SousMenu li a:hover {
	color: #0a3550;
}
#SousMenu li a.On, #SousMenu li a.On:hover {
	font-weight: bold;
	color: #0a3550;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil h2 {
	font-size: 1.3em;
	color: #b67c04;
	text-transform: uppercase;
}
body.Accueil h4 { font-size: .9em; }

body.Accueil #Corps {
	width: 958px;
	background-image: url(/images/Bg_Acc_Corps.gif);
	padding: 31px 0 0;
}
body.Accueil #Cols {
	background: url(/images/Bg_Acc_Cols.gif) repeat-y 12px 0%;
	margin: 0 0 16px;
}
body.Accueil #Cols .Bg {
	width: 100%;
	background: url(/images/Bg_Acc_Cols_Bg.gif) no-repeat 12px 100%;
}
body.Accueil #Cols .Col {
	float: left;
	position: relative;
	display: inline;
	margin: 0 0 0 12px;
}
body.Accueil #Cols .Col.Gauche { width: 320px; }
body.Accueil #Cols .Col.Centre { width: 199px; padding-bottom: 1px; }
body.Accueil #Cols .Col.Droite { width: 391px; }

/*-- Colonne de gauche --*/
body.Accueil .Taureau {
	background: #144462 url(/images/Bg_Acc_Taureau.gif) no-repeat;
	padding-bottom: 8px;
}
body.Accueil .Taureau h2 {
	position: relative;
	line-height: 27px;
	margin: 0 0 6px;
	padding-left: 12px;
}
body.Accueil .Taureau .Deco .Haut { position: absolute; top: -21px; }
body.Accueil .Taureau .Deco .Bas { position: absolute; top: 27px; }

body.Accueil .Taureau ul {
	position: absolute;
	right: 4px; top: 4px;
}
body.Accueil .Taureau ul li {
	float: left;
	margin-right: 4px;
}
body.Accueil .Taureau ul li a {
	display: block;
	width: 24px; height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	background: url(/images/Bg_Acc_Taureau_Photo.gif) no-repeat 0px 0px;
}
body.Accueil .Taureau ul li a:hover { color: #fbe7a2; }
body.Accueil .Taureau ul li a.On,
body.Accueil .Taureau ul li a.On:hover {
	color: #fff;
	background-position: 0px -24px;
}
body.Accueil .Taureau .Photo { margin: 0 1px 8px; }
body.Accueil .Taureau h3 {
	font-size: 1.2em;
	color: #fbe7a2;
	text-transform: uppercase;
	margin: 0 12px 2px;
}
body.Accueil .Taureau h3 a { color: #fbe7a2; text-decoration: none; }
body.Accueil .Taureau h3 a:hover { text-decoration: underline; }
body.Accueil .Taureau h4 {
	font-weight: bold;
	color: #f5f3e9;
	margin: 0 12px 2px;
}
body.Accueil .Taureau p {
	color: #f5f3e9;
	margin: 0 12px 2px;
}

body.Accueil .EvalGen {
	background: url(/images/Bg_Acc_EvalGen.jpg) no-repeat;
	padding: 36px 14px 2px;
}
body.Accueil .EvalGen .Haut {
	height: 88px;
	padding-left: 106px;
}
body.Accueil .EvalGen h3 {
	color: #b67c04;
	margin: 0 0 6px;
}
body.Accueil .EvalGen p {
	font-size: 1.1em;
	color: #13120d;
	line-height: 1.5em;
	margin: 0 0 4px;
}
body.Accueil .EvalGen p em { color: #5a5849; }

/*-- Colonne centrale --*/
body.Accueil #Cols .Centre .Separ {
	height: 6px;
	background: url(/images/Bg_Acc_Separ.gif) repeat-x;
	overflow: hidden;
}
body.Accueil .BlocBanniere {
	background-position: 50% 0%;
	border-left: 1px solid #babab9;
	border-right: 1px solid #babab9;
	margin: 0;
	padding: 6px 12px 2px;
}
body.Accueil .BlocBanniere.Pub	  { border-bottom: 0; }
body.Accueil .BlocBanniere.Pub h3 { height: 142px; }

/*-- Colonne de droite --*/
body.Accueil #Cols .Droite h2 {
	line-height: 25px;
	background: #feefc6;
	border-top: 1px solid #afafae;
	padding-left: 12px;
}
body.Accueil #Cols .Droite .VoirTous {
	position: absolute;
	right: 12px; top: 0;
	line-height: 25px;
}
body.Accueil #Cols .Droite .VoirTous a {
	font-size: 1.1em;
	background: url(/images/Bt_Ouvrir.gif) no-repeat 100% 50%;
	padding-right: 16px;
}
body.Accueil #Cols .Nouvelle {
	position: relative;
 	background: url(/images/Bg_Acc_Nouvelle.png) repeat-x;
	padding: 18px 12px 12px;
}
body.Accueil #Cols .Nouvelle h3 { margin: 0 0 8px; }
body.Accueil #Cols .Nouvelle h4 { margin: 0 0 2px; font-size: 1em; }
body.Accueil #Cols .Nouvelle p {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 8px;
}
body.Accueil #Cols .Nouvelle p em	 { color: #13120d; }
body.Accueil #Cols .Nouvelle a 		 { text-decoration: none; }
body.Accueil #Cols .Nouvelle a:hover { color: #0a3550; }
body.Accueil #Cols .Nouvelle img 	 { position: relative; }

/*-- Bas de la page --*/
body.Accueil #BasPage {
	position: relative;
	background: #fff;
	padding: 12px;
}
body.Accueil #BasPage .LogoSemex {
	position: absolute;
	right: 240px; top: 30px;
}
body.Accueil #BasPage .LogoLaiToile {
	position: absolute;
	right: 85px; top: 30px;
}
body.Accueil #BasPage .Contenu {
	width: 508px; height: 98px;
	background: url(/images/Bg_Acc_BasPage.png) repeat-x 0% 100%;
	padding: 6px 14px 0;
	overflow: hidden;
}
body.Accueil #BasPage .Contenu h2		{ font-size: 1.2em; margin: 0 0 8px; }
body.Accueil #BasPage .Contenu p		{ font-size: 1.1em; line-height: 1.4em; margin: 0 0 4px; }
body.Accueil #BasPage .Contenu a		{ text-decoration: none; }
body.Accueil #BasPage .Contenu a:hover	{ color: #0a3550; }

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#Contenu {
	float: left;
	width: 630px;
	background: #fff url(/images/Bg_Contenu.png) repeat-x;
	margin: 36px 12px 12px 0;
	padding: 0 12px 18px;
}
#Contenu .Section {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	line-height: 27px;
	text-transform: uppercase;
	margin: 0 0 22px;
}
#Contenu .SousTitre {
	font-size: 1.1em;
	color: #b67c04;
	line-height: normal;
	text-transform: uppercase;
	margin: 0 0 2px;
}
#Contenu h2 { margin: 0 0 12px; }
#Contenu h3 { margin: 0 0 4px; }
#Contenu h4 { margin: 0 0 2px; }
#Contenu p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 12px;
}
#Contenu p em { color: #13120d; }

/*-- Bloc a onglets --*/
#Contenu .BlocOnglet {
	margin: 32px 0;
}
#Contenu .BlocOnglet.Form {
	margin: 14px 0 24px;
}
#Contenu .BlocOnglet .Nav {
	height: 31px;
	background: url(/images/Bg_BlocOnglet.gif) repeat-x;
	margin: 0;
}
#Contenu .BlocOnglet .Nav li {
	float: left;
	list-style: none none;
	margin-right: 2px;
	padding: 0;
}
#Contenu .BlocOnglet .Nav li a {
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(/images/Bg_BlocOnglet_Nav_G.png) no-repeat 0% 0px;
	outline: none;
}
#Contenu .BlocOnglet .Nav li a span {
	display: block;
	line-height: 31px;
	background: url(/images/Bg_BlocOnglet_Nav_D.png) no-repeat 100% 0px;
	padding: 0 12px;
}
#Contenu .BlocOnglet .Nav li a:hover			{ background-position: 0% -31px; color: #fbe7a2; }
#Contenu .BlocOnglet .Nav li a:hover span		{ background-position: 100% -31px; }
#Contenu .BlocOnglet .Nav li a.On,
#Contenu .BlocOnglet .Nav li a.On:hover			{ background-position: 0% -62px; color: #000; }
#Contenu .BlocOnglet .Nav li a.On span,
#Contenu .BlocOnglet .Nav li a.On:hover span	{ background-position: 100% -62px; }

#Contenu .BlocOnglet .Contenu {
	background: url(/images/Bg_BlocOnglet_Contenu.png) repeat-x;
	border: 1px solid #babab9;
	border-top: 0;
	padding: 18px 14px;
	clear: both;
}
#Contenu .BlocOnglet .Bas {
	background: #7f745a url(/images/Bg_Bloc_Temoignage.gif) repeat-x;
	border: 1px solid #babab9;
	border-top: 0;
	margin-top: -1px;
	padding: 8px 14px;
}
#Contenu .BlocOnglet .Bas p { margin: 0; }

/*-- Colonne de droite --*/
#ColDroite {
	float: left;
	width: 268px;
	margin: 36px 0 12px;
}

/*-- Blocs Banniere --*/
.BlocBanniere {
	background: #fff no-repeat;
	border-top: 1px solid #babab9;
	margin: 0 0 5px;
	padding: 8px 12px 12px;
}
.BlocBanniere h3 {
	font-size: 1.3em;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 6px;
}
.BlocBanniere p {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 10px;
}

.BlocBanniere.Temoignage {
	background: #7f745a url(/images/Bg_Bloc_Temoignage.gif) repeat-x;
}
.BlocBanniere.Temoignage p {
	color: #fff;
	margin: 0 0 6px;
	line-height: 18px;
}
.BlocBanniere.Temoignage strong {
	font-size: 16px;
	color: #efc670;
}
.BlocBanniere.Temoignage em {
	color: #f6e2ab;
}

.BlocBanniere.Pub {
	border-bottom: 1px solid #babab9;
}
.BlocBanniere.Pub h3 {
	height: 132px;
	margin: 0;
}
.BlocBanniere.Pub strong {
	font-size: 1.1em;
	color: #13120d;
}

.BlocBanniere.Starbuck {
	background: #7e2c2c url(/images/Bg_Bloc_Starbuck.jpg) no-repeat;
	border-color: #812c2c;
	padding-top: 6px;
}
.BlocBanniere.Starbuck h3 {
	height: 132px;
	margin: 0;
}
.BlocBanniere.Starbuck h3 span { display: none; }

.BlocBanniere.Starbuck h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	line-height: 1.6em;
	text-transform: none;
}
.BlocBanniere.Starbuck p,
.BlocBanniere.Starbuck ul {
	font-size: 1.1em;
	color: #f2eaea;
	line-height: 1.6em;
}
.BlocBanniere.Starbuck ul li {
	background: url(/images/Puce_Starbuck.gif) no-repeat 3px 6px;
	padding: 0 0 4px 15px;
}
.BlocBanniere.Starbuck a {
	color: #fee397;
	text-decoration: none;
}
.BlocBanniere.Starbuck a:hover, .BlocBanniere.Starbuck a.On {
	color: #fff;
}

.BlocBanniere.Sondage {
	background: #fff url(/images/Bg_Sondage.png) repeat-x;
}
.BlocBanniere.Sondage h3 {
	height: 22px;
	margin: 0;
}
.BlocBanniere.Sondage strong {
	color: #13120d;
}
.BlocBanniere.Sondage ul { margin: 0 0 10px; }
.BlocBanniere.Sondage li {
	font-size: 1.1em;
	padding: 3px;
	vertical-align: top;
}
.BlocBanniere.Sondage input {
	position: absolute;
	margin-top: 1px
}
.BlocBanniere.Sondage label {
	display: block;
	width: 150px;
	padding-left: 18px;
}
#SondageResultats { display: none; }
#SondageResultatsContenu {
	padding: 18px;
}
#SondageResultatsContenu h2 {
	margin: 0 0 4px;
}
#SondageResultatsContenu p {
	font-size: 1.1em;
	margin: 0 0 12px;
}
#SondageResultatsContenu .BarreProg {
	display: block;
	position: relative;
	width: 100%;
	height: 14px;
	background: #7d7259 url(/images/Bg_Bloc_Temoignage.gif) repeat-x;
	margin: 4px 0 0;
	padding: 2px 0;
}
#SondageResultatsContenu .BarreProg .Pourcentage {
	display: block;
	height: 14px;
	background: #FBE7A2;
	margin: 0 2px;
	overflow: hidden;
}
#SondageResultatsContenu .BarreProg strong {
	position: absolute;
	right: 4px;
	color: #fff;
}

/*- Styles pour Carrieres --------------------------------------------------*/

/*- Styles pour Nouvelles, Événements, Média -------------------------------*/
#Archives {
	margin: 0 0 5px;
}
#Archives h3 {
	color: #fff;
	line-height: 26px;
	background: #d3a02b;
	border-bottom: 1px solid #afafae;
	margin: 0 0 1px;
	padding-left: 12px;
}
#Archives li.Annee {
	background: #fff url(/images/Bg_Archives.png) no-repeat;
	margin: 0 0 1px;
}
#Archives li.Annee.On {
	background-position: 0px -27px;
	border-top: 1px solid #afafae;
	border-bottom: 1px solid #afafae;
	margin: 0 0 1px;
}
#Archives li.Annee div { display: none; padding: 6px 12px; }
#Archives li.Annee.On div { display: block; }

#Archives a.Annee {
	display: block;
	height: 27px;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	line-height: 27px;
	text-decoration: none;
	background: url(/images/Bt_Ouvrir.gif) no-repeat 246px 50%;
	margin: 0 0 1px;
	padding-left: 12px;
	outline: none;
}
#Archives a.Annee:hover {
	color: #fbe7a2;
}
#Archives li.Annee.On a.Annee,
#Archives li.Annee.On a.Annee:hover {
	color: #000;
	background-image: url(/images/Bt_Fermer.gif);
}
#Archives li.Annee h4 { margin: 0 0 6px; }
#Archives li.Annee ul { margin: 0 0 14px; }
#Archives li.Annee li {
	font-size: 1.1em;
	background: url(/images/Puce_Archives.gif) no-repeat 0px 4px;
	margin: 0 0 6px;
	padding-left: 10px;
}
#Archives li.Annee li a			 { text-decoration: none; }
#Archives li.Annee li a:hover,
#Archives li.Annee li a.On,
#Archives li.Annee li a.On:hover { color: #0a3550; }

/*- Styles pour tableaux de taureaux ---------------------------------------*/
body.EvalGen #Contenu {
	width: 910px;
	margin-right: 0;
}
body.EvalGen #Contenu .AligneGauche {
	margin-right: 32px;
}
body.EvalGen #Contenu .Legende {
	font-size: 1em;
	color: #a8a590;
	line-height: 18px;
	margin: 0;
}
body.EvalGen #Contenu .Legende li {
	background: no-repeat 0% 50%;
	padding: 0 0 0 20px;
}

/*-- Filtres de recherche --*/
body.EvalGen #Contenu .BlocOnglet .Contenu {
	padding-bottom: 12px;
}
body.EvalGen #Contenu .BlocOnglet .Contenu p {
	float: left;
	margin: 0 20px 6px 0;
}
body.EvalGen #Contenu .BlocOnglet .Contenu .Intro p {
	float: none;
	margin: 0 0 10px;
}
body.EvalGen #Contenu .BlocOnglet .Contenu p label {
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 2px;
}
body.EvalGen #Contenu .BlocOnglet .Contenu p.Checkbox label {
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}
body.EvalGen #Contenu .BlocOnglet .Contenu p.Checkbox input {
	margin: 3px;
}

/*-- Tableau de valeurs --*/
table.EvalGen {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width: 100%;
	border: 1px solid #babab9;
	margin: 0 0 16px;
}
table.EvalGen td {
	background: #fff url(/images/Bg_Tableau_SeparH.gif) repeat-y 100% 0%;
	padding: 4px 7px 4px 6px;
	white-space: nowrap;
}
table.EvalGen td.Stats { text-align: right; }
table.EvalGen tr.Alt td { background-color: #f3f8fa; }
table.EvalGen td.Col {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #7f745a;
	background-image: url(/images/Bg_HR_Alt.gif);
	padding: 6px 11px 6px 10px;
	text-align: center;
}
table.EvalGen td.SousCol {
	color: #b67c04;
	background: #fef3d6 url(/images/Bg_Tableau_SeparH.gif) repeat-y 100% 0%;
	text-align: left;
	vertical-align: bottom;
}
table.EvalGen td.Separ		 { background-image: url(/images/Bg_HR_Alt.gif); }
table.EvalGen td img		 { margin-right: 2px; }
table.EvalGen td.SousCol img { margin-right: 0; }

/*- Styles pour Boutique ---------------------------------------------------*/
body.Boutique #Contenu {
	width: 910px;
	background-image: url(/images/Bg_Contenu_Boutique.jpg);
	margin-right: 0;
}
body.Boutique #Contenu .Haut{
	position: absolute;
	left: 1px; top: 28px;
}
body.Boutique #Contenu h1 {
	font-size: 1.6em;
	color: #fff;
	line-height: 32px;
	text-transform: none;
	margin: 0 0 22px;
}

/*-- Panier en haut de page --*/
body.Boutique #Contenu .Panier {
	position: absolute;
	right: 12px; top: 42px;
	background: #fff;
	border: 3px solid #d3a02b;
	border-top: 0;
	padding: 0 0 10px;
}
body.Boutique #Contenu .Panier h3 {
	color: #fff;
	line-height: 26px;
	text-transform: uppercase;
	background: #d3a02b;
	margin: 0 0 10px;
	padding: 0 14px;
}
body.Boutique #Contenu .Panier .Items {
	font-size: 1.4em;
	font-weight: bold;
}
body.Boutique #Contenu .Panier p {
	margin: 0 14px 4px;
}

/*-- Onglets --*/
body.Boutique #Contenu .BlocOnglet .Nav {
	font-size: 1.1em;
}
body.Boutique #Contenu .BlocOnglet .Contenu {
	padding: 24px 0 18px 12px;
}

/*-- Produits --*/
body.Boutique #Contenu .Produit {
	float: left;
	position: relative;
	width: 196px; height: 440px;
	margin: 0 12px 12px 0;
	padding: 0 8px;
	overflow: hidden;
}
body.Boutique #Contenu .Produit .Photo {
	border: 4px solid #deddce;
	margin: 0 -8px 8px;
}
body.Boutique #Contenu .Produit h3	 { margin: 0 0 2px; }
body.Boutique #Contenu .Produit h4	 { text-transform: none; }
body.Boutique #Contenu .Produit p	 { margin: 0 0 8px; }
body.Boutique #Contenu .Produit p em {
	font-size: .9em;
	color: #5a5849;
}
body.Boutique #Contenu .Produit .Form {
	position: absolute;
	top: 330px;
	width: 100%;
}
body.Boutique #Contenu .Produit .Option,
body.Boutique #Contenu .Produit .Option select,
body.Boutique #Contenu .Produit .Quantite input {
	font-size: 10px;
	color: #000;
}
body.Boutique #Contenu .Produit .Option { float: left; margin-right: 6px; }
body.Boutique #Contenu .Produit .Option label { display: block; }

body.Boutique #Contenu .Produit .Quantite {
	background: #fef8e6;
	border-top: 1px dotted #b3b1a2;
	border-bottom: 1px dotted #b3b1a2;
	padding: 6px 0 2px;
}
body.Boutique #Contenu .Produit .Quantite p {
	font-size: 1em;
	color: #000;
	text-align: center;
	margin: 0 0 4px;
}
body.Boutique #Contenu .Produit .Quantite p strong {
	font-size: 1.6em;
	margin-right: 4px;
}

/*- Styles pour panier de la boutique --------------------------------------*/
body.Panier div.hr { margin: 24px 0; }
body.Panier #Contenu {
	position: relative;
	width: 910px;
	margin-right: 0;
}
body.Panier #Contenu p.AligneGauche {
	width: 210px;
	color: #000;
}
body.Panier #Contenu .Formulaire { background-image: none; border: 0; }
body.Panier #Contenu .Formulaire .AligneGauche {
	width: 375px;
}
body.Panier #Contenu .Retour {
	position: absolute;
	right: 12px; top: 50px;
}

/*-- Panier --*/
table.Panier {
	width: 100%;
	border-top: 1px solid #babab9;
	margin: 18px 0 12px;
}
table.Panier th {
	font-size: 1.1em;
	font-weight: bold;
	color: #b67c04;
	text-align: center;
	text-transform: uppercase;
	background: #fef3d6;
	border-bottom: 1px solid #babab9;
	padding: 6px 12px;
}
table.Panier th small {
	font-weight: normal;
	text-transform: none;
}
table.Panier td {
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: center;
	background: #fff url(/images/Bg_Tableau_SeparH.gif) repeat-y 100% 0%;
	border-bottom: 1px solid #babab9;
	padding: 12px;
}
table.Panier tr.LastItem td	{ border-bottom: 3px double #babab9; }
table.Panier td strong		{ color: #000; }
table.Panier td input		{ margin-right: 4px; }
table.Panier td.Item {
	text-align: left;
	background-color: #fefaee;
}
table.Panier td.Total {
	background-color: #fcfbf8;
	background-position: 1px 0%;
}
table.Panier td.GrandTotal {
	background-color: #fbf6e7;
	background-position: 1px 0%;
}
table.Panier span.GrandTotal {
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box; /*ff*/
	font-weight: bold;
	color: #fff;
	vertical-align: middle;
	background: #b67c04 url(/images/Bg_Panier_GrandTotal.gif) no-repeat 100% 50%;
	padding: 2px 12px 3px 4px;
}
#Contenu table.Panier p { font-size: .9em; margin: 0; }

/*- Styles pour panier de la boutique --------------------------------------*/
body.Extranet #Corps { background-image: url(/images/Bg_Acc_Corps.gif); }
body.Extranet #Contenu {
	position: relative;
	width: 910px;
	background: #fff url(/images/Bg_Contenu_Extranet.png) no-repeat;
	margin-right: 0;
}
body.Extranet #Contenu .Section {
	font-size: 1.6em;
	line-height: 32px;
	text-transform: none;
}
body.Extranet #Contenu .AligneGauche { margin-right: 32px; }
body.Extranet #Contenu .AligneGauche label {
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 2px;
}
body.Extranet #Contenu .BlocOnglet.Form { margin-top: 24px; border-top: 1px solid #babab9; }
body.Extranet #Contenu .BlocOnglet.Form table.Tableau { margin: 0; }
body.Extranet #Contenu .Formulaire .Droite { width: 616px; }
body.Extranet #Contenu a.LienPlus {
	background: url(/images/Bt_Ouvrir.gif) no-repeat 0% 50%;
	padding-left: 24px;
}
body.Extranet #Contenu a.LienPDF {
	display: block;
	background: url(/images/Picto_PDF.gif) no-repeat 0% 50%;
	padding-left: 24px;
}

/*-- Promo de profil --*/
body.Extranet #Contenu .BlocPromo {
	float: right;
	width: 350px;
	background: #fff;
	border: 1px solid #b67c04;
	margin: 0 0 0 50px;
	padding: 4px;
}
body.Extranet #Contenu .BlocPromo h4 { padding-top: 4px; }
body.Extranet #Contenu .BlocPromo .Photo {
	float: left;
	margin: 0;
	padding-right: 10px;
}

/*- Styles pour Plan du site -----------------------------------------------*/
#Contenu ul#PlanSite {
	font-size: 1.4em;
	line-height: normal;
	margin: 0;
}
#Contenu ul#PlanSite li {
	float: left;
	width: 200px;
	background-image: none;
	margin-right: 10px;
	padding: 0 0 8px;
}
#Contenu ul#PlanSite li a {
	font-weight: bold;
	color: #0471b3;
	text-decoration: none;
}
#Contenu ul#PlanSite li a:hover { color: #0a3550; }
#Contenu ul#PlanSite ul {
	font-size: .9em;
	padding: 8px 0 0 16px;
}
#Contenu ul#PlanSite ul li {
	float: none;
	width: auto;
	background-image: url(../images/Puce_Liste.gif);
	padding: 0 0 4px 12px;
	margin-right: 0;
}
#Contenu ul#PlanSite ul li a {
	font-weight: normal;
}

/*- Tooltips ---------------------------------------------------------------*/
#ToolTip {
	position: absolute;
	background: url(/images/Bg_ToolTip.gif) no-repeat 0% 100%;
	padding-bottom: 16px;
}
#ToolTip .Contenu {
	background-color: #fff;
}
#ToolTip .Contenu table {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border-left: 3px solid #b67c04;
	border-right: 3px solid #b67c04;
}
#ToolTip .Contenu th {
	font-weight: bold;
	color: #fff;
	background-color: #b67c04;
	padding: 4px 6px;
}
#ToolTip .Contenu td {
	text-align: left;
	background: #fff;
	padding: 4px 6px;
	white-space: nowrap;
}
#ToolTip .Contenu td.Rangee {
	text-align: left;
	background: #fef3d6 url(/images/Bg_Tableau_SeparH.gif) repeat-y 100% 0%;
}
.ToolTipContenu { display: none; }

/*- Pop-Up d'erreur --------------------------------------------------------*/
#ErreurBox { padding: 18px; }
#ErreurBox h2 { margin: 0 0 4px; }
#ErreurBox p {
	font-size: 1.1em;
	margin: 0 0 12px;
}
#ErreurBox ul {
	font-size: 1.1em;
	line-height: 1.4em;
}
#ErreurBox ul li {
	list-style: none none;
	color: #f00;
	background: url(/images/Puce_Liste.gif) no-repeat 0px .6em;
	padding: 0 0 6px 10px;
}

/*- Styles pour formulaires ------------------------------------------------*/
#Contenu .Formulaire {
	background: url(/images/Bg_Formulaire_Carrieres.gif) repeat-y;
	border-top: 1px solid #babab9;
	border-bottom: 1px solid #babab9;
	margin: 16px 0;
}
#Contenu .Formulaire .Gauche,
#Contenu .Formulaire .Droite {
	float: left;
	width: 246px;
	padding: 12px;
}
#Contenu .Formulaire .Droite {
	width: 336px;
	background: #fff;
}
#Contenu .Formulaire h2 { margin-top: 10px; }
#Contenu .Formulaire p {
	margin: 0 0 2px;
}
#Contenu .Formulaire p.AligneGauche {
	margin-right: 8px;
}
#Contenu .Formulaire p label {
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#Contenu .FormNote {
	font-size: .9em;
	line-height: normal;
	margin: 0;
	padding-left: 12px;
}

input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #FF0000;
}
#Contenu p.SuccesValidation {
	font-size: 1.2em;
	color: #99b46d !important;
	background: #f9fdf1;
	border: 1px solid #99b46d;
	padding: 8px 12px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation {
	font-size: 1.2em;
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 8px 12px 5px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation ul {
	font-size: 1em;
	margin: 4px 0 0 0;
}
#Contenu div.SommaireValidation ul li {
	background-image: url(/images/Puce_ValSum.gif);
	padding: 0 0 2px 10px;
}
.TxtBox {
	color: #5a5849;
	background: #fff;
	border: 1px solid #bab9ae;
	padding: 2px 3px;
}
.TxtArea {
	color: #5a5849;
	background: #fff;
	border: 1px solid #bab9ae;
	padding: 2px 3px;
}
.SelectList {
	color: #5a5849;
	background: #fff;
	border: 1px solid #bab9ae;
	padding: 1px 2px;
}
p.Checkbox {

}
p.Checkbox label {
	display: block;
	float: left;
	margin: 0 0 0 3px;
}
p.Checkbox input {
	display: block;
	float: left;
	margin: 2px;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn  {

}
p.RadioBtn label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}
.Btn {
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	overflow: visible;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	font-weight: bold;
	color: #b67c04;
}
#Contenu p.TextePetit { font-size: 1.1em; }
#Contenu span.TextePetit { font-size: 0.9em; }

/*- Classes pour les hyperliens ----*/

/*- Classes pour les images ----*/
img.ImageContour {
	border: 4px solid #d6d5c6;
}
img.ImageGauche {
	border: 4px solid #d6d5c6;
	margin:	0 20px 6px 0;
	float: left;
}
img.ImageDroite {
	border: 4px solid #d6d5c6;
	margin: 0  0 6px 20px;
	float: right;
}

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
#Contenu ul {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 6px;
}
#Contenu ul li {
	list-style: none none;
	background: url(/images/Puce_Liste.gif) no-repeat 0px .6em;
	padding: 0 0 6px 10px;
}
#Contenu ol {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 6px 24px;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 6px 0;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
	border-top: 1px solid #babab9;
	margin: 18px 0;
	clear: both;
}
table.Tableau td {
	font-size: 1.2em;
	color: #000;
	line-height: 1.4em;
	background: #fff;
	border-bottom: 1px solid #babab9;
	padding: 10px 12px;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-size: 1.1em;
	font-weight: bold;
	color: #b67c04;
	line-height: normal;
	text-transform: uppercase;
	background: #fef3d6;
	padding: 6px 12px;
}
table.Tableau td.CelluleSousTitre {
	font-size: 1.1em;
	font-weight: bold;
	color: #b67c04;
}
table.Tableau td.CelluleAlternative		 { background: #fefaee; }
table.Tableau td.CelluleSepar			 { background: #fff url(/images/Bg_Tableau_SeparH.gif) repeat-y 100% 0%; }
table.Tableau td.CelluleAlternativeSepar { background: #fefaee url(/images/Bg_Tableau_SeparH.gif) repeat-y 100% 0%; }
table.Tableau td .TextePetit			 { color: #5a5849; }

table.TableauAlt {
	margin: 0 0 18px;
	clear: both;
}
table.TableauAlt td {
	font-size: 1.2em;
	color: #000;
	line-height: 1.4em;
	background: #fff;
	padding: 12px 12px;
	vertical-align: top;
}
table.TableauAlt td.CelluleTitre {
	font-size: 1.1em;
	font-weight: bold;
	color: #b67c04;
	line-height: normal;
	text-transform: uppercase;
	background: #fef3d6;
	border-top: 1px solid #babab9;
	border-bottom: 1px solid #babab9;
	padding: 6px 12px;
}
table.TableauAlt td.CelluleSousTitre {
	font-size: 1.1em;
	font-weight: bold;
	color: #b67c04;
}
table.TableauAlt td.CelluleAlternative { background: #fefaee; }
table.TableauAlt td .TextePetit		   { color: #5a5849; }

table.TableauTaureaux {
	border: 1px solid #babab9;
	border-right: 0;
	margin: 0 0 16px;
	clear: both;
}
table.TableauTaureaux td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #5A5849;
	background: #fff url(/images/Bg_HR_Alt.gif) repeat-y 100% 0%;
	padding: 4px 7px 4px 6px;
	vertical-align: top;
}
table.TableauTaureaux td.CelluleTitre {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background: #7f745a url(/images/Bg_HR_Alt.gif) repeat-y 100% 0%;
	padding: 6px 11px 6px 10px;
	text-align: center;
}
table.TableauTaureaux td.CelluleSousTitre {
	color: #b67c04;
	background: #fef3d6 url(/images/Bg_HR_Alt.gif) repeat-y 100% 0%;
	text-align: left;
	vertical-align: bottom;
}
table.TableauTaureaux td.CelluleAlternative { background-color: #f3f8fa; }

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
div#Contenu table.Tableau ul,
div#Contenu table.Tableau ol,
div#Contenu table.Tableau p,
div#Contenu table.TableauAlt p {
	font-size:1em;
}