/* NEW DAF STYLE FOR PlanetGYS */

html, form, table, tr, td, ul, li, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
}



body{
	margin:0 auto;
	padding:0;
	/*background:url(../images/lefond.png) repeat;*/
	background-color:#CCCCCC;

	text-align:center;
	width:760px;
}

img{
	border:none;
	margin:0;
	padding:0;
}



a{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#707072;
	text-decoration:none;
}


p{
	margin:0 10px 0 15px;
	text-align:justify;
}

#bandeauGYS
{
	background:url(../images/fond_bleu.jpg) no-repeat;
	width:760px;
	height:150px;
	z-index:0;
}


#ombre_bandeau
{	position:absolute;
	top:95px;
	background:url(../images/ombre_bandeau.png) repeat-x;
	width:760px;
	height:20px;
	
	z-index:1;
}

h1
{
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#707072;
	
}

h2{
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	color:#707072;
	margin-left:10px;
}

h3{
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#707072;
	padding-left:15px;
	margin-bottom:20px;
	border-bottom:1px solid #707072;
	background-image:url(../images/puce.png);
	background-repeat:no-repeat;
	background-position:left center;
}

h4{
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#707072;
	padding-left:15px;
	margin-bottom:20px;
	
	border-bottom:1px solid #707072;
}

h5{
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#707072;
}

h6{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#707072;
}

hr{
	height:1px;
}


/* GESTION DES CHAMPS INPUT TYPE TEXT ET TEXTAREA et leur conteneur*/

/* le bloc qui contient une pleine largeur la version _width est pour IE5.5 et IE6 */
.blocDivMax{
	width:675px;
	_width:695px;
	float:left;	
}

.labelLess, label{
float:left;
display:block;
padding-top:3px;
_margin-left:-8px;
text-align:right;
font-weight:bold;
/* IE < 7 n'hérite pas bien des attr de police */
font-size:11px;
}

label{
margin-left:20px;
margin-right:20px;
width:180px;
text-align:left;
width:95px;
_width:75px;
}

.labelLess, .TwoCol_HalfPage{
margin-left:2px;
margin-right:15px;
width:95px;
_width:72px;
text-align:left;
font-weight:bold;
}

.labelLessR
{
	display:block;
	float:left;
	font-weight:bold;
	margin-left:3px;
	_margin-left:-8px;
	margin-right:15px;
	padding-top:3px;
	text-align:right;
	width:95px;
}

.TwoCol_HalfPage, .TwoCol_HalfPageWithMR
{
	width:79px;
	margin-right:0px;
	text-align:right;
	overflow:hidden;
}

.TwoCol_HalfPageWithMR
{
	margin-right:10px;
}

.textPres{
	float:left;
	margin-top:3px;
	font-weight:normal;
}

/* champs_pleinePage a été introduit pour fixer les différences d'interprétation
 * des largeurs des inputs en fonction des différents navigateurs
 * ie 5.5 & 6 acceptent les champs _width mais pas ie7
 * l'interprétation des tailles des inputs (champ size="xx") se fait différemment sur chaque navigateur
 * il est impossible de fixer cela avec des width, des _width et des margin et _margin
 */

.champs, .champs:hover, .champs_pleinePage, .champs_pleinePage:hover, .champs_pleinePage_bouton, .champs_pleinePage_bouton:hover{
border:1px solid #707072;
}

.champs, .champs_pleinePage, .champs_pleinePage_bouton{
background-color:#FFFFFF;
}

/* Champs : c'est pour les édit */
.champs, .champs_HI
{
	width:360px;
	_width:320px;
	margin-bottom:3px;
}

.checkBox
{
	width:auto;
	_width:auto;
}

.champs:hover, .champs_pleinePage:hover, .champs_pleinePage_bouton:hover{
background-color:#FCC300;
color:#707072;
}

.champs_pleinePage{
width:450px;
}

.champs_pleinePage_bouton{
width:455px;
}

.champs_page_bandeau{
	width:360px;
}

.champs_HI{
background-color:#FCC300;
color:#707072;
}

.demiPage{
	width:200px;
}

.demiPageMoins
{
	width:150px;
}

.input100
{
	width:100px;
}

.input200
{
	width:200px;
}

.troisQuartPage{
	width:410px;
}

.souligne
{
	border-bottom:solid 1px #707070;
	margin-bottom:3px;
}

/*textarea:hover {
border:1px solid #4B4B4B;
color:#FEBD12;
background-color:#4B4B4B;
}*/

select {
color:#707072;
border:1px solid #707072;
}

select option:hover {
color:#FFFFFF;
background:#FCC300;
}

/* partie écran d'accueil Login / Pass */
#identification{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#003782;
}

#identification input{
	margin-top:5px;
}
/**/

#global{
	background-color:#000000;
	width:760px;
	margin:0px auto;
	text-align:left;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#707072;
}

#tetiere{
	background:url(../images/tetiere.png) no-repeat;
	width:760px;
	_width:735px;
	height:55px;
}

.vousEtesIci, .dansTetiereDroite
{
	float:right;	
	margin-right:25px;
}

.vousEtesIci
{
	color:#FFFFFF;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
}

.dansTetiereDroite
{
	color:black;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}

.dansTetiereDroite a
{
	color:#FF0000;
	font-style:oblique;
}

.dansTetiereDroite select
{
	margin-top:5px;
}

/*
#tetiere select, #tetiere a{
	float:right;
	height:20px;
	margin-right:25px;
}


*/

.spacer {
  clear: both;
}




/** Partie pla_accueil ****************/
#acces_rapide{
	width:140px;
	_width:175px;
	float:left;
	/** /
	border-right:solid 1px #707072;
	/**/
	padding:0 10px 10px 10px;
	margin:5px 0 0 0;
	overflow:hidden;
}

.titreAccueil{
	vertical-align:top;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#1a228a;
	height:20px;
 	line-height:20px;
	margin:0 10px 0 10px;
	padding:0;
	text-indent:15px;
	color:white;
}

/** Partie pla_accueil ****************/
/************ FIN ******************/



/* daf titre_produits Importé pour tc_carte : style à revoir peut etre */
.titre_produits{
	background-color:#1754A3;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#1754A3;
}


/** Partie Tableaux Carte ****************/
/************ FIN ******************/





/** Titre Type Barre Horizontale ***/

.titre_action {
/*	background-color:#FEBD12;*/
	background-color:#1a228a;
	height:17px;
	border-bottom: 1px solid #5B5459;
}

.titre_action h2{
	color:#5B5459;
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
}

.titre_action img{
	border:0;
	float:left;
	position:relative;	
}
/** Titre Type Barre Horizontale ***/
/************ FIN ******************/


/*GESTION  DES PAGES (sert pour l'instant dans synadm, et carte) */
.page div{
	display:inline;
	position:relative;
	top:3px;
	background:url(../images/ssmenu_milieu.png) repeat-x;
}
.page{
	background:none;
	margin:0;
	padding:0;
	background:url(../images/tab_th2.png) repeat-x;
}
.page div a{
	background:none;
	border:none;
	margin:0;
	padding:0;
}
.page div img{
	margin:0;
	padding:0;
	background:none;
}




/* LISTNG DES PROSTUIS TABLEAUX CATEGORIES*/
#categories{
	margin:0 0 0 25px;
	padding:0;
	width:280px;
}
#categories td{
	height:22px;
	border-bottom:solid 1.4px #707072;
	margin:0;
	padding:0;
	width:279px;
}

#categories input{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#707072;
	text-align:left;
	cursor:pointer;
	width:280px; 
	height:22px;
	border:none;
	background:#FFFFFF;
	margin:0;
	padding:0 0 0 15px;
}
#categories_accessoires{
	background-color:#FFFFFF;
	display:none;
	margin:0 0 0 25px;
	padding:0;
	width:280px;
}
#categories_accessoires td{
	
	height:22px;
	border-bottom:solid 1.4px #707072;
	margin:0;
	padding:0;
	width:279px;
}

#categories_accessoires input{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#707072;
	text-align:left;
	cursor:pointer;
	width:280px; 
	height:22px;
	border:none;
	background:url(../images/fond3.png) repeat-x;
	margin:0;
	padding:0 0 0 15px;
}

/*********************************************************************/


/* GESTION DES PAGES TYPES TPL */
.contenu {
margin:20px 20px 20px 20px;
width:720px;
}


.container_BandeauDroit
{
	margin-left:0px;
	float:left;border-left:solid 1px #707072;
	width:599px;
	_width:560px;
	/* Taille Max 599px */
	/*background-color:#CCFFCC;*/
	
	/* Etant donné que les IE héritent mal des attributs de #global, je les répète ici */
	color:#707072;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;	
}

.contenu_sansBandeauGauche{
	margin:16px;
	_margin:8px 5px 0 8px;
/*	background-color:white; */

}

.contenu_sansBandeauGauche a:hover{
	text-decoration:underline;
}



/*GESTION DES BOUTONS */

/* Les seules différences entre bouton et bouton_gris sont :
	1) height de c, g, d
	2) padding-top de c
	3) leurs images de fond bien entendu
*/

.bouton, .bouton_gris{
	margin-top:20px;
}
.bouton_g, .bouton_c, .bouton_d, .bouton_gris_g, .bouton_gris_c, .bouton_gris_d{
	float:left;
}
.bouton_c
{
	height:23px;
	color:#707072;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
}

.bouton_g, .bouton_d{
	height:23px;
}


.bouton_gris_g, .bouton_gris_c, .bouton_gris_d{
	height:27px;
}
.bouton_g, .bouton_d, .bouton_gris_g, .bouton_gris_d{
	width:15px;
}
.bouton_c, .bouton_gris_c{
	padding-left:10px;
	padding-right:10px;
	width:auto;
	text-align:center;
}
.bouton_g{
	background:url(../images/bouton_g.png) no-repeat; 
}
.bouton_gris_g{
	background:url(../images/bouton_gris_g.png) no-repeat;
}
.bouton_d{
	background:url(../images/bouton_d.png) no-repeat;
}
.bouton_gris_d{
	background:url(../images/bouton_gris_d.png) no-repeat;
}
.bouton_c{
	background:url(../images/bouton_c.png) repeat-x;
	padding-top:3px;
}
.bouton_gris_c{
	background:url(../images/bouton_gris_c.png) repeat-x;
	padding-top:7px;
}

a.info {
	text-decoration: none; 
  position:relative;
  font-weight: bold;
  vertical-align:baseline;
  color:#555656;
}

a.info .masquee {
	display: none;
}

a.info img{
	margin:0 1px 0 1px;

}

a:hover.info {
  /* 
		C'est le fait de passer le background à none 
		qui déclanche le positionnement du .masquee
		mais qui fait un décalage sous tous les IE
		
		Si on ne mets pas background:none, alors pas de décalage tout IE
		Mais pas de bulle d'info sur IE < 7
	*/
	background:none; 
	text-decoration: none;
}

a:hover.info .masquee {
	position: absolute; 
	/* i.e on la retire du flux, 
	 * elle sera placée par le 
	 * style="top: -3em; left: -0em; width: 300px;" du span 
	 */
  display: inline;
  z-index: 5000;
  background-color:#FFFFFF;
  text-align:left; 
  color:#003782;
  border:1px solid #003782;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  line-height:16px;
  padding:2px 4px;
}

.action, .actionG{
	padding-bottom:5px;
	padding-top:5px;
/*	background:#FFC300; */
	text-align:left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

.action{
	height:17px;
	background-color:#1a228a;
	margin-bottom:20px;
	color:white;
	border-bottom:1px solid #707072;	
}
.actionG{
	height:14px;
	background-color:#C5C5C5;
	color:#26408D;
	padding:0;
	margin-bottom:5px;
	border:none;
}

.conteneurFiches{
	float:left;
	margin-bottom:12px;
}

.action_nom {
margin-top:20px;
}

.action h2{
	height:14px;
	color:white;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
}

.actionG h2
{
	color:#26408D;
	font-size:10px;
}


/* GESTION DES ROLL OVER */

.roll {
cursor:pointer;cursor:hand;
}

/* Pour la présentation du SAV height:300px;*/
.blocFichesFirst, .blocFichesNext{
	float:left;
	width:31%;	
}

.blocFichesNext{
	margin-left:9px;
	padding-left:5px;
	border-left:#707070 1px solid;
	/** /background-color:#CCCC66;/**/
}

.blocFichesFirst{
		/** /background-color:#BBAA66;/**/
}

.insideBlocFiches{
	float: left;  
	_width:200px;
	margin-top: 0px;
	/** /background-color:#CCAA66;/**/
}

.h3MiniBloc{
	font-size:12px; 
	margin-top:5px;
	margin-bottom:8px;
	/** /background-color:#BBAA00;/**/
}



/* Présentation des infos */

#FichePerso ul{
	list-style:none;
	line-height:16px;
}

/* Navigation par page */

.menuFather{
	width:90px;
	/**/clear:both;/**/
}
.menuFather, .menuClickOn{
	float:left;
	width:100%;
}

.menuFather{
	/*border-bottom:1px #000000 ridge;*/
}

.menuDesignation{
	margin-top:5px;
	padding-bottom:3px;
}

.menuFather .menuDesignation{
	font-style:italic;
}

.menuFather a.info:hover, .menuClickOn a.info:hover
{
	color:#FFCC00;
}

.menuClickOn .menuDesignation{
	font-style:bold;
}

#allFichesSAV{
	float:left;
	width:44%;
	padding-left:20px;
}
#allFichesSAV select{
	width:160px;
}

.iconeFiche
{
	float:left;
	width:20px;
	margin:5px 8px;	
	_margin:5px 7px;
	
	text-align:center;
/*	background-color:#CCFFCC;*/
}

.floatLeft{
	float:left;
}