/* style generic*/



body {

background-color:#ddddbb; font:14px Arial, Helvetica, sans-serif; text-align:center;}

* {

margin:0; padding:0;}



a img {border:  none ;}

a:link {color:#0284fe} 



a:visited {color:#7c0042} 



a:active {color:#010100} 



a:hover {color:#000000; background-color:#ddddbb;} 





/* */



/* div de contenu */

#container{

width: 758px; height:auto; position: relative; margin-left:auto; margin-right:auto; margin-top:50px; text-align:left;}

#tete {
width:758px; height:100px; position: relative; background-image:url(../images/haut2.gif);}

#corps {

width:758px; height:auto; position: relative; margin-left:auto; margin-right:auto; background-image:url(../images/milieu.gif); background-repeat:repeat-y; font-size:100%;}

#bloc1 {
width:758px; height:auto; position: relative; margin-left:auto; margin-right:auto;  font-size:100%; text-align:center;
}

#menu {

width:758px; font-size:100%; text-align:center; padding-top:10px}

#pied{

width:758px; height:26px; background-image:url(../images/bas.gif); background-repeat:no-repeat;}

#inser{
width:758px; text-align:center; font-weight:bold;}

/* */



/* div de logo/tete*/

#logo {

width:713px; position:absolute; top:20px; left:40px;}


#im_tete{

float:left; margin-top: -30px; margin-right: 20px; 	margin-left: 30px;

}

#tete p {

width:720px; position:relative; top:22px; left:30px; color: #6697c2; font-weight: normal; font-style: italic; text-align: right;

}

/* */

#accroche {

padding-top: 60px; padding-right: 60px; padding-bottom:30px; font:16px Arial, Helvetica, sans-serif;}

/* div d'onglets*/

#qui, #contacts, #competences, #realisations{

margin-top: 40px; margin-left: 20px; width:45%; background-image:url(../images/onglet.jpg); background-repeat:no-repeat; float: none;}

#chantiers{
margin-top: 20px; margin-left: 20px; width:100%; float: none;}


#realisations{

float: right; margin-right: 10px; }

#tpied{

margin-top: 20px; width:100%; color:#6697c2; text-align:center; font-size:.80em;}

.legend{
padding-bottom: 100px; width:100%; color:#000000; text-align:center; font-size:.75em;}


#retrait{

margin-left: 20px; margin-bottom: 30px;}

#liste {

padding-left: 40px;}

#competences2 {

margin-top: 15px; margin-left: 20px; width:45%;}

#exerg2{

	font-weight:bold;

	font-style:italic;

	text-align:center;

	/*text-indent:60px;*/

}


.flot {
  border: thin #79022A;
  margin: 20px;
  float: left;
  width: 200px;
  text-align: center;
}


.exerg3{

color: #79022A; font-weight: bold; font-style: italic; line-height: 20px; text-align:center; font-size: 18px;

}



.exerg{

font-weight:bold; }



#filet{

top:20px;}

#cont{ margin-top:40px; margin-top:40px; font-weight:bold; }

/* Contact Formulaire */



/* Formulaire */

INPUT.mailobli, INPUT.mailoblil {font-size : 10pt; font-family:arial; padding : 2 px; color: black; background-color:#c6def6; border:2px solid #7a032a; width:150px; height:18px; }

INPUT.mailoblil{width:250px;}

INPUT.mailno{font-size : 10pt; font-family:arial; padding : 2 px; color: black; background-color:#ffffff; border:1px solid #000000; width:150px; height:18px; }

TEXTAREA.mess {font-size : 10pt; font-family:arial; background-color: #c6def6; color: #000000; border: 2px solid #7a032a;}

SELECT.mess {font-size : 10pt; font-family:arial; background-color: #ffffff; color: #000000; border:1px solid #000000; width:155px; }

#formu{  padding-top:50px;  padding-left:5px; width:520px; margin-left:auto; margin-right:auto; text-align: center;}

input.bouton { border:1px inset black; background-color:#FFFFFF; font-weight:bold; cursor:pointer;}

input.bouton:hover {background-color:#c6def6; color:#000000; }



/* Tableau */

table {text-align:right; border: thin dashed #226aab;}

.celhsp {height: 10px;}

#message { vertical-align: top; }

.celft, #celftcon {text-align: left; color: #7a032a;}

#celftcon { font-weight:bold;  font-variant:small-caps;  text-align: center; }

.cergt {text-align: right;}

.celplus {text-align: left;}


/* Chantiers */

.bloc2 {
background-color: green;
height: 50px;
width: 200px;
float: left;
margin-left: 20px;
}
.bloc3 {
background-color: red;
height: 50px;
width: 200px;
float: left;
margin-left: 20px;
}