/* CSS Document */
body	{ margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; background-color: #ffe9bb; color:#000; font: 11px Arial, Verdana, Helvetica, sans-serif; background-image: url(images/fond-raye.gif); scrollbar-base-color: #CCCCCC; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#CCCCCC; scrollbar-3Dlight-color:#747378;}
.home	{ background-color: #747378; background-image: url(images/im-blanc.gif);}
#bandeauhaut {
	left: 0px;
	top: 0px;
	height: 76px;
	width: 100%;
	background-image: url(images/fond-bandeau.jpg);
	background-repeat: repeat;
}
#menuhaut	{ background-color:#939393; width:100%; height:21px;} /*le menu general du site */
.ombre 		{ height: 3px; width: 100%;}
#menurechercher {
	background-color:#B7B7B7;
	width:100%;
	height: 25px;
	color:#FFFFFF;
	padding-left:5px;
	padding-top:1px;
}
.aligntverticalcentre 	{vertical-align: middle;} /* pour centrer dans les spans de div menurechercher, images type puces */
.espacegauche30p 		{ vertical-align: middle; padding-left:30px;} /* tjrs pour le div menurechercher */
.espacegauche197p 		{ padding-left:197px; vertical-align: middle; text-align:right;}
.espacegauche5p 		{ padding-left:5px;}
.espace5p 				{ padding-left:5px; padding-right:5px; text-align:justify;}
.espace20p 				{ padding-left:20px; padding-right:20px; text-align:justify;} /* plus d'espace dans actualités, technolgies*/
.espacedroite5p 		{ padding-right:5px;}
.hauteur200p 			{height:200px;	}
.hauteur450p 			{height:450px;	} /* pour le tableau des caracteristiques : colonne_gauche*/
.hauteur_accueil	 	{height:360px;	}
.hauteur_sousmenu_vide	{height:10px;	}
.hauteur_descriptif 	{height:950px;	}

#sousmenu 				{ width:165px; }
#ph_sous_md_accueil 	{
	background-image: url(images/fond-calque-cache.jpg);
	height: 200px;
	width: 340px;
}
.menublanc {
	background-color:#FFFFFF;
	padding-left:5px;
	width:100%;
	color:#666666;
	margin-bottom: 10px;
	border-bottom : 1px solid #CCCCCC;
}
.menusansfond{
	padding-left:5px;
	width:100%;
	color:#666666;
}
#login {
	padding :4px 0px 4px 4px;	/* top right bottom left */
	width:100%;
	margin-bottom:20px;
	color:#666666;
	font-weight:bold;
	border: solid 1px #CCCCCC;
	background-color:#FFFFFF;
}
#login_ok { 					/* le texte n'est pas en gras par rapport à login */
	padding :4px 0px 4px 4px;	/* top right bottom left */
	width:100%;
	margin-bottom:20px;
	color:#666666;
	border: solid 1px #CCCCCC;
	background-color:#FFFFFF;
}

#accueil_agenda {
	position:absolute;
	left:175px;					/* 175=largeur du sous menu +10 */
	top:338px;					/* 138 = 128 (voir div centre) + 200 (hauteur du flash) + marge de 10*/
	width:165px;
}
#accueil_agenda_contenu {
	background-color:#FFFFFF;
	border-right : 1px dotted #939393;
	border-bottom : 1px dotted #939393;
	border-left : 1px dotted #939393;
	padding:5px;
}

#centre {
	position:absolute;
	left:166px;
	top:128px;
	margin-top:15px;
	margin-bottom:5px;
	margin-left:10px;
	width:615px;
	visibility: visible;
}
#centre_accueil {
	position:absolute;
	left:340px;
	top:128px;
	margin-top:15px;
	margin-bottom:5px;
	margin-left:10px;
	width:441px;
	visibility: visible;
	color: #666666;
}
#centre_faq{
	position:absolute;
	left:10px;
	top:10px;
	padding:15px;
	width:400px;
	background-color:#FFFFFF;
	visibility: visible;
	border : 1px dotted #939393;
}
#onglets {}

#centrecontenus {
	position:relative; /*  ici avec position:relative, ce calque va bien descendre en fonction du contenu de onglets */
	top:0px; 
	padding-top:15px;
	padding-bottom:0px;
	width:100%;
	color:#000000;
	background-color:#FFFFFF;
	border-right : 1px dotted #939393;
	border-bottom : 1px dotted #939393;
	border-left : 1px dotted #939393;
}

#centrecontenus_logiciel, #centrecontenus_technos, #centrecontenus_actus, #centrecontenus_mentions, #centrecontenus_contacts {
	position:relative;
	top:0px;
	padding-top:15px;
	padding-bottom:0px;
	width:100%;
	color:#000000;
	background-color:#FFFFFF;
	border : 1px dotted #939393;
}

#centrecontenus_accueil {
	position:relative;
	padding : 0px;
	width:100%;
	color:#000000;
	background-color:#FFFFFF;
	border-right : 1px dotted #939393;
	border-bottom : 1px dotted #939393;
	border-left : 1px dotted #939393;
}
#centrecontenus_historique {
	position:relative;
	top:0px;
	padding-top:15px;
	padding-bottom:0px;
	width:100%;
	color:#000000;
	background-color:#EBEFF5;
	border : 1px dotted #939393;
}
#histoire_1802, #histoire_fin19, #histoire_1959, #histoire_1989, #histoire_2001 {
	visibility:hidden;
	position:absolute;
	left:330px;
	top:150px;
	width:260px;
	border: solid 1px #A8ACB8;
	background-color:#F4F4F4;
	padding:10px;
	margin-bottom:10px;
}

#photos					{ padding-left:5px; padding-bottom:10px; width:189px;}
#contacts				{ padding-bottom:10px; width:189px;}
#tarifs					{ padding-bottom:10px; width:189px;}
#faq					{ padding-bottom:10px; width:189px;}
#temoignages			{padding-bottom:20px; width:189px;}
#lienstechnologies		{padding-top:10px;}
#espaceconcessionnaires { padding-top:10px; }

#colonnegauche_logiciel {
	padding-left:5px;
	padding-top:0px;
	padding-right:5px;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #939393;
	width:300px ;
}

#colonnecentrale {
	position:absolute;
	left:200px;
	top:0px;
	padding-top:15px;
	padding-bottom:20px;
	width:285px;
}

#colonnecentrale_details {
	top:0px;
	padding-top:15px;
	padding-left:10px;
	padding-bottom:20px; /* la difference avec colonnecentrale est ici et dans la largeur (100% par défaut) */
}
#colonnecentrale_options {
	position:absolute;
	left:200px;
	top:0px;
	padding-top:15px;
	padding-left:10px; /* nouveau avec la suppression de la div colonne_gauche dans la page des caracteristiques*/
	padding-bottom:20px;
	padding-right:10px; /* la difference avec colonnecentrale est ici et dans la largeur (100% par défaut) */
}

#colonnedroite {
	position:absolute;
	left:500px;
	top:0px;
	padding-top:15px;
	padding-bottom:20px;
	padding-right:10px;
	width:115px;
}

#colonnedroite_logiciel {
	position:absolute;
	left:307px;
	top:85px;
	width:307px;
}

#mentions {
	position:absolute;
	width:100%;
	color:#666666;
	text-align:right;
	padding-top:5px;
	padding-bottom:10px;


}
#mentions_galerie {
	width:100%;
	color:#666666;
	text-align:right;
	padding-top:5px;
	padding-bottom:10px;


}

/*--------------LES TABLEAUX----------------------------------------------------------------------------------------------*/
.tab_details			{font-weight:bold; text-align:left; font-size: 10px;}
.tab_options			{font-weight:bold;	text-align:center;}
.tab_normal				{text-align:center;}
.tab_normal_gauche		{text-align:left;}
.tab_encadre			{border: solid 1px #A8ACB8; width: 100%; padding:10px; background-color:#F4F4F4;}

/*--------------LES IMAGES----------------------------------------------------------------------------------------------*/
.imgtemoignages 	{float:left; margin: 0px 10px 5px 5px;} /* top right bottom left */
.imgdrapeaux		{margin-left:6px; }
.imglogiciel 		{float:right; margin: 0px 5px 5px 5px;} 
.imgfloat_d 		{float:right; margin: 0px 0px 20px 40px;}
.imgfloat_g 		{float:left; margin: 0px 40px 50px 0px;}
.imgfloat_g_10p 	{float:left; margin: 0px 40px 10px 0px;} /* pour l'historique */
.contournoir 		{border : 1px solid black; } /* pour les images car on ne peut pas supposer qu'ils penseront à leur inclure un contour */

/*--------------LES FONDS----------------------------------------------------------------------------------------------*/
.fond0			{background-color:#5B5B5B;} /* ombrage menu haut */
.fond0bis		{background-color:#8F8F92;} /*idem*/
.fond0ter		{background-color:#AEAEAE;} /*idem*/
.fond1			{background-color:#939393;} /* menu  haut - rubriques produits et onglet produits*/
.fond2 			{background-color:#747378;} /* menu haut - rubriques institutionnelles */
.fond3 			{background-color:#7F7F7F;} /* ombrage menu rechercher */
.fond4 			{background-color:#B2B2B2;} /*idem */
.fond5 			{background-color:#C8C8C8;} /*idem */
.fond6 			{background-color:#DFDFDF;} /* tableau des caractéristiques : gris clair */
.fond7 			{background-color:#E8E8E8;}

.fondblanc 		{background-color:#FFFFFF;}
.fondrouge 		{background-color:#D90400;}

/*---------------LES TRAITS FINS--------------------------------------------------------------------------------------------*/
.traitgris 		{height: 1px; width: 100%; background-color:#939393;} /*accueil, titre de l'agenda*/
.traitblanc 	{height: 1px; width: 100%; background-color:#FFFFFF;} /* trait au dessus du titre du sous menu */
.traitrouge 	{height: 1px; width: 100%; background-color: #D90400; margin-bottom:2px;}
.traitvert	 	{height: 1px; width: 100%; background-color: #008C8C; margin-bottom:2px;}

/* ---------------LES LIENS--------------------------------------------------------------------------------------------------*/
a 						{color:#D90400; text-decoration:underline;} 						/*les liens sont rouges mais pas gras */
a:hover 				{color:#FFFFFF; text-decoration:none; background-color:#D90400;}
.rougegras 				{color:#D90400; font-weight:bold; text-decoration:none; }
.rougegras:hover 		{font-weight:bold;}
.blanc 					{color:#FFFFFF; text-decoration:none;} 								/* liens dans le menu rechercher */
.blanc:hover 			{color:#D90400; background-color:#FFFFFF;}
.gris 					{color:#666666; text-decoration:none;}
.img_transp				{color:#D90400; text-decoration:none;}
.img_transp:hover		{color:#FFFFFF; text-decoration:none; background-color:#629136;}	/* le logo du bandeau */

/*----------------LES BALISES MAJEURES----------------------------------------------------------------------------------------*/
p 					{margin-top:0px;}
p.admin				{margin-bottom:5px;} /* mise en page du menu de l'espace admin */
.justifie 			{text-align: justify;}
.marge0 			{margin-bottom:0px}
.marge5 			{margin-bottom:5px}
p.sousmenu 			{padding-top:4px; padding-bottom:4px; margin-bottom:0px; border-top: 1px dotted #CCCCCC; text-align:left; vertical-align:middle; font-weight:bold;}
p.sousmenu_b 		{background-color:#F2F2F2; padding-top:4px; padding-bottom:4px; margin-bottom:0px; border-top: 1px dotted #CCCCCC; text-align:left; vertical-align:middle; font-weight:bold;}
p.sousmenu_c 		{padding-left: 14px; background-color:#DFDFDF; padding-top:2px; padding-bottom:2px; margin-bottom:0px; text-align:left; vertical-align:middle;}
p.sousmenu_d 		{padding-left: 14px; background-color:#F2F2F2; padding-top:0px; padding-bottom:0px; margin-bottom:0px; text-align:left; vertical-align:middle;}
p.sousmenu_extranet	{padding-top:4px; padding-bottom:4px; margin-bottom:0px; border-top: 1px dotted #CCCCCC; text-align:left; vertical-align:middle;}

h1 				{ font-size: 14px; color:#D90400; font-weight:bold; margin-bottom:0px; margin-left:0px;}
h1.sousmenu 	{ font-size: 12px; padding-top:17px; padding-bottom:4px; margin-bottom:0px; text-align:left; text-transform: uppercase;}
h1.accueil		{ font-size: 16px; color:#D90400; font-weight:bold; margin-bottom:5px; margin-left:0px;}

h2 				{ font-size: 10px; color:#D90400; font-weight:bold; margin-bottom:2px; margin-left:0px; margin-top:5px; text-transform: uppercase;}
.noir 			{color:#000000; text-decoration:none;}
h2.accueil 		{font-size: 11px; color:#FFFFFF; margin-top : 2px; margin-left: 5px;}
h2.options 		{margin-top:0px; margin-bottom:0px; text-align:left;}

.petit 			{ font-size: 9px; text-align:center;}	/*légende des photos dans fiche matériel */
.light 			{font-weight:normal;} 					/* pour les tab avec du gras */
.gras_colore	{color:#000000;}

td, ul, input, select 		{color: #000; font: 11px Arial, Verdana, Helvetica, sans-serif;}
ul							{list-style : disc outside url(images/puce-fleche.gif); margin-left:20px;}
li							{margin-bottom:40px; border: solid 1px #A8ACB8; width: 100%; margin-top:0px; padding:10px; background-color:#F4F4F4;}		
li.accueil					{margin-bottom:0px; border: none;} /*à supprimer a la fin de la prog*/
li.contenu_mat				{margin-bottom:10px; width: 100%; margin-top:0px; padding:10px; }					

/*----------------LES FORMULAIRES----------------------------------------------------------------------------------------*/
form 						{margin-top:0px; margin-bottom:0px;}
select 						{border: solid 1px #A8ACB8; width: 150; background-color:#FFFFFF;}/*EBEFF5*/
.input8 			{ border: solid 1px #A8ACB8; width: 120; margin-top:0px; background-color:#FFFFFF; }/*EBEFF5*/
.input_2			{ border: solid 1px #A8ACB8; width: 220; margin-top:0px; background-color:#F4F4F4; margin-bottom:10px;}/*EBEFF5*/
.input_3			{ border: solid 1px #A8ACB8; width: 120; margin-top:0px; background-color:#F4F4F4;}/*EBEFF5*/
.menuderoulant		{ margin-top:0px; margin-bottom:0px;}
.menuderoulant2		{ margin-top:10px; margin-bottom:0px;} /* pour l'aide au choix */
.menuderoulant3		{ margin-top:0px; margin-bottom:2px; }
.bouton 			{ color: #FFFFFF; font-size: 9px; background-color:#D90400; border: solid 1px #FFFFFF; padding:0px; margin:0px;}


/* CoolMenus 4 - styles par défaut */
.clCMEvent{position:absolute; width:100%; height:100%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style pour la barre d'arrière plan*/
.clBar{position:absolute; width:10; height:10; background-color:#FFFFFF; layer-background-color:#FFFFFF; visibility:hidden}

/*Styles pour niveau 0 */
.classe0,.classe0over{position:absolute; padding:0px; font-family:arial, verdana, helvetica; font-size:11px; font-weight:bold; color:#FFFFFF;}
.classe0over{background-color:#939393; layer-background-color:#939393; cursor:hand;}


/*Styles pour niveau 1*/
.classe1, .classe1over{position:absolute; padding-top:1px; padding-left:6px; padding-right:3px; font-family:arial, verdana, helvetica; font-size:11px; color:#FFFFFF; }
.classe1{background-color:#939393; layer-background-color:#939393;}
.classe1over{background-color:#D90400; layer-background-color:#D90400; cursor:hand; }/*747378*/
.classe1border{position:absolute; z-index:500; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}

/*Styles pour niveaux 2 & 3*/
.classe2, .classe2over{position:absolute; padding-top:1px; padding-left:6px; padding-right:3px; font-family:arial, verdana, helvetica; font-size:11px; color:#FFFFFF; }
.classe2{background-color:#939393; layer-background-color:#939393;}
.classe2over{background-color:#D90400; layer-background-color:#D90400; cursor:hand; }
.classe2border{position:absolute; z-index:500; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}