/* Panhard Developpement*/

/* ----------------------------------
 * Redéfinition des balises standards
 * ----------------------------------*/
html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00496C;
	background-image: url(img/interface/background.gif);
	background-position: center top;
	background-repeat:repeat;
}

select {
	font-size: 12px;
	font-weight: normal;
	color: #3A941F;
	border: 1px solid #A7A0A4;
}

img 			{border: 0px; margin: 0px;}
a 				{color: #00496C; text-decoration: underline;}
a:hover	 	{color: #EA5A00;text-decoration: underline;}
table 		{border: 0px;font-size: 11px;padding:0px}
p 				{}


h1								{margin:0px;padding:0px;font-size:16px}
h3,h4,h5					{margin:0px;padding:0px;font-size:10px}
h2 								{margin:0px;padding:0px;font-size:14px;}

dl, dt, dd, ul, li {margin: 0px; padding: 0px; list-style-type: none;}

.erreur {
	text-align:center;
	margin-top:50px;
	width:800px;
}

/* -----------------------------------------------------------------------------------------------------
 * Blocs uniques servant à la mise en page du site
 * -----------------------------------------------------------------------------------------------------*/
#xhtml_conteneur {
	border: 1px solid pink;
	width:804px;
	height:700px;
	min-height:700px;
	position:absolute;
	left:50%;
	margin-left: -402px;
	display:table;
}

#referencement{
	height: 13px;
	width: 798px;
	background-color: #A6D673;
	margin-left: 3px;
	color: #E5F1D9;
}
#xhtml_header {
	border : 1px solid red;
	height: 161px;
	width: 804px;
	font-size: 1px;
	background-color: white;
}

#xhtml_middle {
	height: 420px;
	min-height: 420px;
	width: 100%;
	display: table;
	background-color: white;
	text-align: left;
}

#contenu, *:first-child+html #contenu {
	width:804px;
	color: #00496C;
	margin-left: 0px ;
	text-align:left;
}
html>body #contenu { 
width:804px;
margin-left:200px ;

}
.menu_firefox, *:first-child+html .menu_firefox{

margin-left:0px ;
}
html>body .menu_firefox{
margin-left:200px ;
}
#contenu td{
	vertical-align: top;
}


#xhtml_bottom,*:first-child+html #xhtml_bottom {
	position: relative;
	height: 101px;
	width: 804px;
	color: #A1A7AA;
	margin-left:0px;
}
html>body #xhtml_bottom{
margin-left:200px ;
color: #A1A7AA;

}
#xhtml_bottom a{
	text-decoration: none;
	color: #A1A7AA;
}
#xhtml_bottom a:hover {
	color: #CCCCCC;
}
#barreverte_bas{
	width: 804px;
	height: 7px;
	background-color: #A6D673;
	font-size: 1px;
	margin-bottom:5px;
}



/* -----------------------------------------------------------------------------------------------------
 * Styles pour le menu
 * -----------------------------------------------------------------------------------------------------*/
#menu {
	border: 1px solid green;
	height: 54px;
	width:804px;
	margin: 0px;
	padding: 0px;
	font-size:11px;
	color: #56852A;
	position: absolute;
	z-index: 10;
	display: table;
}
html>body #menu { position: relative; }

#menu dl {
	float: left;
	width: 100%;
}
#menu li {
	text-align: center;
	background-color : #FFFFFF;
	height: 18px;
	line-height: 18px;
}
#menu li a{
	color: #56852A;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0px;
}
#menu li a:hover, #menu li a:focus {
	background-color: #A6D673;
	color: #FFFFFF;
}


#menu00 {
	position:absolute; 
	top:0px; 
	left:50%;
	margin-left: -402px;
	width: 70px;
}
html>body #menu00 { top:120px; }

#menu01 {
	
	
}
html>body #menu01 { top:120px; }

#menu02 {
	
}
html>body #menu02 { top:120px; }

#menu03 {
	
}
html>body #menu03 { top:120px; }

#menu04 {
	
}
html>body #menu04 { top:120px; }

#menu05 {
	
}
html>body #menu05 { top:120px; }

#menu06 {
	
}
html>body #menu06 { top:120px; }
/*-----------------------SOUS MENU-----------------------*/
#smenu1 {
	width: 131px;
	display: none;
	border-bottom:1px solid  #BCE591;
	border-left:1px solid  #BCE591;
	border-right:1px solid  #BCE591;
	z-index:1;
	-color : #ffffff;
}
#smenu2 {
	width: 122px;
	display: none;
	border-bottom:1px solid  #BCE591;
	border-left:1px solid  #BCE591;
	border-right:1px solid  #BCE591;
	z-index:1;
	background-color : #ffffff;
}


/* -----------------------------------------------------------------------------------------------------
 * CONTENU GAUCHE
 * -----------------------------------------------------------------------------------------------------*/
#mcontenu_gauche {
	width:230px;
	float:left;
	color: #00496C;
}

#pointille_vertical {
	vertical-align:middle;
	width:2px;
	height:413px;
	float:right;
	margin-top:70px;
}

#pointille_horizontal {
	vertical-align: bottom;
	width:197px;
	height:2px;
	margin-left:25px;
	margin-top:10px;
}

#bloc_nom1 {
	width:207px;
	height:141px;
	margin-top:61px;
	margin-left:10px;
	color: #00496C;
}

#bloc_nom2 {
	width:207px;
	height:141px;
	float:left;
	margin-top:22px;
	margin-left:10px;
	color: #00496C;
}
#bloc_nom3 {
	width:207px;
	height:161px;
	float:left;
	margin-top:61px;
	margin-left:10px;
	color: #00496C;
}


/* -----------------------------------------------------------------------------------------------------
 * CONTENU METIERS
 * -----------------------------------------------------------------------------------------------------*/
#contenu_droite {
	width:520px;
	float:left;
	color: #00496C;
	text-align:left;
}

#concepteur_01 {
	width:315px;
	height:135px;
	float:left;
	margin-top:0px;
	margin-left:5px;
}

#concepteur_02 {
	width:290px;
	height:239px;
	float:left;
	margin-top:0px;
	margin-left:10px;
}

#concepteur_03 {
	width:315px;
	height:195px;
	float:left;
	margin-top:0px;
	margin-left:5px;
}
/* -----------------------------------------------------------------------------------------------------
 * CONTENU Panhard developpement
 * -----------------------------------------------------------------------------------------------------*/
 
 #txt_mot_president {
	width:500px;
	height:226px;
	float:left;
	margin-top:0px;
	margin-left:10px;
}

 #txt_nom_president {
	width:500px;
	height:50px;
	float:left;
	margin-top:0px;
	margin-left:10px;
	text-align:right;
}

#bloc_photo_president {
	width:207px;
	height:172px;
	float:left;
	margin-top:158px;
	margin-left:10px;
	color: #00496C;
	text-align:center;
}

 #contenu_ref {
text-align: center;

}

#contenu_ref td {
text-align: center;
}

#titre_actus {
	text-align:center;
	height:70px;
}

#txt_actus {
	width:657px;
	height:150px;
	float:left;
	margin-top:0px;
	margin-left:10px;
	text-align:left;
}



/* -----------------------------------------------------------------------------------------------------
 * CONTENU ACCUEIL
 * -----------------------------------------------------------------------------------------------------*/
#titre_index {
	text-align:center;
	height:100px;
}
#flash {
	width: 365px;
	height: 282px;
	z-index:0;
}
#pointille_vertical2 {
	width:2px;
	height:61px;
	float:left;
}

#accueil_txt {
	width:382px;
	height:56px;
	background-image:url(img/interface/pointilles_vertical.jpg);
	background-repeat: repeat-y;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	text-align:left;
}

#bloc_actu {
	width: 388px;
	padding-left: 20px;
	display:block;
}
.titre_actu {
	width: 408px;
	height: 43px;
	line-height: 43px;
	background-image: url(img/interface/barre_speciale_index.jpg);
	background-repeat: no-repeat;
	font-size:10px;
	font-weight:bold;
	text-align:left;
}
.elem_actuL {
	width: 372px;
	height: auto;
	min-height: 60px;
	float: left;
	padding-right: 18px;
	padding-top: 5px;
	display: table;
	text-align:left;
}
.elem_actuR {
	width: 166px;
	height: 60px;
	min-height: 60px;
	background-image: url(img/interface/elem_actu_fleche.jpg);
	background-repeat: no-repeat;
	float: right;
	padding-right: 18px;
	padding-top: 5px;
	display: table;
}
/* -----------------------------------------------------------------------------------------------------
 * CONTENU SUIVI CLIENTS
 * -----------------------------------------------------------------------------------------------------*/
 #titre_suivi {
	text-align:center;
	height:50px;
}

 #titre_espace_clients{
	text-align:center;
	height:31px;
	background-image:url(img/interface/titre_espace_clients.gif);
	background-repeat:no-repeat;
	margin-left:50px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding-top:8px;
}

 #bkg_entreprise{
 	width:260px;
	height:31px;
	background-image:url(img/interface/background_bouton.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding-top:8px;
}

 #tddroit{
 	width:313px;
	height:31px;
}

 #txt_suivit_client{
 	padding-left:50px;
	padding-bottom:20px;
	text-align:left;
}
 
 
 /* -----------------------------------------------------------------------------------------------------
 * CONTENU REALISATIONS
 * -----------------------------------------------------------------------------------------------------*/
 
  #bloc_table_gauche {
	width: 110px;
}

/* -----------------------------------------------------------------------------------------------------
 * CONTENU REFERENCES CLIENTS
 * -----------------------------------------------------------------------------------------------------*/
 
.div_pop_up{
	width: 400px;
	background-color:#FFFFFF;
	position:absolute;
	top:70px;
	left:50%;
	margin-left: -200px;
	z-index:500000;
	border:2px solid #99cc66;
	display:none;
	padding-bottom:20px;
}
 

.div_pop_up_haut{
	background-image:url(img/interface/serpentin_pop_up.gif);
	background-repeat:no-repeat;
	width:395px;
	height:50px;
	color: #003366;
	text-align:left;
	padding-left:12px;
	font-weight:bold;
}

.div_pop_up_bas{
	color: #003366;
	text-align:left;
	padding-left:12px;
	padding-right:12px;
	vertical-align:top;
	padding-top:5px;

}


 /* -----------------------------------------------------------------------------------------------------
 * CONTENU Fiches
 * -----------------------------------------------------------------------------------------------------*/
 
  #fiche_bloc_gauche{
  width:337px;
}

  #fiche_bloc_droit{
	width:435px;
	padding-left: 22px;
	text-align:left;
}
  #fiche_bloc_gauche img{
  border:1px solid #99cc33;
}
 
/* -----------------------------------------------------------------------------------------------------
 * Classes diverses
 * -----------------------------------------------------------------------------------------------------*/

.image_classe{
	float:left;
}

.image_classe2{
	float:left;
	margin-left:28px;
}

.image_classe3{
	float:left;
	margin-top:18px;
}

.image_classe4{
	float:left;
	margin-left:10px;
}

.image_actu_index {
	float:left;
	margin-top:71px;
}

.pointille_horizontal2 {
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
.txt_bandeau_bas {
	color:#A1A7AA;
}

.txt_bold_14px {
	font-size:14px;
	font-weight:bold;
}

.txt_bold_11px {
	font-size:11px;
	font-weight:bold;
}

.txt_bold_12px {
	font-size:12px;
	font-weight:bold;
}

.txt_12px {
	font-size:12px;
}

.txt_11px {
	font-size:11px;
}

.txt_italic_10px {
	font-size:10px;
	font-style:italic;
}
.txt_bold_18px {
	font-size:18px;
	font-weight:bold;
}
.txt_14px {
	font-size:14px;
}

#titre_suivit_client {
	padding-left:10px;
	vertical-align: middle;
}

#titre_suivit_client_g {
	padding-left:30px;
}

.titre_vert_fiche {
	color:#7fc241;
	font-weight:bold;
	
	
}

.sous_titre_bleu_fiche {
	color:#00496c;
	font-weight:bold;
}

.titre_vert_fiche a{
	color:#7fc241;
	font-weight:bold;
	text-decoration: underline;
}

.titre_vert_fiche a:hover{
	color:#7fc241;
	font-weight:bold;
	text-decoration: underline;
}