/* @override 
	http://mph.localhost.com/style/screen.css
	http://www.mphfactory.com/style/screen.css
	http://mph.kyrriel.fr/style/screen.css
	http://mph.kyrriel.fr/style/screen.css?v=2
	http://mph.local/style/screen.css?v=2
	http://mph.local/style/screen.css
	http://www.mphfactory.com/style/screen.css?v=3
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: white url(images/fond.gif) repeat-y center;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#intro {
	width: 580px;
	display: block;
}

#main div.article div.coldroite p img {
	float: right;
	clear: both;
	margin-bottom: 10px;
}

h1#mph_factory {
	text-indent: -12345px;
	background: url(images/MPH.gif) no-repeat;
	height: 111px;
	float: left;
	width: 104px;
}

#page {
	margin: auto;
	width: 900px;
}

div#entete {
	padding: 23px;
	background: url(images/fondmain.gif) no-repeat -4px bottom;
	height: 94px;
}

#main div h3 {
	font-size: 16px;
	color: #502d12;
	background-color: #b4dac6;
	width: 593px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#main div.article span.coldroite p img {
	float: right;
	clear: both;
}

#main div.article div.coldroite {
	float: right;
	width: 240px;
	margin-left: 20px;
}

#main div.article span.colgauche p {
	width: 596px;
}

#main div.article span.colgauche {
	width: 596px;
}

#pied p {
	margin-top: 25px;
	margin-bottom: 5px;
	border-top: 1px solid #b3ddc8;
	padding-top: 10px;
	width: 570px;
	font-size: 10px;
}

#titre_presentation p {
	background-image: url(images/presentation_titre.gif);
	width: 258px;
	height: 155px;
	text-indent: -12346px;
	float: right;
}

body.EN #titre_presentation p {
	background-image: url(images/presentation_eng.gif);
}

a {
	color: #512c0e;
}

#titre_conseil p {
	background-image: url(images/conseil_titre.gif);
	width: 258px;
	height: 155px;
	text-indent: -12346px;
	float: right;
}

body.EN #titre_conseil p {
	background-image: url(images/events.gif);
}

#titre_realisations p {
	background-image: url(images/realisations_titre.gif);
	width: 258px;
	height: 155px;
	text-indent: -12346px;
	float: right;
}

body.EN #titre_realisations p {
	background-image: url(images/portfolio.gif);
}

#titre_newsletter p {
	background-image: url(images/newsletter.jpg);
	width: 258px;
	height: 155px;
	text-indent: -12346px;
	float: right;
}

#titre_accompagnement p {
	background-image: url(images/accompagnement_titre.gif);
	width: 258px;
	height: 155px;
	text-indent: -12346px;
	float: right;
}

body.EN #titre_accompagnement p {
	background-image: url(images/marketing_support.gif);
}

#titre_partenaires p {
	background-image: url(images/parc-auto-logistique.gif);
	width: 258px;
	height: 155px;
	text-indent: -12346px;
	float: right;
}

body.EN #titre_partenaires p {
	background-image: url(images/vehicule.gif);
}

#titre_contact p {
	background-image: url(images/contact_titre.gif);
	width: 258px;
	height: 155px;
	text-indent: -12346px;
	float: right;
}

#titre_infoslegales p {
	background-image: url(images/infoslegales_titre.gif);
	width: 258px;
	height: 155px;
	text-indent: -12346px;
	float: right;
}

#titre_RP p {
	background-image: url(images/relations-publiques.jpg);
	width: 258px;
	height: 155px;
	text-indent: -12346px;
	float: right;
}

body.EN #titre_RP p {
	background-image: url(images/public_relations.gif);
}

#titre_DE p {
	background-image: url(images/driving-experience.gif);
	width: 258px;
	height: 155px;
	text-indent: -12346px;
	float: right;
}

div#main {
	padding-right: 25px;
	padding-top: 15px;
	padding-left: 24px;
}

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

#menu ul li {
	float: left;
	margin-right: 1px;
	margin-left: 1px;
}

#main {
	clear: both;
	background: url(images/fondmain.gif) repeat-y -4px;
}

li#menuPresentation {
	height: 50px;
	width: 98px;
	background: url(images/MPH_menu-V3.gif) no-repeat;
}

body.EN li#menuPresentation {
	background: url(images/menu_en.gif) no-repeat;
}

li#menuPresentation_over {
	height: 50px;
	width: 98px;
	background: url(images/MPH_menu-V3.gif) no-repeat 0 -51px;
}

body.EN li#menuPresentation_over {
	background: url(images/menu_en.gif) no-repeat 0 -51px;
}

li#menuPresentation a, li#menuPresentation_over a {
	height: 50px;
	width: 98px;
	float: left;
	text-indent: -12345px;
}

li#menuPresentation a:hover {
	background: url(images/MPH_menu-V3.gif) no-repeat 0 -51px;
}

body.EN li#menuPresentation a:hover {
	background: url(images/menu_en.gif) no-repeat 0 -51px;
}

#main div.article h4 {
	font-size: 14px;
	color: #502d12;
	margin-top: 10px;
	margin-bottom: 5px;
}

li#menuRPDrivingExperience {
	background: url(images/MPH_menu-V3.gif) no-repeat -99px 0px;
	height: 50px;
	width: 86px;
	text-indent: -12345px;
}

body.EN li#menuRPDrivingExperience {
	background: url(images/menu_en.gif) no-repeat -99px 0px;
}

li#menuRPDrivingExperience_over {
	background: url(images/MPH_menu-V3.gif) no-repeat -99px -51px;
	height: 50px;
	width: 86px;
	text-indent: -12345px;
}

body.EN li#menuRPDrivingExperience_over {
	background: url(images/menu_en.gif) no-repeat -99px -51px;
}

li#menuRPDrivingExperience a, li#menuRPDrivingExperience_over a {
	height: 59px;
	width: 86px;
	float: left;
	text-indent: -12345px;
}

li#menuRPDrivingExperience a:hover {
	background: url(images/MPH_menu-V3.gif) no-repeat -99px -51px;
}

body.EN li#menuRPDrivingExperience a:hover {
	background: url(images/menu_en.gif) no-repeat -99px -51px;
}

li#menuConseilEvenementielRegie {
	height: 50px;
	width: 140px;
	text-indent: -12345px;
	background: url(images/MPH_menu-V3.gif) no-repeat -275px 0px;
}

body.EN li#menuConseilEvenementielRegie {
	background: url(images/menu_en.gif) no-repeat -275px 0px;
}

li#menuConseilEvenementielRegie_over {
	height: 50px;
	width: 140px;
	text-indent: -12345px;
	background: url(images/MPH_menu-V3.gif) no-repeat -275px -51px;
}

body.EN li#menuConseilEvenementielRegie_over {
	background: url(images/menu_en.gif) no-repeat -275px -51px;
}

li#menuConseilEvenementielRegie a, li#menuConseilEvenementielRegie_over a {
	height: 50px;
	width: 140px;
	float: left;
	text-indent: -12345px;
	z-index: 10000;
}

#p_layer_flash object {
	z-index: -1;
}

li#menuConseilEvenementielRegie a:hover {
	background: url(images/MPH_menu-V3.gif) no-repeat -275px -51px;
}

body.EN li#menuConseilEvenementielRegie a:hover {
	background: url(images/menu_en.gif) no-repeat -275px -51px;
}

li#menuAccompagnementMarketing {
	height: 50px;
	width: 126px;
	text-indent: -12345px;
	background: url(images/MPH_menu-V3.gif) no-repeat -416px 0px;
}

body.EN li#menuAccompagnementMarketing {
	background: url(images/menu_en.gif) no-repeat -416px 0px;
}

li#menuAccompagnementMarketing_over {
	height: 50px;
	width: 126px;
	text-indent: -12345px;
	background: url(images/MPH_menu-V3.gif) no-repeat -416px -51px;
}

body.EN li#menuAccompagnementMarketing_over {
	background: url(images/menu_en.gif) no-repeat -416px -51px;
}

li#menuAccompagnementMarketing a, li#menuAccompagnementMarketing a {
	height: 50px;
	width: 126px;
	float: left;
	text-indent: -12345px;
}

li#menuAccompagnementMarketing a:hover {
	background: url(images/MPH_menu-V3.gif) no-repeat -416px -51px;
}

body.EN li#menuAccompagnementMarketing a:hover {
	background: url(images/menu_en.gif) no-repeat -416px -51px;
}

li#menuRealisations {
	height: 50px;
	width: 100px;
	text-indent: -12345px;
	background: url(images/MPH_menu-V3.gif) no-repeat -640px 0px;
}

body.EN li#menuRealisations {
	background: url(images/menu_en.gif) no-repeat -640px 0px;
}

li#menuRealisations_over {
	height: 50px;
	width: 100px;
	text-indent: -12345px;
	background: url(images/MPH_menu-V3.gif) no-repeat -640px -51px;
}

body.EN li#menuRealisations_over {
	background: url(images/menu_en.gif) no-repeat -640px -51px;
}

li#menuRealisations a, li#menuRealisations_over a {
	height: 50px;
	width: 100px;
	float: left;
	text-indent: -12345px;
}

li#menuRealisations a:hover {
	background: url(images/MPH_menu-V3.gif) no-repeat -640px -51px;
}

body.EN li#menuRealisations a:hover {
	background: url(images/menu_en.gif) no-repeat -640px -51px;
}

li#menuPartenaires {
	height: 50px;
	width: 96px;
	text-indent: -12345px;
	background: url(images/MPH_menu-V3.gif) no-repeat -543px 0px;
}

body.EN li#menuPartenaires {
	background: url(images/menu_en.gif) no-repeat -543px 0px;
}

li#menuPartenaires_over {
	height: 50px;
	width: 96px;
	text-indent: -12345px;
	background: url(images/MPH_menu-V3.gif) no-repeat -543px -51px;
}

body.EN li#menuPartenaires_over {
	background: url(images/menu_en.gif) no-repeat -543px -51px;
}

li#menuPartenaires a, li#menuPartenaires_over a {
	height: 50px;
	width: 96px;
	float: left;
	text-indent: -12345px;
}

li#menuPartenaires a:hover {
	background: url(images/MPH_menu-V3.gif) no-repeat -543px -51px;
}

body.EN li#menuPartenaires a:hover {
	background: url(images/menu_en.gif) no-repeat -543px -51px;
}

li#menuDriving {
	height: 50px;
	width: 88px;
	text-indent: -12345px;
	background: url(images/MPH_menu-V3.gif) no-repeat -186px 0px;
}

li#menuDriving_over {
	height: 50px;
	width: 88px;
	text-indent: -12345px;
	background: url(images/MPH_menu-V3.gif) no-repeat -186px -51px;
}

li#menuDriving a, li#menuDriving_over a {
	height: 50px;
	width: 88px;
	float: left;
	text-indent: -12345px;
}

li#menuDriving a:hover {
	background: url(images/MPH_menu-V3.gif) no-repeat -186px -51px;
}

#entete h2 {
	background: url(images/agenceconseil.gif) no-repeat right;
	text-indent: -12345px;
	height: 52px;
}

body.EN #entete h2 {
	background: url(images/agenceconseil_en.gif) no-repeat right;
}

div#selectlang {
	float: left;
	margin-top: 30px;
	margin-left: 1px;
}

#mssgerreur {
	margin: 15px 0;
	padding: 10px;
	background: #FFFFAA;
}

.menu {
	position: relative;
	font-size: 11px;
	z-index: 100;
}

.menu ul li a, .menu ul li a:visited {
	display: block;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}

div#menu.menu ul li ul li.sousnav a {
	width: 150px;
	height: 40px;
	line-height: 20px;
	text-indent: 0;
	background-image: none;
}

div#menu.menu ul li ul {
	width: 150px;
	background-color: white;
}

div#menu.menu ul li ul, div#menu.menu ul li ul li {
	margin: 0;
	padding: 0;
}

#contact {
	float: right;
	clear: both;
	width: 238px;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 20px;
}

#facebook, #twitter {
	float: right;
	clear: both;
	width: 238px;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 20px;
}

#contact span.puce {
	background-color: #b4dac6;
	margin-right: 10px;
}

div#menu.menu ul li ul li.sousnav a:hover {
	background: #b3ddc8;
	color: #512c0e;
}

.menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu ul li {
	float: left;
	position: relative;
	text-indent: 0;
}

.menu ul li ul {
	display: none;
	text-indent: 0;
}

/* specific to non IE browsers */

.menu ul li:hover ul {
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
	width: 200px;
}

div#menu.menu ul li ul li.sousnav {
	width: 150px;
	height: 40px;
}

.menux ul li:hover ul li a.hide {
	background: #6a3;
	color: #fff;
}

.menu ul li.sousnav a {
	text-indent: 0;
}

div#menu.menu ul {
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-top: 0px solid white;
	margin-left: 102px;
}

div#menu.menu ul li ul li.sousnav {
	border-top: 1px solid white;
}

.menu ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li a {
	display: block;
	background: #512c0e;
	color: #b3ddc8;
}

.menu ul li:hover ul li a:hover {
	background: #b3ddc8;
	color: #512c0e;
}

.menux ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	top: 0;
}

.menux ul li:hover ul li:hover ul.left {
	left: -105px;
}
