/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

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

h1{
	color: #bbb;
	font-size:15px;
	margin-bottom:5px;
}
h1 a, h1 a:link, h1 a:visited{
	color:#eee;
}

h2{
	color: #7399c6;
	font-size:12px;
	
}

#colonne_secondaire h2{margin-bottom:7px;}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:950px;
	padding:10px;
	margin-top:10px;
}

#conteneurFlash{position:relative;top:-5px;}
/* HAUT DE PAGE
--------------------------------------------------------------------------------------- */
#haut_page{
	height:80px;
	width:934px;
	margin-bottom:8px;
	background:url("gx/M/bg_haut_page.gif") no-repeat bottom left;
}

* html #haut_page{width:931px;}

#logo{
	position:relative;left:15px;top:30px;
	float:left;height:50px;
}


#fontselect{position:relative;left:110px;top:30px;float:left;height:50px;}

#connexion_haut_page{float:right;height:80px;}
#rectangle_haut_page{float:right;height:80px;}

/* ------------SEARCH------------ */

#boite_search{position:relative;left:67px;top:33px;float:left;height:50px;
}

* html #boite_search{position:relative;left:62px;}
#Form1_list{
	background:url("gx/M/bg_search.gif") no-repeat top left;
	height:30px;
	width:273px;
	font family: Calibri, Arial, Helvetica, Sans Serif;
	font-size: 11px;
	font-weight: normal;
	font-weight:bold;
	color:#255090;
	text-transform: lowercase;
	font-variant: small-caps;
}



#inFormSearch{
position:relative;
left:58px;
top:3px;
}	
*+html #inFormSearch{position:relative;top:2px;}	

* html #inFormSearch{position:relative;top:2px;}	
#boite_search #btn_go_search{
	position:relative;
	top:4px;
}



#boite_search #inputSearch_fr{width:88px;}

* html #boite_search #inputSearch_fr{width:97px;}

#boite_search #inputSearch_en{width:117px;}

* html #boite_search #inputSearch_en{width:126px;}

#boite_search .Input{
	background:#e2e9f1;
	border: 1px solid #bbcadd;
	color: #4E677A;
	font-size: 10px;
	height:12px;
	margin-left:5px;
	padding-left:6px;
}
* html #boite_search .Input{height:16px;}


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

#fontselect{
	width:120px;
	height: 40px;
}

#fontselect #btnChange_lang{
	font family: Calibri, Arial, Helvetica, Sans Serif;
	font-weight: normal;
	text-transform: lowercase;
	font-variant: small-caps;
}
* html #fontselect #btnChange_lang{margin-left:12px;}
#fontselect #btnPrint{
	float:left;
	padding:3px 10px;
}
#fontselect a, #fontselect a:link, #fontselect a:visited{
	margin-bottom:5px;
	padding:0 5px;
	float: left;
	display: block;
	width: 19px;
	height: 18px;
	font-weight: bold;
	color:  #939598;
	line-height: 18px;
	text-decoration: none;
	text-indent: 5px;
	text-align: left;}
#fontselect a:hover{
	color: #00204E;
	text-decoration: none;	}
#fontselect a.actif, #fontselect a.actif:link, #fontselect a.actif:visited, #fontselect a.actif:hover{
	color: #00204E;}
#fontselect .size1{
	border-left:1px solid #ddd;
	font-size: 11px;}
#fontselect .size2{
	border-left:1px solid #ddd;
	font-size: 15px;}
	
	
/* ------------CONNEXION------------ */
#connexion_haut_page{
	color:#fff;
	height:80px;
	width:324px;
	background:url("gx/M/log_1.gif") no-repeat;
}
#rectangle_haut_page{
	color:#fff;
	height:80px;
	width:324px;
	background:url("DATA/IMAGE/rectangle_haut_page.jpg") no-repeat;
}

#connexion_haut_page form{
	position:relative;
	top:12px;
	left:12px;
}
#connexion_haut_page form #connexionAlignement{
	width:80px; 
	float:left;
	text-align:right;
	margin-right:20px;
}
* html #connexion_haut_page form #connexionAlignement{
	position:relative;
	top:0px;
	left:0px;
}
#connexion_haut_page a{
	font-family: Calibri, Arial, Helvetica, Sans Serif;
	font-size: 10pt;
	font-weight: bold;
	text-transform: lowercase;
	font-variant: small-caps;
	text-decoration:none;
	color:#fff;
}
#connexion_haut_page a:hover{
	color: #e2e9f1;
	
}
#connexion_haut_page .inputlogin{
	height:12px;
	width:120px;
	background: #e2e9f1;
	border: 1px solid #bbcadd;
	color: #4E677A;
	float:left;
	font-size: 11px;
	margin:1px 10px 1px 0;}
	
* html #connexion_haut_page .inputlogin{
	position:relative;
	top:0px;
	left:0px;
	height:16px;
}
.onglet_log{
	float:left;
	width:72px;
	text-align:center;
}

#connexion_haut_page #btnlogin{
	display:block;
	position:relative;
	top:0px;
	left:10px;
	background-image:url("gx/M/enter-customer_fr.png") no-repeat;
}

#moduleLogin{margin-left:22px;}
#titreLogin{
	color:#64A0CB;
	font-size:15px;

}
#moduleLogin td{margin:0;padding:0;border:none;}
/*   MENU et MENU SECONDAIRE
--------------------------------------------------------------------------------------- */
#menu{
	min-height:180px;
	width:204px;
	float:left;
	background: url("gx/M/bg_menu.gif") no-repeat top left;
}
#menu ul{
	position:relative;
	left:40px;
	top:20px;
}
#menu ul, #menu li{
	list-style:none;
	padding:2px 0;
	margin:0px;
}

#menu a{
	font-famiy: Calibri, Arial, Helvetica, Sans Serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: lowercase;
	font-variant: small-caps;
	width:127px;
	height:20px;
	display:block;
	/*background:url("gx/M/bg_menu_page_off.gif") no-repeat bottom;*/
	text-decoration:none;
	color:#7399c6;
}

#menu a:hover, #menu a.actif{
	/*background:url("gx/M/bg_menu_page_over.gif") no-repeat bottom;*/
	color:#144276;
}
/*
*+html #menu a{font-size: 10px;}
*html #menu a{font-size: 10px;}*/

/* ------------------- */
#menu_section{
	background:url("gx/M/bg_menu_section.gif") no-repeat;
	margin:8px 0;
	padding-left:15px;
	height:64px;
	width:722px;
}

#menu_section img{margin-right:35px;}
#menu_section_live_chat {
	background:url("gx/M/bg_live_chat.gif") no-repeat;
	margin:8px 0;
	height:64px;
	width:722px;
	padding-left:20px;
}

* html #menu_section{padding-left:17px;}
* html #menu_section_live_chat{padding-left:17px;}

#menu_section_live_chat a,#menu_section a {
	margin-top:22px;
	float:left;
	font-size:17px;
	color:#7f7f7f;
	text-decoration:none;
	cursor:hand;
	font famiy: Calibri, Arial, Helvetica, Sans Serif;
	font-weight: regular;
	text-transform: lowercase;
	margin-right:32px;
}
* html #menu_section a{font-size:15px;}
* html #menu_section_live_chat a{font-size:15px;}

#menu_section a.actif,#menu_section_live_chat a.actif,#menu_section a.actif:hover,#menu_section_live_chat a.actif:hover  {color:#144276;}
#menu_section a:hover,#menu_section_live_chat a:hover {color:#7399C6;}

#lien_live_chat{float:right;position:relative;right:150px;}
* html #lien_live_chat{right:130px;}

#lien_live_chat a{	
	margin-right:0px;
	margin-top:15px;
	color:#002f65;
	font-size:12px;
	text-decoration:none;
}
* html #lien_live_chat a{font-size:12px;}

#menu_section_partenaire{
	background:url("gx/M/bg_menu_section_partenaire_haut.gif") no-repeat;
	margin-top:8px;
	width:722px;
}
#menu_section_partenaire_bas{
	margin-bottom:8px;
	height:25px;
	width:722px;
	background:url("gx/M/bg_menu_section_partenaire_bas.gif") no-repeat;
}	
#menu_section_partenaire a{position:relative; top:15px;margin-right:5px;}

/* ------------------- */
#menu_sous_section{
	height:30px;
	padding-left:20px;
}

#menu_sous_section a{
	height:28px;
	float:left;
	font-size:12px;
	color:#7f7f7f;
	text-decoration:none;
	cursor:hand;
	margin-right:20px;
}

#menu_sous_section a.actif:hover,#menu_sous_section a.actif{color:#144276}
#menu_sous_section a:hover{color:#7399C6;}

/* CONTENU
--------------------------------------------------------------------------------------- */
#contenu1{
	width:722px;
	padding:0px;
	margin-left:212px;
}
#contenu2{
	width:722px;
	padding:0px;
	margin-left:212px;
}
* html #contenu1{margin-left:201px;}
* html #contenu2{margin-left:201px;}

#haut_contenu{
	height:172px;
}

#colonne_secondaire td.contacter h2 {margin:0;}

td.contacter {
	border-bottom-style: solid;
	border-bottom-color: #7399c6;
	border-bottom-width: 1px;
	text-indent: 10px;
	width: 170px;
}

td.information {
	text-indent: 10px;
}

#centre_contenu{
	padding-top:10px;
	border-right:1px solid #dce5f1;
}

#bas_contenu{
	width:722px;
	height:2px;
	background:url("gx/bas_contenu.gif") no-repeat bottom;
	margin-bottom:5px;
}
* html #bas_contenu{position:relative;left:1px;}

#une_colonne_principale{
	width:680px;
	padding-right:10px;
	padding-left:20px;
	padding-bottom:30px;
}

#colonne_principale{
	width:350px;
	float:left;
	padding-left:20px;
	padding-bottom:30px;
}
* html #colonne_principale{width:370px;}

#colonne_secondaire{
	margin-left:380px;
	padding:0 9px 10px 9px;
}

#resultat_recherche a{color:#999;text-decoration:none;}
#resultat_recherche a:hover{text-decoration:underline;}

#resultat_recherche .RechPage{width:700px;border:1px solid #ddd;margin-bottom:10px;}
#resultat_recherche .RechPage h2, #resultat_recherche .RechPage p, #resultat_recherche .RechPage ul{margin:0 15px;}


#resultat_recherche .LienRechPage {color:#eee;font-size:12px;background-color:#7399C6;padding:2px 12px;margin:2px;}
#resultat_recherche .LienRechPage a{color:#fff;font-weight:bold;}

/* TEXTES
--------------------------------------------------------------------------------------- */
#contenu1 p{font-size: 12px; padding-bottom:5px;  }
#contenu2 p{font-size: 13px; padding-bottom:5px;  }

p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #144276; text-decoration: underline;}
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:#000; text-decoration:underline;
}
td a{color: #144276;}
#contenu1 ul li{font-size:12px; line-height:150%;  list-style:none;}
#contenu2 ul li{font-size:13px; line-height:150%; list-style:none;}

#contenu1 ul{ padding-bottom:5px; }
#contenu2 ul{ padding-bottom:5px; }


#contenu1 #listePlanSite ul { padding:0 15px; margin:0;}
#contenu2 #listePlanSite ul { padding:0 15px;margin:0;}


#contenu1 #listePlanSite ul li a strong{ margin:0;padding:0;}
#contenu2 #listePlanSite ul li a strong{ margin:0;padding:0;}

/*
#colonne_secondaire li{ display:block;color: #0A254E;border-top:1px solid #7399C6;padding:3px 0 3px 10px; }
#colonne_secondaire li .puceListe{float:left;background:url("gx/puceListe.gif") no-repeat left top; height:11px;width:11px;display:block;}
#colonne_secondaire li .TexteListe{display:block;margin-left:11px;}
*/

#colonne_principale li{
	background:url("gx/puceListe.gif") no-repeat left top;  
	display:block;
	padding:0px 0 3px 10px;
	margin-left:15px; 
}
#colonne_secondaire li{ 
	display:block;
	color: #0A254E;
	border-top:1px solid #7399C6;
	padding:3px 0 3px 10px;
	background:url("gx/puceListe.gif") no-repeat left 3px;  
	
 }

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

#listePlanSite ul li{list-style:none;}

#contenu1 .titreSupport{font-size:14px;font-weight:bold;color:#999;}
#contenu2 .titreSupport{font-size:16px;font-weight:bold;color:#999;}

#contenu1 .SupportInfo{width:320px;text-align:center;font-size:15px;font-weight:bold;color:#144276;}
#contenu2 .SupportInfo{width:320px;text-align:center;font-size:17px;font-weight:bold;color:#144276;}


#contenu1 td{font-size:12px;}
#contenu2 td{font-size:13px;}

#contenu1 h2{font-size:12px;}
#contenu2 h2{font-size:14px;}


#contenu1 #copyrights{font-size:11px;}
#contenu2 #copyrights{font-size:13px;}

#contenu1 #menu_pied_page a{font-size:11px;}
#contenu2 #menu_pied_page a{font-size:12px;}


.texte_courant {
	font-size: 12px;
	color: #505050;
}
#contenu1 .titre {
	font-weight: bold;
	font-size: 12px;
	color: #7399c6;
	margin-bottom:7px;
}
#contenu2 .titre {
	font-weight: bold;
	font-size: 14px;
	color: #7399c6;
	margin-bottom:7px;
}
/* FORMULAIRES
--------------------------------------------------------------------------------------- */

.champTexte{	
	background: #e2e9f1;
	border: 1px solid #bbcadd;
	color: #b2c4e0;
	font-size: 11px;
	margin:2px 0 2px 0;
	width:250px;
}

.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #e2e9f1;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
	width:250px;
}
.bouton{
	background-color: #EEF3F7;
	color: #7090B7;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #00204E;color:#fff;} /* FF seulement */

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

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}

#ask_for_a_quote_en{
	margin-top:8px;
	height:25px;
	background:url("gx/bg_ask_for_a_quote.gif");
	width:119px;
}
#ask_for_a_quote_en a{
	position:relative;
	top:3px;
	padding:5px 10px;
	text-transform:uppercase;
	color:#7399C6;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}
#ask_for_a_quote_en a:hover{color:#00204e;}

#ask_for_a_quote_fr{
	margin-top:8px;
	height:25px;
	background:url("gx/bg_ask_for_a_quote.gif") no-repeat right;
	width:160px;
}
#ask_for_a_quote_fr a{
	position:relative;
	top:3px;
	padding:5px 10px;
	text-transform:uppercase;
	color:#7399C6;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}
#ask_for_a_quote_fr a:hover{color:#00204e;}

.exemple_form{color:#aaa;}

/* PIED PAGE
--------------------------------------------------------------------------------------- */
#piedPage{background-color:red;}

#piedPage a{color: #999;}

#menu_pied_page{float:right;}

#menu_pied_page a{
	text-decoration:none;
	padding-left:12px;
	margin-left:10px;
	border-left:1px solid #ddd;
}
#menu_pied_page a:hover{text-decoration:underline;}
#menu_pied_page #premier_lien{border:none;}

#copyrights{width:150px;margin-left:20px;
	float:left;
}
* html #copyrights{margin-left:10px;}
#copyrights a{color:#999;text-decoration:none;}
#copyrights a:hover{text-decoration:underline;}