/* 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,/*em,strong,*/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%;/*font-weight:normal;*/}
q:before,q:after{content:'';}
a,a:link,a:visited,a:hover,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
/*body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}*/
body{
	background: #435664 url(gx/bg.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color:#228ED2; font-size:18px;  padding:10px 0}
/*h1 a, h1 a:link, h1 a:visited{color:#C21527;}*/
/*h1{color:#000000;font-size:12px;}*/
h2{color:#000; font-size:14px;  padding:8px 0}
h2 a, h2 a:link, h2 a:visited{color:#333;}

p{font-size: 12px; line-height: 150%; color: #000000;}
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:#0070B6; text-decoration:underline; font-size:13px;}
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:#FFF; text-decoration:underline; background-color:#5AC7E8;
}

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

/* 
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;}
*/
#langue{color:#cdd6dd; float:right;margin:5px; text-decoration:none;font-weight:bold;}
#langue:hover{color:#FFF;}
/* Icones générales
--------------------------------------------------------------------------------------- */



/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 45px auto 0 auto;
	text-align:left;
	width:960px;
}
#contenu{
	background-color:#FFFFFF;
	padding:10px 20px;
	min-height:900px; 
	width:915px;
	overflow:auto;
}
.both{clear:both;}
#flashBanniere{height:331px;background:url(gx/flash.jpg);}
#partenaire{
	float:left;
	width:220px;
	background: url(gx/separateur.jpg) left no-repeat; 
	height:450px;
	margin-top:12px;
}
#partenaire img{
	margin:0 0 10px 35px;}
#partenaire p{
	margin:0 0 5px 35px;
	font-weight:bold;
	font-size:12px;}

.texte{
	float:left;
	width:660px;
	padding-bottom:10px;
}
#haut{height:125px;}
#haut a img{float:left;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{height:38px; margin:0; padding:0;}
#menu ul{margin:0;padding:0;}
#menu ul li{
	padding:0 ;
	margin:0;
	display:block; 
	list-style-type:none;
	height:38px;
	float:left;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
}
#menu span{display:none;}
#menu div{height:38px;}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#c4c4c4;}
#menu ul li.actif, #menu ul li.actif:visited{color:#FFF;}

#premiere div{background:url(Gx/M/application.gif);width:169px;}
#premiere div:hover{background:url(Gx/M/application_over.gif);width:169px;}
#premiere div.actif{background:url(Gx/M/application_on.gif);width:169px;}


#referencer div{background:url(Gx/M/developpeur.gif);width:171px;}
#referencer div:hover{background:url(Gx/M/developpeur_over.gif);width:171px;}
#referencer div.actif{background:url(Gx/M/developpeur_on.gif);width:171px;}

#marketing div{background:url(Gx/M/projets.gif);width:226px;}
#marketing div:hover{background:url(Gx/M/projets_over.gif);width:226px;}
#marketing div.actif{background:url(Gx/M/projets_on.gif);width:226px;}

#performance div{background:url(Gx/M/video.gif);width:200px;}
#performance div:hover{background:url(Gx/M/video_over.gif);width:200px;}
#performance div.actif{background:url(Gx/M/video_on.gif);width:200px;}

#createur div{background:url(Gx/M/programmeur.gif);width:189px;}
#createur div:hover{background:url(Gx/M/programmeur_over.gif);width:189px;}
#createur div.actif{background:url(Gx/M/programmeur_on.gif);width:189px;}

#menuSec{float:right;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
.bleu{
	background:#208ac5; 
	width:465px; 
	color:#FFFFFF; 
	line-height:1.8em;
	padding:0px 10px;
	font-size:12px;
	margin: 15px 0;
	}
.bleu a{color:#FFFFFF;}
.bleu a:hover{color:#c4c4c4;}
/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
#formQuestion fieldset label{float:left;width:150px;}
#formQuestion .champTexte{float:left;width:300px;}
#formQuestion .listeDeroulante{float:left;width:300px;}
#formQuestion .boiteTexte{float:left;height:70px;width:330px;}


/*page interieur
----------------------------------------------------------------------------------------*/
.server{float:left;width:348px;}
.droiteimg{
width:138px;
float:left;
margin-left:10px;
font-size:11px;
}
.bottom{
width:650px;
height:200px;
}
.bottom img{float:left;}
.bottom p{display:block;
float:left;
width:200px;}


#imageXfadeContainer img {
display:none;
width:203px;
position:absolute}
#imageXfadeContainer{
width:203px;
height:100px;}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{ width: 955px; background: #435664 url(Gx/footer.gif) repeat-x center top; overflow: hidden; }

#piedPage #menuSecondaire{ width: 960px; margin-top: 18px; text-align: left; padding: 0 0 0 23px;}
#piedPage #menuSecondaire ul{ margin: 0; padding: 0; }
#piedPage #menuSecondaire ul li{ margin: 0; padding: 0 2px; list-style: none; display: inline; }
#piedPage #menuSecondaire ul li.sep{ position: relative; top: -1px; }
#piedPage #menuSecondaire ul li a{ font-size: 11px; color: #b4b4b4; text-decoration: none; }
#piedPage #menuSecondaire ul li a:hover{ text-decoration: underline; color: white; }

#piedPage #hautPiedPage{ width: 964px; height: 140px; background: url(Gx/ligne_pointille.gif) repeat-x center bottom; margin: 0 10px; position: relative; }
#piedPage #copyrights{ margin:0; text-align:left; position: absolute; top: 20px; left: 14px; }
#piedPage #copyrights a{ color: #b4b4b4; font-size: 11px; text-decoration:none; }
#piedPage #copyrights a:hover{ color: #b4b4b4; font-size: 11px; text-decoration:underline; }

#piedPage #basPiedPage{ width: 910px; padding: 0px 10px 30px 10px; margin: 0 10px 20px 10px; text-align: justify; }
#piedPage #basPiedPage p{ font-size: 11px; color: #b4b4b4; margin: 0; padding: 0; line-height: 15px; }

#piedPage #hautPiedPage .adresse{ position: absolute; top: 18px; }
#piedPage #hautPiedPage .adresse h2{ font-size: 11px; font-family: Arial; color: #c6c6c6; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#piedPage #hautPiedPage .adresse h2 a{ font-size: 11px; color: #c6c6c6; font-weight: bold; text-decoration:none; }
#piedPage #hautPiedPage .adresse h2 a:hover{ font-size: 11px; color: #c6c6c6; font-weight: bold; text-decoration:underline; }
#piedPage #hautPiedPage .adresse p{ margin: 0; padding: 0; font-family: Arial; font-size: 11px; color: #b4b4b4; line-height: 15px; }

#piedPage #hautPiedPage #adresse1{ left: 440px; }
#piedPage #hautPiedPage #adresse2{ left: 610px; }
#piedPage #hautPiedPage #adresse3{ left: 780px; }

/* Partager cette page (bookmarker) */
#socialBookmarker { position: absolute; left: 14px; top: 67px; }
#socialBookmarkerPrefix { float:left; cursor:default; padding-left: 0px; height: 16px; text-transform: uppercase; }
.bookmarkIconesVisibles { float:left; margin-left:2px; }
#bookmarkHoverPopup { position:absolute; border:solid 1px; background-color:white; text-align:left; padding:4px; width:315px; display:none; margin-top: -5px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems{ float:left; width:150px; height:25px; margin-right:4px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a{ line-height:25px; height:25px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{ border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; border: 1px solid #fff; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{ text-decoration: none; color:#333333; border: 1px solid #666; width:150px; height:25px; display:block; background-color:#eee; padding-left:2px; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{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 5px;}
form div input{float:right;margin-right:80px;margin-bottom:5px;}
textarea{float:right;margin-right:80px;}


.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

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

.erreur{color:#FF0000;}