/* CSS Document */
/**********************************************/
/**************** GENERALITES *****************/
/**********************************************/
body {
margin: 0px;
padding: 0px;
height: 100%;	
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#c1e4ff;
background-image:url(../img/design/bg.jpg);
background-repeat:repeat-x;
color:#696969;
/*overflow-y: scroll;*/
}

/**********************************************/
/**************** PARAGRAPHES ET TITRES *******/
/**********************************************/

p{
/*text-align:justify;*/
margin-top:10px;
padding:0;
heigh:15px;
}

h1{
font-size:12px;
text-transform:uppercase;
margin-left:10px;
}

h2{
border-bottom:1px solid #3c6e9f;
color:#3c6e9f;
font-weight:bold;
font-size:14px;
margin:0 0 0 0;
padding:0 0 0 0;
text-indent:3px;
font-family:Arial, Helvetica, sans-serif;
}

h3{
font-size:12px;
padding:0;
margin:0;
}

h4{
border-bottom:1px dashed #A2A2A2;
margin:0;
padding:0;
background-image:url(../img/design/fond_titre.jpg);
background-repeat:repeat-x;
color:#3c6e9f;
font-weight:bold;
font-size:14px;
height:18px;
margin-bottom:5px;
}

h5{
color:#000000;
font-weight:bold;
}

h6{
border-bottom:1px dashed #A2A2A2;
margin:0;
background-image:url(../img/design/fond_titre.jpg);
background-repeat:repeat-x;
color:#3c6e9f;
font-weight:bold;
font-size:14px;
height:18px;
clear:both;
}

/**********************************************/
/************** BLOCS PRINCIPAUX **************/
/**********************************************/
#conteneur{
width:814px;
margin: 0 auto 0 auto;
position:relative;
}

#conteneur2{
width:814px;
float:left;
margin: 0 auto 0 auto;
position:relative;
}

#haut{
margin-top:25px;
width:100%;
background-repeat:no-repeat;
z-index:1000;
clear:both;
background-color:#FFFFFF;
}

#gauche{
float:left;
width:200px;
margin-top:5px;
}

#centre{
clear:both;
padding-top:50px;
background-color:#FFFFFF;
min-height:600px;
height:auto !important;
height:600px;

}

#bas{
clear:both;
width:100%;
text-align:left;
font-size:10px;
background-color:#FFFFFF;
background-image:url(../img/design/fond_bas2.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:70px;
margin-bottom:10px;
}

#centre_gauche{
width:75%;
border-right:1px dotted #E2E2E2;
float:left;
}

#centre_droite{
width:24%;
float:left;
margin-top:10px;
}

#liste_accessoires{
clear:both; 
margin-left:10px; 
width:90%;
}

/**********************************************/
/******************** MENU ********************/
/**********************************************/
#menu{
position:absolute;
clear:both;
width:100%;
z-index:1000;
}

#menu li{
float:left;
width:160px;
margin:0;
margin-right:1px;
padding:0;
display:block;
position:relative;
}

#menu li div{
DISPLAY: none; 
WIDTH: 220px; 
POSITION: absolute; 
TOP: 18px;
left:0px;
}

#menu .sous_menu{
list-style-type:none;
/*background-image:url(../img/design/menu_bas.gif);*/
background-position:bottom;
background-repeat:no-repeat;
margin: 0;
padding: 0;
border: 0;
width:220px;
}

#menu .sous_menu li a:hover{
background-color:#4F4F4F;
}

#menu .sous_menu li{
float:none;
width:217px;
height:20px;
vertical-align:middle;
font-size:10px;
padding-left:3px;
background-color:#666666;
}

#menu .sous_menu li a{
font-weight:100;
width:100%;
display:block;
text-align:left;
padding-left:0;
}

#menu li:hover > .sous_menu {
display:block;
z-index:1000;
}

#menu li:hover > .menu_titre {
background-image:url(../img/design/fond_onglet_menu_on.jpg); 
background-repeat:repeat-x;
}

#menu .menu_titre{
height:20px; 
width:160px; 
background-image:url(../img/design/fond_onglet_menu.jpg); 
background-repeat:repeat-x;
text-align:center;
font-size:10px;
display:block;
}

#menu .menu_titre_on{
background-image:url(../img/design/fond_onglet_menu_on.jpg); 
background-repeat:repeat-x;
height:20px; 
width:160px; 
text-align:center;
font-size:10px;
display:block;
}

#menu a{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}

.menu a:hover{
color:#a84e53;
text-decoration:underline;
}


/**********************************************/
/**************** BLOCS INTERNES **************/
/**********************************************/

/*COLONNES DE LA PAGE D'ACCUEIL*/

/*Bloc de navigation qui contient le rappel de la position dans le site*/
#nav{
color:#999999;
margin-left:5px;
}

#nav a{
color:#999999;
text-decoration:none;
}

#nav a:hover{
color:#999999;
text-decoration:underline;
}

.nav_current{
color:#999999;
border-bottom:1px dashed #999999;
}

/* Bloc pour l'encart de communication carré */
.encart_accueil{
width:95%;
margin-left:15px;
margin-bottom:20px;
}

/* Bloc qui contient la présentation rapide du produit dans la pages PRODUITS */
.encart_produit{
margin:0;
padding:0;
float:left;
width:275px;
margin-left:15px;
margin-bottom:5px;
}

.description_rapide{
font-size:11px;
text-align:justify;
}

/* Classe de l'aperçu de la jaquette du produit */
.apercu{
float:left;
border:0px;
padding-right:5px;
margin-bottom:5px;
margin-top:5px;
}

/* Bloc d'affichage du copyright */
#copyright{
clear:both;
color:#A2A2A2;
font-size:9px;
padding-top:15px;
}

/* Bloc contenant le logo GT2F présent en haut à gauche dans le header */
#logo{
float:left;
margin:0;
padding:0;
}

/* Bloc contenant la recherche en haut à droite dans le header */
#recherche{
float:left;
margin:0;
margin-left:-230px;
padding:0;
padding-top:8px;
}

/* Bloc contenant le resultat d'une recherche dans la page RECHERCHE */
#resultats_recherche{
padding-left:5px;
}

/* Bloc situé en haut des pages et qui contient le titre de la page ainsi que le petit texte de présentation */
#encart_intro{
width:90%;
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
}

/* Bloc de gauche de l'accueil */
#actu_produits{
float:left;
width:49%;
border-right:1px dotted #E2E2E2;
}

/* Bloc de droite de l'accueil */
#news{
float:left;
width:49%;
}

/* Bloc contenant la grande bannière de communication de la page d'accueil */
#img_accueil{
clear:both;
margin-left:5px;
margin-bottom:15px;
z-index:-1000;
}

/* Bloc contenant un sous-menu affiché dans la colonne de droite des pages */
.ressources{
background-color:#e9f4ff;
list-style-type:none;
background-image:url(../img/design/ressources_fond_haut.jpg);
background-repeat:no-repeat;
margin-left:5px;
border-bottom:1px solid #cfe7ff;
float:none;
}

/* Affichage du lien EN SAVOIR PLUS */
.plus{
font-size:10px;
text-align:left;
height:15px;
background-image:url(../img/design/icones/plus.png);
background-repeat:no-repeat;
padding-left:20px;
}

/* Appliqué sur la balise UL des encarts présent dans la colonne de droite des pages */
#liste_ressources{
list-style-type:none;
padding:0;
margin:0;
margin-left:10px;
}

/* Appliqué sur la balise UL des encarts de liste de produits dans la colonne de droite des pages */
#liste_produits{
list-style-type:none;
padding:0;
margin-left:10px;
}

/* Bloc contenant les filtres sur les documents présents dans la section DOCUMENTATIONS */
#doc_filtres{
width:90%;
height:40px;
border:1px solid #E2E2E2;
margin-left:5px;
background-image:url(../img/design/degrade_doc.jpg);
background-repeat:repeat-x;
padding-top:20px;
padding-left:10px;
}

/* Nom du document dans la rubrique DOCUMENTATIONS */
.nom_doc{
color:#3c6e9f;
font-size:13px;
font-weight:bold;
}

/* Description du document dans la rubrique DOCUMENTATIONS */
.description_doc{
font-size:11px;
color:#999999;
margin-bottom:20px;
}

/* Affichage de la taille du document */
.infos_doc_gauche{
float:left;
width:50%;
font-weight:bold;
color:#999999;
}

/* Affichage du lien de téléchargement */
.infos_doc_droite{
float:left;
width:50%;
font-weight:bold;
text-align:right;
}

/* Affichage d'une colonne de références dans la section REFERENCES */
.reference{
width:90%;
float:left;
margin-left:10px;
margin-top:35px;
}

.logos_constructeurs{
width:20%;
float:left;
text-align:center;
margin-top:35px;
}

.constructeurs{
border:0px;
padding-right:5px;
margin-bottom:5px;
margin-top:5px;
}

/* Affichage de la colonne de droite des constructeurs dans la section VALIDATIONS TECHNIQUES */
.reference_bord{
width:30%;
float:left;
text-align:center;
margin-left:20px;
margin-top:35px;
}

/* Affichage d'un bloc de témoignage dans la section TEMOIGNAGES */
.temoignage{
width:100%;
}

/* Affichage de l'auteur dans la section TEMOIGNAGES */
.auteur{
text-align:right;
font-size:10px;
margin-top:10px;
}

/* Contient la liste des validations techniques dans la section VALIDATIONS TECHNIQUES */
.validation{
width:100%;
}

/* Affichage de la date de la validation technique dans la section VALIDATIONS TECHNIQUES */
.date{
color:#3d6fa0;
margin-right:20px;
font-weight:bold;
}

/* Affichage du logiciel sur lequel porte la validation technique dans la section VALIDATIONS TECHNIQUES */
.logiciel{
font-style:italic;
font-size:10px;
color:#3d6fa0;
}

/* Affichage de la jaquette du produit dans la section DETAIL PRODUIT */
#jaquette{
width:50%;
float:left;
}

/* Affichage de la description d'un produit dans la section DETAIL PRODUIT */
#infos_generales{
margin-left:5px;
font-size:11px;
color:#414141;
}

/* Affichage du visuel des pages intermédiaires */
#visuel_intermediaire{
float:left;
margin-right:3px;
}

/* Affichage du visuel des sous-sections */
#visuel_ss{
float:left;
margin-right:8px;
/*border:1px solid #666666;*/
}

/* Affichage du contenu des pages intermédiaires */
#contenu_intermediaire{
margin-left:5px;
}

/* Affichage de la description détaillée du produit dans la section DETAIL PRODUIT */
#description_detaillee{
float:left;
width:415px;
background-image:url(../img/design/infos_produit_milieu.jpg);
}

/* Affichage du texte de la description détaillée du produit dans la section DETAIL PRODUIT */
#description_detaillee_texte{
width:395px;
padding-left:5px;
}

/* Affichage de la partie haute du design du bloc de la description détaillée */
#description_detaillee_h{
height:9px;
background-image:url(../img/design/infos_produit_haut.jpg);
background-repeat:no-repeat;
}

/* Affichage de la partie basse du design du bloc de la description détaillée */
#description_detaillee_b{
height:9px;
background-image:url(../img/design/infos_produit_bas.jpg);
background-repeat:no-repeat;
background-position:left-bottom;
}

/* Affichage des produits annexes dans la section DETAIL PRODUIT */
#produits_annexes{
float:left;
width:300px;
background-image:url(../img/design/produits_annexes_milieu.jpg);
}

#produits_annexes_texte{
width:290px;
padding-left:5px;
color:#FFFFFF;
}

#produits_annexes_texte a{
color:#FFFFFF;
text-decoration:none;
display:block;
}

#produits_annexes_texte a:hover{
color:#FFFFFF;
background-color:#a6add4;
}

#produits_annexes_h{
height:5px;
background-image:url(../img/design/produits_annexes_haut.jpg);
background-repeat:no-repeat;
}

#produits_annexes_b{
height:5px;
background-image:url(../img/design/produits_annexes_bas.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

/* Affichage des captures d'écran du produit dans la section DETAIL PRODUIT */
#produit_captures{
float:left;
margin-top:5px;
width:190px;
}

/* Partie basse du DETAIL PRODUIT contenant les accessoires */
#produit_bas{
margin-top:10px;
clear:both;
margin-left:5px;
}

/* Affichage des versions DEMO */
.demo_image{
float:left;
width:100px;
margin-right:5px;
}

.demo_description{
float:left;
width:395px;
}

.demo_sous_titre{
color:#999999;
float:left;
margin-right:5px;
font-weight:bold;
width:270px;
}

.demo_telecharger{
color:#000000;
text-align:right;
width:100%;
margin-right:5px;
font-weight:bold;
}

/* Classe d'affichage de l'image du produit (thumb) dans la section PRODUITS */
#apercu{
float:left;
margin-left:5px;
margin-bottom:20px;
width:100%;
}

/* Affichage des mises à jour */
.version{
font-size:13px;
font-weight:bold;
text-decoration:underline;
color:#3c6e9f;
}

.contenu_maj{
font-size:13px;
font-weight:bold;
text-decoration:underline;
}

/* Affiche du contenu d'une formation */
.contenu_formation{
font-size:13px;
font-weight:bold;
border-left:2px solid #3c6e9f;
padding-left:5px;
display:block;
margin-top:15px;
}

.contenu_formation_desc{
padding-left:7px;
}

/* Affichage des FAQ */
.question{
color:#3c6e9f;
border-bottom:1px dashed #A2A2A2;
display:block;
}

/* Affichage du menu du footer */
#menu_footer{
float:left;
width:80%;
margin-left:10px;
}

/* Affichage du lien de retour pour les section FORMATION DETAIL et MAJ PRODUIT DETAIL */
.retour{
clear:both;
margin-left:10px;
font-weight:bold;
}

/* Affichage du plan du site */
#plan {
width:90%;
margin-left:10px;
margin-bottom:30px;
margin-top:10px;
color:#000066;
}

.pdf{
padding-left:19px;
background-image:url(../img/design/pdf.gif);
background-repeat:no-repeat;
}

.doc{
padding-left:19px;
background-image:url(../img/design/doc.gif);
background-repeat:no-repeat;
}

#contrats{
margin-left:5px;
text-align:justify;
width:90%;
}

#formations{
margin-left:5px;
text-align:justify;
width:90%;
}

.english{
clear:both;
}

#banniere_english{
margin-left:30px;
border:1px solid #666666;
}

.detail_contrat{
float:right;
width:30%;
font-weight:bold;

}

/**********************************************/
/********************* Liens ******************/
/**********************************************/

#bas a{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding-top:10px;
}

#bas a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.plus a{
text-decoration:none;
font-style:italic;
color:#4e59a8;
}

.plus a:hover{
text-decoration:underline;
font-style:italic;
color:#a84e4e;
}

.toutes_maj a{
text-decoration:none;
font-style:italic;
color:#4e59a8;
text-align:right;
float:left;
margin-top:10px;
}

.toutes_maj a:hover{
text-decoration:underline;
font-style:italic;
color:#a84e4e;
text-align:right;
float:left;
margin-top:10px;
}

.detail_formation a{
text-decoration:none;
font-style:italic;
color:#4e59a8;
text-align:right;
float:left;
width:93%;
height:15px;
}

.detail_formation a:hover{
text-decoration:underline;
font-style:italic;
color:#a84e4e;
text-align:right;
float:left;
width:93%;
height:15px;
}

/*
.detail_contrat a{
text-decoration:none;
font-style:italic;
color:#4e59a8;
float:left;
width:93%;
height:15px;
}

.detail_contrat a:hover{
text-decoration:underline;
font-style:italic;
color:#a84e4e;
float:left;
width:93%;
height:15px;
}
*/
.decouverte a{
text-decoration:none;
font-style:italic;
color:#4e59a8;
}

.decouverte a:hover{
text-decoration:underline;
font-style:italic;
color:#a84e4e;
}

#liste_ressources a{
text-decoration:none;
color:#666666;
}

#liste_ressources a:hover{
text-decoration:underline;
}

#liste_produits a{
text-decoration:none;
color:#666666;
}

.telecharger{
text-decoration:none;
color:#f79702;
background-image:url(../img/design/disk.png);
background-repeat:no-repeat;
padding-left:20px;
}

.telecharger:hover{
text-decoration:underline;
color:#f79702;
}

.validation a{
text-decoration:none;
color:#666666;
}

.validation a:hover{
text-decoration:underline;
color:#8C0000;
}

.validation li:hover{
background-color:#FFCF9F;
}

h1 a{
text-decoration:none;
color:#666666;
}

.retour a{
text-decoration:none;
color:#000000;
}

.retour a:hover{
text-decoration:underline;
color:#000000;
}

#plan a{
text-decoration:none;
color:#3c6e9f;
}

#plan a:hover{
text-decoration:underline;
color:#a84e4e;
}

#resultats_recherche a{
font-size:13px;
font-weight:900;
display:block;
margin-top:10px;
background-color:#F2F2F2;
}

.reference a{
text-decoration:none;
color:#666666;
}

.reference a:hover{
text-decoration:underline;
color:#8C0000;
}

.reference_bord a{
text-decoration:none;
color:#666666;
}

.reference_bord a:hover{
text-decoration:underline;
color:#8C0000;
}

#contenu_intermediaire a{
color:#3c6e9f;
font-size:14px;
text-decoration:none;
font-weight:bold;
}

#contenu_intermediaire a:hover{
color:#3c6e9f;
font-size:14px;
text-decoration:underline;
font-weight:bold;
}

#formations a{
font-weight:bold;
color:#3c6e9f;
text-decoration:none;
}

#formations a:hover{
font-weight:bold;
color:#3c6e9f;
text-decoration:underline;
}

.english a{
font-weight:bold;
color:#3c6e9f;
text-decoration:none;
}

.english a:hover{
font-weight:bold;
color:#3c6e9f;
text-decoration:underline;
}

#encart_intro a{
font-weight:bold;
color:#3d6fa0;
text-decoration:none;
}

#encart_intro a:hover{
font-weight:bold;
color:#3d6fa0;
text-decoration:underline;
}

#liste_accessoires a{
text-decoration:none;
color:#3d6fa0;
}

#liste_accessoires a:hover{
text-decoration:underline;
color:#3d6fa0;
}

/**********************************************/
/****************** LISTES ********************/
/**********************************************/

/* Liste des produits */
#liste_produits li{
height:20px;
}

/* Liste des ressources */
#liste_ressources li{
margin-bottom:10px;
}

/* Liste des documentations disponibles */
#liste_docs{
list-style-type:none;
}

#liste_docs li{
border-top:1px dashed #D2D2D2;
width:490px;
clear:both;
}

/* Affichage de chaque document avec changement de couleur de fond une fois sur deux*/
.doc_on{
background-color:#e6eef5;
margin-bottom:5px;
padding:0;
}

.doc_off{
background-color:#ffffff;
margin-bottom:5px;
padding:0;
}

/* Colonne de références de la section REFERENCES */
.reference ul{
margin:0;
margin-left:5px;
margin-bottom:20px;
padding:0;
}

.reference li{
margin-left:5px;
margin-bottom:20px;
float:left;
}

.reference_bord li{
margin-left:5px;
margin-bottom:20px;
/*height:50px;*/
clear:both;
}

/* Colonne de partenaires de la section PARTENAIRES */
.partenaire div{
margin:0;
margin-left:5px;
padding:0;
clear:both;
}

.partenaire li{
float:left;
width:48%;
margin-left:5px;
margin-bottom:20px;
}

/* Liste des témoignages */
.temoignage li{
float:left;
width:90%;
margin-left:5px;
margin-bottom:20px;
}

/* Liste des validations techniques */
.validation li{
float:left;
width:90%;
margin-left:5px;
color:#666666;
}

#centre_gauche ul{
list-style-type:none;
}

/* Liste de champs des formulaires */
.liste_champs{
list-style-type:none;
margin:0;
padding:0;
margin-left:30px;
width:100%;
background-color:#e6eef6;
}

/**********************************************/
/**************** REDEFINITION DE BALISES******/
/**********************************************/
input, select{
font-size:10px;
background-color:#F2F2F2;
border:1px solid #C2C2C2;
}

hr{
margin:0;
padding:0;
height:2px;
}

form{
padding:0;
margin:0;
}
/**********************************************/
/**************** DIVERS **********************/
/**********************************************/

.spreader{
clear:both;
}

/**********************************************/
/**************** ACCUEIL *********************/
/**********************************************/
#accueilGlobal{
  position:absolute; 
  left: 50%;  
  background-color:#FFFFFF;
  background-image:none ;
  color:#FFFFFF ; 
  top: 50%; 
  height: 450px; 
  margin-top: -250px; /* moitié de la hauteur */ 
  margin-left: -400px; /* moitié de la largeur */ 
  z-index:1200 ;
}

#accueilGlobal area:hover {cursor: pointer;}

#accueil{
width:800px;
height:100%;
margin: 0 auto 0 auto;
position:relative;
background-color:#FFFFFF;
}

#accueilLien{
margin: 0 auto 0 auto;
width:400px;
text-align:right ;
position:static;
background-color:#FFFFFF;
}

#langue {
background-color: #e9f6ff;
text-align:right ;	
color: #000;
height: 34px;
width: 66px;
border: solid 1px #ccc;
float: left;
}

#player {
	background-color: #e9f6ff;
	text-align:left;
	color: #000;
	height: 40px;
	width: 76px;
	border: solid 1px #ccc;
}
#player .button {
	width: 34px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	float: left;
}
#player .button a {
	display: block;
	height: 34px;
	text-indent: -100em;
	overflow: hidden;
}
#player .timeline {
	position: relative;
}
#player .timeline a {
	position: absolute;
	left: 64px;
	display: block;
	height: 20px;
	width: 32px;
	text-indent: -100em;
	overflow: hidden;
	background-image: url(/gt2f/img/Remove.png);
}
#player .play {
	background-image: url(/gt2f/img/Play_Blue_Button.png);
}
#player .pause {
	background-image: url(/gt2f/img/Pause_Blue_Button.png);
	display: none;
}
#player .stop {
	background-image: url(/gt2f/img/Stop_Green_Button.png);
}