﻿html, body
{

font-family: Arial,Verdana;
/* font-size: 10pt; */
text-align:center;
/* background-image: url('../images/fond.jpg');
background-repeat:repeat-x; */
background-color:#ccc;
margin:0 auto;

}

li
{
/* list-style:none; */
}

a
{
color: black;
text-decoration: none;
}

a img
{
border: none;
text-decoration: none;
}

scroll
{

}

.center
{
position:relative;
text-align:center;
margin:0px auto 0 100px;
}

.submit,
form label.submit
{
border:none;
color:#0599e1;
background-color:#ffff66;
width:98px;
}

input
{
border:1px #0599e1 solid;
}

table
{
font-size:10pt;
}

#body
{
position:absolute;
width: 990px;
top:15px;
left:50%;
margin-left:-495px;
background-color:#fff;
background-image:url(../images/header.png);
background-repeat:no-repeat;
/* text-align: left; */
border:3px #ffff66 solid;
}

#header
{
padding:10px;
margin-left:-800px;
}

#titre
{
position:absolute;
left:160px;
top:30px;
width : 500px;
height:100px;
padding : 2px;
text-align:left;
font-size:9pt;
color:#9e9e9e;
font-weight:bold;
line-height:15pt;
/* border:1px black solid; */
}

#titre p
{
margin-left:-30px;
}

#financeur
{
position:absolute;
right:0px;
top:0px;
/* width : 500px;
height:100px; */
padding : 2px;
text-align:right;
font-size:9pt;
/* color:#9e9e9e; */
font-weight:bold;
line-height:15pt;
/* border:1px black solid; */
}

#fond
{
float:right;
padding-right:30px;
}

/********************CONTENU************************/
#conteneur
{

margin-top:5px;
margin-left:60px;
float:left;
width:800px;
height:auto;
min-height:500px;
font-size:10pt;
/* font-weight:bold; */
/* border:1px black solid; */
text-align:justify;
}

#conteneur p
{text-align: justify;
line-height:20px;}

#instructions
{
position:absolute;
top:400px;
left:620px;
width:350px;
}

/********************MENU************************/
#menu
{
margin-top:-30px;
/* margin-left:-185px; */
font-size:11pt;
font-weight:bold;
/* color:#0599e1; */

}

.hovermenu ul
{
font: bold 14px arial;
padding: 10px 0 0 0;
margin-left: 15px;
height: 5px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.6em;
text-decoration: none;
float: left;
color: #0599e1;
}

.hovermenu ul li a:hover{
background-color: #ffff66;
}



/***********************FICHE_ID********************************************/
#fiche
{
margin-top:15px;
width:900px;
}

#dispo_id
{
background-color:#0599e1;
color:white;
width:220px;
margin-top:-18px;
padding:10px;
float:left;
text-align:left;
}

#descriptif
{
padding-bottom:20px;
float:left;
margin-top:0px;
margin-left:20px;
width:630px;
}




#menu_dispo
{
margin-left:235px;
margin-top:-25px;

font-size:8pt;
font-weight:bold;
width:670px;
}



.hovermenu_dispo ul{
font: bold 14px arial;
padding: 10px 0 0 0;
margin-left: 15px;
height: 5px;
}

.hovermenu_dispo ul li{
list-style: none;
display: inline;
}

.hovermenu_dispo ul li a{
padding: 2px 0.6em;
text-decoration: none;
float: left;
color:#b2b2b2;
}

.hovermenu_dispo ul li a:hover{
background-color: #ffff66;
}




.img
{
position: relative;
top: 7px;
}
.img_big
{
position: relative;
top: 20px;
left:-5px;
}

h3
{
font-size:12pt;
}

h6
{
margin-top:-12px;
margin-bottom:0px;
font-size:14pt;
}

h2
{
margin-top:-40px;
}



/************************formulaire de contact********************************/

form.contact {
position:relative;
width:460px;
left:180px;
border-top:1px #2186b8 solid;
}

form.contact label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 10px;
	padding: 5px 0px 10px 10px;
	text-align:left;
}

form.contact input {
	display: block;
	margin-top: 3px;
	width:200px;
}

form label.field-first,
form label.field-societe,
form label.field-zip,
form label.field-city,
form label.field-email,
form label.field-phone
 {
	float: left;
	margin: 0 10px 0px 0px;
	width: 200px; 
	/* border:1px green solid;  */
}

form label.field-address
 {
float:left;
/* margin-right:10px; */
}
form label.field-address input
 {
width: 430px;
float:left;
}

form label.field-zip input
 {
width: 80px;
}

form label.field-zip
 {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 80px; 
}

form label.field-city input
 {
width: 320px;
}

form label.field-text
 {
float:left;
}
form label.field-text textarea
 {
 clear:both;
width: 420px;
height:100px;
margin-top:4px;
}

form label.field-submit input
{
height:23px;
width:74px;
margin-left:350px;
margin-top:-15px;
background-color:white;
font-weight:bold;

}

form label.field-submit
{
color:red;
font-weight:bold;
}

#bug
{
border:2px black solid;
} 

fieldset
{
width:400px;
padding:10px;
background-image:url('../images/keys.jpg');
background-position: center right;
background-repeat:no-repeat;
margin:80px auto 0 auto;
}


/*****************************************************************************/
/*************************signature pluriconcept********************************/
#signature
{
position: absolute;
bottom: -50px;
left:200px;
/* margin-left:-5%; */
text-align:center;
z-index:10;
font-size: 8pt;
} 

.texteorange
{
color:#fe9e34;
font-weight:bold;
}

.textebleu
{
color:#3399cc;
font-weight:bold;
}

.textebleu2
{
color:#2186b8;
font-weight:bold;
}



