/* 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,a:link,a:visited,a:hover,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#index{
	background: url(Gx/M/BG-gradient.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: url(Gx/M/BG-gradient.gif) repeat-x center top;
	margin: 10px 0 0 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Times, sans-serif; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color: #770c2d; font-size:18px; font-family:Times, "Times New Roman", sans-serif; margin:40px 0 15px 0; padding:0 0 0 10px;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #333366; font-size:12px; font-weight:bold; padding:0 10px 0 20px; margin: 10px 0 10px 0;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3{color: #333366; font-size:13px; font-weight:bold; margin: 10px 0 10px 0;}

p{font-family: Times, Arial, sans-serif; font-size: 12px; line-height: 150%; color: #333366; margin-bottom: 10px;}
p.textePetit{font-size:11px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#666699; text-decoration:underline; font-weight:normal;}
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:#770c2d; text-decoration:none;
}

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

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */

#box{
	background: url(Gx/M/bg_shadow_side.png) no-repeat bottom right;
	_background: url(Gx/M/shadow_bg_side_ie.gif) no-repeat bottom right;
	width:806px;
	margin: 0 auto 0 auto;
	padding:0;
}

#side{
	width:5px;
	float:left;
}

#bottom{
	height:4px;
	width:801px;
	clear:both;
	background: url(Gx/M/bg_shadow_bottom.png) no-repeat left top;
	_background:  url(Gx/M/shadow_bg_bottom_ie.gif) no-repeat left top;
	margin:0;
	padding:0;
}

#conteneur{
	background: #d4b378;
	text-align:left;
	width:778px;
	border-left:22px solid #333366;
	border-right:1px solid #333366;
	border-top:1px solid #333366;
	border-bottom:1px solid #333366;
	float:left;
}

#contenu{
	border-top:1px solid #333366;
	background-color: #d4b378;
}

.both{clear:both;background: #FFFFFF;}

/* MENUS
--------------------------------------------------------------------------------------- */

#menu{margin: 0; padding: 0; height:27px;}
#menu li{
	float: left;
	list-style: none; 
	font-size:11px; 
	font-family: Arial, sans-serif;
	margin:0;
	padding:0;
	border-bottom:1px solid #333366;
	_border-bottom:none;
}
#menu li a{
	border-right:1px solid #333366;
	display: block;
	background: #aeadc2;
	text-align:center;
	text-decoration: none;
	height:27px;
	line-height:27px;
	color: #691403;
	white-space: nowrap;
}
#menu li a#last{
	border-right:none;
	display: block;
	background: #aeadc2;
	text-align:center;
	text-decoration: none;
	height:27px;
	line-height:27px;
	color: #691403;
	white-space: nowrap;
}
#menu li a:hover, #menu li a#last:hover{background-color: #8988a7; color:#FFFFFF; text-decoration:underline;}
#menu li a.on, #menu li a#last.on{background-color: #4c4c79; color:#FFFFFF; text-decoration:underline;}
#menu li ul{margin: 0;padding: 0;position: absolute;visibility: hidden;}
#menu li ul li{float: none;margin: 0;padding: 0;}
#menu li ul li a{
	background: #f2f2f2;
	color:#666699;
	text-align:left;
	border:1px solid #666699;
	border-bottom:none;
	height:20px;
	line-height:20px;
	padding-left:5px;
}
#menu li ul li a#last{
	background: #f2f2f2;
	color:#666699;
	text-align:left;
	border:1px solid #666699;
	height:20px;
	line-height:20px;
	padding-left:5px;
}
#menu li ul li a:hover, #menu li ul li a#last:hover{background: #e7e7f2; color:#666699; text-decoration:underline;}

#menu li a.merchant{width:95px;}
#menu li a.merchant_en{width:95px;}
#menu li a.project{width:119px;}
#menu li a.project_en{width:104px;}
#menu li ul li a.project_sub{width:230px;}
#menu li ul li a.project_sub_en{width:230px;}
#menu li a.services{width:124px;}
#menu li a.services_en{width:104px;}
#menu li ul li a.servives_sub{width:180px;}
#menu li ul li a.servives_sub_en{width:180px;}
#menu li a.partner{width:94px;}
#menu li a.partner_en{width:104px;}
#menu li a.questions{width:105px;}
#menu li a.questions_en{width:150px;}
#menu li a.code{width:79px;}
#menu li a.code_en{width:89px;}
#menu li a.location{width:51px;}
#menu li a.location_en{width:61px;}
#menu li a.contact{width:104px;}
#menu li a.contact_en{width:64px;}

#menuSec{background: #d4b378 url(Gx/M/bg_sous_menu.gif) no-repeat top; float:left; height:300px; width:191px; padding-top:33px;}
#menuSec ul{margin:0; padding:0;}
#menuSec ul li{list-style:none; margin:0 0 4px 0; padding:0;}
#menuSec ul li a{
	background:url(Gx/M/bg_sousmenu_btn.png) repeat-x left top;
	border-top: 1px solid #333366;
	border-bottom: 1px solid #333366;
	color:#333366;
	display:block;
	font-size:10px;
	text-decoration:none;
	width:181px;
	padding:5px;
}

#menuSec ul li a:hover{
	background:url(Gx/M/bg_sousmenu_btn_over.png) repeat-x left top;
	text-decoration:underline;
}

#menuSec ul li a.on{
	background:url(Gx/M/bg_sousmenu_btn_over.png) repeat-x left top;
	text-decoration:underline;
}

#menuSec ul#editorial li a{
	background-color: #770c2d;
	background-image:none;
	border-top: 1px solid #770c2d;
	border-bottom: 1px solid #770c2d;
	color: #FFFFFF;
	font-size:14px;
	text-decoration:none;
}

#menuSec ul#editorial li a:hover{
	text-decoration:underline;
}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #333366;height:300px;width:500px; margin:0 0 0 20px;}
#formQuestion{width:300px; margin:0 0 0 20px;}
#formQuestion fieldset label{float:none;width:150px;}
#formQuestion .champTexte{float:none;width:300px;}
#formQuestion .listeDeroulante{float:none;width:300px;}
#formQuestion .boiteTexte{float:none;height:70px;width:330px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#333366; font-size:10px; height:50px; padding:0; width:799px; margin:0 auto 0 auto;}
#piedPage a{color:#333366; text-decoration:underline;}
#piedPage a:hover{color:#770c2d; text-decoration:none;}
#piedPage #copyrights{margin:0 0 10px 0; text-align:center;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:underline; color:#333366;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:none; color: #770c2d;}
#piedPage #menuBas{text-align:center; margin: 10px 0 10px 0;}
#piedPage #menuBas li{display:inline; margin:0; padding:0;}
#piedPage #menuBas li a{font-size:11px;}

#piedtexte {float:left; color:#333366; text-decoration:none; width:795px; font-size:11px ; text-align:justify; padding: 10px 0 10px 0;}
#piedtexte a{color:#333366; text-decoration:underline; font-weight:normal;}
#piedtexte a:hover{color:#770c2d; text-decoration:none; font-weight:normal;}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems{float:left; height:25px; margin-right:4px; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}
.champTexte{
	background: #f4f4f4;
	border: 1px solid #333366;
	color: #333366;
	font-size: 12px;
	font-family: Times, "Trebuchet MS", sans-serif;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #f4f4f4;	
	border: 1px solid #333366;
	color: #333366;
	font-size: 12px;
	font-family: Times, "Trebuchet MS", sans-serif;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #f4f4f4;
	border: 1px solid #333366;
	color: #333366;
	font-family: Times, "Trebuchet MS", sans-serif;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #333366;
	font-family: Times, "Trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.bouton:hover{background-color:#333366; color:#FFF;}

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

.erreur{color:#FF0000;}

#banners{
	width:778px;
}

a#logo img{
	border-bottom:1px solid #333366;
	float:left;
}

a#slogan img{
	border-right:1px solid #333366;
	border-bottom:1px solid #333366;
	float:left;
}

#shadow{
	background: url(Gx/M/shadow_bg_bottom.gif) no-repeat;
	height:7px;
	width:808px;
	padding:0;
}

#texte{
	border-left: 1px solid #333366;
	float:left;
	width:586px;
	_width:586px;
	background-color: #FFFFFF;
	min-height:435px;
}
#texte p, #texte div{
	padding:0 5px 0 20px;
}

#infos{
	float:left;
	color: #770c2d;
	width: 181px;
	padding: 0 0 10px 10px;
}

#infos img{
	float:left;
	margin-right:1px;
}

#texte_bas{
	float:left;
	border-left: 1px solid #333366;
	width:586px;
	background-color: #FFFFFF;
	height:80px;
	text-align:center;
}

#texte_bas p, #texte_bas div, #texte_bas h3 {
	padding:0 20px 0 20px;
}
#texte ul{
	margin:0 20px 10px 20px;
	
}
#texte ul li{
	list-style: disc;
	color: #333366;
}
#texte table{
	color: #333366;
	margin:0 20px 10px 20px;
}

p.succes{
	font-weight:bold;
	font-size:14px;
	margin-top:15px;
}
p.welcome{
	margin:10px 0 0 0;
	font-weight:bold;
}