/*****************PRINCIPAL************************/

body { font-family: Arial,Verdana, Helvetica; font-size: 12px; text-align: left;
	   margin:0; padding:0; color:#000; }

#conteneur { width: 949px; border: 1px solid #607C8C; border-top:0;
	         margin: 0 auto; background: #accae6; text-align:left; }
#header   { width: 948px; height: 95px; background-image: url(../images/logoIndex3.jpg); }	
#pied { clear:both; background:#a0a0a0;border-top: 1px solid #fff; }
#pied p {text-align:center;color:#fff;margin: 0;paddin:0;}

/*****************/
/* page index    */
/*****************/ 

#Accueil {background-image:url("../images/logoIndex.jpg") ; background-repeat:no-repeat; height:516px; }
#principal{	text-align: center;}
#texteAccueil h1 {font-size:13px;}	 
#texteAccueil{ border: 2px solid #fff; width: 350px; padding:5px; position: relative;
               top: 250px; left: 400px; margin: 0; font-size: 12px;  }
#titre {text-align: center; font-family : Arial, Helvetica, sans-serif;	color :#5196A6;font-size : 16pt;font-weight : bold;	margin-bottom: 45px; margin-top: 10px;}
#titre p{background:#fff ;border-top: 1px solid #5196A6; border-bottom: 1px solid #5196A6; border-left: 6px solid #5196A6; border-right: 6px solid #5196A6;width: 350px;}
/*****************/
/* page contact  */
/*****************/ 

form.css label {display: inline;float: left;width:120px; }	 
form.css {  border: 2px solid #fff; width: 550px; }	 

input, textarea { border:2px solid #5196A6; margin-bottom: 5px;}

input.bouton {
border:2px outset #71a3a0;
font-weight:bold;
cursor:pointer;
background-color:#5196A6;
color:white;
margin-top: 20px;

}
input.bouton:hover {
background-color:white;
color:#71a3a0;
}
input.bouton:active {
border:2px inset #71a3a0;
background-color:#71a3a0;
color:white;
}

/***********************/
/* page vente dériveur */
/***********************/ 
#deriveur {background-image:url("../images/logoIndex2.jpg") ; background-repeat:no-repeat;}
#deriveur table.css {width:90%;border:5px;}
#deriveur table.css2 {width:100%;background-color:#FFF;border:2px solid #5196A6;}
#deriveur td.titrecss2{background-color:#5196A6;color:#fff;font-weight:bold; margin:2px; padding:2px;}
#deriveur td {border-bottom:2px solid #5196A6;margin:2px;padding:8px;}
#deriveur td.imgcss{text-align:center;padding-top:5px;}
#deriveur a{ color: #5196A6; text-decoration: none;font-weight:normal;font-size: 1em; }


/****************************/
/* page suppression annonce */
/****************************/ 

table.Tabsup{width:100%;background-color:#FFF;border:2px solid #5196A6; }
table.Tabsup thead {background-color:#5196A6;color: #fff;border:2px solid #fff;}

/****************************/
/*      page Travaux        */
/****************************/ 

#travaux {background-image:url("../images/logoIndex2.jpg") ; background-repeat:no-repeat;}}
#travaux  ul { font-size: 12px;padding:10px;}
#travaux li { margin-left:20px ; }
#travaux h3,#location  h3 { text-indent: 20px;font-size :16pt;font-weight :bold;color :#5196A6; }
.liste{width:600px; background-color: #fff;margin-left:75px ;border:2px solid #5196A6;}
.min{ font-size: 12px;font-weight :bold;color :#5196A6; }

/****************************/
/*      page Location        */
/****************************/ 

#location {background-image:url("../images/logoIndex2.jpg") ; background-repeat:no-repeat;}
#location table {border:1px solid #000;}
#location td {background-color:#FFF;border:1px solid #000;}
.middle {text-align:center;}
#location table.indentTab {margin-left:100px;margin-bottom:10px;}
#location table.indentTab td{border:1px solid #000;}
#location table.descriptif {border:1px solid #000;}
#location td.bleu {	color :#fff; font-weight :bold;text-align:center;font-style:italic; background-color:#5196A6;}
#location tr.bleu {	color :#fff; font-weight :bold;text-align:center;font-style:italic; background-color:#000;}
.blanc {color :#fff;font-weight :bold;font-size:15px;}


/******************************/
/* POPUP Suppression Annonce  */
/******************************/
#supfiche{border:2px solid #5196A6;margin:15px ;background-color: #fff;padding:10px;font-size:15px;}
.attention{color:red;font-weight:bold;text-align:center;font-size:20px;}

#supfiche  input {font-family : Verdana, arial, helvetica, sans-serif;font-size: 8pt;background-color:#fff;border:2px solid #5196A6;
            margin-top:12px;text-align:center; margin-left: 40px;margin-right: 30px; margin-bottom: 2px;padding:2px;}
            
/******************************/
/*      Modif  Annonce        */
/******************************/
#modifOk{
width :350px;
border:2px solid #6BA2CB;
background-color:#fff;
}
#modifOk h4 {color:red;font-weight:bold;}      

#modif table {border:0px solid #000;}


/******************************/
/*       Page admin           */
/******************************/
#travaux  a { color: #000; text-decoration: none;font-weight:normal;font-size: 1em; border-left:  5px solid #fff;padding-left: 5px;}
#log {height:500px;}
/******************************/
/*       Page contact         */
/******************************/
#principal {background-image:url("../images/logoIndex2.jpg") ; background-repeat:no-repeat;height :600px;}

/** temp **/
#header a{ color: #DCE3E9; text-decoration: none;font-weight:normal;font-size: 1em; }
#header a:ACTIVE {  color:#000000; text-decoration: none; font-weight:normal;font-size: 1em;}
#header a:HOVER { color:  #000000; text-decoration: none; font-weight:normal;font-size: 1em;}
	 
	 
	 
#menu ul { padding:0.2em 0; margin: 0; list-style-type: none; background-color:#a0a0a0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; 
           color: #FFF;  width: 100%; font: x-small  arial, helvetica, sans-serif; text-align:left;}
#menu li { display: inline; }
#menu li a {text-decoration: none;color: #FFF;padding: .2em 1em;border-right: 1px solid #fff;}
#menu li a:hover{ background-color:#5196A6;;color: #fff;}


/* lien */
a {text-decoration:none;	color:#fff;}
a:hover{color:#fff;	text-decoration:none;}

/* form annonce*/
#annonce { width: 949px; border: 1px solid #607C8C; border-top:0;
	         margin: 0 auto; background: #accae6; text-align:left; height:830px;}