@charset "utf-8";
/* CSS Document 
# -> id
. -> class
*/


/* Accueil.php*/
.td1{
	margin-top:5px; 
	margin-bottom:5px;
}
/* Affichage rea neuf + restau */
.tab1{
	color:#828282;  
	border-left:hidden; 
	border-bottom:hidden; 
	border-right:hidden;
}
.div1{
	height:350px;
	/*overflow-y:auto;*/
	overflow:auto;
	font-size:14px;
}
.div2{
	text-align:center;
	width:482px;
	height:410px;
	/*overflow-y:auto;*/
	overflow:auto;
}
.div3{
	padding-top:5px; 
	padding-bottom:5px;
	cursor:pointer; 
	/*cursor:hand;*/
	color:#828282; 
	border-top:solid; 
	border-top-width:1px;
	border-bottom:solid; 
	border-bottom-width:1px;	
}
.div4{
	padding-top:5px; 
	padding-bottom:5px;
	color:#828282; 
	border-bottom:solid; 
	border-bottom-width:1px;
	cursor:pointer;
	/*cursor:hand;*/
	font-size:12px;	
		margin-top:0px;	
	margin-bottom:0px;	
}
.div5{
	padding-top:5px; 
	padding-bottom:5px; 
	color:#828282;
	border-top:solid; 
	border-top-width:1px;
	border-bottom:solid; 
	border-bottom-width:1px;
	cursor:pointer; 
	/*cursor:hand;*/
	font-size:12px;
		margin-top:0px;	
	margin-bottom:0px;	
}
.td2{
	font-size:14px;
	color:#828282; 
	border-top:hidden; 
	border-left:hidden; 
	border-bottom:hidden; 
	border-right:hidden;	
}
.tdtitre{
	font-size:14px;
	color:#828282;  
	border-top-color:#828282; 
	border-left:hidden; 
	border-bottom:hidden; 
	border-right:hidden;
	text-align:left;	
}
.infos{
	background:#333333;
	color:#828282; 
	border-top:hidden; 
	border-left:hidden; 
	border-bottom:hidden; 
	border-right:hidden;
}
.infos2{
	background:#333333;
	overflow:hidden;
	border-left:hidden; 
	border-right:hidden;
	border-bottom:hidden;
	border-top:hidden;
}
/* Partie affichage images des réalisations */ 
a.images_projet {  color:#000000;   }
a.images_projet {  color:#000000;   }
a.images_projet:hover {  color:#FFFFFF;  }
a.images_projet:visited {  color:#333333; text-decoration:none }
/*.images_projet a:link {  color:#333333; text-decoration:none }*/
/* CONTACT */
.tdalign{
	text-align:left;
	vertical-align:middle;
}

/* index.php*/
.AccueilImg{
	/*margin-top:5px; 
	margin-bottom:5px;*/
	padding:5px;	
}


a.AccueilImg{text-decoration:none;}
/* Societe */
.tabsociete{
	color:#828282; 
	font-size:14px;
}
/* Temoignage */
.tabTemoignage{
	color:#828282; 
	font-size:14px;
}
/* */
.tableau{
	border:0px;
	border-top:hidden; 
	border-left:hidden; 
	border-right:hidden; 
	border-bottom:hidden;
}

#layer4
{
   position:absolute;
   width:200px;
   height:115px;
   z-index:3;
   overflow: auto;
   left: 300px;
   top: 61px;
}

/* Survol catégorie */
.norm { 
background-color: #000;
border-left:hidden;
border-right:hidden;
border-bottom:hidden;
border-bottom:medium; 
color:#999; } /* Noir */
.over { 
background-color: #333333;
border-left:hidden;
border-right:hidden;
border-bottom:hidden;
border-bottom:medium; 
color:#999; }
/* Survol realisation
 	list_projets.php
*/
.norm2 {
	background-color:#333333;
	color:#828282;
	margin-left:10px;
	
	
} 
.over2 { 
	background-color: #535353;
	color:#828282;
	margin-left:10px; 
	margin-right:10px;
	cursor:pointer;
}
.categorie{
	color:#828282;
	margin-left:10px;
	font-style:italic;
}
.hrprojet{
	color:#820000;
	/*size:1px; */
	padding-top:0px; 
	margin-top:0px;
	border-color:#820000;
}
.hrpage{
	color:#820000;
	/*size:2px;*/ 
	padding-top:0px; 
	margin-top:0px;
	border-color:#820000;
}
.titrerea{
	width:100%;
	color:#9b0000;
	margin-top:10px; 
	margin-left:10px; 
	margin-right:10px;	
}

.tabprojet{
	width:100%;
	overflow:hidden;
	background-color:#333333;
}
/* projets.php */
.tdtitrerea{
	/*color:#828282; 
	padding-top:0px; */
	border-top:hidden; 
	border-left:hidden; 
	border-bottom:hidden; 
	border-right:hidden;
	cursor:pointer;
	/*cursor:hand;*/
}

.divtitrerea{
	color:#828282; 
	border-top:solid; 
	border-top-width:1px; 
	width:130px; 
	padding-top:5px; 
	padding-bottom:5px;
}
.divtitrerea2{
	color:#828282; 	
	padding-top:5px; 
	padding-bottom:5px;
	border-top:solid; 
	border-top-width:1px; 
	width:165px; 
}
.tdprojet_1{
	border-bottom-color:#828282; 
	border-left:hidden; 
	border-right:hidden;
	border-bottom:hidden;
	border-left:hidden;
}

/* FORMULAIRE */
#coordonnees {
	margin:15px 0 0 5px;
	width:580px;
	border:5px solid #65C1FF;
	/*-moz-border-radius:8px;*/
	background:#fff;
}
#coordonnees legend {
	padding:0 5px;
	border:none;
	background:#fff;
	color:#333;
	border:3px solid #65C1FF;
	/*-moz-border-radius:8px;*/
}
#inscription label {
	float: left;    /*** Très important, ne pas suprimer ! ***/
	width: 22%;    /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;    /*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 18px;    /*** ... et centrés verticalement. ***/
	color:#000;
	background-image:url(images/erreur.gif);
}

#inscription input {
	border:1px solid black;
	padding:2px;
}

.exemple {
	font-size:.75em;
	font-style:italic;
	float:right;
	margin-top:-20px;
	display:none;
}

label.oblig {
	
	
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
.focus { /*** Retour à l'état normal après l'utilisation ***/
	background: #65C1FF;
	color: black;
}
.normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;

}
.erreur {
	background:red;
}

#but_submit {
	margin:5px 0;
}
.test{
	background-image:url(images/erreur.gif);
	color:#F00;
}


.titre1{
	padding-left:5px;
	padding-top:15px;
	color:#828282;
}
.titre2{
	padding-left:45px;
	padding-top:10px;
	color:#828282;
}
.titre3{
	padding-left:100px;
	color:#828282;
}
.url1{
	color:#828282;
	text-transform:uppercase;
}
.url1:visited{
color:#828282;
}
.url1:hover{
	color:#FFF;
	text-transform:uppercase;
}


.url2{
color:#828282;
font-style:italic;
}
.url2:visited{
color:#828282;
}
.url2:hover{
color:#FFF;
}

.url{
color:#828282;
}
.url:visited{
color:#828282;
}
.url:hover{
color:#FFF;
}


.menu{
	color:#fff; 
	margin-left:0px;
	text-decoration:none;
}
.amenu{
	color:#828282; 
	margin-left:0px;
	text-decoration:none;
}
.amenu:hover{
	color:#fff; 
	margin-left:0px;
	text-decoration:none;
}
.menu2{
	color:#fff; 
	margin-left:15px;
	text-decoration:none;
}
.amenu2{
	color:#828282; 
	margin-left:15px;
	text-decoration:none;
}
.amenu2:hover{
	color:#fff; 
	margin-left:15px;
	text-decoration:none;
}
/*
.menu1:hover{
	color:#fff; 
	margin-left:15px;
	text-decoration:none;
}
.menu2{color:#fff;text-decoration:none;}
.menu3{color:#828282;text-decoration:none;}
.menu3:hover{color:#fff;text-decoration:none;}*/