/* CSS Document */
body	{margin:0px; background-color:white; color:#666666; font: 12px 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);}
.caracteristique	{padding:12px;}
.multimedia			{padding:12px;}
.options			{padding:12px;}




/*-------------------------------------GLOBAL--------------------------------------------------------------------------*/
#logoprint	{display:none;}
#bandeau 	{position:relative;left:50%;top:0px;margin-left:-500px;height:48px;width:1000px;
			 background-image: url(images/bandeau.jpg);background-repeat:no-repeat;}
	#logo		{position:absolute;left:15px;top:7px;width:300px;height:31px;}
	#drapeau 	{position:absolute;left:750px;top:17px;width:250px;color:#666666; font-size:10px;} /* il a un a specifique */
#ombrage		{position:relative;left:50%;top:0px;margin-left:-500px;width:1000px;}
#sbandeau 		{position:relative;left:50%;top:0px;margin-left:-500px;height:30px;width:1000px;
				 background-image: url(images/sbandeau.jpg);background-repeat:no-repeat;}
#centre			{position:relative;left:50%;margin-left:-305px;top:4px;width:600px;border:1px solid #FF3438;
				 background-color:white;}
  #chemin 		{position:relative;top:6px;left:6px;font-size:11px;color:#666666;} /* il a un a specifique (cf. les liens) */
  #onglets		{position:relative;top:15px;left:6px; width:587px;margin-bottom:5px;}
	
  #centrecontenus	{position:relative;top:15px;left:6px;width:587px;}
  	#telechargt		{width:189px;border:1px solid #FEB2B2;background-color:#F0F0F0;margin-top:10px;font-size:11px;}
	  .telcht_titre	{background-color:#ED1B24;padding:4px 0px 2px 8px;width:181px;;color:white;text-transform:uppercase;}
	  
#centre_bas	{position:relative;left:50%;margin-left:-305px;top:4px;width:602px;height:31px;
			background-image: url(images/centre-bandeau-bas-rouge.gif)}
#mentions {position:relative;left:50%;margin-left:-290px;top:20px;width:587px;color:#666666;text-align:right;font-size:11px;}


#shop {position:relative;left:0px;width:194px;height:77px;top:0px;background-image:url(images/p-shop-gregoire-besson.jpg);z-index:1;}

div .contenu-boutique	{position:relative;top:10px;left:20px;width:150px;height:50px; text-align: left;}
div .titre-boutique		{width:100%;height:50px;}
/* ------------------------------ */
/* les absolues de la page type : */
/* ------------------------------ */
#rechercher {position:absolute;left:50%;margin-left:325px;top:49px;width:300px;height:16px;font-size:11px;z-index:100;}
#droite {position:absolute;left:50%;margin-left:306px;top:105px;width:194px;} 
#gauche {position:absolute;left:50%;margin-left:-500px;top:105px;width:178px;overflow:hidden;font-size:11px;}

/*---------------------------------  ACCUEIL  -------------------------------------------------------------*/
#ph_sous_md_accueil 	{width:380px;height:255px;background-image: url(images/fond-video-accueil.jpg);} /* situe sous la video flash pour le coolmenu*/
#centre_accueil {position:relative;left:50%;margin-left:-500px;top:35px;width:789px;}
 #fond_md_acc			{ z-index:1;}
 /*plus utilise - pour la carte de voeux mais pas la version flash*/
 #voeux_fond		{position:relative;top:1px;left:0px;background:url(images/fond-voeux.jpg);width:382px;height:295px;z-index:1;}
	#voeux_txt	{position:relative;top:27px;left:175px;font-size:13px;width:180px;line-height:1.45em;}

#anim_accueil	{position:absolute;left:50%;margin-left:-500px;top:90px;z-index:5}
#voeux_acc		{position:absolute;left:50%;margin-left:-500px;top:90px;z-index:3}
#bas_accueil	{margin-top:10px;width:100%;height:31px;background-image: url(images/bandeau-centre-bas-accueil.gif)}
#mentions_acc	{position:relative;left:50%;margin-left:-290px;top:65px;width:789px;color:#666666;text-align:right;font-size:11px;}
 
/*-------------------------------------------------------------------------------------------------*/

.ombre 		{ height: 3px; width: 100%;text-align: right;} /* ombrage du coolmenu */



.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 */
.espacegauche5p 		{ padding-left:0px;} /* passe a 0 lors de la refonte pour ne pas avoir a supprimer les classes sur les h2*/
.espace5p 				{ padding-left:5px; padding-right:5px; text-align:justify;}
.espace20p 				{ padding-left:20px; padding-right:20px; text-align:justify;} /* plus d'espace dans actualits, technolgies*/
.espacedroite5p 		{ padding-right:5px;}
.hauteur200p 			{height:200px;	}
.hauteur450p 			{height:450px;	} /* pour le tableau des caracteristiques : colonne_gauche*/
.hauteur_sousmenu_vide	{height:10px;	}
.hauteur_descriptif 	{height:1020px;	}



.menublanc {
	background-color:white;
	padding-left:5px;
	width:100%;
	height:auto;
	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:97%;
	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;
}



#centre_faq{
	position:absolute;
	left:10px;
	top:10px;
	padding:15px;
	width:400px;
	background-color:#FFFFFF;
	visibility: visible;
	border : 1px dotted #939393;
}


#centrecontenus_videos {position:relative;top:15px;left:6px;width:440px;} /*pop up Videos*/

#centrecontenus_details,#centrecontenus_logiciel, #centrecontenus_technos, #centrecontenus_actus, #centrecontenus_mentions, #centrecontenus_contacts,#centrecontenus_photos,#centrecontenus_categorie {
	position:relative;top:15px;left:6px;width:588px;
}


#centrecontenus_historique {
	position:relative;top:15px;left:6px;width:588px;
}
#histoire_1802, #histoire_fin19, #histoire_1959, #histoire_1989, #histoire_2001,#histoire_2006 {
	visibility:hidden;
	position:absolute;
	left:310px;
	top:150px;
	width:230px;
	border: solid 1px #A8ACB8;
	background-color:#F4F4F4;
	padding:10px;
	margin-bottom:10px;
}
#histoire_2006			{visibility:visible;}

#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: 1px dotted #939393;
	width:300px ;
}

#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 dfaut) */
}

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


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


}

#imgboutique a:hover	{ text-decoration:none; background:none}
/*--------------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: 90%; padding:10px; background-color:#F4F4F4;} /* technologies charrues*/
.tab_gbline				{text-align:center; font-size: 11px;margin-top:20px}
.tab_gbline	td			{padding:5px}
.tab_gbline	td.telcht_titre {text-align:left;}


/*--------------LES IMAGES----------------------------------------------------------------------------------------------*/
.imgtemoignages 	{float:left; margin: 0px 10px 5px 5px;} /* top right bottom left */
.imgdrapeaux		{margin-left:7px; }
.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  inclure un contour */
.contourvignette 	{border : 1px solid red; padding:5px;background-color:#F4F4F4; } 

.floatchoixmateriel	{float:right; margin: 4px 5px 5px 0px;}
.floatl 	{float:left;} /* #droite*/
.floatr 	{float:right;margin:0px;} /* #droite*/
.imgfloat_g_acc 	{float:left; margin: 2px 10px 10px 0px;} /* pour les photos actus de l'accueil */
/*--------------LES FONDS----------------------------------------------------------------------------------------------*/
.fond0			{background-color:#7B7E83;} /* ombrage menu haut */
.fond0bis		{background-color:#9A9C91;} /*idem*/
.fond0ter		{background-color:#B2B7BD;} /*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; color:white;} /*idem + entete de qq tableaux de l'admin*/
.fond5 			{background-color:#C8C8C8;} /*idem */
.fond6 			{background-color:#DFDFDF;} /* tableau des caractristiques : gris clair */
.fond7 			{background-color:#E8E8E8;}
.fond8 			{background-color:#F0F0F0;}


.fondacc 		{background-color:#B2B2B2;border-right:1px solid white;border-top:1px solid white;}
.fondacc:hover 	{background-color:#ED1B24;} 
.fondblanc 		{background-color:#FFFFFF;}
.fondrouge 		{background-color:#ED1B24;color:white;} /* admin */

/*---------------LES TRAITS FINS--------------------------------------------------------------------------------------------*/
.traitgris 		{width: 100%; background-color:#CCCCCC;} /*accueil, titre des actus - 939393*/
.traitblanc 	{height: 1px; width: 100%; background-color:white;} /* trait au dessus du titre du sous menu */
.traitrouge 	{width: 100%; background-color: #ED1B24; margin-bottom:2px;}
.traitvert	 	{height: 1px; width: 100%; background-color: #008C8C; margin-bottom:2px;}
.trait_dr		{border-right:1px solid white;}

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

#drapeau a				{color:#666666; text-decoration:none;}
#drapeau a:hover		{background-color:#E1EBEA;text-decoration:underline;}
#drapeau a.lgselect		{color:#FE3434; text-decoration:none;}

#basacc a	{color:#FFFFFF; text-decoration:none;}


#droite a	 		{color:#666666;}
#droite a:hover		{color:white;background-color:#999999;}
/*----------------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}
.marge15 			{margin-bottom:15px}
.margeacc			{margin-bottom:10px;margin-top:10px; margin-left:5px; margin-right:5px;}
.marge_categorie	{margin-top:10px;margin-bottom:10px}
p.sousmenu 			{padding-top:4px; padding-bottom:4px; margin-bottom:0px;
					text-align:left; vertical-align:middle; font-weight:bold;}
p.sousmenu_b 		{padding-top:4px; padding-bottom:4px; margin-bottom:0px; 
					text-align:left; vertical-align:middle; font-weight:bold;}
p.sousmenu_c 		{padding-left:2px;background-color:#DFDFDF; padding-top:2px; padding-bottom:2px;
					margin-bottom:0px; text-align:left; vertical-align:middle;}
p.sousmenu_d 		{padding-left:2px;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;}

#droite div.tab 	{background-color:white;}
div.titre	{background-color:#999999;}
#droite .contenu 	{background-color:white;margin-left:5px;}
div.marge 	{height:13px;} /*pour regler le pb de l'espacement entre les div.tab de droite*/

h1 				{font-size: 16px; color:black; 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.gauche		{font-size:12px;padding-top:5px; padding-bottom:4px; margin-bottom:0px; text-align:left;
				text-transform: uppercase;color:#ED1B24;}
h1.droite		{font-size: 12px;color:white;margin-bottom:5px;margin-left:5px;margin-top:0px;text-transform: uppercase;}
h1.droite2		{font-size: 12px;color:white;margin-bottom:0px;margin-left:5px;margin-top:0px;text-transform: uppercase;}

h1.accueil		{font-size: 20px;margin-bottom:25px; margin-left:0px;margin-top:15px;}
h1.accbas		{font-size: 16px; color:white; font-weight:bold; margin-bottom:4px; margin-left:12px;margin-top:4px;}
h1.accvoeux		{font-size: 16px; font-weight:bold; margin-bottom:15px;}
h1.centre		{font-size: 16px;margin-bottom:10px; margin-left:0px;margin-top:10px;}
h2 				{font-size: 10px; color:#ED1B24; font-weight:bold; margin-bottom:2px; margin-left:0px;
				margin-top:5px; text-transform: uppercase;}
.noir 			{color:black; text-decoration:none;}
h2.options 		{margin-top:0px; margin-bottom:0px; text-align:left;}

.grand 			{ font-size: 13px;} /* droite.php - agenda de nos salons*/
.normal 		{ font-size: 12px;} /* droite.php - est-ce utile ? */
.petit 			{ font-size: 11px;}	/* accueil - liste des actualites */
.petit td		{ font-size: 11px;}	/* */
.ttpetit 		{ font-size: 9px;}	

.light 			{font-weight:normal;} 					/* pour les tab avec du gras */
.gras_colore	{color:#000000;}

input, select				{font: 11px Arial, Verdana, Helvetica, sans-serif;}
td							{vertical-align:top;}
#drapeau td					{font: 10px Arial, Verdana, Helvetica, sans-serif;}
#centrecontenus_details td	{font: 11px Arial, Verdana, Helvetica, sans-serif;} /*Caracteristiques*/
#centrecontenus_photos td	{font: 11px Arial, Verdana, Helvetica, sans-serif;} /* Galerie photos */
#telechargt td				{padding:2px 0px 2px 0px;font-size:11px;}/*car les td sont a 12px */

ul							{list-style : disc outside url(images/puce-fleche.gif); margin-left:0px;}
li							{margin-bottom:40px; border: solid 1px #A8ACB8; width: 95%; margin-top:0px; padding:10px;
							background-color:#F4F4F4;}		

img {border:0px;}			

div .vignetteh				{width:170px;height:370px;border:1px solid #D4D4D6;
							 margin:0px 0px 8px 0px;padding:8px 0px 8px 0px}
div .vignetteb				{width:170px;height:60px;border:1px solid #D4D4D6;margin:0px 0px 8px 0px;padding:8px 0px 8px 0px}

/*----------------LES FORMULAIRES----------------------------------------------------------------------------------------*/
form 				{margin-top:0px; margin-bottom:0px;}
select 				{border: solid 1px #A8ACB8; background-color:#FFFFFF;}/*EBEFF5*/
.input_1 			{ border: solid 1px #A8ACB8; width: 150px; margin-top:0px; background-color:white; }/*login concessionnaires */
.input_2			{ border: solid 1px #A8ACB8; width: 220px; margin-top:0px; background-color:white; margin-bottom:10px;}/*EBEFF5*/
.input_4			{ border: solid 1px #A8ACB8;width: 30px;margin-top:0px;background-color:#F4F4F4;}/* boutique */
.input8 			{ border: solid 1px #A8ACB8; width: 250px; margin-top:0px; background-color:white; }/*pour l'admin*/

.Alerte				{ border: solid 1px #A8ACB8; width: 220px; margin-top:0px; background-color:#ED1B24; margin-bottom:10px;}/*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; }
.menuderoulant4		{ margin-top:5px; margin-bottom:0px; } /* accueil */
.menuderoulant5		{ margin-top:5px; margin-bottom:0px; width:250px }

.bouton 			{ color: #FFFFFF; font-size: 9px; background-color:#FF3438; border: solid 1px #FFFFFF; padding:0px; margin:0px;}
.bouton2 			{ color: #FFFFFF; background-color:#ED1B24; padding:0px; margin:0px;}
#rechercher input	{ border: solid 1px #A8ACB8; width:130px;height:16px;background-color:white;padding:2px 0px 0px 5px;}


/* CoolMenus 4 - styles par dfaut */
.clCMEvent{position:absolute; width:100%; height:100%; clip:rect(0,100%,100%,0); left:0px; top:0px; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0px; top:0px}
/* CoolMenus 4 - default styles - end */
  
/*Style pour la barre d'arriere plan*/
.clBar{position:absolute; width:10; height:10; visibility:hidden}

/*Styles pour niveau 0 */
.classe0,.classe0over	{position:absolute;padding:2px;padding-top:3px;font-size:11px; font-weight:bold;color:white;cursor:pointer}
.classe0over			{}


/*Styles pour niveau 1*/
.classe1, .classe1over	{position:absolute; padding:2px 3px 0 4px;font-size:11px; color:white;cursor:pointer; }
.classe1				{background-color:#656374;}/*FCFCFC*/
.classe1over			{background-color:#848295;}/*747378 - 939393*/
.classe1border			{position:absolute; z-index:500; visibility:hidden;background-color:#656374}

/*Styles pour niveaux 2 & 3*/
.classe2, .classe2over	{position:absolute; padding:2px 3px 0 4px;font-size:11px; color:white;}
.classe2				{background-color:#656374;}
.classe2over			{background-color:#848295;cursor:pointer; }
.classe2border			{position:absolute; z-index:500; visibility:hidden;background-color:#656374}

/*----------------  BACKOFFICE   -------------------------------------------------------*/

#adminpresse,#adminmateriels,#adminactus,#adminagenda,#adminboutique,#adminconcessionnaires,#adminpieces {/*visibility:hidden;height:1px;*/ display:none;}
/*----------------  ESPACE CONCESSIONNAIRE   -------------------------------------------------------*/
#pieces	{}
#tableau_catalogue {}
a.actif {background-color:#FF0000; color:#FFFFFF; font-size:14px}
.bordure_tab_conc { border:#FF0000 1px solid;}
.input_conce { width:250px;}
#encadrecherche { background-color:#E7F2F6; padding:10px}
#envoyerami {visibility:hidden; position:absolute; background-color:white; border:4px #FF0000 solid; -moz-border-radius:15px 15px 15px 15px; left: 275px; top: 40px; z-index:1000; padding:10px; height:200px}
.tab_encadre_catalogue 	{border: solid 1px #A8ACB8; background-color:#F4F4F4;}
.background_encadre_catalogue {background-color:#D8D8D8;}
.background_encadre_catalogue_entete {background-color:#999999; color:#FFFFFF}