/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;

}
body#main{
	background: #c3c8c8 url(gx/bg.gif) repeat-x  scroll center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #48535A;
	font-size: 12px;
	font-family: Calibri, Arial, Helvetica, Sans Serif; /* Garder seulement 3 fontes */
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;color:#64A0C8;}

h1{
	font-size:22px; 
	/*font-variant: small-caps;
	text-transform: lower-case;*/
	color: #64A0C8;
	/*margin-top: 15px;*/
	margin-top: 3px;
	margin-bottom: 18px;
}
h1 a, h1 a:link, h1 a:visited{color:#64A0C8;}
h1 a:hover{text-decoration:underline;}

h2{
	font-size: 18px;  
	font-weight: normal; 
	font-variant: normal;
	text-transform: none;
	color: #64A0C8;
	margin-top: 18px;
	margin-bottom: 10px;
}
h2 a, h2 a:link, h2 a:visited{color:#64A0C8;}
h2 a:hover{text-decoration:underline;}

h3{
	font-size: 16px;
	font-weight : normal;
	text-transform: uppercase;
	color: #64A0C8;
	margin-top: 5px;
	margin-bottom: 10px;
	
}
h3 a, h3 a:link, h3 a:visited{color:#64A0C8;text-decoration:none;}
h3 a:hover{color: #64A0C8; text-decoration:underline;}

h4{
	font-weight: normal; 
	font-size: 19px;
	font-variant: small-caps;
	text-transform: lowercase;
	color: #64A0C8;
	margin-top: 15px;
	margin-bottom: 10px;
}
h4 a, h4 a:link, h4 a:visited{color:#64A0C8;}
h4 a:hover{text-decoration:underline;}

h5{
	font-weight: normal; 
	font-size: 16px;
	font-variant: small-caps;
	text-transform: lowercase;
	color: #5E6AC8;
	margin-top: 15px;
	margin-bottom: 0px;
}
h5 a, h5 a:link, h5 a:visited{color:#64A0C8;}
h5 a:hover{text-decoration:underline;}

h6{
	font-weight: normal; 
	font-size: 11px;
	font-variant: normal;
	text-transform: none;
	color: #64A0C8;
	margin-top: 15px;
	margin-bottom: 5px;
}
h6 a:hover{text-decoration:underline;}

p{font-size: 11px; line-height: 150%; color: #48535A;}
span{color:#48535A;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#7399c6; 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:#777; text-decoration:none;
}

ul li{color:#48535A; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#48535A; font-size:11px; line-height:150%; margin-left:16px;}


a:link {color: #64A0C8;}
a:hover {color: #003F72;}
a.under:link {text-decoration:none;}
a.under:hover {text-decoration:underline;}

ul{
	list-style-position: outside;
	list-style-image: url(graySquare.gif);
}
ol{list-style-position: outside;}
/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/
sup.txtSup {position:relative; bottom:1.5em; vertical-align:baseline;}

.border-top {
	border-top:1px solid #ccc;
}
.border-bottom {
	border-bottom:1px solid #ccc;
}
.border-left {
	border-left:1px solid #ccc;
}
.border-right {
	border-right:1px solid #ccc;
}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1100px;
	position:relative;
}

.both{clear:both;}


/* HAUT (logo + choix langue + grossir la police + moteur de recherche + menu)
--------------------------------------------------------------------------------------- */
#haut{height:250px;}
#logo{border-bottom:5px solid #64a0c8;height:57px;width:66px;position:absolute;top:50px;left:48px; }

#hautdroite{
	height:20px;
	position:absolute;
	top:36px;
	right:140px;
}
#hautdroite a{text-decoration:none;color:#5e6a71;}

	/* ------------FONT SELECT------------ */

		#fontselect{text-align:right;float:left;color:#899297;width:85px;}
		#fontselect a, #fontselect a:link, #fontselect a:visited{
			font-weight: bold;
			color:#899297;
			text-decoration: none;
		}
		#fontselect #btnChange_lang{font-weight: normal;margin:0 2px;}
		#fontselect a:hover{color: #666;text-decoration: none;}
		#fontselect a.actif, #fontselect a.actif:link, #fontselect a.actif:visited, #fontselect a.actif:hover{color:#666;}
		#fontselect .size1{font-size: 11px;}
		#fontselect .size2{font-size: 15px;}
			
	/* ------------SEARCH------------ */
		#boite_search{
			margin-left:78px;
			width:250px;
		}
		* html #boite_search{width:255px;}
		#Form1_list{
			padding:0 0 0 15px;
			margin:0;
			height:20px;
			font-size: 11px;
			font-weight: normal;
			font-weight:bold;
			color:#255090;	
		}
		#boite_search #inputSearch_fr{float:left;width:150px;height:17px;margin-right:2px;padding:2px 0 0 6px;}
		#boite_search #inputSearch_en{float:left;width:150px;height:17px;margin-right:2px;padding:2px 0 0 6px;}
		* html #boite_search #inputSearch_fr{margin-right:0px;}
		* html #boite_search #inputSearch_en{margin-right:0px;}
		#boite_search .Input{
			padding:0;
			margin:0;
			background:#f7f8f8;
			border: 1px solid #a5acaf;
			color: #4E677A;
			font-size: 10px;
			
		}
		#btn_go_search{
			padding:3px 0;
			margin:0;
			width:75px;
			background-color: #818a8f;
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			border:none;
			border:1 px solid #939b9f;
		}
		#btn_go_search:hover{background-color: #666;color:#fff;} /* FF seulement */
	
	/* -------- Résultats de la recherche --------- */
	#resultat_recherche {width:740px;padding:25px;}
	#resultat_recherche a{color:#999;text-decoration:none;}
	#resultat_recherche a:hover{text-decoration:underline;}
	
	#resultat_recherche .RechPage{border:1px solid #ddd;padding:10px;margin-bottom:10px;}
	#resultat_recherche .RechPage h2, #resultat_recherche .RechPage p, #resultat_recherche .RechPage ul{margin:0 15px;}
	
	
	#resultat_recherche .LienRechPage {color:#888;font-size:12px;border-bottom:2px solid #eee;margin:2px;}
	#resultat_recherche .LienRechPage a{color:#64A0C8;font-weight:bold;}
	
	/* --------MENUS--------- */
		#menu, #menuIntranet{clear:both;position:absolute;top:92px;left:114px;width:1000px;background: #FFF url(gx/menuBg.gif) repeat-x center top;}
		#menuIntranet { width: 1060px; }
		
		#menu ul{
			margin: 0 0 0 190px;
			padding: 0px;
			list-style-type: none; }	
			
		#menuIntranet ul{
			margin: 0 0 0 5px;
			padding: 0px;
			list-style-type: none; }	 
			
		#menu li {
			margin: 0 10px ;
			padding: 2px;
			list-style-type: none; 
			display: block;
			float: left;}	
		 #menuIntranet li {
			margin: 0 4px ;
			padding: 2px 0px;
			list-style-type: none; 
			display: block;
			float: left;}	
			
		#menu a, #menu a:link, #menu a:visited, #menuIntranet a, #menuIntranet a:link, #menuIntranet a:visited{
			display: block;
			float: left;
			color: #5E6A71;
			text-decoration: none;
			font-weight: normal;
			font-size:15px;
			height:19px;
		}
		
		#menu #sousmenu.colSelect a, #menuIntranet #sousmenu.colSelect a{color:#48535A;}
		
		#menu a:hover,
		#menu #sousmenu a:hover,
		#menu #sousmenu.colSelect a:hover,
		
		#menuIntranet a:hover,
		#menuIntranet #sousmenu a:hover,
		#menuIntranet #sousmenu.colSelect a:hover
		{
			text-decoration: none;
			color: #1b242a;}	
	
		#menu #sousmenu.colSelect a.actif, 
		#menu a.actif, 
		#menu a.actif:link, 
		#menu a.actif:visited,
		#menu #sousmenu a.actif:hover,
		
		#menuIntranet #sousmenu.colSelect a.actif,
		#menuIntranet a.actif, 
		#menuIntranet a.actif:link, 
		#menuIntranet a.actif:visited,
		#menuIntranet #sousmenu a.actif:hover
		{
			text-decoration: none;
			color: #64a0c8;}	
			

		#menu #sousmenu, #menuIntranet #sousmenu{clear:both;}
		#menu #sousmenu li, #menuIntranet #sousmenu li{clear:both;margin: 0; display: block; float: none;}
		#menu #sousmenu ul, #menuIntranet #sousmenu ul{margin: 0 ; }	
		#menu #sousmenu a, #menuIntranet #sousmenu a{font-size:12px;font-weight: normal;height:12px;}

		
		#MenuN3 li {font-size:12px;font-weight: normal;color: #818a8f; list-style:none; margin:0px; padding:2px;line-height:110%;}
		#MenuN3 a{font-size:12px;font-weight: normal;color: #818a8f;}
		#MenuN3 a:hover{color: #37424A;}
		#MenuN3 a.actif{color: #64A0C8;}
		
		
		 
/* PAGE
--------------------------------------------------------------------------------------- */
#page{}
	#entete{background-color:#fff;height:180px;color:#fff;}
	#enteteintranet{margin-top:80px;background-color:#fff;height:100px;color:#fff;}
	#contenu{margin:0 0 0 160px;width:800px;}
	#page1 p{font-size: 12px;}
	#page2 p{font-size: 13px;}
	
		#page1 .texte_courant { font-size: 12px; color: #48535A; padding:0px;}
		#page2 .texte_courant {	font-size: 14px; color: #48535A; }
		
		#page1 .a {	text-decoration:none; font-size: 11px; color: #7399c6;}
		#page2 .a {	text-decoration:none; font-size: 13px; color: #7399c6;}
		
		#page1 ul li a {font-size: 12px;}
		#page2 ul li a {font-size: 13px;}
		
		#contenu #AffichageBase{background-color:#fff;}
		#contenu #AffichageBase #colSec{width:180px;float:left; padding-right:20px;}
		#contenu #AffichageBase #colSec h1{
			margin:25px 0 0 39px;
			padding-right:10px;
			font-variant: small-caps;
			text-transform: lowercase;
		}
		
		#contenu #AffichageBase #colSec #MenuN3{margin:5px 0 0 39px;}
		#contenu #AffichageBase #colSec #MenuN3 ul li{margin:0;list-style:none;}
		#contenu #AffichageBase #colPrinc{min-height:300px;width:570px;margin-left:200px;padding:25px 30px 0 0;}
		* html  #contenu #AffichageBase #colPrinc{height:300px;padding:25px 20px 0 0;}
		
		#colPrinc p.texte_courant{margin-bottom:10px;}
		
		#contenu #AffichageBase #BasContenu{ clear:both;height:32px;width:800px;background: url(gx/M/basContenu.gif) repeat-x center bottom;}
		
		#contenu #AffichageTableau {float:right;}
		#contenu #AffichageTableau table{background-color:#fff;}
		#contenu #AffichageTableau tbody,#contenu #AffichageTableau tr,#contenu #AffichageTableau td,#contenu #AffichageTableau p{padding:0;margin:0;}
		
		#contenu #AffichageTableau td .titre{margin:18px 0 7px 18px;}
		#contenu #AffichageTableau td .texte_courant{margin:0 18px;}
		#contenu #AffichageTableau td a{margin: 7px 0;display:block;}
		#contenu #AffichageTableau td ul{margin:0 30px;}
		
		/*--------------------------------------------------------------*/
		/*-------------------------3 Cellules---------------------------*/
		#contenu #AffichageTableau table.Tableau3Cellules {
			padding:0 0 1px 0;margin:0;border:none;
			background:#fff url("GX/tableau_3cel/bastableau.gif") no-repeat bottom;
		}
		#contenu #AffichageTableau table.Tableau3Cellules #cellule1 {background:url("GX/tableau_3cel/cel1.gif") no-repeat;width:199px;}
		#contenu #AffichageTableau table.Tableau3Cellules #cellule2 {background:url("GX/tableau_3cel/cel2.gif") no-repeat;width:201px;}
		#contenu #AffichageTableau table.Tableau3Cellules #cellule3 {background:url("GX/tableau_3cel/cel3.gif") no-repeat;width:200px;}
		
		/*--------------------------------------------------------------*/
		/*-------------------------6 Cellules---------------------------*/
		#contenu #AffichageTableau table.Tableau6Cellules {
			padding:0 0 1px 0;margin:0;border:none;
			background:#fff url("GX/tableau_6cel/bastableau.gif") no-repeat bottom;
		}
		#contenu #AffichageTableau table.Tableau6Cellules #cellule1 {background:url("GX/tableau_6cel/cel1.gif") no-repeat;width:199px;}
		#contenu #AffichageTableau table.Tableau6Cellules #cellule2 {background:url("GX/tableau_6cel/cel2.gif") no-repeat;width:201px;}
		#contenu #AffichageTableau table.Tableau6Cellules #cellule3 {background:url("GX/tableau_6cel/cel3.gif") no-repeat;width:200px;}
		#contenu #AffichageTableau table.Tableau6Cellules #cellule4 {background:url("GX/tableau_6cel/cel4.gif") no-repeat;width:199px;}
		#contenu #AffichageTableau table.Tableau6Cellules #cellule5 {background:url("GX/tableau_6cel/cel5.gif") no-repeat;width:201px;}
		#contenu #AffichageTableau table.Tableau6Cellules #cellule6 {background:url("GX/tableau_6cel/cel6.gif") no-repeat;width:200px;}

		/*--------------------------------------------------------------*/
		/*-------------------------4 Cellules---------------------------*/
		#contenu #AffichageTableau table.Tableau4Cellules {
			padding:0 0 1px 0;margin:0;border:none;
			background:#fff url("GX/tableau_4cel/bastableau.gif") no-repeat bottom;
		}
		#contenu #AffichageTableau table.Tableau4Cellules #cellule1 {background:url("GX/tableau_4cel/cel1.gif") no-repeat;width:200px;}
		#contenu #AffichageTableau table.Tableau4Cellules #cellule2 {background:url("GX/tableau_4cel/cel2.gif") no-repeat;width:199px;}
		#contenu #AffichageTableau table.Tableau4Cellules #cellule3 {background:url("GX/tableau_4cel/cel3.gif") no-repeat;width:201px;}
		#contenu #AffichageTableau table.Tableau4Cellules #cellule4 {background:url("GX/tableau_4cel/cel4.gif") no-repeat;width:200px;}

		/*--------------------------------------------------------------*/
		/*-------------------------8 Cellules---------------------------*/
		#contenu #AffichageTableau table.Tableau8Cellules {
			padding:0 0 1px 0;margin:0;border:none;
			background:#fff url("GX/tableau_8cel/bastableau.gif") no-repeat bottom;
		}
		#contenu #AffichageTableau table.Tableau8Cellules #cellule1 {background:url("GX/tableau_8cel/cel1.gif") no-repeat;width:200px;}
		#contenu #AffichageTableau table.Tableau8Cellules #cellule2 {background:url("GX/tableau_8cel/cel2.gif") no-repeat;width:199px;}
		#contenu #AffichageTableau table.Tableau8Cellules #cellule3 {background:url("GX/tableau_8cel/cel3.gif") no-repeat;width:201px;}
		#contenu #AffichageTableau table.Tableau8Cellules #cellule4 {background:url("GX/tableau_8cel/cel4.gif") no-repeat;width:200px;}
		#contenu #AffichageTableau table.Tableau8Cellules #cellule5 {background:url("GX/tableau_8cel/cel5.gif") no-repeat;width:200px;}
		#contenu #AffichageTableau table.Tableau8Cellules #cellule6 {background:url("GX/tableau_8cel/cel6.gif") no-repeat;width:199px;}
		#contenu #AffichageTableau table.Tableau8Cellules #cellule7 {background:url("GX/tableau_8cel/cel7.gif") no-repeat;width:201px;}
		#contenu #AffichageTableau table.Tableau8Cellules #cellule8 {background:url("GX/tableau_8cel/cel8.gif") no-repeat;width:200px;}

		
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{ color:#80898f; font-size:11px; height:50px; padding:0; margin:20px 140px 0 0;}
#piedPage a{color:#80898f; text-decoration:none;}
#piedPage a:hover{color:#80898f; text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}
#piedPage #menuBas{float:right;text-align:right;}


/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#bookmarker a{color:#80898f;text-decoration:none;}
#bookmarker a:hover{color:#80898f; text-decoration:underline;}
		
	
/*--------------------------------------------------------------------------------------- */	
		
/* ACCUEIL INTRANET
--------------------------------------------------------------------------------------- */	
#contenu #AffichageAccueilIntranet{}
			
#contenu #AffichageAccueilIntranet #colPrinc{
	position:relative;
	background: #fff url(data/image/fondContenuAccueilIntranet.jpg) no-repeat right top;
	height:231px;
	width:600px;
	margin-left:200px;
}

			
#contenu #AffichageAccueilIntranet #colPrinc #TextAccueilIntranet{position:absolute;top:25px;left:25px;width:315px;}	
		
/* CHAINES
--------------------------------------------------------------------------------------- */	
#CategorieChaines a { 
	text-decoration:none;
	color:#a3a9ad;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	padding:5px 0 5px 8px;
	display:block;
	width:170px;
	border:1px solid #a5acaf;
	float:left;
	margin:0 10px 10px 0;
}	
* html #CategorieChaines a{margin:0 10px 10px 0;}
#CategorieChaines a:hover,#CategorieChaines a.actif {color:#64A0C8;cursor:pointer;} 

.listeChaines{float:left; height:15px; margin:7px 12px 12px 0;}
#colPrinc .listeChaines p{margin:0;}
.listeChaines strong{color:#64A0C8;}

.SousCatThemePacks{float:left;width:160px;padding:5px 0 5px 8px;margin:0 20px 10px 0;}
* html .SousCatThemePacks{margin:0 10px 10px 0;}

.SousCatThemePacks h4{margin:0;}

.SousCatSpecialized{float:left;width:100px;padding:5px 0 5px 0px;margin:0 10px 10px 0;}
.separationPoitille{background:url("GX/sepPointille.gif") no-repeat; width:569px; height:1px;margin:10px;}
.separationPoitille2{background:url("GX/sepPointille.gif") no-repeat; width:569px; height:1px;margin:10px 0;}

#listeCompleteChaine h2{float:left;margin:0;padding:0;display:block;width:180px;font-variant: small-caps;line-height:1;text-transform: lower-case;}
#listeCompleteChaine #ListeAnchor {font-size:16px;font-weight:bold;color:#aaa;}
#listeCompleteChaine #ListeAnchor a{text-decoration:none;color:#717172;}
#listeCompleteChaine #ListeAnchor a:hover{color:#64a0c8;}
#listeCompleteChaine .TitreLettre{display:block;width:550px;border-bottom:1px solid #64a0c8;margin:28px 0 22px 0; font-weight:bold;font-size:18px;color:#64a0c8;}
#listeCompleteChaine .BoiteChaine{display:block;width:550px; padding:5px 0 5px 0; }
#listeCompleteChaine .BoiteLogoChaine {width:100px;float:left;text-align:center; }
#listeCompleteChaine .BoiteInfoChaine span{color:#64a0c8;margin-right:12px;font-size:12px;}
#listeCompleteChaine .BoiteDescriptionChaine{width:450px;margin-left:100px;padding:8px 0 5px 0;}
#listeCompleteChaine .BoiteDescriptionChaine p{margin:0;}

/* CATALOGUE VIRTUEL
--------------------------------------------------------------------------------------- */
.docCatVirtuel{border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;padding:10px 20px;}
.docCatVirtuelDernier{border:1px solid #ddd;padding:10px 20px;}

#page1 .docCatVirtuel table h3, #page1 .docCatVirtuelDernier table h3 {font-size:13px;margin:0;}
#page2 .docCatVirtuel table h3,#page2 .docCatVirtuelDernier table h3 {font-size:15px;}

.docCatVirtuel table a,.docCatVirtuelDernier table a{text-decoration:none;}

/* PAGE : MES COMPTES
--------------------------------------------------------------------------------------- */
#ListeCompte{font-size:12px;}
#ListeCompte th{font-size:14px;width:110px;background-color:#eee;padding:2px 5px;}
#ListeCompte td{padding:2px 5px;}

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #fff; font-size: 12px; margin-bottom:10px; }
fieldset legend{border: none; color:#64A0C8; font-size:14px; font-weight:bold; }
#colPrinc label{color:#64A0CB; margin:0;font-weight:normal;}

#colPrinc label.erreur{color:#FF0000;}

/*#colPrinc tr,td{padding:0 3px 0 0;margin:0;}*/
#colPrinc table{margin:0 0 10px 0;}
#colPrinc table span{font-size: 13px;font-weight: bold;}

table.form td {padding:0 0 3px 0;}
	/*table.form td .champTexte {margin-right:6px;}*/


#page1 label {font-size:12px;}
#page2 label {font-size:15px;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}

.champTexte{
	background: #EFF5FA;
	border: 1px solid #A5ACAF;
	color: #4E677A;
	font-size: 11px;
	margin-right:6px;
}
.listeDeroulante{
	background: #EFF5FA;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EFF5FA;
	border: 1px solid #A5ACAF;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #eee;
	color: #666;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
}
.bouton:hover{background-color:#64A0C8; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}

input {vertical-align:-0.5mm;}
input.check {vertical-align:middle;}