@charset "utf-8";
body			   { color: #000000; 
				background: url(/img/fond05.gif) repeat-y scroll top left;
				margin: 0px 40px 10px 200px; 
				padding: 0px 0px 0px 0px;
				font-family: Calibri, "Gill Sans MT", Arial, Helvetica, Tahoma, sans-serif;
				}

body.fonddegrade  { background: url(/img/fond05haut.gif) no-repeat scroll top left;
				}



/*Pour faire disparaître selon la langue*/

.zz, #zz			{ display: none; }

.avant			{ display: nonee; }
.apres			{ display: none; }



/*Moteur de recherche Google */

#cse-search-query   { margin: 10pt 0pt 20pt 13pt; 
				  width: 660px; }
#cse-the-results    { margin: 20pt 0pt 15pt 13pt; 
				  width: 600px; }
#cse-search-results { margin: 20pt 0pt 15pt 13pt; 
				  width: 600px; }





/* Paragraphes et autres principaux formats */

p			{ margin: 8pt 0px 0px 0px; }


.traduction
			{ position: absolute; float: right; top: 20px; left: 760px;
			  width: 140px; margin: 0px; padding: 0px;
			  text-align: right;
			  font-size: 82%; line-height: 0.70em; font-weight: bold; 
			  }



img			  { border: 0px; }


/*Titres */

h1, h2, h3, 
h4, h5, h6	{ margin: 7pt 0 0 0;  }

h1, h2,h3,
h4, h5, h6	{ color: #062588; font-weight: 900; } /*#001a5d*/ 

h1			{ font-size: 235%; /*26pt*/
			  line-height: 111%;
			  margin-top: 20pt;
			  margin-bottom: 9pt;
			  }
h1.titre2	  	{ font-size: 118%;
			  margin-top: 23px;
			  margin-bottom: 0pt;
			  }

h2			{ font-size: 175%; /*18pt*/
			  margin: 30pt 0 12pt 0;
			  }
h2.sstitre
			{ font-size: 163%; /*15pt*/
			  }
h1.sstitre,
h2			{ padding: 0 0 1px 0; border-width: 0 0 2px 0; border-style: solid; border-color: #063088;
			  }
h1.sstitre,
h2.sstitre
			{ margin-bottom: 28pt; 
			  }
.barrehaut,
.lignehaut	{ border-top-width: 1px; border-top-style: solid; border-color: #063088; padding-top: 1em;
			  }
.barrehaut2,
.lignehaut2	{ border-top-width: 2px; border-top-style: solid; border-color: #063088; padding-top: 1.2em;
			  }



h2.ordinaire	{ margin-top: 9pt; }
h2.sstitre	{ margin-top: 5pt; }


.sansfilet	{ padding: 0; border: 0; border-width: 0 0 0 0; margin-bottom: 0pt; }


h3 			{ font-size: 145%; 
			  margin-top: 22pt;
			  }
h3.ordinaire	{ margin-top: 12pt; }

h4 			{ font-size: 129%; 
			  margin-top: 18pt;
			  }
h4.ordinaire  { margin-top: 8pt; }

h5			{ margin-top: 10pt; font-size: 108%; }
h6			{ font-size: 100%; }

.surtitre		{ margin-top: 14pt; line-height: 10pt; }
.principal	{ margin-top: 0pt; margin-bottom: 0pt; }


.lead,
.emphase		{ color: #cc2222; 
			  font-weight: bold; 
			  font-size: 112%;
			  margin-top: 12pt; margin-bottom: 20pt;
			  }
.basPage		{ color: #ffffff; 
			  font-size: 9px; 
			  line-height: 100% }


/*Puces et retraits */
dl, 
.marge1,
.liste1, .liste1a, .liste1b, 
.puce1, .puce1a, .puce1b, 
.footnote
			{ margin-left: 13pt; }

dd,
.marge2,
.liste2, .liste2a, .liste2b,
.puce2, .puce2a, .puce2b
			{ margin-left: 26pt; }

.marge3,
.liste3, .liste3a, .liste3b,
.puce3, .puce3a, .puce3b 
			{ margin-left: 39pt; }

.marge4,
.liste4, .liste4a, .liste4b,
.puce4, .puce4a, .puce4b 
			{ margin-left: 52pt; }

.footnote 
			{ font-size: 90%; line-height: 104%;
			  margin-top: 4pt; }
.liste1a, .liste1a, .liste2a, .liste3a, .liste4a,
.puce1a, .puce1a, .puce2a, .puce3a, .puce4a 
			{ margin-top: 3.5pt; }
.liste1b, .liste2b, .liste3b, .liste4b, 
.puce1b, .puce2b, .puce3b, .puce4b, 
dd
			{ margin-top: 1px; }


.puce1, .puce1a, .puce1b, 
.puce2, .puce2a, .puce2b,
.puce3, .puce3a, .puce3b,
.puce4, .puce4a, .puce4b,
.footnote 
			{ text-indent: -13pt; }








ol, ul 		{ margin-top: 0pt; margin-bottom: 0pt;
			  margin-left: 13pt; padding: 0 0 0 0}
ul			{ list-style-image: url(/img/tiret_liste.gif); }
ul.blanc		{ list-style-image: url(/img/tiret_liste-blanc.gif); }
ol			{ list-style-types: lower-roman; }
li 			{ margin-top: 2pt; margin-left: 0pt; }








/*Lignes et traits */
hr 				{ margin-top: 12pt; margin-bottom: 0pt; color: #062088; }



.ligne1, .ligne1menu, .ligne2, .ligne3, .ligne5, .ligne8 
			{
			  padding-bottom: 0pt;
			  border-width: 0 0 1px 0;
			  border-style: solid;
			  border-color: #062088; }
/*p.ligne1, p.ligne1menu, p.ligne2, p.ligne3, p.ligne5. p.ligne8
			{
			  font-size: 2px; line-height: 2px;
			  color: #449944;
			}*/

.ligne1 		{ border-bottom-width: 1px; 
			  margin-bottom: 8pt; }
.ligne1menu	{ border-bottom-width: 1px; 
			  border-color: #f9d4ab; 
			  margin: 4pt 10px 3pt 10px; }

.ligne2 		{ border-bottom-width: 2px; 
			  margin-bottom: 10pt; }

.ligne3 		{ border-bottom-width: 3px;
			  margin-bottom: 12pt;}

.ligne5 		{ border-bottom-width: 6px; 
			  margin-bottom: 12pt; }

.ligne8 		{ border-bottom-width: 10px; 
			  margin-bottom: 18pt; }





p.fig, p.figure, 
p.figure0, p.figure2, 
p.exemple 		{ color:#000099;
					  line-height: 1.13em; }
p.figure		    { margin-top: 4pt; }
p.figure0 			{ margin-top: 0pt; }
p.figure2 			{ margin-top: 12pt; }
p.exemple 			{ margin-left: 39pt; margin-right: 18pt; }

p.site, p.sitebold	{ margin-top: 15pt; }
p.sitebold 			{ font-weight: bold; }
.description,
.description2		{ font-size: 87%; margin-left: 13pt; padding-left: 9pt; margin-top: 1pt; 
					  border-left: #ebe3d3 4pt solid; background-color: #fcf9f3; }
.description2		{ margin-left: 26pt; }
.ladate				{ padding-left: 3pt; font-size: 88%; text-transform: uppercase; white-space: nowrap; }

/*Fin de photo*/
.clear, #clear		{clear: both; }




/*Tableaux et photos*/

.tableau		  { margin: 10pt 0px 10pt 0pt; padding: 5pt 4pt 9pt 10pt; 
					border: 2px solid #063088; 
					background-color: #ffeed8; 
					  }


.cadremince			{ border-width: 1px ; }

.cadrevide, 
.cadrenul			{ border-width: 0px ; }
.fondvide			{ background-color: none; }

.cadreblanc		{ border-color: #ffffff; }
.fondblanc		{ background-color: #ffffff; }
.cadrenoir		{ border-color : #000000; }
.fondnoir			{ background-color: #000000; }

.cadrebeige,
.cadrebrun		{ border-color: #663300; }
.fondbeige		{ background-color: #ffead0; }
.fondbrun			{ background-color: #663300; }

.fondjaune			{ background-color: #FFFF99; }

.cadreor			{ border-color: #f9d4ab; }
.cadreorfonce		{ border-color: #f7a044; }
.fondor			{ background-color: #f9d4ab; }
.fondorfonce		{ background-color: #F59a40; } 

.cadregris		{ border-color: #eeeeee; }
.cadregrisfonce	{ border-color: #333333; }
.fondgris			{ background-color: #eeeeee; }
.fondgrisfonce		{ background-color: #333333; }

.cadrerouge		{ border-color: #cc2222; }
.fondrougepale		{ background-color: #ffe8e8; }
.fondrouge		{ background-color: #cc2222; }

.cadrebleu		{ border-color: #062588; }
.fondbleupale		{ background-color: #e4e4fc; }
.fondbleu			{ background-color: #062588; }

.cadrevert		{ border-color: #00a811; }
.fondvertpale		{ background-color: #e0ffe0; }
.fondvert			{ background-color: #00a811; }
.fondvertfonce		{ background-color: #00660a; }



/* Pour les vidéos : 
   Largeur de cadre nécessaire
	= largeur vidéo + 50px
	= largeur du cadre flv utilisé + 28px
	*/
div.fondvideo320,
div.fondvideo640,
div.fondvideo720,
div.fondvideo		{ background-color: #f0f0fb; padding: 14px 0px 8px 0px; text-align: center; }

div.fondvideo		{ padding: 14px 14px 14px 14px; }  
div.fondvideo320	{ width: 370px; }
div.fondvideo640	{ width: 690px; }
div.fondvideo720	{ width: 770px; }





/*Photos et blocs flottants*/


.gauche, .gauche0,
.photogauche
				{ float: left; width: 370px; 
				  margin: 0px 0px 0px 0px; padding: 0px; }
.gauche,
.photogauche		{ margin-right: 22px; }

.droite, .droite0,
.photodroite, 
.photo
				{ float: right; width: 370px; 
				  margin: 0px; padding: 0px; }
.droite,
.photodroite, 
.photo 			{ margin-left: 12px; }

.photogauche,
.photodroite,
.photo			{ background-color: #ffffff; }

div.photogauche,
div.photo,
div.photodroite	{ margin-top: 3pt; margin-bottom: 8pt; }


/*Division de droite avec séparateur */
/* 1/2 droite sep : avec separateur */
/* 1/2 droite int : decalage interieux : div à utiliser à l'intérieur de l'autre */
div.droitesep 		{ float: right; width: 404px; 
				  margin: 0px; padding: 0px;
				  background:url(/img/fond_ligneGbleupale.gif) repeat-y scroll top left; 
				  }
				  
div.droiteint 		{ padding-left: 39px; 
				  }



/* *******************************  */



/*Commande Tableaux*/

table			{ text-align: left; padding: 0; margin: 0pt 0 0 0; 
				  border: none; border-spacing: 0; border-collapse: collapse; 
				  font-size: 1em; }
.head, #head		{ font-style: italic; }
td				{ text-align: left; vertical-align: top; }
.entete, #entete	{ font-style: italic; border-bottom: 1px solid #cc2222; }

caption			{ text-align: left; }








/*Division pour le contenu*/

div.contenu	 	{ font-size: 0.88em;
				  }

div.contenu	 	{ width: 780px; } 

div.retrait 		{ margin-left: 200px; }  /*pour lorsqu on n a pas de cadre */
div.retraitnegatif 	{ margin-left: -200px; }

div.piedpage		{ clear: both; }

p.copy			{ 
				  font-size: 73%;
				  margin-top: 0px;
				  }







/* Division pour l'accueil */

p.accueil,
p.accueil0		{ position: absolute; float: none; top: 36px; left: 32px; 
				  width: 126px; 
				  margin: 0pt; padding: 0; 
				  color: #001160; }
p.accueil00		{ width: 157px; text-align: right; }

p.accueil-2		{ position: absolute; float: none; top: 128px; left: 23px;
				  width: 150px;
				  }



/* Division pour menus */

div.menu 			{ position: absolute; float: none; top: 145px; left: 0px; 
				  width: 175px; 
				  margin: 0; padding: 0px 0px 0px 0pt; 
				  color: #020855; 
				  font-family: 
				  ArialNarrow, 'Arial Narrow', 'Helvetica Condensed', 
				  'Gill Sans MT Condensed', 
				  Arial, Helvetica, Tahoma, sans-serif;
				  } 

div.bouton,
div.google,
div.contact		{ padding: 7px 0px 9px 0px;
				  margin:  0px 0px 0px 0px;
				  background-color: #f7a044; /*f7a044*/
				  border: solid #f9d4ab; border-width: 0px 0 2px 0; 
				  }

div.bureau		{ background-color: #99c7df;
				 }

div.google		{ background-color: #053a88; color: #ffffff;
				  }

div.contact		{ padding: 9px 0 7px 4px;
				  background-color: #00a811; color: #ffffff;  /* #00a010 */
				  font-size: 9pt; font-weight: bold;
				 } 


.menuligne	 { border-top: solid 1px #f9d4ab; padding-top: 28px; margin-top: 12px; }


div.menu a,
div.menu a:link,
div.menu a:visited
				 { color: #000044; text-decoration: none; display: block; }
div.menu a:hover { color: #000066; background-color: #ffead0; }  /*f4c466*/

div.google a,
div.google a:link,
div.google a:visited
				 { color: #ffffff; text-decoration: none; display: block; }
div.google a:hover
				 { color: #000000; background-color: #d9e6ff; }  /*#4c83be*/

div.contact a,
div.contact a:link,
div.contact a:visited
				 { color: #ffffff; text-decoration: none; display: block; }
div.contact a:hover
				 { color: #004400; background-color: #ccffcc; }



p.menu, p.menu0, p.menu0a, p.menu0b, p.menu0c,
p.menu1, p.menu1aa, p.menu1ab, p.menu1a, p.menu1b, p.menu1bb, p.menu1c, p.menu1cc, p.menu1d, p.menu1dd,
p.menu1descr
				{ margin: 0px 0px 0px 0px; padding: 0px 2px 0px 10px; 
				  } 


p.menu0 		{ font-size: 13pt; line-height: 12.5pt; 
				  font-weight: bold; 
				  }

p.menu, p.menu1
				{ font-size: 10.5pt; font-weight: bold; line-height: 11pt; }
p.menu1 			{ padding-top: 1px; margin-top: 3pt; }

p.menu1a, p.menu1aa, menu1ab, p.menu1b, p.menu1bb, p.menu1c, p.menu1cc, p.menu1d, p.menu1e
				{ font-size: 10.5pt; line-height: 9.5pt; }
p.menu1a, p.menu1aa
				{ padding-top: 1pt; margin-top: 2pt; }
p.menu1descr
				{ font-size: 10pt; line-height: 9pt; padding-top: 1pt; margin-top: 1pt; }
p.menu1b, p.menu1ab
				{ padding-top: 1pt; }
p.menu1b 			{ padding-left: 17pt; padding-top: 1px; margin-top: 1.5pt; }
p.menu1bb 		{ padding-left: 17pt; padding-top: 1px; }
p.menu1c 			{ padding-left: 27pt; padding-top: 1px; margin-top: 1px; font-size: 9.5pt; line-height: 8.2pt; }
p.menu1cc 		{ padding-left: 27pt; padding-top: 1px; font-size: 9.5pt; line-height: 8.2pt; }
p.menu1d 			{ padding-left: 37pt; padding-top: 1px; margin-top: 1pt; font-size: 9pt; line-height: 8pt; }
p.menu1dd 		{ padding-left: 37pt; padding-top: 1px; font-size: 9pt; line-height: 8pt; }






/* Styles pour formulaires */

form			{ border: none; margin: 0px; padding: 0px; }

fieldset		{ border: none; margin: 0px; padding: 0px; }

.nomchampX,
labelX			{ color: #062088; }

input			{ font-size: 0.95em; margin: 0px; padding: 0px 3px 0px 3px; }


@media screen, print { 
	legend 		{ display: none; } 
	}







/*Styles de liens */

a:link,
a:active 			{ color: #004400;  }
a:visited 		{ color: #224822; }
a:hover 			{ color: #004400; 
				  background-color: #d0e0ff; } 


a.descr  			{ font-family: ArialNarrow, 'Arial Narrow', 'Helvetica Condensed', 'Gill Sans MT Condensed', sans-serif; }
a.descr  			{ font-size: 73%; margin-left: 9px; 
				  color: #6a6459; }

/*Liens externes */
a.externe			{ background: url(/img/externe.png) no-repeat center right; padding-right: 14px; }
a.doc			{ background: url(/img/doc.png) no-repeat center right; padding-right: 16px; }
a.info			{ background: url(/img/info.png) no-repeat center right; padding-right: 12px; }
a.lex, a.lexique	{ background: url(/img/lexique.png) no-repeat center right; padding-right: 25px; }
a.pdf			{ background: url(/img/pdf.png) no-repeat center right; padding-right: 16px; }
a.xls			{ background: url(/img/xls.png) no-repeat center right; padding-right: 16px; }
a.externepdf,
a.pdfexterne		{ background: url(/img/externepdf.png) no-repeat center right; padding-right: 24px; }
a.nouveau			{ background: url(/img/newrouge.gif) no-repeat center right; padding-right: 45px; }
a.nouveaur		{ background: url(/img/newred9.gif) no-repeat center right; padding-right: 19px; }
a.nouveauj		{ background: url(/img/newyel9.gif) no-repeat center right;  padding-right: 19px; }

/*Format de base */
a:link,
a:active 			{ color: #004400;  }
a:visited 		{ color: #224822; }
a:hover 			{ color: #004400; 
				  background-color: #d0e0ff; }


/* Formats d alignement */

.nowrap, #nowrap	{ white-space: nowrap; }

.agauche, .left	{ text-align: left; }
.aucentre, .center	{ text-align: center; }
.adroite, .right	{ text-align: right; }
.justifie, .justify	{ text-align: justify; }




/*Espacements de paragraphes particuliers */
.p0pt,
.ferme			{ margin-top: 0pt !important; }
.p1pt			{ margin-top: 1pt !important; }
p.note,
.p2pt			{ margin-top: 2pt !important; }
.p3pt			{ margin-top: 3pt !important; }
.p4pt			{ margin-top: 4pt !important; }
.p5pt			{ margin-top: 5pt !important; }
.p6pt			{ margin-top: 6pt !important; }
.p7pt			{ margin-top: 7pt !important; }
.p8pt			{ margin-top: 8pt !important; }
.p9pt			{ margin-top: 9pt !important; }
.p10pt			{ margin-top: 10pt !important; }
.p12pt			{ margin-top: 12pt !important; }
.p14pt			{ margin-top: 14pt !important; }
.ouvert			{ margin-top: 14pt !important; }
.p16pt			{ margin-top: 16pt !important; }
.p18pt			{ margin-top: 18pt !important; }
.p20pt			{ margin-top: 20pt !important; }
.p22pt			{ margin-top: 22pt !important; }
.p24pt			{ margin-top: 24pt !important; }
.p26pt			{ margin-top: 26pt !important; }
.p30pt			{ margin-top: 30pt !important; }
.p36pt			{ margin-top: 36pt !important; }
.pbas0pt			{ margin-bottom: 0pt !important; }
.pbas6pt			{ margin-bottom: 6pt !important; }
.pbas12pt			{ margin-bottom: 12pt !important; }






/*Formats de caractères */

.gros		 	{ font-size: 110%; }
.moyen		 	{ font-size: 86%; }
.note, .notes,
.petit			{ font-size: 80%; }
.ttpetit		{ font-size: 76%; }
.mini		 	{ font-size: 70%; }
.micro		 	{ font-size: 62%; }
.micromicro		{ font-size: 40%; }
.maj,
.majuscules		{ text-transform : uppercase; }
.pmaj			{ text-transform: uppercase; font-size: 80%; }
.smallcaps		{ font-variant : small-caps; }
.romain			{ font-weight: normal; }
.gras			{ font-weight: bold; }
.italique			{ font-style: italic; }
.barre, .raye		{ text-decoration: line-through; }
.soul			{ text-decoration: underline; }
.nonsoul,
.passoul			{ text-decoration: none; }


/* Pour codage informatique */
samp, .samp, 
.instr, .tag		{ font-family: "Segoe UI", Tahoma, Charcoal, Chicago, 
				  "MS Sans Serif", sans-serif ; 
				  font-size: 95%; font-weight: bold; 
				  color: #6600dd; }
code, .code		{ font-family: Consolas, "Courier New", Courier, monospace; 
				  font-size: 95%; font-weight: bold;
				  color: #3300ff; }



sub				{ font-size: 82%; }
sup				{ font-size: 78%; vertical-align: super; line-height: 15%; }





/*Couleurs*/
.accent,
.accent1,
.accent2			{ font-weight: bold }
.accent2			{ font-size: 105%; }

.couleur,
.accent, .accent1,
.accent2			{ color: #cc2222; }


.verifier			{ color: #000077; }

a.rouge,
.rouge			{ color: #cc2222; }
a.rougefonce,
.rougefonce		{ color: #9f1616; }
a.bleu,
.bleu			{ color: #062088; }
.bleupale		{ color: #6988b8; }
a.jaune,
.jaune			{ color: #FFFF00; }
a.jaunepale,
.jaunepale		{ color: #FFFF77; }
a.beige,
.beige			{ color: #ddc266; }
a.brun,
.brun			{ color: #062088; }
a.or,
.or				{ color: #bb441a;}
a.orange,
.orange			{ color: #bb4000; }
a.vertlime,
.vertlime			{ color: #d0ff66; }
a.vertpale,
.vertpale			{ color: #aaFF66; }
a.vert,
.vert			{ color: #008808; }
a.vertfonce,
.vertfonce		{ color: #004404; }
a.violet,
.violet			{ color: #770077; }
a.teal,
.teal			{ color: #336666; }
a.gris,
.note, .notes,
.descr,
.gris			{ color: #666666; }
a.grispale,
.grispale		{ color: #aaaaaa; }
a.blanc,
.blanc			{ color: white; }
a.noir,
.noir			{ color: #000000; }

.condense			{ font-family: ArialNarrow, 'Arial Narrow', 'Helvetica Condensed', 'Gill Sans MT Condensed', 
				  Arial, Helvetica, Tahoma, sans-serif; }
.sansserif		{ font-family: Calibri, "Gill Sans MT", Arial, Helvetica, Tahoma, sans-serif; }





/*Cacher les sections non développées*/
p.association, 
p.google, 
p.formation, 
p.gestion, p.guide, p.verif,
p.magazine, p.documents, p.dossiers, p.dossiersvideo,
p.solutions, p.equipements, p.innovations, 
p.outils,
p.banquephotos,
p.recherche, p.ergo,
p.nouvelles, p.varia, 
p.prive, 
p.menu 
				{ display: none; }
