/* CSS Document */

body 
{
	background-color:#FFFFFF; 
	margin:10px;
	text-align:center;
	font-family:font-familly:"Verdana", "sans-serif";
	font-size:12px;
	color:#52749E	
}
.global  {
	width:90%;
}

.haut  {
	height:110px;
	border-bottom:medium none;
	background-image:url('img/photochantier.jpg');
	background-repeat:no-repeat;
	padding:0px;
	text-align:left
}

.bordgauche  {
	border-bottom:medium none;
	background-image:url('http://www.multiservicespro.com/image/photo/leggris.gif');
	background-repeat:repeat;
	padding:0px;
}
.borddroit  {
	border-bottom:medium none;
	background-image:url('http://www.multiservicespro.com/image/photo/leggris.gif');
	background-repeat:repeat;
	padding:0px;
}









a.bouton {
FONT-SIZE:11px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
  color: white;
  background-image:url('img/footer.jpg');
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px; 
  border: 2px outset #c0c0c0;
}
a.bouton:hover 
{
  color:red;
  background-color: red;
  border: 2px inset #c0c0c0;
}


.haut h1  {
	color:#FFFFFF;
	font-size:26px;
	margin:0px;
}
.menu_haut  {
	text-align:right;
	color:#FFFFFF;
	padding:0px;
	font-size:13px;
}

.menu_haut2  {
	width:100%;
	height:25px;
	text-align:center;
	background-image:url('img/footer.jpg');
	background-repeat:repeat;
	color:#FFFFFF;
	font-size:15px;
}

.menu_gauche  {
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	width:50%;
	border-bottom:medium none;
	border-right:medium none;
	background-image:url('img/menu.gif');
	color:#FFFFFF;
	text-align:left;
	font-size:12px
}
.principal  {	
	width:50%;
	border-left:1px solid #000000; 
	border-right:1px solid #000000; 
	border-top:1px solid #000000; 
	border-bottom:medium none;
	background-image:url('img/contenu.jpg');
	background-color:#FF0000; 
	text-align:left
}
.login  {
	width:240px;
	border-right:1px solid #000000; border-top:1px solid #000000;
	border-bottom:medium none;
	background-image:url('img/plannumerise.jpg');
	color:#FFFFFF;
	text-align:center;
	font-size:12px
}
.menu_droit  {
	border-right:1px solid #000000; border-top:1px solid #000000; width:160px;
	border-left:medium none;
	border-bottom:medium none;
	background-image:url('image/menudroit.gif');
	color:#FFFFFF;
	text-align:left;
	font-size:12px
}
.menudroite  {
	border:1px solid #000000;

}	


.menu_forum  {
	background-color:#336699; background-image:url('image/menu.gif');
	color:#FFFFFF;
	font-size:12px
}
.menu_bas  {
	width:100%;
	border:1px solid #000000;
	text-align:center;
	background-image:url('img/footer.jpg');
	color:#FFFFFF;
	padding:2px;
	font-size:12px
}
.entete_rub  {
	background-image:url('image/entete.gif');
	color:#FFFFFF;
	padding:5px;
	font-weight:bold;
	font-size:13px;
	height:12px
}
.contenu  {
	text-align:left;
	font-size:12px;
}
.contenu a:link {
	color:#003366;
	font-weight:bold;
	text-decoration:none;
}
.contenu a:visited {
	color:#003366;
	font-weight:bold;
	text-decoration:none;
}
.contenu a:hover  {
	color:#52749E;
	font-weight:bold;
	text-decoration:underline;
}



.menudroit a {
	padding-left: 5px;
	color:black;
	text-decoration:none;
}

.menudroit a:hover  {
	color:white;
	font-weight:bold;
	text-decoration:none;
	
}








.menu_link a {
	display: block;
	text-decoration:none;
	padding:3px;	
}
.menu_link a:link  {
	color:#FFFFFF;
	text-decoration:none;
}
.menu_link a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.menu_link a:hover  {
	background-color:#FFFFFF;
	background-image:url('image/menulien.gif');
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
}
.menu_haut2 a:link  {
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.menu_haut2 a:visited  {
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.menu_haut2 a:hover  {
	font-weight:bold;
	text-decoration:none;  /* souligne = underline*/
	color:#FF0000;
}
.menu_bas a:link  {
	text-decoration:none;
	color:#FFFFFF;
}
.menu_bas a:visited  {
	text-decoration:none;
	color:#FFFFFF;
}
.menu_bas a:hover  {
	text-decoration:none;  /* souligne = underline*/
	font-weight:bold;
	color:#FF0000;
}
.detail {

	font-size:8px;
	color:#FF0000;
	
}



.contenu h1  {
	font-size:19px;
	color:#003366;
	margin:0px; 
}



h2  {
	font-size:16px;
	margin:0px; 
}
h3  {
	font-size:14px;
	margin:0px; 
}
p  {
	margin-top:4px;
	margin-bottom:4px;
}
input  {
	border:1px solid #000000;
	font-size:10px;
}
textarea  {
	border:1px solid #000000;
	font-familly:"Verdana", "sans-serif";
	font-size:11px;
}
img  {
	margin:4px;
}
.img  {
	border:none;
	margin:2px;
}
.smiley  {
	border:none;
	margin:10px;
}
.bouton_suppr  {	
	cursor: pointer;
	color:#D80000;
	background-color:#D80000;
	font-size:0px;
	height:15px;
	width:15px;
	border:medium none;
	background-image:url('image/annuler.gif')	
}
form  {
	margin-top:4px;
	margin-bottom:4px;
}
form div  {
	padding:2px;
}
.hr  {
visibility:hidden;
margin:0px;
padding:0px;
}
.Bbloc  {
padding:5px;
border:1px solid #000000;
}

.pretour /* paragraphe aligne adroite essentiellement utiliser pour faire mettre les felche montant */
{
   text-align:right;
}

.pretour span
{
   float: left    
}



/* -------------------------------------------------------------------   C S S   D E    LA     ZONE    DE    NEWS -----------------------------------*/

A.titrenews  
{
	FONT-SIZE: 14px; /* taille de la police*/
	color: red; /* couleur de la police*/
	TEXT-DECORATION: none; /* suprime le souligné*/
	FONT-WEIGHT: bold; /* met en gras*/
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
}

A.titrenewsbis 
{
	FONT-SIZE: 12px; /* taille de la police*/
	color: red; /* couleur de la police*/
	TEXT-DECORATION: none; /* suprime le souligné*/
	FONT-WEIGHT: bold; /* met en gras*/
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
}

A.titrenews:hover  /* effet quand la souris passe dessus */
{       
    FONT-SIZE: 12px; /* taille de la police*/
    COLOR: white; /* couleur de la police*/
	TEXT-DECORATION: none; /* suprime le souligné*/
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
}

A.textnews 
{
	FONT-SIZE: 13px; /* taille de la police*/
	color: black; /* couleur de la police*/
	TEXT-DECORATION: none; /* suprime le souligné*/
	FONT-WEIGHT: bold; /* met en gras*/
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
}

A.textnewsbis 
{
	FONT-SIZE: 13px; /* taille de la police*/
	color: black; /* couleur de la police*/
	TEXT-DECORATION: none; /* suprime le souligné*/
	FONT-WEIGHT: bold; /* met en gras*/
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
}

A.textnews:hover/* Tous les liens se trouvant dans un menu */
{
	FONT-SIZE: 13px; /* taille de la police*/
	color: blue; /* couleur de la police*/
	TEXT-DECORATION: none; /* suprime le souligné*/
	FONT-WEIGHT: bold; /* met en gras*/
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
}



.messagederreur  /*  pour les formulaire*/
{
FONT-SIZE:12px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
color: #FF0000; /* couleur de la police*/
font-weight:bold;  /* police en gras*/
text-align:center;

}





/* -------------------------------------------------------------------   C S S   D U    FORMULAIRE DEVIS  -----------------------------------*/
.titreformulaire  /* TITRE DES FORMULAIRE*/
{
FONT-SIZE: 16px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
color: #FF0000; /* couleur de la police*/
font-weight:bold;  /* police en gras*/
text-align:center; /* police centre sur la ligne*/
}

.titresaisie  /*  ZONE DE SAISIE*/
{
FONT-SIZE:12px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
color: #000000; /* couleur de la police*/
font-weight:bold;  /* police en gras*/
text-align:left; /* police centre sur la ligne*/
}

.titreF1  /* TITRE DES ZONES DU FORMULAIRE*/
{
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:RED DOUBLE 4px;
	text-align:left;
}

.indice  /* style des indices*/
{
FONT-SIZE: 10px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
color: #FF0000; /* couleur de la police*/
font-weight:bold;  /* police en gras*/
text-align:left; /* police centre sur la ligne*/
}

.legende      /* Explication sur les formulaire */
 { 
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
	color:BLACK;
	font-style:italic;  
	font-size:7pt;
	text-align:justify;
}

.condition      /* Explication sur les formulaire */
 { 
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
	color:BLACK;
	font-size:8pt;
	text-align:justify;
}

.radio 
{
FONT-SIZE:12px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
color: #000000; /* couleur de la police*/
text-align:left; /* police centre sur la ligne*/
}
	
.selectF 
{
FONT-SIZE:11px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
color: #000000; /* couleur de la police*/
text-align:left; /* police centre sur la ligne*/
background-color:#FFEFD5;/* couleur du fon de la zone selection */
}


.textarea 
{
	border:GRAY solid 1px;
	background-color:#FFEFD5;
	color:BLACK;
	font-family:Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
	font-size:9pt;
	font-weight:normal;
}





/* -------------------------------------------------------------------   CONDITION GENERALE  -----------------------------------*/

#faq
{
width:80%;
text-align:left; /* police centre sur la ligne*/
}


.titre1  /* TITRE DES FORMULAIRE*/
{
FONT-SIZE: 16px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
color: #FF0000; /* couleur de la police*/
font-weight:bold;  /* police en gras*/
border-bottom:RED DOUBLE 4px;
}


.question  /* effet quand la souris passe dessus */
{       
FONT-SIZE: 12px; /* taille de la police*/
COLOR: #000000; /* couleur de la police*/
TEXT-DECORATION: none; /* suprime le souligné*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
}

.question:hover  /*  ZONE DE SAISIE*/
{
FONT-SIZE:12px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
color: #FF7A3E; /* couleur de la police*/
font-weight:bold;  /* police en gras*/
TEXT-DECORATION: none; /* suprime le souligné*/
}

.question2  /*  ZONE DE SAISIE*/
{
FONT-SIZE:12px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
color: #FF7A3E; /* couleur de la police*/
font-weight:bold;  /* police en gras*/
TEXT-DECORATION: none; /* suprime le souligné*/
}






.reponse  /*  ZONE DE SAISIE*/
{
FONT-SIZE:12px; /* taille de la police*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
color: #000000; /* couleur de la police*/
}

.centre {
    text-align:center;
    margin:1em;
}

 
img { border: 0; } 


.gras {
    font-weight:bold;  /* police en gras*/
}

.prose{ /* défini le fond d'un paraghe de couleur rose */
width:80%;
   text-align: justify;
   color: #555555;
   padding: 15px;  
   border:1px solid #ccc;  
   background:#FFF4D7;
}

.invisible/*  pour cacher des liens*/
{
	color: white;
	vertical-align:top;
    cursor: default;
    FONT-SIZE: 1px; /* taille de la police*/
    TEXT-DECORATION: none; /* suprime le soulign?*/
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
}